@charset "UTF-8";
/*---------------------------------------- 801px以上 ----------------------------------------*/
@media all and (min-width:801px){
		.pc{display: block;}
	.sp{display:none;}

	.field_wrap{width: 100%; position: relative;}
#kumamoto{margin: 0 auto 100px;}
#kumamoto figure{margin-bottom:28px; width: 92%; max-height: 620px; overflow: hidden;float: right;}
#kumamoto figure img{width: 100%; }
#kumamoto .kumamoto_inner{max-width: 1200px; margin: 0 auto;}
#kumamoto .kumamoto_inner h2{float: left; width: 15%; text-align:  center; padding-top: 40px}
#kumamoto .kumamoto_text{float: left; width: 50%; margin-right: 4%;}
#kumamoto .kumamoto_text p{margin-bottom: 11px; line-height: 2.2em;}
#kumamoto .kumamoto_detail{padding: 3% 0; border-top: 1px dotted #dedede;border-bottom: 1px dotted #dedede;}
#kumamoto .kumamoto_detail dl{margin-bottom: 16px; font-size: 14px;}
#kumamoto .kumamoto_detail dl:last-child{margin-bottom: 0;}

#kumamoto .kumamoto_detail dl dt{float: left; margin-right: 12px;}
#kumamoto .kumamoto_detail dl dd{float: left; }
.kumamoto_btn{width: 28%; background-color: #41b25d; border-radius: 40px;float: left; text-align: center; margin-top: 64px;}
	.kumamoto_btn a{padding: 5%; color: #fff; display: block;}
    .kumamoto_btn a:hover{background-color: #196c2d;}
	.kumamoto_btn a{padding: 5%; color: #fff; display: block;}
    .kumamoto_btn a:hover{background-color: #196c2d;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; border-radius: 40px;}

#goushi{margin: 0 auto 80px; width: 100%; max-width: 1000px}
#goushi figure{float: left; width: 60%; max-width: 600px; overflow: hidden; margin-right: 2vw;}
#goushi figure img{width: 100%;}

#goushi .goushi_inner{float: left; width: 35%; text-align:  center; padding-top: 25px; max-width: 350px;margin: auto;}
#goushi .goushi_inner h2{margin-bottom: 46px}
#goushi .goushi_detail{padding: 6%; border-top: 1px dotted #dedede;border-bottom: 1px dotted #dedede;margin-bottom: 24px;}
#goushi .goushi_inner p{text-align: left; margin-bottom: 24px;}

#goushi .goushi_detail dl{margin-bottom: 16px; font-size: 14px;}
#goushi .goushi_detail dl:last-child{margin-bottom: 0;}

#goushi .goushi_detail dl dt{float: left; margin-right: 12px;}
#goushi .goushi_detail dl dd{float: left; }
.goushi_btn{width: 100%; background-color: #41b25d; border-radius: 40px;}
	.goushi_btn a{padding: 5%; color: #fff; display: block;}
    .goushi_btn a:hover{background-color: #196c2d;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; border-radius: 40px;}

.bg_layer_in {
	height: 85vw;
	max-height: 810px;
}
}

/*---------------------------------------- 1500px以上 ----------------------------------------*/
@media all and (min-width:1500px){
/*-------------------- ヘッダー --------------------*/

}
/*---------------------------------------- 800px以上 ----------------------------------------*/
@media all and (max-width:800px){
		.pc{display: none;}
	.sp{display:block;}

	.field_wrap{width: 90%; position: relative; margin: 0 auto;}
#kumamoto{margin: 0 auto 100px;}
#kumamoto figure{margin: auto auto 2vw auto; width: 100%; overflow: hidden;}
#kumamoto figure img{width: 100%;}
#kumamoto .kumamoto_inner{margin: 0 auto 0 auto; width: 95%;}
#kumamoto .kumamoto_inner h2 {
	float: left;
	width: 20%;
	text-align: center;
	padding: 0px 4vw 2vw 0px;
}
#kumamoto .kumamoto_inner h2 img {
	width: 100%;
	margin-top: 2vw;
}
#kumamoto .kumamoto_text{width: 100%; margin-right: 4%;}
#kumamoto .kumamoto_text p {
	margin: auto auto 4vw auto;
	font-size: 14px;
	line-height: 2.0;
}
#kumamoto .kumamoto_detail{padding: 3% 0; border-top: 1px dotted #dedede;border-bottom: 1px dotted #dedede;}
#kumamoto .kumamoto_detail dl{margin-bottom: 16px; font-size: 14px;}
#kumamoto .kumamoto_detail dl:last-child{margin-bottom: 0;}

#kumamoto .kumamoto_detail dl dt{float: left; margin-right: 12px; font-size: 14px;}
#kumamoto .kumamoto_detail dl dd{float: left; font-size: 14px;}
.kumamoto_btn{
	width: 70%; max-width: 400px; background-color: #41b25d; border-radius: 40px; text-align: center; margin: 6vw auto auto;}
	.kumamoto_btn a{padding: 5%; color: #fff; display: block;}
    .kumamoto_btn a:hover{background-color: #196c2d;}
	.kumamoto_btn a{padding: 5%; color: #fff; display: block;}
    .kumamoto_btn a:hover{background-color: #196c2d;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; border-radius: 40px;}

#goushi{margin: 0 auto 0px; width: 100%; max-width: 1000px}
#goushi figure{margin: auto auto 2vw auto; float: left; width: 100%; max-height: 600px; overflow: hidden;}
#goushi figure img{width: 100%;}
#goushi .goushi_inner {
	width: 95%;
	margin: auto;
	text-align: center;
}
#goushi .goushi_inner h2{
	float: left;
	width: 27%;
	text-align: center;
	padding: 0px 4vw 2vw 0px;
}
#goushi .goushi_inner h2 img {
	width: 100%;
}
#goushi .goushi_detail {padding: 6%; border-top: 1px dotted #dedede;border-bottom: 1px dotted #dedede;margin-bottom: 24px;}
#goushi .goushi_inner p {
	margin: auto auto 4vw auto;
	font-size: 14px;
	line-height: 2.0;
}

#goushi .goushi_detail dl{margin-bottom: 16px; font-size: 14px;}
#goushi .goushi_detail dl:last-child{margin-bottom: 0;}

#goushi .goushi_detail dl dt{float: left; margin-right: 12px;}
#goushi .goushi_detail dl dd{float: left; }
.goushi_btn{width: 70%; max-width: 400px; background-color: #41b25d; border-radius: 40px; margin: auto;}
	.goushi_btn a{padding: 5%; color: #fff; display: block;}
    .goushi_btn a:hover{background-color: #196c2d;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; border-radius: 40px;}

.bg_layer {
	display: none;
}
}
/*---------------------------------------- 400px以上 ----------------------------------------*/
@media all and (max-width:400px){
#kumamoto .kumamoto_text p {
	margin: auto 2vw 11px auto;
	font-size: 3.0vw;
	line-height: 2.0;
}
#kumamoto .kumamoto_detail dl dt{float: left; margin-right: 12px; font-size: 3.0vw;}
#kumamoto .kumamoto_detail dl dd{float: left; font-size: 3.0vw;}

#goushi .goushi_inner p {
	margin: auto 2vw 11px auto;
	text-align: left;
	font-size: 3.0vw;
	line-height: 2.0;
	margin-bottom: 24px;
}
#goushi .goushi_detail dl dt{float: left; margin-right: 12px; font-size: 3.0vw;}
#goushi .goushi_detail dl dd{float: left; font-size: 3.0vw;}


}