@charset "UTF-8";
/* CSS Document */

html{scroll-padding-top: 50px;}

img{
max-width: 100%;
height: auto;
}

.smpno{
	display:none !important;}

body{
width:100%;
min-width:auto;
line-height:1.7;
padding:0;
margin:0;
color:#222;
box-sizing:border-box;
}


/*余白*/
.mb70imp,
.mb50,
.mb70,
.mb100,
.mb30{ margin-bottom:30px;}
.mt70{margin-top: 30px;}
.pad40,
.pad50{padding: 10px;}

.detail_list_clm p.mb5em{
margin-bottom: 2em !important;
}
/*smpでは隠す*/
.smpno,
.none
{
display:none !important; 
}
header{
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
}

.header-inner{
justify-content: space-between;
}

#contact .whitebox{
width: 96%;
margin-left: auto; margin-right: auto;
}
.btn_03,
.btn_02,
.btn_modoru,
.btn_soshin {
width: 86%;}

.contact_posi{
padding-top: 20px;
margin-bottom: 30px;
}

.contact_posi2{
padding-top: 20px;
margin-bottom: 40px;
}

.contact_posi2 .contact_box{
width: 96%;
margin-left: 2em;
margin-bottom: 20px;
}

.contact_posi2 .contact_box th {
width:100%;
display: inline-block;
box-sizing: border-box;

}
.contact_posi2 .contact_box td {
width:100%;
display: inline-block;
box-sizing: border-box;
}

.whitebox {
background: #fff;
margin-inline: auto;
overflow: hidden;
}

.layer_cache {
padding-top: 2em;
margin: 0px auto 30px auto;
}

.contact_tel_posi a.tel {
font-size: 3.2rem;}

.notice ul {
width: calc(100% - 4em);
margin-left: auto; margin-right: auto;
}

.contact_posi2 .contact_box {
margin-left: 2%;
}

.btngroup{
text-align: center;
display: block;
margin-left: auto; margin-right: auto;
margin-bottom: 30px;

}

.btn_modoru,
.btn_soshin{
margin-left: auto; margin-right: auto;
margin-bottom: 1em;
}

.contact_posi2 .contact_box th{
color: var(--main-bg);
font-size: 120%;
}

.contact_tel_posi_r{text-align: center;}

.contact_tel_posi a.tel {
margin-right: 0;
}
.logo img,
.header-inner img{
height: 20px;
}

#contact,
#top_kv{
margin-top: 50px;
}

#top_kv, .top_kv_inner {
aspect-ratio: 1256 / 715;
}


.smpimgsize{
max-width: 96%;
}
.okomari ul{
max-width: 98%;
margin-inline: auto;}
.okomari ul li{
width: 80%;
text-align: left;
margin-inline: auto;
}
.voice_li,
.miss_li,
.service_point_li{
max-width: 96%;
margin-inline: auto;
}
.voice_li li,
.miss_li li,
.service_point_li li{
margin-bottom: 2em;
}
.service_point_li li img{
margin-bottom: 1em;
}
.service_point_li li dl dt{
width: 50px;
}
.service_point_li li dl dd{
flex: 1;
width: 100%;
}
.voice_li img{
margin-inline: auto;
text-align: center;
display: block;
margin-bottom: 1em;
}

.voice_txt_posi p{margin-bottom: 1em;}

.service_flow .ttl04,
.service_flow .chache_txt,
.service_flow .balloon-001,
.service_naiyou_txt,
.chache_txt,
.contact_cache{
max-width: 96%;
margin-inline: auto;
}
.service_point_li li{
width: 100%;
}
.service_point_li li img{
display: block;
margin-inline: auto;
}

.service_naiyou_bg{
padding-bottom: 10px;
}

.service_flow .balloon-001 dd img{
margin-bottom: 10px;
}

.miss_flx img{
text-align: center;
display: block;
margin-inline: auto;
margin-bottom: 1em;
}


.kaiketsu_bg {
padding: 30px 0;
}

.ttl_space01{
padding-top: 3em;
}
.kaiketsu_shiro {
max-width: 90%;
background-size: contain;
margin-inline: auto;
padding-bottom: 50px;
}
.staff ul,
.kaiketsu .sub_come{
max-width: 96%;
margin-inline: auto;
}
.detail_list_clm,
.clm_txt,
.detail_list ol,
.kaiketsu ul{
max-width: 96%;
margin-inline: auto;
}

.kaiketsu ul li img{
display: block;
margin-inline: auto;
}

.staff_p_w{
padding-bottom: 20px;
}
.staff ul li {
margin-inline: auto;

}
.footer-inner{text-align: center;}

.foot_contact_add{
margin-bottom: 2em;
}

.foot_r ul li{
text-align: left;
}
.foot_bn {
margin-bottom: 30px;
justify-content:center;
width: 100%;
text-align: center;
margin-inline: auto;

}

.detail_list_clm img{
max-width: 100%;
}
.clm_ttl{
font-size: 2.6rem;
line-height: 1.4;
}