@charset "utf-8";
.vision_section {
		padding: 0 40px 180px;
}
.vision_area {
		width: 100%;
		height: 100%;
		position: relative;
}
.vision_inner {
		max-width: 980px;
		display: flex;
		margin: 0 auto;
}
.vision_col_figure {
		width: 480px;
		height: 480px;
		margin-right: 80px;
}
.vision_col_inner_figure {
		width: 480px;
		height: 480px;
		position: relative;
		background: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-base.png") no-repeat 0 0;
		background-size: 100%;
		transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.vision_col_inner_figure::after, .vision_col_inner_figure::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.vision_col_inner_figure::before {
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		transition: background 0.7s;
}
.vision_caption_gr {
		flex: 1;
}
.vision_col_inner_figure {
		transform: scale(1.3) translate(192px, 50px);
}
.vision_col_inner_figure::after {
		background: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-0-3.png") no-repeat 0 0;
		background-size: 100%;
}
.vision_col_inner_figure.figure-1 {
		transform: scale(1) translate(0px, 0);
}
.vision_col_inner_figure.figure-2, .vision_col_inner_figure.figure-3, .vision_col_inner_figure.figure-4, .vision_col_inner_figure.figure-5 {
		transform: scale(1) translate(0px, 0px);
}
.vision_col_inner_figure.figure-1::after, .vision_col_inner_figure.figure-2::after, .vision_col_inner_figure.figure-3::after, .vision_col_inner_figure.figure-4::after, .vision_col_inner_figure.figure-5::after {
		background: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_figure_0.png") no-repeat 0 0;
		background-size: 100%;
}
.figure-2::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-1.png");
}
.figure-3::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-2.png");
}
.figure-4::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-3.png");
}
.figure-5::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-3.png");
}
.vision_caption_gr .caption-box {
		margin: 0 0 300px;
		min-height: 200px;
}
.vision_caption_gr .caption-box:lang(en) {
		margin: 0 0 100px;
		min-height: 200px;
}
.vision_col_title {
		display: flex;
		align-items: flex-end;
		margin: 0 0 40px;
		color: #004ea2;
}
.vision_en {
		font-family: "Inter", sans-serif;
		font-weight: 520;
		font-size: 58px;
		line-height: 1;
		letter-spacing: -0.03em;
		margin: 0 15px 0 0;
}
.vision_jp {
		font-size: 16px;
		font-weight: 600;
		transform: translateY(-5px)
}
.vision_col_inner_caption p {
		line-height: 2.0;
		color: #004ea2;
		font-weight: 500;
}
.vision_col_inner_caption li {
		position: relative;
		list-style: none;
		font-weight: 500;
		margin: 0 0 15px;
		padding-left: 1.2em;
		box-sizing: border-box;
		color: #004ea2;
}
.vision_col_inner_caption li:lang(en) {
		line-height: 1.6;
}
.vision_col_inner_caption ul.none li {
		padding-left: 0;
}
.vision_col_inner_caption li::after {
		content: '・';
		font-weight: 700;
		display: block;
		position: absolute;
		top: 0;
		left: 0em;
		color: #b1c9e2;
}
.vision_col_inner_caption ul.none li::after {
		display: none;
}
.vision_col_inner_caption ul.extra {
		display: flex;
		flex-wrap: wrap;
		max-width: 380px;
}
.vision_col_inner_caption ul.extra li {
		width: 50%;
}
.vision_sb {
		font-size: 18px;
		font-weight: 500;
		margin: 0 0 20px;
		color: #004ea2;
}
.credo_sb {
		font-family: "Inter", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 20px;
		font-weight: 600;
		margin: 0 0 20px;
		color: #004ea2;
}
.credo_sb.second {
		margin-top: 50px;
}
@media(max-height: 800px) {
		.vision_col_figure {
				width: 300px;
				height: 300px;
				margin-right: 40px;
		}
		.vision_col_inner_figure {
				width: 300px;
				height: 300px;
				margin-top: 20px;
				transform: scale(1.3) translate(185px, 0);
		}
		.vision_caption_gr .caption-box {
				margin: 0 0 100px;
				min-height: 100px;
		}
		.vision_inner {
				position: relative;
				left: 100px;
		}
}
@media(min-width: 1025px) {
		.vision_inner_sp {
				display: none;
		}
}
@media(max-width: 1024px) {
		.vision_inner {
				display: none;
		}
		.vision_0 {
				width: 70%;
				max-width: 360px;
				margin: 0 auto 150vh;
				transform: scale(1.3)
		}
		.vision_0 img {
				width: 100%;
				height: auto;
		}
		.caption-figure {
				width: 70%;
				max-width: 360px;
				margin: 0 auto 35px;
		}
		.caption-figure img {
				width: 100%;
				height: auto;
		}
		.caption-box {
				margin-bottom: 90px;
		}
}
@media(max-width: 767px) {
		.vision_section {
				padding: 0 20px 130px;
		}
		.vision_en {
				font-size: 40px;
		}
		.vision_jp {
				font-size: 14px;
				font-weight: 500;
				transform: translateY(-3px)
		}
		.vision_col_inner_caption p {
				font-size: 15px;
		}
		.vision_col_inner_caption li {
				font-size: 15px;
				font-weight: 500;
				margin: 0 0 8px;
		}
		.credo_sb {
				font-size: 18px;
				font-weight: 500;
		}
}
/* ============= */
.vision_inner_sp .vision_0 {
		margin: 0 auto 100px;
}
.vision_inner_sp .vision_0 img {
		opacity: 0;
}
.vision_inner_sp .vision_0::before, .vision_inner_sp .vision_0::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100%;
}
.vision_inner_sp .vision_0::after {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-0_sp.png");
		transition: transform 0.3s, opacity 0.25s;
}
.vision_inner_sp .vision_0::before {
		background-image: url("https://www.kai-group.com/contents_file/global/n_images/index_vision_bg-1_sp.png");
		transition: transform 0.3s, opacity 0.25s;
		opacity: 0;
}
.vision_inner_sp .vision_0.scaleOff::after {
		opacity: 0;
		transform: scale(0.7);
}
.vision_inner_sp .vision_0.scaleOff::before {
		opacity: 1;
		transform: scale(0.7);
}
.vision_inner_sp .vision_0.scaleOff img {
		opacity: 0;
}
.vision_inner_sp .captionFigure1 {
		opacity: 0;
}
/* ================= */
.vision_flex {
		display: flex;
		align-items: center;
}
.vision_flex ul {
		margin-right: 2em;
}
.vision_flex_right p:nth-child(2) {
		text-indent: 1em;
}
.vision_flex_right ul li {
		text-align: right;
}
.vision_flex_right ul li:lang(en) {
		text-align: left;
}


.credo_line {
		display: flex;
		align-items: center;
}
.credo_line_left {
		margin-right: 2.6em;
		width: 8.5em;
}
.credo_line_left:lang(ja) {
		text-align-last: justify;
}
.credo_line_left:lang(en) {
		margin-right: 2.6em;
		width: 11.5em;
		text-align: left;
}
.credo_line_right:lang(ja) {
		text-align: justify;
		text-align-last: justify;
		width: 9.5em;
}
.vision_flex_right ul {
		margin: 0 !important
}
.vision_flex ul li:last-child, .vision_flex_right ul li:last-child {
		margin-bottom: 0;
}