@charset "UTF-8";
/*-------------------------
__main_img
-------------------------*/
#main_img{background-image:url("images/main.jpg");background-size:cover;background-position:center;min-width:1100px;width:100%;height:500px;margin-bottom:70px;position:relative;}
#main_img::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4);}
#main_img .inner{max-width:1000px;width:100%;height: 100%; margin: 0 auto; position: relative;}
#main_img .inner .main_com{width:100%; position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#main_img .inner .main_com p.com_top{font-weight:700; font-size: 3.2em; line-height: 1.6; color: #fff;}
#main_img .inner .main_com .main_title{width:600px;height: auto; margin:-25px auto 30px;}
#main_img .inner .main_com .main_title img{ width: 100%; height: auto;}
#main_img .inner .main_com p.com_btm{ font-size: 2.5em; line-height: 1.6; color: #fff;}
#main_img .inner .main_com p.com_btm .kome{display:block; font-size: 0.7em; margin-top: 5px;}
@media only screen and (max-width: 767px) {
#main_img{min-width:auto;height:auto;margin-bottom:30px;}
#main_img .inner{box-sizing:border-box;padding:0 15px 30px;}
#main_img .inner .main_com{position:static;transform:translate(0, 0);}
#main_img .inner .main_com p.com_top{font-size:2.0em;padding-top:20px;}
#main_img .inner .main_com .main_title{width:100%;max-width:350px;margin:5px auto 20px;}
#main_img .inner .main_com p.com_btm{font-size:1.8em;}
}
/*-------------------------
__common_btn_box
-------------------------*/
.common_btn_box{text-align:center;margin:70px auto;}
.common_btn_box a{text-decoration:none;display:inline-block;box-sizing:border-box;padding:35px 80px;font-size:2.1em;font-weight:700;color:#FFF;box-shadow:3px 3px 0 rgb(0 0 0 / 20%);transition:0.3s;background:#6E5A28;border-radius:7px;}
@media only screen and (min-width: 768px){
.common_btn_box a:hover{box-shadow:none;transform:scale(0.99);background:#827146;}	
}
@media only screen and (max-width: 767px) {
.common_btn_box{margin:30px auto;}
.common_btn_box a{display:block;padding:20px;font-size:1.8em;}
}
/*-------------------------
__service
-------------------------*/
#service,
#flow_3point{width:1100px;box-sizing:border-box;padding:0 50px;margin:0 auto; text-align: left;}
#service .list_box{ margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #000;}
#service .list_box:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
#service .list_box .service_stitle{font-size:3.2em;line-height:1.6;font-weight:700;margin-bottom: 20px; text-align: center;}
#service .list_box .border_text{font-size:2.6em;line-height:1.6;margin-bottom:40px; text-align:center;color:#2aa239;}
#service .list_box .border_text em{ border-bottom: 2px solid #2aa239;}
#service .list_box p.service01{ font-size: 2.6em; line-height: 1.6; margin-top: -35px; margin-bottom: 35px; text-align: center;}
#service .list_box p.service01 span{ color: #2aa239;}
#service .list_box > p{}
#service .list_box > ul > li{ font-size: 1.6em; line-height: 1.6; margin-bottom: 20px; min-height: 28px;padding-left: 95px; box-sizing: border-box;}
#service .list_box > ul > li span{ color: #2aa239;}
#service .list_box > ul > li:nth-child(1){ background-image: url(images/point01.png); background-size:80px 28px; background-repeat: no-repeat;}
#service .list_box > ul > li:nth-child(2){ background-image: url(images/point02.png); background-size:80px 28px; background-repeat: no-repeat;}
#service .list_box > ul > li:nth-child(3){ background-image: url(images/point03.png); background-size:80px 28px; background-repeat: no-repeat;}
#service .list_box > ul > li:nth-child(4){ background-image: url(images/point04.png); background-size:80px 28px; background-repeat: no-repeat;}
#service .list_box > ul > li:nth-child(5){ background-image: url(images/point05.png); background-size:80px 28px; background-repeat: no-repeat;}
#service .list_box .photo_box{ display: flex; text-align: center;}
#service .list_box .photo_box dl{ width: calc(100% - 20px);}
#service .list_box .photo_box dl:nth-child(1){ margin-right: 40px;}
#service .list_box .photo_box dl dt{ font-size: 2.2em; font-weight: bold; margin-bottom: 15px;}
#service .list_box .photo_box dl dd{}
#service .list_box .photo_box dl dd img{ width: 100%; height: auto;}
@media only screen and (max-width: 767px) {
#service,
#flow_3point{width:100%;padding:0 15px;}
#service .list_box{margin-bottom:30px;padding-bottom:30px;}
#service .list_box .service_stitle{font-size:2.0em;margin-bottom:10px;}
#service .list_box .border_text{font-size:1.8em;margin-bottom:20px;}
#service .list_box p.service01{font-size:1.6em;margin-top:0;}	
#service .list_box > ul > li{font-size:1.5em;line-height:1.4;padding-left:60px;}
#service .list_box > ul > li:last-child{margin-bottom:0;}
#service .list_box > ul > li:nth-child(1),
#service .list_box > ul > li:nth-child(2),
#service .list_box > ul > li:nth-child(3),
#service .list_box > ul > li:nth-child(4),
#service .list_box > ul > li:nth-child(5){background-size:50px 17.5px;}
#service .list_box .photo_box{margin-top:20px;}
}
/*-------------------------
__flow
-------------------------*/
#flow{text-align:center;padding-top:80px;}
#flow .flow_title{background-image:url(images/flow_title_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:100px 0;box-sizing:border-box;margin-bottom:80px;position:relative;}
#flow .flow_title::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.4);}
#flow .flow_title_text{ position: relative; font-size: 3.7em; line-height: 1.6; color: #fff;}
#flow .flow_inner{width:1100px;box-sizing:border-box;padding:0 50px;margin:auto;}
#flow .flow_step{ margin-bottom: 80px;}
#flow .flow_step .flow_step_title{ font-size: 2.2em; line-height: 1.6; color: #fff; background-color: #5f4c3f; display: inline-block; padding: 9px 30px 12px; border-radius: 30px; margin-bottom: 25px;}
#flow .flow_step .flow_step_stitle{ font-size: 2.8em; line-height: 1.6; margin-bottom: 15px; vertical-align: middle;}
#flow .flow_step .flow_step_stitle span{ display: inline-block; padding-left: 85px; min-height: 70px; padding-top: 10px;}
#flow .flow_step.flow01 .flow_step_stitle span{ background-image: url(images/point01_circle.png); background-size:70px 70px; background-repeat: no-repeat;}
#flow .flow_step.flow02 .flow_step_stitle{ margin-bottom: 20px;}
#flow .flow_step.flow02 .flow_step_stitle span{ background-image: url(images/point02_circle.png); background-size:70px 70px; background-repeat: no-repeat;}
#flow .flow_step.flow01 ul li{ font-size: 2em; line-height: 1.6; margin-bottom: 10px;}
#flow .flow_step .flow_step_dl{ display: flex; justify-content: center;}
#flow .flow_step.flow02 ul{ display: flex;}
#flow .flow_step.flow02 ul li{ color: #fff; background-color: #2aa239; border-radius: 50%; width: 230px; height: 230px; position: relative; margin: 0 15px;}
#flow .flow_step.flow02 ul li p{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
#flow .flow_step.flow02 ul li p span{ display: block;}
#flow .flow_step.flow02 ul li p span.com01{ font-size: 1.7em; line-height: 1.4; margin-bottom: 5px;}
#flow .flow_step.flow02 ul li p span.com02{ font-size: 3.1em; line-height: 1.2;}
@media only screen and (max-width: 767px) {
#flow{padding-top:30px;}
#flow .flow_title{padding:40px 0;margin-bottom:30px;}
#flow .flow_title_text{font-size:3em;}
#flow .flow_inner{width:100%;padding:0 15px;}
#flow .flow_step{margin-bottom:30px;}
#flow .flow_step .flow_step_title{font-size:1.8em;/*margin-bottom:25px;*/}	
#flow .flow_step .flow_step_stitle{font-size:2.0em;line-height:1.4;margin-bottom:15px;}
#flow .flow_step .flow_step_stitle span{padding-left:60px;min-height:50px;padding-top:0;text-align:left;}	
#flow .flow_step.flow01 .flow_step_stitle span,
#flow .flow_step.flow02 .flow_step_stitle span{background-size:50px 50px;}
#flow .flow_step.flow01 ul li{font-size:1.5em;line-height:1.4;text-align:left;}
#flow .flow_step.flow02 ul{display:block;}
#flow .flow_step.flow02 ul li:nth-of-type(2){margin:10px auto;}	
}
/*-------------------------
__flow
-------------------------*/
#flow_3point{}
#flow_3point .point{ background-color: #eee; padding: 40px; box-sizing: border-box; margin-bottom: 40px; border-radius: 10px;}
#flow_3point .point h5{ font-size: 3.4em; line-height: 1.6; text-align: center; margin-bottom: 20px; color: #2aa239;}
#flow_3point .point ul{ text-align: center;}
#flow_3point .point ul li{ font-size: 1.8em; line-height: 1.6; border-bottom: 1px dashed #fff; padding: 10px 0;}
@media only screen and (max-width: 767px) {
#flow_3point .point{padding:15px;margin-bottom:20px;}
#flow_3point .point h5{font-size:2.8em;margin-bottom:0px;}
#flow_3point .point ul li{font-size:1.6em;line-height:1.4;}	
}