@charset "UTF-8";
.vision {}
.vision_cols {
	/* display: flex;
	justify-content: space-between; */
	align-items: center;
	margin-bottom: 45px;
}
.vision_cols:last-child {
	margin-bottom: 0;
}
.vision_col {}
.vision_col-no1 {
	position: relative;
	z-index: 0;
	width: calc(100% - 530px);
}
.vision_image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
	top: 50%;
	width: 768px;
	height: 530px;
	transform: translateY(-50%);
}
.vision_image-01 {
	background-image: url(/assets/img/vision/pt-vision01@2x.jpg?date=210122);
	left: -150px;
}
.vision_image-02 {
	background-image: url(/assets/img/vision/pt-vision02@2x.jpg?date=210122);
	right: -150px;
}
.vision_col-no2 {
	width: 100%;
	min-width: 530px;
	position: relative;
	z-index: 2;
}
.vision_title {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.76;
	letter-spacing: 0.1em;
	text-align: left;
}
.vision_title-right {
	text-align: left;
}
.vision_text {
	text-align: left;
}
.msg {}
.msg_title {}
.msg_title > small {}
.msg_title > b {}
.msg_image {}
.msg_image > img {
	display: block;
	max-width: 100%;
	height: auto;
}
.msg_name {
	font-size: 38px;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 0;
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 110px;
	transform: translateY(-50%);
}
.msg_name > small {
	display: block;
	font-size: 18px;
	margin-bottom: 8px;
}
.msg_text {}
.vision_cols-rev {
	flex-direction: row-reverse;
}
.vision_col-no1-rev {}
.vision_col-no2-rev {}
.msg_imageWrap {
	position: relative;
	z-index: 1;
	margin-bottom: 70px;
}
@media screen and (min-width:1000px) {}
@media screen and (max-width: 999px) {
	.vision {
		/* margin-bottom: 120px; */
	}
	.vision_cols {
		/* min-height: 414px; */
		margin-bottom: 40px;
	}
	.vision_cols:last-child {}
	.vision_col {}
	.vision_col-no1 {
		width: calc(100% - 460px);
	}
	.vision_image {
		width: 600px;
		height: 414px;
	}
	.vision_image-01 {
		left: 0;
		margin-left: -130px;
	}
	.vision_image-02 {}
	.vision_col-no2 {
		width: 460px;
		min-width: 460px;
		padding-top: 30px;
	}
	.vision_title {
		font-size: 26px;
		margin-bottom: 25px;
	}
	.vision_title-right {}
	.vision_text {}
	.msg {}
	.msg_title {}
	.msg_title > small {}
	.msg_title > b {}
	.msg_image {}
	.msg_image > img {}
	.msg_name {
		font-size: 32px;
		right: 70px;
	}
	.msg_name > small {
		font-size: 14px;
		margin-bottom: 8px;
	}
	.msg_text {}
	.vision_cols-rev {}
	.vision_col-no1-rev {}
	.vision_col-no2-rev {}
	.msg_imageWrap {}
}
@media screen and (max-width: 767px) {
	.vision {
		/* margin-bottom: 80px; */
	}
	.vision_cols {
		display: block;
		/* margin-bottom: 36px; */
	}
	.vision_cols:last-child {}
	.vision_col {
		width: auto;
	}
	.vision_col-no1 {
		height: 242px;
		margin-bottom: 29px;
	}
	.vision_image {
		height: 242px;
		width: 350px;
	}
	.vision_image-01 {
		margin-left: -20px;
	}
	.vision_image-02 {
		right: 0;
		margin-right: -20px;
	}
	.vision_col-no2 {
		min-width: 0;
		padding-top: 0;
	}
	.vision_title {
		font-size: 24px;
		line-height: 1.6;
		margin-bottom: 16px;
	}
	.vision_title-right {
		text-align: left;
	}
	.vision_text {}
	.msg {}
	.msg_title {}
	.msg_title > small {}
	.msg_title > b {}
	.msg_image {
		margin-bottom: 50px;
		padding-bottom: 64%;
		background-image: url(/assets/img/vision/pt-message01_sp@2x.jpg);
		background-size: cover;
		background-position: center center;
		background-color: #f3f4fa;
	}
	.msg_image > img {
		display: none;
	}
	.msg_name {
		position: static;
		transform: none;
	}
	.msg_name > small {}
	.msg_text {}
	.vision_cols-rev {}
	.vision_col-no1-rev {}
	.vision_col-no2-rev {}
	.msg_imageWrap {
		margin-bottom: 35px;
		margin-left: -20px;
		margin-right: -20px;
	}
}
@media screen and (max-width: 374px) {
	.vision_image-01 {
		margin-left: -50px;
	}
	.vision_image-02 {
		margin-right: -50px;
	}
}

/* レイアウト・共通 */
.vision_section { margin: 2.5rem auto; max-width: 1024px; padding: 0 1rem; }
.vision_col { background: #fff; }
.vision_subtitle { font-size: clamp(1.125rem, 2vw, 1.5rem); margin: 1.5rem 0 0.25rem; }
.vision_label { font-weight: 700; margin: 0.75rem 0 0.75rem; }

/* 表（アクセシビリティ配慮） */
.table_wrap { margin-top: 0.5rem; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; }
.table_wrap:focus { outline: 3px solid #94a3b8; outline-offset: 2px; }

.wcag_table { width: 100%; border-collapse: separate; border-spacing: 0; }
.wcag_table caption {
  text-align: center; font-weight: 700; padding: 0.75rem 1rem; background: #f8fafc; border-bottom: 1px solid #e5e7eb;
}
.wcag_table thead th {
  text-align: center; font-weight: 700; padding: 0.75rem 1rem; background: #f1f5f9; border-bottom: 1px solid #e5e7eb;
}
.wcag_table tbody td {
  padding: 0.75rem 1rem; border-bottom: 1px solid #eef2f7; vertical-align: top;
}
.wcag_table tbody tr:nth-child(even) td { background: #fcfdff; }
.wcag_table tbody{
  text-align: center;
}
/* 適合レベルバッジ：色依存にしないためボーダー＋太字で明確化 */
.level-badge {
  display: inline-block;
  min-width: 2.25rem;
  text-align: center;
  font-weight: 700;
  border: 2px solid currentColor;
  border-radius: 999px;
  padding: 0.15rem 0.5rem;
  line-height: 1.2;
}
.level-a  { color: #0f172a; }   /* 濃色（高コントラスト） */
.level-aa { color: #0f172a; }

/* 例外事項リスト */
.vision_list {
	margin: 1rem 0 0;        /* 段落との間隔 */
	padding-left: 1.5rem;    /* 黒丸の位置 */
	list-style: disc;
  }
  
  .vision_list li {
	margin-bottom: 0.5rem;
	line-height: 1.7;
  }
  
  /* スマホ対応 */
  @media (max-width: 640px) {
	.vision_title-right { text-align: left; }
	.vision_list { padding-left: 1.25rem; }
  }
  
.vision_col a,
.vision_list a {
  color: #01B2D4;
  text-decoration: none;
}

.vision_col a:hover,
.vision_list a:hover,
.vision_col a:focus,
.vision_list a:focus {
  color: #018aa5;   /* 濃いめの色に変化 */
  text-decoration: none;
}