/* --------------- Mission1 --------------- */

.bg_pagettl.mission1 {
	background-image: url(../img/mission1/bg_pagettl.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
	.bg_pagettl.mission1 {
		background-image: url(../img/mission1/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
}
.bg_gray1 {
	margin: 0;
	padding: 0 0 1px;
	background-color: #ebebec;
}
.bg_mission1 {
	margin: 0;
	padding: 0 0 90px;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 700px) {
	.bg_mission1 { padding: 10vw 0 22vw; }
}
.deco_mission1 {
	width: auto;
	height: calc( 100% - 90px );
	max-height: 615px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: -1%;
	z-index: -1;
}
@media screen and (max-width: 850px) {
	.deco_mission1 { max-height: 140vw; }
}
.deco_mission1 img {
	width: auto;
	height: 100%;
	opacity: 0.3;
}
.col_mission1 {
	width: 90%;
	max-width: 1124px;
	margin: 0 auto;
	padding: 20px 0 70px;
}
@media screen and (max-width: 700px) {
	.col_mission1 { padding: 20px 0 14vw; }
}
.mds_mission1 {
	margin: 0 0 50px;
	padding: 0 0 30px;
	text-align: center;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 700px) {
	.mds_mission1 {
		margin: 0 0 7.2vw;
	}
}
.mds_mission1 .en_mds {
	width: 96%;
	max-width: 723px;
	margin: 0 auto;
	padding: 0;
	opacity: 0;
	transition: opacity .5s;
}
.mds_mission1.active .en_mds { opacity: 0.15; }
.mds_mission1 .mds {
	margin: 0;
	padding: 0;
	font-size: min( 6.8vw, 32px );
	font-weight: 500;
	line-height: 1.3;
	position: relative;
	opacity: 0;
	transition: all .5s;
	z-index: 0;
	top: 20px;
}
.col_mission1 .mds_mission1 .mds {
	margin: 0 0 -1.25em;
	transition-delay: .2s;
	top: calc( -1.25em + 10px );
}
.mds_mission1.active .mds { opacity: 1; }
.mds_mission1.active .mds { top: 0; }
.col_mission1 .mds_mission1.active .mds { top: -1.25em; }
@media screen and (max-width: 850px) {
	.col_mission1 .mds_mission1 .mds {
		margin: 0 0 -4.5vw;
		top: calc( -4.5vw + 10px );
	}
	.col_mission1 .mds_mission1.active .mds { top: -4.5vw; }
}
.cont_mission1 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
@media screen and (max-width: 850px) {
	.cont_mission1 { display: block; }
}
.cont_mission1 .cont_txt {
	width: 49.5%;
	margin: 0;
	padding: 0.2em 0 0;
}
@media screen and (max-width: 850px) {
	.cont_mission1 .cont_txt {
		width: 100%;
		margin: 0 0 30px;
		padding: 0;
		transition: opacity 1s;
		transition-delay: .5s;
		opacity: 0;
	}
	.cont_mission1 .cont_txt.active { opacity: 1; }
}
@media screen and (min-width: 851px) {
	.cont_mask {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	.cont_mission1 .cont_parent .cont_hidden {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
}

.cont_mission1 .cont_img {
	width: 43%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 850px) {
	.cont_mission1 .cont_img {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		opacity: 0;
		transition: opacity 1s;
	}
	.cont_mission1 .cont_img.active { opacity: 1; }
}
.cont_mission1 .cont_img .cont_hidden::before {
	content: "";
	width: 82%;
	height: 82%;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	position: absolute;
	top: 9%;
	right: 6.5%;
	z-index: -1;
}

.bg_mission2 {
	margin: 0 0 100px;
	padding: 0 0 85px;
	background-color: #1f2a67;
}
@media screen and (max-width: 700px) {
	.bg_mission2 {
		margin: 0 0 15vw;
		padding: 0 0 12.14vw;
	}
}
.col_mission2 {
	width: 90%;
	max-width: 1128px;
	margin: 0 auto -90px;
	padding: 80px 7%;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
	top: -90px;
}
@media screen and (max-width: 700px) {
	.col_mission2 {
		margin: 0 auto -22vw;
		padding: 11.42vw 7%;
		top: -22vw;
	}
}
@media screen and (max-width: 850px) {
	.col_mission2 .mds_mission1 { margin: 0 0 30px; }
}
@media screen and (max-width: 700px) {
	.col_mission2 .mds_mission1 {
		margin: 0 0 1.8em;
		padding: 0 0 1.8em;
	}
}
.lead_mission2 {
	margin: 0 0 48px;
	padding: 0;
	text-align: center;
}
@media screen and (max-width: 850px) {
	.lead_mission2 { margin: 0 0 25px; }
}
.cont_mission2 {
	width: 100%;
	max-width: 950px;
	margin: 0 auto 36px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width: 850px) {
	.cont_mission2 {
		margin: 0 auto 20px;
		display: block;
	}
}
.cont_mission2 .cont_img {
	width: calc( 94.32% - 345px );
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 850px) {
	.cont_mission2 .cont_img {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 25px;
		opacity: 0;
		transition: opacity 1s;
	}
	.cont_mission2 .cont_img.active { opacity: 1; }
}
.cont_mission2 .cont_txt {
	width: 345px;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 850px) {
	.cont_mission2 .cont_txt {
		width: 100%;
		max-width: 360px;
		margin: 0 auto;
		opacity: 0;
		transition: opacity 1s;
	}
	.cont_mission2 .cont_txt.active { opacity: 1; }
}
.cont_mission2 .cont_txt .submds {
	margin: 0 0 17px;
	padding: 0;
	font-size: min( 6.2vw, 27px );
	font-weight: 500;
	line-height: 1.5;
}
@media screen and (max-width: 850px) {
	.cont_mission2 .cont_txt .submds {
		text-align: center;
		margin: 0 0 10px;
	}
}
.cont_mission2 .cont_txt .submds .marker {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	z-index: 0;
}
.cont_mission2 .cont_txt .submds .marker::before {
	content: "";
	width: 0%;
	height: 6px;
	margin: 0;
	padding: 0;
	background-color: #e9e6ed;
	transition: width .5s;
	transition-delay: .3s;
	position: absolute;
	top: calc( 100% - 10px );
	left: 0;
	z-index: -1;
}
.cont_mission2 .cont_txt.active .submds .marker::before { width: 100%; }

.cont_mission2 .cont_txt ul.list_mission2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.4;
}
@media screen and (max-width: 400px) {
	.cont_mission2 .cont_txt ul.list_mission2 { font-size: 16px; }
}
.cont_mission2 .cont_txt ul.list_mission2 li {
	margin: 0 0 10px;
	padding: 0 0 8px 32px;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.cont_mission2 .cont_txt ul.list_mission2 li::before {
	content: "";
	width: 100%;
	height: 4px;
	background-image: radial-gradient(#1f2a67 30%, rgba(255,255,255,0) 30%);
	background-size: 6px 4px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.cont_mission2 .cont_txt ul.list_mission2 li .check {
	width: 18px;
	height: 10px;
	margin: 0;
	padding: 0;
	display: block;
	transform: skewX(-10deg) rotate(-60deg);
	position: absolute;
	z-index: 0;
	top: 6px;
	left: 5px;
}
.cont_mission2 .cont_txt ul.list_mission2 li .check::before {
	content: "";
	width: 3px;
	height: 0%;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	transition: height .3s;
	transition-delay: .8s;
	position: absolute;
	top: 0;
	left: 0;
}
.cont_mission2 .cont_txt ul.list_mission2 li:nth-child(2) .check::before { transition-delay: .9s; }
.cont_mission2 .cont_txt ul.list_mission2 li:nth-child(3) .check::before { transition-delay: 1s; }
.cont_mission2 .cont_txt.active ul.list_mission2 li .check::before { height: 100%; }
.cont_mission2 .cont_txt ul.list_mission2 li .check::after {
	content: "";
	width: 0%;
	height: 3px;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	transition: width .2s;
	transition-delay: 1s;
	position: absolute;
	left: 0;
	bottom: 0;
}
.cont_mission2 .cont_txt ul.list_mission2 li:nth-child(2) .check::after { transition-delay: 1.1s; }
.cont_mission2 .cont_txt ul.list_mission2 li:nth-child(3) .check::after { transition-delay: 1.2s; }
.cont_mission2 .cont_txt.active ul.list_mission2 li .check::after { width: 100%; }
.txt_mission2 {
	margin: 0;
	padding: 0;
	text-align: center;
}
@media screen and (max-width: 850px) {
	.txt_mission2 {
		opacity: 0;
		transition: opacity 1s;
	}
	.txt_mission2.active { opacity: 1; }
	.txt_mission2 br.pc { display: none; }
}
@media screen and (max-width: 360px) {
	.txt_mission2 { text-align: left; }
	.txt_mission2 .iblock { display: inline; }
}
.col_mission3 {
	width: 94%;
	max-width: 1128px;
	margin: 0 auto 100px;
	padding: 75px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 850px) {
	.col_mission3 {
		width: 100%;
		padding: 50px 0;
		display: block;
	}
}
@media screen and (max-width: 700px) {
	.col_mission3 {
		margin: 0 auto 22vw;
		padding: 12vw 0;
	}
}
.col_mission3::before {
	content: "";
	width: 100vw;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	position: absolute;
	top: 0;
	right: calc( 86.5% - 440px );
	z-index: -1;
}
@media screen and (max-width: 850px) {
	.col_mission3::before { right: 6%; }
}
.col_mission3 .cont_txt {
	width: calc( 93% - 370px );
	max-width: 54%;
	margin: 0;
	padding: 84px 2% 72px 4%;
	box-sizing: border-box;
	order: 1;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 850px) {
	.col_mission3 .cont_txt {
		width: 94%;
		max-width: 94%;
		margin: 0 0 50px auto;
		padding: 50px 7%;
	}
}
@media screen and (max-width: 700px) {
	.col_mission3 .cont_txt {
		margin: 0 0 30px auto;
		padding: 11.42vw 7%;
	}
}
.col_mission3 .cont_txt::before {
	content: "";
	width: 100vw;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -2.66%;
	z-index: -1;
}
@media screen and (max-width: 850px) {
	.col_mission3 .cont_txt::before { left: 0; }
}
.col_mission3 .mds_mission1 { text-align: left; }
@media screen and (max-width: 850px) {
	.col_mission3 .mds_mission1 {
		margin: 0 0 30px;
		text-align: center;
	}
}
@media screen and (max-width: 700px) {
	.col_mission3 .mds_mission1 {
		margin: 0 0 1.8em;
		padding: 0 0 1.8em;
	}
}
.col_mission3 .mds_mission1 .mds {
	top: 0;
	opacity: 1;
}
@media screen and (max-width: 850px) {
	.col_mission3 .mds_mission1 .mds {
		top: 20px;
		opacity: 0;
	}
	.col_mission3 .active .mds_mission1 .mds {
		top: 0;
		opacity: 1;
	}
}
.col_mission3 .dot {
	transform: none;
	left: 0;
}
@media screen and (max-width: 850px) {
	.col_mission3 .dot {
		transform: translateX(-50%);
		left: 50%;
	}
	.col_mission3 .txt_mission3 {
		opacity: 0;
		transition: opacity 1s;
	}
	.col_mission3 .active .txt_mission3 { opacity: 1; }
}
.col_mission3 .figure_txt {
	width: 39%;
	min-width: 370px;
	margin: 0;
	padding: 0 6px;
	color: #fff;
	box-sizing: border-box;
}
@media screen and (max-width: 850px) {
	.col_mission3 .figure_txt {
		width: 88%;
		min-width: 88%;
		margin: 0;
		padding: 0 0 0 6%;
	}
}
.col_mission3 .figure_txt .submds {
	max-width: 400px;
	margin: 0 auto 26px;
	padding: 0.3em 0;
	font-size: 28px;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
@media screen and (max-width: 850px) {
	.col_mission3 .figure_txt .submds { font-size: min(7vw, 28px); }
}
.cont_figure_mission3 {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 850px) {
	.cont_figure_mission3 {
		max-width: 420px;
		margin: 0 auto;
	}
}
.cont_figure_mission3 .figure {
	width: 172px;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 850px) {
	.cont_figure_mission3 .figure {
		width: 36vw;
		max-width: 172px;
	}
}
.cont_figure_mission3 .figure:first-child { margin: 0 calc( ( 100% - 172px )/2 ) 25px; }
@media screen and (max-width: 850px) {
	.cont_figure_mission3 .figure:first-child {
		margin: 0 calc( ( 100% - 172px )/2 ) min(6.25vw, 25px );
	}
}
@media screen and (max-width: 477px) {
	.cont_figure_mission3 .figure:first-child {
		margin: 0 calc( ( 100% - 36vw )/2 ) min(6.25vw, 25px );
	}
}
.cont_figure_mission3 .figure .name {
	margin: 14px 0 0;
	padding: 0.22em 0 0.3em;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	border: solid 1px #fff;
}
@media screen and (max-width: 850px) {
	.cont_figure_mission3 .figure .name { font-size: min(3.9vw, 18px); }
}
.cont_figure_mission3 .figure:first-child .name { margin: 0 0 14px; }
.cont_figure_mission3 .figure .name .ls { letter-spacing: -0.1em; }
.cont_figure_mission3 .figure .circle {
	width: 160px;
	height: 160px;
	margin: 0 auto;
	padding: 0;
	color: #1f2a67;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 850px) {
	.cont_figure_mission3 .figure .circle {
		width: 35.5vw;
		max-width: 160px;
		height: 35.5vw;
		max-height: 160px;
		font-size: min(4vw, 18px );
	}
}
.cont_figure_mission3 .figure .circle::before {
	content: "";
	width: 98px;
	height: 2px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: absolute;
	z-index: -1;
}
.cont_figure_mission3 .figure:first-child .circle::before {
	transform: rotate(-60deg);
	top: 100%;
	right: calc( 100% - 69px );
}
.cont_figure_mission3 .figure:first-child .circle::after {
	content: "";
	width: 98px;
	height: 2px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: absolute;
	transform: rotate(60deg);
	z-index: -1;
	top: 100%;
	left: calc( 100% - 69px );
}
.cont_figure_mission3 .figure:nth-child(2) .circle::before {
	top: calc( 50% - 1px );
	left: 100%;
}

.cont_figure_mission3 .figure .circle .big {
	margin: 0;
	padding: 0;
	font-size: 25px;
}
@media screen and (max-width: 850px) {
	.cont_figure_mission3 .figure .circle .big { font-size: min(6.25vw, 25px ); }
}



/* --------------- Mission2 --------------- */

.bg_pagettl.mission2 {
	background-image: url(../img/mission2/bg_pagettl.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
	.bg_pagettl.mission2 {
		background-image: url(../img/mission2/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
}
.bg_gray1.page_mission2 { padding: 0; }
@media screen and (max-width: 700px) {
	.page_mission2 .bg_mission1 { padding: 7vw 0 22vw; }
}
.deco_mission2 {
	width: auto;
	height: calc( 100% - 90px );
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: -1%;
	z-index: -1;
}
@media screen and (max-width: 850px) {
	.deco_mission2 { max-height: 140vw; }
}
.deco_mission2 img {
	width: auto;
	height: 100%;
	opacity: 0.3;
}
.page_mission2 .mds_mission1 {
	margin: 0 0 35px;
	padding: 0 0 35px;
}
@media screen and (max-width: 700px) {
	.page_mission2 .mds_mission1 {
		margin: 0 0 min( 7.2vw, 35px );
		padding: 0 0 min( calc( 7.2vw + 5px ), 35px );
	}
}
.page_mission2 .mds_mission1 .en_mds {
	width: 100%;
	max-width: 900px;
}
@media screen and (max-width: 700px) {
	.page_mission2 .mds_mission1 .en_mds { width: 67.33%; }
}
.page_mission2 .mds_mission1 .mds {
	margin: 0 0 -1.1em;
	top: calc( -1.1em + 10px );
}
.page_mission2 .mds_mission1.active .mds { top: -1.1em; }
@media screen and (max-width: 850px) {
	.page_mission2 .mds_mission1 .mds {
		margin: 0 0 -3.5vw;
		top: calc( -3.5vw + 10px );
	}
	.page_mission2 .mds_mission1.active .mds { top: -3.5vw; }
}
@media screen and (max-width: 700px) {
	.page_mission2 .mds_mission1 .mds {
		margin: 0 0 -5vw;
		top: calc( -5vw + 10px );
	}
	.page_mission2 .mds_mission1.active .mds { top: -5vw; }
}
.page_mission2 .cont_mission1 {
	margin: 0 auto 62px;
	align-items: center;
}
.page_mission2 .cont_mission1 .cont_txt { order: 1; }

.figure_mission_curculation {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
	padding: 80px 0;
	display: flex;
}
@media screen and (max-width: 770px) {
	.figure_mission_curculation {
		padding: 0;
		display: block;
	}
}
.figure_mission_curculation .box_roll {
	width: 18%;
	min-width: 174px;
	margin: 0;
	padding: 0.8em 0;
	color: #1f2a67;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	background-color: #fff;
	border: solid 2px #1f2a67;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: opacity .5s;
	opacity: 0;
}
.figure_mission_curculation .box_roll.active { opacity: 1; }
.figure_mission_curculation .box_roll .small { font-size: 0.68em; }
@media screen and (max-width: 1000px) {
	.figure_mission_curculation .box_roll {
		font-size: 22px;
		min-width: 150px;
	}
}
@media screen and (max-width: 850px) {
	.figure_mission_curculation .box_roll {
		font-size: 20px;
		min-width: 140px;
	}
}
@media screen and (max-width: 770px) {
	.figure_mission_curculation .box_roll {
		width: 50%;
		min-width: unset;
		max-width: 8.5em;
		height: 4.5em;
		margin: 0 auto;
		font-size: min( 5.9vw, 22px );
	}
}
.figure_mission_curculation .space_arrow {
	width: calc( 28% / 3 );
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 0;
}
@media screen and (max-width: 770px) {
	.figure_mission_curculation .space_arrow {
		width: 100%;
		flex-direction: row-reverse;
	}
}
.figure_mission_curculation .space_arrow .balloon {
	width: 142px;
	height: 62px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	background-color: #1f2a67;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
	transition: all .8s;
	transition-delay: .3s;
	opacity: 0;
	position: absolute;
	left: 50%;
}
.figure_mission_curculation .space_arrow.active .balloon { opacity: 1; }
.figure_mission_curculation .space_arrow .balloon.above { top: -80px; }
.figure_mission_curculation .space_arrow .balloon.below { bottom: -80px; }
@media screen and (min-width: 771px) {
	.figure_mission_curculation .space_arrow .balloon.above { top: -60px; }
	.figure_mission_curculation .space_arrow.active .balloon.above { top: -80px; }
	.figure_mission_curculation .space_arrow .balloon.below { bottom: -60px; }
	.figure_mission_curculation .space_arrow.active .balloon.below { bottom: -80px; }
}
@media screen and (max-width: 770px) {
	.figure_mission_curculation .space_arrow .balloon {
		width: 8.5em;
		height: 4em;
		font-size: min( 4vw, 17px );
		transform: none;
		transition-delay: .5s;
		position: relative;
	}
	.figure_mission_curculation .space_arrow .balloon.above {
		margin: 15px 0 15px 25px;
		top: 0;
		left: -20px;
	}
	.figure_mission_curculation .space_arrow.active .balloon.above {
		left: 0;
	}
	.figure_mission_curculation .space_arrow .balloon.below {
		margin: 15px 25px 15px 0;
		left: 20px;
		bottom: 0;
	}
	.figure_mission_curculation .space_arrow.active .balloon.below {
		left: 0;
	}
}
@media screen and (min-width: 771px) {
	.figure_mission_curculation .space_arrow .balloon::before {
		content: "";
		margin: 0;
		padding: 0;
		border-left: solid 10px rgba(255,255,255,0);
		border-right: solid 10px rgba(255,255,255,0);
		position: absolute;
		left: calc( 50% - 10px );
	}
	.figure_mission_curculation .space_arrow .balloon.above::before {
		border-top: solid 10px #1f2a67;
		top: 100%;
	}
	.figure_mission_curculation .space_arrow .balloon.below::before {
		border-bottom: solid 10px #1f2a67;
		bottom: 100%;
	}
}
@media screen and (max-width: 770px) {
	.figure_mission_curculation .space_arrow .balloon::before {
		content: "";
		margin: 0;
		padding: 0;
		border-top: solid 10px rgba(255,255,255,0);
		border-bottom: solid 10px rgba(255,255,255,0);
		position: absolute;
		top: calc( 50% - 10px );
	}
	.figure_mission_curculation .space_arrow .balloon.above::before {
		border-right: solid 10px #1f2a67;
		right: 100%;
	}
	.figure_mission_curculation .space_arrow .balloon.below::before {
		border-left: solid 10px #1f2a67;
		left: 100%;
	}
}
.figure_mission_curculation .space_arrow .arrow {
	width: 100%;
	height: 4px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.figure_mission_curculation .space_arrow .arrow.forward { margin: 0 0 40px; }
@media screen and (max-width: 770px) {
	.figure_mission_curculation .space_arrow .arrow {
		width: 4px;
		height: auto;
	}
	.figure_mission_curculation .space_arrow .arrow.forward { margin: 0 0 0 20px; }
}
@media screen and (min-width: 771px) {
	.figure_mission_curculation .space_arrow .arrow::before {
		content: "";
		margin: 0;
		padding: 0;
		border-top: solid 9px rgba(255,255,255,0);
		border-bottom: solid 9px rgba(255,255,255,0);
		transition: all .5s;
		transition-delay: .5s;
		opacity: 0;
		position: absolute;
		top: calc( 50% - 9px );
	}
	.figure_mission_curculation .space_arrow.active .arrow::before { opacity: 1; }
	.figure_mission_curculation .space_arrow .arrow.forward::before {
		border-left: solid 16px #1f2a67;
		right: 100%;
	}
	.figure_mission_curculation .space_arrow.active .arrow.forward::before { right: 0; }
	.figure_mission_curculation .space_arrow .arrow.backward::before {
		border-right: solid 16px #1f2a67;
		left: 100%;
	}
	.figure_mission_curculation .space_arrow.active .arrow.backward::before { left: 0; }
	.figure_mission_curculation .space_arrow .arrow::after {
		content: "";
		width: 0;
		height: 100%;
		background-color: #1f2a67;
		transition: all .5s;
		transition-delay: .5s;
		position: absolute;
		top: 0;
	}
	.figure_mission_curculation .space_arrow.active .arrow::after { width: calc( 100% - 5px ); }
	.figure_mission_curculation .space_arrow .arrow.forward::after { left: 0; }
	.figure_mission_curculation .space_arrow .arrow.backward::after { right: 0; }
}
@media screen and (max-width: 770px) {
	.figure_mission_curculation .space_arrow .arrow::before {
		content: "";
		margin: 0;
		padding: 0;
		border-right: solid 9px rgba(255,255,255,0);
		border-left: solid 9px rgba(255,255,255,0);
		transition: all .5s;
		transition-delay: .5s;
		opacity: 0;
		position: absolute;
		left: calc( 50% - 9px );
	}
	.figure_mission_curculation .space_arrow.active .arrow::before { opacity: 1; }
	.figure_mission_curculation .space_arrow .arrow.forward::before {
		border-top: solid 16px #1f2a67;
		bottom: 100%;
	}
	.figure_mission_curculation .space_arrow.active .arrow.forward::before { bottom: 0; }
	.figure_mission_curculation .space_arrow .arrow.backward::before {
		border-bottom: solid 16px #1f2a67;
		top: 100%;
	}
	.figure_mission_curculation .space_arrow.active .arrow.backward::before { top: 0; }
	.figure_mission_curculation .space_arrow .arrow::after {
		content: "";
		width: 100%;
		height: 0;
		background-color: #1f2a67;
		transition: all .5s;
		transition-delay: .5s;
		position: absolute;
		left: 0;
	}
	.figure_mission_curculation .space_arrow.active .arrow::after { height: calc( 100% - 5px ); }
	.figure_mission_curculation .space_arrow .arrow.forward::after { top: 0; }
	.figure_mission_curculation .space_arrow .arrow.backward::after { bottom: 0; }
}

.page_mission2 .bg_mission2 {
	margin: 0;
}
.page_mission2 .col_mission2 .mds_mission1 .mds {
	margin: 0;
	top: 20px;
}
.page_mission2 .col_mission2 .mds_mission1.active .mds { top: 0; }
.page_mission2 .col_mission2 .mds_mission1 .mds .ls_left {
	margin-left: -0.4em;
	letter-spacing: -0.1em;
}
.page_mission2 .col_mission2 .mds_mission1 .mds .ls_right { letter-spacing: -0.4em; }
.page_mission2 .cont_mission2 {
	margin: 0 auto;
	align-items: flex-start;
}
.page_mission2 .cont_mission2 .cont_img { width: 43.58%; }
.page_mission2 .cont_mission2 .cont_txt {
	width: 50.52%;
	order: 1;
}
@media screen and (max-width: 850px) {
	.page_mission2 .cont_mission2 .cont_img {
		width: 100%;
		margin: 0 auto;
	}
	.page_mission2 .cont_mission2 .cont_txt {
		width: 100%;
		max-width: 100%;
		margin: 0 0 30px;
	}
}



/* --------------- Mission3 --------------- */

.bg_pagettl.mission3 {
	background-image: url(../img/mission3/bg_pagettl.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
	.bg_pagettl.mission3 {
		background-image: url(../img/mission3/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
}
.page_mission3 .bg_mission1 { padding: 0; }
@media screen and (max-width: 700px) {
	.page_mission3 .bg_mission1 { padding: 10vw 0 0; }
}
.page_mission3 .mds_mission1 .en_mds {
	max-width: 706px;
}
.page_mission3 .mds_mission1 .mds {
	margin: 0 0 -1.1em;
	top: calc( -1.1em + 10px );
}
.page_mission3 .col_mission1 .mds_mission1.active .mds { top: -1.1em; }
@media screen and (max-width: 850px) {
	.page_mission3 .mds_mission1 .mds {
		margin: 0 0 -4.2vw;
		top: calc( -4.2vw + 10px );
	}
	.page_mission3 .col_mission1 .mds_mission1.active .mds { top: -4.2vw; }
}
@media screen and (max-width: 700px) {
	.page_mission3 .mds_mission1 .mds {
		margin: 0 0 -5vw;
		top: calc( -5vw + 10px );
	}
	.page_mission3 .col_mission1 .mds_mission1.active .mds { top: -5vw; }
}
.page_mission3 .mds_mission1 .mds .ls_right { letter-spacing: -0.4em; }
.bg_mission3 {
	margin: 0;
	padding: 104px 0;
}
.bg_mission3.bg_white { background-color: #fff; }
@media screen and (max-width: 850px) {
	.bg_mission3 { padding: 70px 0; }
}
.col_mission4 {
	width: 90%;
	max-width: 1010px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
@media screen and (max-width: 850px) {
	.col_mission4 { display: block; }
}
.col_mission4 .cont_img {
	width: 52.27%;
	margin: 0;
	padding: 0 0 25px;
	position: relative;
	z-index: 0;
}
.col_mission4 .cont_img.order { order: 1; }
@media screen and (max-width: 850px) {
	.col_mission4 .cont_img {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 30px;
		opacity: 0;
		transition: opacity 1s;
	}
	.col_mission4 .cont_img.active { opacity: 1; }
	
}
.col_mission4 .cont_img::before {
	content: "";
	width: 0;
	height: calc( 100% - 25px );
	margin: 0;
	padding: 0;
	background-color: #202a67;
	transition: all .8s;
	position: absolute;
	right: 25px;
	bottom: 0;
	z-index: -1;
}
.col_mission4 .cont_img.order::before {
	left: 25px;
	right: auto;
}
.col_mission4 .cont_img.active::before {
	width: 60vw;
}
@media screen and (max-width: 850px) {
	.col_mission4 .cont_img.active::before { width: 100vw; }
}
.col_mission4 .cont_img .num {
	width: 84px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -23px;
	left: 14px;
	z-index: 1;
}
@media screen and (max-width: 850px) {
	.col_mission4 .cont_img .num {
		width: 12.78vw;
		max-width: 84px;
		top: max( -4.16vw, -23px );
	}
}
.col_mission4 .cont_txt {
	width: 40.6%;
	margin: 0;
	padding: 0;
	align-self: center;
}
@media screen and (max-width: 850px) {
	.col_mission4 .cont_txt {
		width: 100%;
	}
}
.page_mission3 .col_mission4 .cont_txt .mds_mission1 {
	margin: 0 0 30px;
	text-align: left;
}
.page_mission3 .col_mission4 .cont_txt .mds_mission1 .mds {
	margin: 0;
	opacity: 1;
	top: 0;
}
@media screen and (max-width: 850px) {
	.page_mission3 .col_mission4 .cont_txt .mds_mission1 .mds {
		opacity: 0;
		top: 20px;
	}
	.page_mission3 .col_mission4 .cont_txt.active .mds_mission1 .mds {
		opacity: 1;
		top: 0;
	}
}
.page_mission3 .col_mission4 .cont_txt .mds_mission1 .dot {
	transform: none;
	left: 4px;
}
@media screen and (max-width: 850px) {
	.page_mission3 .col_mission4 .cont_txt .mds_mission1 { text-align: center; }
	.page_mission3 .col_mission4 .cont_txt .mds_mission1 .dot {
		transform: translateX(-50%);
		left: 50%;
	}
}
@media screen and (max-width: 850px) {
	.page_mission3 .col_mission4 .cont_txt .txt_mission3 {
		transition: opacity 1s;
		transition-delay: .3s;
		opacity: 0;
	}
	.page_mission3 .col_mission4 .cont_txt.active .txt_mission3 { opacity: 1; }
}
.page_mission3 .col_mission4 .cont_txt .txt_mission3 p:last-child { margin-bottom: 0; }