@charset "utf-8";

#lower_pageMV h1{margin-bottom: 65px; padding-bottom: 45px; border-bottom: 1px solid #006e38;}

@media screen and (max-width:960px){
	#lower_pageMV .lower_page_title{padding: 30px 20px 0 0;}
	#lower_pageMV h1{width: 90%; padding-bottom: 15px; margin-bottom: 20px;}
}
@media screen and (max-width:640px){
	#lower_pageMV h1{width: 80%;}
	#lower_pageMV .lower_page_title{padding: 30px 0 0 0;}
}

.borderBox {
	border: 1px solid #006e38;
	padding: 10px;
}

.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}

.image_flex{display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -10px; margin-right: -10px;}
.image_flex li{width: calc(100% / 3); padding: 0 10px;}

@media screen and (max-width: 640px){
	.image_flex li{width: 100%; padding: 0 15%;}
	.image_flex li + li{margin-top: 15px;}
}

/* service05_con01
---------------------------------------------------------- */
#service05_con01{text-align: center; padding: 60px 0 90px; margin-top: 40px; position: relative;}
#service05_con01::before{content: ""; position: absolute; top: 0; left: 0;
	width: 25vw; height: 100%; background: #d9e9e1;z-index: -1;}
.con01_lead{position: relative; z-index: 2;}
.con01_lead{margin-bottom: 70px;}
.con01_lead h2{margin-bottom: 20px;}

#service05_con01 .flex .flex_item{width: 32%;}

@media screen and (max-width: 960px){
	#service05_con01{padding: 30px 0 60px;}
	.con01_lead {margin-bottom: 40px;}
}
@media screen and (max-width: 640px){
	#service05_con01{margin-top: 20px; padding: 30px 0 40px;}
	.con01_lead{margin-bottom: 20px;}
	.con01_lead h2{margin-bottom: 10px;}
}

/* service05_con02
---------------------------------------------------------- */
#service05_con02{}
#service05_con02 h2{text-align: center; margin-bottom: 40px;}
.about_staff{display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_box{width: 48%;}
.about_box h3{margin-bottom: 10px;}
.about_box figure{padding: 0 12%; margin-top: 30px;}

@media screen and (max-width: 960px){
	#service05_con02{padding: 40px 0 0;}
	.about_box h3{font-size: 18px;}
}
@media screen and (max-width: 640px){
	.about_box{width: 100%;}
	.about_box + .about_box{margin-top: 40px;}
	.about_box h3{font-size: 16px;}
}

/* service05_con03
---------------------------------------------------------- */
#service05_con03{text-align: center; padding: 120px 0 0; margin-bottom: 80px;}
#service05_con03 h2{margin-bottom: 20px;}

#service05_con03 .flex {position: relative;margin-top: 50px;padding: 30px 0;}
#service05_con03 .flex::after{content: ""; position: absolute; top: 0; left: 10%; right: 0;
	margin: auto; width: 30vw; height: 100%; background: #d9e9e1;z-index: -1;}
#service05_con03 .flex .flex_item{width: 32%;}

@media screen and (max-width: 960px){
	#service05_con03{padding: 80px 0 0;}
	#service05_con03 .flex{margin-top: 25px;}
}
@media screen and (max-width: 640px){
	#service05_con03{padding: 40px 0; margin-bottom: 0;}
	#service05_con03 .flex{padding: 0;}
	#service05_con03 .flex::after{display: none;}
}

/* service05_con04
---------------------------------------------------------- */
#service05_con04{background: #d9e9e1; text-align: center; padding: 80px 0 100px;}
#service05_con04 h2{margin-bottom: 20px;}

#service05_con04 .flex{margin-top: 50px;}
#service05_con04 .flex .flex_item{width: 32%;}

@media screen and (max-width: 960px){
	#service05_con04{padding: 50px 0 70px;}
}
@media screen and (max-width: 640px){
	#service05_con04{padding: 40px 0;}
	#service05_con04 .flex{margin-top: 30px;}
}



/*スライダーのカスタマイズ*/
.service05_slide .slick-dots li {margin: 0 1px;}
.service05_slide .slick-dots li button:before{color: #ccc;font-size: 24px;opacity: 1;}
/*アクティブ時*/
.service05_slide .slick-dots li.slick-active button:before{color: #006e38;}