@charset "utf-8";

#check .mv_subpage{
	background: url("../img/check/mv_bg.jpg") no-repeat center center / cover;
}

#check .trouble{
	padding: 9.5rem 0 6rem;
}
#check .trouble figure{
	text-align: center;
	padding: 2.5rem 0;
}
#check .trouble .trouble_text{
	width: 55rem;
	margin: auto;
	font-size: 1.6rem;
	line-height: 2.25;
}

#check .support{
	padding: 9.5rem 0 0;
}
#check .support .inner .support_wrap ul li{
	margin-top: 5.5rem;
}
#check .support .inner .support_wrap ul li p{
	font-size: 2.4rem;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2rem;
}

#check .merit{
	padding: 11rem 0 10rem;
}
#check .merit .inner .merit_wrap{
	background: rgba(60,180,216,0.12);
	padding: 5rem 0;
	margin: 3.5rem 0 10rem;
}
#check .merit .inner .merit_wrap > ul > li{
	margin: 0 0 5.5rem 6rem;
}
#check .merit .inner .merit_wrap > ul > li:nth-child(3n+1){
	margin-left: 0;
}
#check .merit .inner .merit_wrap ul li figure{
	text-align: center;
}
#check .merit .inner .merit_wrap ul li dl dt{
	font-size: 2rem;
	text-align: center;
	margin: 2.5rem 0 2rem;
}
#check .merit .inner .merit_wrap ul li dl dd{
	font-size: 1.6rem;
	line-height: 1.875;
	letter-spacing: 0;
	text-justify: inter-ideograph;
	text-justify: inter-character;
	text-align: justify;
}
#check .merit .inner .merit_wrap ul li dl dd p{
	padding-left: 1.3em;
	text-indent: -1.3em;
}

#check .merit .inner .merit_wrap .option{
	width: 900px;
	margin: auto;
	box-sizing: border-box;
	border: 1px solid #3fa9f5;
	padding: 3.5rem 4rem 4.5rem
}
#check .merit .inner .merit_wrap .option h4{
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1rem;
}
#check .merit .inner .merit_wrap .option h4 + p{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 3.5rem;
}
#check .merit .inner .merit_wrap .option ul{
	margin-bottom: 5rem;
}
#check .merit .inner .merit_wrap .option ul li{
	width: 180px;
	margin: 0 0 3rem 3rem;
}
#check .merit .inner .merit_wrap .option ul li:first-child{
	margin-left: 0;
}
#check .merit .inner .merit_wrap .option figcaption{
	padding-top: 1.5rem;
	font-size: 1.6rem;
	line-height: 1.53125;
	text-align: left;
}
#check .merit .inner .merit_wrap .option .option_text{
	text-align: center;
	font-size: 1.6rem;
}
#check .merit .inner .merit_wrap .option .option_text span{
	font-size: 130%;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	#check .trouble figure img{
		width: 100%;
	}
	
	#check .support .inner .support_wrap ul li figure img{
		width: 100%;
	}
	
	#check .merit .inner .merit_wrap ul li figure img{
		width: 100%;
	}
	#check .merit .inner .merit_wrap > ul > li:nth-child(3n+1){
		margin-left: 6rem;
	}
	#check .merit .inner .merit_wrap > ul > li:nth-child(odd){
		margin-left: 0;
	}
	#check .merit .inner .merit_wrap .option{
		width: 600px;
		margin: auto;
	}
	#check .merit .inner .merit_wrap .option ul li:nth-child(odd){
		margin-left: 0;
	}
}

@media screen and (max-width: 767px){
	#check .mv_subpage{
		background: url("../img/check/sp/mv_bg.jpg") no-repeat center center / cover;
	}
	
	#check .trouble{
		padding: 12vw 0 16.67vw;
	}
	#check .trouble figure img{
		width: 100%;
	}
	#check .trouble .trouble_text{
		width: 100%;
		font-size: 3.73vw;
		line-height: 2;
	}
	
	#check .support{
		padding: 12vw 0 0;
	}
	#check .support .inner .support_wrap ul li figure img{
		width: 100%;
	}
	#check .support .inner .support_wrap ul li{
		margin-top: 3.3vw;
		padding: 6vw 7.3vw 7.3vw;
	}
	#check .support .inner .support_wrap ul li:first-child{
		margin-top: 6.67vw;
	}
	#check .support .inner .support_wrap ul li p{
		font-size: 4.267vw;
		margin-bottom: 4vw;
	}
	
	#check .merit{
		padding: 22.1vw 0 0;
		margin-bottom: 21vw;
	}
	#check .merit .inner .merit_wrap{
		width: 100vw;
		margin: 6.67vw calc(50% - 50vw) 0;
		box-sizing: border-box;
		padding: 8vw 5.3vw 10vw;
	}
	#check .merit .inner .merit_wrap ul li figure img{
		width: 100%;
	}
	#check .merit .inner .merit_wrap > ul > li{
		width: 45%;
		margin: 0 0 7.3vw 10%
	}
	#check .merit .inner .merit_wrap > ul > li:nth-child(3n+1){
		margin-left: 10%;
	}
	#check .merit .inner .merit_wrap > ul > li:nth-child(odd){
		margin-left: 0;
	}
	#check .merit .inner .merit_wrap ul li dl dd{
		font-size: 3.73vw;
		line-height: 1.7857;
	}
	
	#check .merit .inner .merit_wrap .option{
		width: 100%;
		margin: auto;
		padding: 6.67vw 4vw;
	}
	#check .merit .inner .merit_wrap .option h4 + p{
		font-size: 3.73vw;
		line-height: 1.7857;
	}
	#check .merit .inner .merit_wrap .option ul{
		margin-bottom: 0;
	}
	#check .merit .inner .merit_wrap .option ul li{
		width: 45%;
		margin: 0 0 6vw 10%;
	}
	#check .merit .inner .merit_wrap .option ul li:nth-child(odd){
		margin-left: 0;
	}
	#check .merit .inner .merit_wrap .option figcaption{
		font-size: 3.73vw;
		line-height: 1.6428;
	}
	#check .merit .inner .merit_wrap .option .option_text{
		font-size: 3.73vw;
		line-height: 2;
	}
}