@charset "utf-8";

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

#lower_pageMV .annotation_area{background: none;padding: 5px 0 0;}
#lower_pageMV .annotation_area p{font-size: 11px;}

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


/* service01_content
---------------------------------------------------------- */
#service01_content{padding: 110px 0 130px;}

#service01_lead{max-width: 850px; width: 100%; margin: 0 auto 120px; text-align: center;}
#service01_lead .underline_title_big{margin-bottom: 15px;}
#service01_lead p{font-size: 15px;}

#service01_con01{margin: 0 0 100px;}
#service01_con01 .bk_green::after{width: calc(100% + 50vw - 550px); height: 343px; bottom: 0; left: 0;}
#service01_con01 .underline_title_small{font-size: 18px; width: 40%; margin-bottom: 40px;}
.service01_con01_wrap{justify-content: space-between;}
.service01_con01_left{width: 37%;}
.service01_con01_center{width: 32%;}
.service01_con01_center p{margin-top: 25px;}
.service01_con01_right{width: 25%; padding: 160px 0 0;}


#service01_con02{margin: 0 0 100px;}
#service01_con02 .underline_title_small{max-width: 450px; margin: 0 auto 40px;font-size: 18px;}
#service01_con02 .bk_green::after{width: calc(100% + 48vw - 550px); height: 100%; bottom: 0; left: 0;
	transform: translateX(-50vw) translateX(550px);}
.service01_con02_wrap{justify-content: space-between;}
.service01_con02_left{width: 32%}
.service01_con02_left .report{padding-top: 40px;}
.service01_con02_center{width: 24%;}
.service01_con02_center p{margin: 30px 0 60px;}
.service01_con02_center ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.service01_con02_right{width: 36%;}


#service01_con03{}
#service01_con03 .bk_green::after{width: 64vw; height: 490px; top: 0; right: 0;
	transform: translateX(50vw) translateX(-550px);}
.service01_con03_lead{text-align: center; margin-bottom: 50px;}
.service01_con03_lead h3{margin: 0 0 15px;}
.service01_con03_lead p{font-size: 15px;}

.same_day_maintenance{color: #fff; background: #b5091f; font-size: 18px; line-height: 1.5;
	display: flex; align-items: center; justify-content: center; text-align: center;
	width: 125px; height: 125px; border-radius: 50%;}

.maintenance_key{max-width: 53%;}
.maintenance_key_lead{position: relative; margin-bottom: 15px;}
.maintenance_key_lead .same_day_maintenance{position: absolute; right: -5px; top: 0; z-index: 2;}
.maintenance_key_lead .underline_title_small{text-align: left; border-color: #000; padding-right: 140px; margin-bottom: 15px;font-size: 18px;}
.maintenance_key_lead .underline_title_small span{display: block;margin-bottom: 10px; color: #000; font-size: 12px;}
.maintenance_key_lead p{padding-right: 140px;}
.maintenance_key_point{justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; padding-right: 110px;}
.maintenance_key_point_right{width: 44%;}
.maintenance_key_point_right p{margin-top: 10px;}
.maintenance_key_point_left{width: 52%;}

.maintenance_screendoor{justify-content: space-between; align-items: flex-end; flex-direction: row-reverse; padding-left: 150px; margin-top: -170px;}
.maintenance_screendoor_right{width: 55%;}
.maintenance_screendoor_left{width: 38%;}
.maintenance_screendoor_lead{position: relative; margin-bottom: 30px;}
.maintenance_screendoor_lead .same_day_maintenance{position: absolute; right: -5px; top: -20px; z-index: 2;}
.maintenance_screendoor_lead .underline_title_small{text-align: left; border-color: #000; padding-right: 140px; margin-bottom: 15px;font-size: 18px;}
.maintenance_screendoor_lead .underline_title_small span{display: block;margin-bottom: 10px; color: #000; font-size: 12px;}
.maintenance_screendoor_lead p{padding-right: 140px;}
.maintenance_screendoor_lead ul{justify-content: space-between; margin-top: 20px;}
.maintenance_screendoor_lead ul li{width: 49%;}

.maintenance_screendoor_point{align-items: flex-end;}
.screendoor_point_left{width: 40%; margin-right: 15px;}
.screendoor_point_left p{margin-top: 10px;}
.screendoor_point_right{width: 38%;}

.service01_con03_annotation{text-align: center; margin-top: 40px;}
.service01_con03_annotation p{font-size: 11px;}

@media screen and (max-width:960px){
	#service01_content{padding: 70px 0 80px;}

	#service01_con01 .bk_green::after{width: calc(100% + 15px);}
	#service01_lead{margin: 0 auto 80px;}
	#service01_lead p{font-size: 13px;}
	#service01_con01 .underline_title_small{width: 60%;}

	#service01_con02 .bk_green::after{transform: translateX(-15px);}
	.service01_con02_left{width: 30%;}
	.service01_con02_center{width: 35%;}
	.service01_con02_center p{margin: 30px 0;}
	.service01_con02_center ul li{width: 48%;}
	.service01_con02_right{width: 33%;}
	
	#service01_con03 .bk_green::after{transform: translateX(15px);}
	.maintenance_key{max-width: 65%;}
	.maintenance_screendoor{padding-left: 90px;}
	.maintenance_screendoor_right{width: 48%;}
	.maintenance_screendoor_left{width: 48%;}

}
@media screen and (max-width:640px){
	#service01_content{padding: 50px 0;}

	#service01_lead .underline_title_big{font-size: 20px;}
	#service01_con01{margin: 0 0 70px;}
	#service01_con01 .bk_green::after{height: 290px; bottom: 20px;}
	#service01_con01 .underline_title_small{width: 100%; margin-bottom: 20px; font-size: 15px;}
	.service01_con01_left{width: 100%; text-align: center; margin-bottom: 20px;}
	.service01_con01_center{width: 100%; margin-bottom: 20px;}
	.service01_con01_center figure{max-width: 280px;margin: 0 auto;}
	.service01_con01_right{width: 100%; padding: 0; text-align: center;}
	.service01_con01_right figure{
		width: 45%;margin: 0 auto;
	}

	#service01_con02{margin: 0 0 70px;}
	#service01_con02 .underline_title_small{margin-bottom: 20px;}
	.service01_con02_left{width: 100%; text-align: center; margin-bottom: 20px; padding: 0 10%;}
	.service01_con02_left .report{padding-top: 0;}
	.service01_con02_center{width: 100%; margin-bottom: 20px;}
	.service01_con02_center p{margin: 0 0 15px;}
	.service01_con02_right{width: 100%;}

	.service01_con03_lead{margin-bottom: 25px;}
	.service01_con03_lead .font28{font-size: 20px;}
	.service01_con03_lead p{font-size: 13px;}
	.same_day_maintenance{font-size: 12px; width: 85px; height: 85px;}
	.maintenance_key{max-width:100%; margin-bottom: 20px;}
	.maintenance_key_lead .same_day_maintenance{left: 0; right: inherit; top: -10px;}
	.maintenance_key_lead .underline_title_small{padding: 0 0 0 100px;}
	.maintenance_key_lead p{padding: 0;}
	.maintenance_key_point{padding-right:0; align-items: center;}
	.maintenance_key_point_right{width: 45%;}
	.maintenance_key_point_left{width: 53%;}
	.maintenance_key_point_right > div{padding: 0 15%;}

	.maintenance_screendoor{margin-top: 0; padding-left:0;}
	.maintenance_screendoor_right{width: 100%; margin-bottom: 20px;}
	.maintenance_screendoor_left{width: 100%;}
	.maintenance_screendoor_lead .same_day_maintenance{left: 0; right: inherit; top: -10px;}
	.maintenance_screendoor_lead .underline_title_small{padding: 0 0 0 100px;}
	.maintenance_screendoor_lead p{padding: 0;}
	.maintenance_screendoor_point{justify-content: space-between;}
	.screendoor_point_left{margin: 0;}
	.screendoor_point_right{width: 55%;}
	.screendoor_point_left > div{padding: 0 15%;}

	.service01_con03_annotation{margin-top: 20px;}
}