@charset 'utf-8';


#list_lp{padding-bottom: 30px;}
#menu a.menu_service{text-decoration: underline;}


.sub_top{margin-bottom: 110px;}
.sub_top_tytle{top: 44%;}
.cate_back{padding-top: 50px;padding-bottom: 70px;}
.cate_tytles{text-align: center;margin-bottom: 40px;margin-top: 50px;}
.cate_tytles_e{font-family: "Noto Serif JP", serif;font-size: 50px;letter-spacing: 0.1em;margin-bottom: 10px;color: rgba(51,51,51,0.3);}
h3{font-size: 30px;letter-spacing: 0.06em;}
.cate_mainimg{width: 100vw;}
.service_back{width: 1150px;margin: 0 auto;padding: 50px 0;margin-bottom: 70px;}
.service_wrap{margin-top: 60px;margin-bottom: 150px;margin-bottom: 50px;}

/* button */
a.btn_02_a {display: block;color: #333;font-size: 16px;padding: 1.5rem 3.5rem 1.5rem .5rem;background-color: #ffffff;text-align: center;text-decoration: none;transition-duration: 0.3s;border:1px solid; }
a.btn_02_a:hover {background: #000000;color: white;}
a.btn_02_a span {position: relative;display: inline-block;text-align: left;line-height: 1.4;letter-spacing: 0.06em;}
a.btn_02_a span:before {content: '';width: 32px;height: 32px;background: #ffffff;border-radius: 50%;position: absolute;top: 50%;right: -43px;margin-top: -16px;border: 1px solid;}
a.btn_02_a span:after {content: '';width: 6px;height: 6px;border: 0;border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(135deg);position: absolute;top: 52%;right: -30px;margin-top: -5px;}
a.btn_02_a:hover span:after {border-top: 1px solid #000000;border-right: 1px solid #000000;}
.service_button{width: 320px;}
.service_button_wrap{display: flex;justify-content: space-between;margin-bottom: 80px;}
.service_button span{font-family: "Noto Serif JP", serif;font-size: 19px;}


/* service_top */
.service_top{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 70px;align-items: center;}
.service_top_r{flex-direction: row-reverse;}
.service_top_texts{width: 570px;}
.service_top_tytles{margin-bottom: 30px;}
.service_top_tytle_e {font-family: "Noto Serif JP", serif;font-size: 23px;letter-spacing: 0.1em;}
h3{font-family: "Noto Serif JP", serif;font-size: 28px;font-weight: initial;line-height: 1.3;}
h3 span{background-color:#001042;color: white;letter-spacing: 0.1em;}
.service_top_text{font-size: 16px;letter-spacing: 0.06em;line-height: 1.5;text-align: justify;}
.service_top_photo{width: 360px;position: relative;z-index: 1;}
.service_top_photo:before {content: '';position: absolute;right: 0;left: -1.5vw;background: #001042;width: 30%;height: 50%;z-index: -1;bottom: -1.5vw;}
.service_top_photo_r:before{left: initial;right: -1.5vw;}

/* service_bottom */
.service_bottom{padding: 30px 0;}
.service_bottom_gw{background: #F0F0F0;}
.service_bottom_img{width: 850px;margin: 0 auto;}
.service_bottom_inner{width: 850px;margin: 0 auto;}

/* service_bottom_GUARANTEE01 */
.back_lightblue{background: #D8EAF2;}
.text_red{color: #A73759;font-size: 35px;}
.text_red small{font-size: 32px;}
.inspection_top{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 30px;}
.inspection_top_plus{padding-top: 10px;}
.inspection_top_con{width: 390px;}
.inspection_top_con_tytle{color: white;text-align: center;font-family: "Noto Serif JP", serif;font-size: 20px;margin-bottom: 15px;padding: 8px 0;}
.inspection_top_con_text{font-size: 16px;line-height: 1.5;letter-spacing: 0.06em;text-align: justify;}
.inspection_bottom{font-size: 16px;font-family: "Noto Serif JP", serif;text-align: center;padding: 10px 0;letter-spacing: 0.06em;}

/* service_bottom_GUARANTEE02 */
.shuri_tytle{color: white;text-align: center;font-family: "Noto Serif JP", serif;font-size: 20px;margin-bottom: 15px;padding: 8px 0;letter-spacing: 0.06em;}
.shuri_lists{display: flex;flex-direction: row;justify-content: space-between;}
.shuri_con_wrap{display: flex;flex-direction: row;justify-content: space-between;width: 680px;}
.shuri_con_tytle{position: relative;display: inline-block;width: 125px;height: 125px;border-radius: 50%;background: white;border: 2px solid #001042;}
.shuri_con_tytle span{font-family: "Noto Serif JP", serif;color: #001042;font-size: 20px;position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width :125px;text-align:center;}
.shuri_con_texts{width: 100px;text-align: center;}
.shuri_con_text{font-size: 16px;}
.shuri_con_img{margin-bottom: 5px;}

/* service_bottom_GUARANTEE03 */
.kaitori_wrap{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.kaitori_left{width: 350px;border-right: 1px dashed #000000;display: flex;flex-direction: column;align-items: center;}
.kaitori_left_text{font-size: 20px;font-family: "Noto Serif JP", serif;letter-spacing: 0.06em;line-height: 1.5;}
.kaitori_left_img{width: 120px;}
.kaitori_right{width: 550px;margin-left: 60px;}
.kaitori_check_wrap{display: flex;flex-direction: row;align-items: center;margin-bottom: 5px;}
.kaitori_check_img{width: 30px;margin-right: 15px;}
.kaitori_check_text{font-size: 16px;}

/* PC・SP */
.pc{display: block;}
.sp{display: none;}
#list_lp img.pc{display: block;}
#list_lp img.sp{display: none;}



/* ************************************************************************************************ */
@media screen and (max-width: 1100px) {
.con_inner{width: 85vw;}
.service_back{width: 95vw;}

/* button */
.service_button{width: 27vw;}
a.btn_02_a{padding: 1.5rem 3rem 1.5rem 0rem;}
a.btn_02_a span:after {right: -30px;}
.case_button{width: 29vw;}

/* service_top */
.service_top_texts{width: 47vw;}
.service_top_photo{width: 32vw;}
h3{font-size: 26px;}

/* service_bottom */
.service_bottom_img{width: 75vw;}

/* service_bottom_GUARANTEE01 */
.service_bottom_inner{width: 75vw;}
.inspection_top_con{width: 35vw;}

/* service_bottom_GUARANTEE02 */
.shuri_lists{flex-direction: column;}
.shuri_con_tytle{border-radius: initial;background: initial;width: initial;height: initial;border: none;}
.shuri_con_tytle span{position: initial;text-align: center;width: 80vw;margin-top: 13px;margin-bottom: 5px;}
.shuri_con_wrap{flex-wrap: wrap;width: 70vw;margin: 0 auto;}
.shuri_con{margin-bottom: 15px;width: 10vw;}
.shuri_con_texts{width: 10vw;}


/* service_bottom_GUARANTEE03 */
.kaitori_left{width: 40vw;}
.kaitori_right{width: 40vw;}

/* PC・SP */
.pc{display: block!important;}
.sp{display: none!important;}
#list_lp img.pc{display: block!important;}
#list_lp img.sp{display: none!important;}

.shuri_con_tytle br.pc{display: none!important;}
}


/* ************************************************************************************************ */
@media screen and (max-width: 900px) {


.sub_top {margin-bottom: 120px;}

/* button */
a.btn_02_a span:before{right: -1vw;}
a.btn_02_a span:after{right: 0.4vw;}

/* button */
.service_button_wrap{flex-wrap: wrap;margin-bottom: 30px;}
.service_button{width: 90vw;margin: 5px 0;}
a.btn_02_a{padding: 1.1rem .5rem;}
a.btn_02_a span{line-height: 1.3;}
a.btn_02_a span:after {right: 8px;}
a.btn_02_a{padding: 1.1rem 0;}
a.btn_02_a span{width: 60vw;}

/* service_bottom_GUARANTEE01 */
.shuri_con_wrap{width: 75vw;}
.text_red{font-size: 30px;}
.text_red small{font-size: 20px;}

/* PC・SP */
.pc{display: block!important;}
.sp{display: none!important;}
#list_lp img.pc{display: block!important;}
#list_lp img.sp{display: none!important;}

h3 br.sp{display: block!important;}
}


/* ************************************************************************************************ */
@media screen and (max-width: 740px) {

#list_lp{padding-bottom: 0;}
#list_lp h3{font-size: min(6.2vw, 26px);}

.sub_top_tytle{top: 30%;}
.cate_back{padding-top: 20px;padding-bottom: 10px;}
.cate_tytles_e{font-size: 40px;}
.con_inner{width: 90vw;}
.service_back{width: 100vw;background-color: initial;padding: 0;}
.sub_top {margin-bottom: 0px;}

/* service_top */
.service_top{flex-direction: column;width: 90vw;margin-bottom: 40px;}
.service_top_texts{column;width: 90vw;}
.cate_tytles{text-align: center;margin-bottom: 20px;}
.service_top_tytle_e{margin-bottom: 15px;}
h3{font-size: 24px;}
.service_top_photo{width: 90vw;margin-bottom: 25px;}
.service_top_photo:before{display: none;}
.service_top_photo_r:before{display: none;}

/* service_bottom */
.service_bottom_gw{background: white;}
.service_bottom_inner{width: 80vw;}
.service_bottom_img{width: 80vw;}

/* service_bottom_GUARANTEE01 */
.inspection_top{flex-direction: column;align-items: center;}
.inspection_top_plus{padding-bottom: 20px;}
.inspection_top_con{width: 80vw;}
.inspection_bottom{text-align: left;display: flex;justify-content: center;padding: 15px 0 10px 0;}
span.marker{background: initial;}

/* service_bottom_GUARANTEE02 */
.shuri_con_wrap{width: 70vw;}
.shuri_con_texts{width: 30vw;}
.shuri_con{width: 30vw;}

/* service_bottom_GUARANTEE03 */
.kaitori_wrap{flex-direction: column;}
.kaitori_left{width: 80vw;border-right: none;align-items: initial;}
.kaitori_left_text{margin-bottom: 25px;}
.kaitori_right{width: 80vw;margin-left: 0;}

/* service_bottom_SUPPORT */
.service_bottom_w{background: white;}

/* LINKS */
.links_wrap .links_service{background: #8590b0;}

/* PC・SP */
.pc{display: none!important;}
.sp{display: block!important;}
#list_lp img.pc{display: none!important;}
#list_lp img.sp{display: block!important;}

}

/* ************************************************************************************************ */
@media screen and (max-width: 400px) {
  a.btn_02_a span {
width: 72vw;
}
}