@charset "utf-8";
#sec_useful ul li.js-fadein{
	opacity: 1;
	transform: translateY(0);
}

#keyVisual{
	aspect-ratio: 1920/380;
	background: url("/themes/site/mission/img/keyvisual_pc.jpg") no-repeat center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 380px;
}

#keyVisual .pageTtl{
	max-width: 1100px;
	width: calc(100% - 36px);
	text-align: left;
	margin: 0 auto;
}

.ankerLink{
	max-width: 663px;
	width: calc(100% - 36px);
	margin: 0 auto;
	justify-content: center;
}
.ankerLink li{
	border-left: solid 1px #032E83;
	width: calc(100% / 3);
}
.ankerLink li:last-child{
	border-right: solid 1px #032E83;
}
.ankerLink li a{
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 11px 5px 12px;
}
.ankerLink li a::after{
	content: url("/themes/site/common/img/icon_arrow_down.svg");
	display: inline-block;
	margin-left: 7px;
	transform: translateY(1px);
}
@media screen and (max-width: 1280px){
	#keyVisual{
		background-position: 70% center;
	}
}
@media screen and (max-width: 767px){
	#keyVisual{
		aspect-ratio: 750/342;
		background: url("/themes/site/mission/img/keyvisual_sp.jpg") no-repeat center / cover;
		height: auto;
		min-height: 171px;
	}
	#keyVisual .pageTtl{
		padding-top: 10%;
		text-align: center;
	}
	#keyVisual .pageTtl img{
		max-width: 292px;
		width: 100%;
	}
	
	.ankerLink{
		flex-wrap: wrap;
	}
	.ankerLink li{
		width: 55%;
	}
	.ankerLink li:first-child{
		border: none;
		width: 45%;
	}
	.ankerLink li:last-child{
		width: 100%;
		border: none;
		margin-top: 22px;
	}
}


/* ------------------------------------------------------------------------ */

/*  MISSION

/* ------------------------------------------------------------------------ */

#sec_mission{
	padding: 60px 0 100px;
}

.missionBox{
	background: #F1F1F1;
	border-radius: 10px;
	padding: 90px 18px;
	margin-top: 88px;
}
.missionBox .txt{
	margin-top: 19px;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.667;
}

.missionList{
	margin-top: 45px;
}
.missionList li{
	background: #F1F1F1;
	border-radius: 10px;
	position: relative;
	padding: 43px 25px 42px;
	width: calc(100% / 4 - 15px);
}

.missionList li::before{
	content: url("/themes/site/mission/img/icon_plus.svg");
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
}

.missionList li h3{
	font-size: 2.4rem;
	color: #032E83;
	letter-spacing: -0.05em;
}
.missionList li h3 .min{
	font-size: 1.6rem;
	font-weight: 500;
}
.missionList li p{
	text-align: left;
	margin-top: 16px;
	font-weight: 500;
}


@media screen and (max-width: 1023px){
	.missionList li{
		padding: 23px 15px 32px;
		width: calc(100% / 4 - 15px);
	}
}

@media screen and (max-width: 767px){
	#sec_mission{
		padding: 40px 0 60px;
	}
	
	.missionBox{
		margin-top: 18px;
		padding: 72px 15px 38px;
	}
	
	.missionBox .txt{
		font-size: 2rem;
		line-height: 1.8;
	}
	
	.missionList{
		display: block;
		margin-top: 33px;
	}
	
	.missionList li{
		padding: 33px 15px 32px;
		width: 100%;
	}
	
	.missionList li+li{
		margin-top: 10px;
	}
}


/* ------------------------------------------------------------------------ */

/*  VISION

/* ------------------------------------------------------------------------ */
#sec_vision{
	background: url("/themes/site/mission/img/vision_bg.svg") no-repeat center / cover;
	padding: 91px 87px;
}

#sec_vision .logo{
	margin-top: 40px;
}
#sec_vision .txt{
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 40px;
}

@media screen and (max-width: 767px){
	#sec_vision{
		padding: 60px 0;
	}
	#sec_vision .logo{
		margin: 25px auto 0;
		width: calc(100% - 46px);
	}
	#sec_vision .txt{
		font-size: 2rem;
		margin-top: 28px;
	}
}


/* ------------------------------------------------------------------------ */

/*  VALUE

/* ------------------------------------------------------------------------ */

#sec_value{
	padding: 100px 0 148px
}

.valueList{
	margin-top: 40px;
	flex-wrap: wrap;
}

.valueList li{
	border-bottom: solid 1px #A5A5A5;
	text-align: left;
	padding: 35px 0;
	width: calc(100% / 2 - 40px);
}
.valueList li:nth-child(1),
.valueList li:nth-child(2){
	border-top: solid 1px #A5A5A5;
}

.valueList li h3{
	color: #032E83;
	font-size: 2.4rem;
}

.valueList li p{
	font-weight: 500;
}

@media screen and (max-width: 1023px){
	.valueList li{
		width: calc(100% / 2 - 20px);
	}
}
@media screen and (max-width: 767px){
	#sec_value{
		padding: 60px 0 100px;
	}
	#sec_value > .contents{
		width: calc(100% - 60px);
	}
	.valueList{
		flex-direction: column;
		margin-top: 23px;
	}
	.valueList li{
		padding: 20px 0;
		width: 100%;
	}
	.valueList li:first-child,
	.valueList li:nth-child(2){
		border-top: none;
	}
	.valueList li h3{
		font-size: 2rem;
		margin-bottom: 8px;
	}
	
	/* 並び順 */
	.valueList li.item1{
		order: 1;
		border-top: solid 1px #A5A5A5;
	}
	.valueList li.item3{
		order: 2;
	}
	.valueList li.item5{
		order: 3;
	}
	.valueList li.item7{
		order: 4;
	}
	.valueList li.item9{
		order: 5;
	}
	.valueList li.item2{
		order: 6;
	}
	.valueList li.item4{
		order: 7;
	}
	.valueList li.item6{
		order: 8;
	}
	.valueList li.item8{
		order: 9;
	}
}