/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.08vw;
line-height:1.8;
color:#000;
width:100%;
overflow:hidden;
font-feature-settings:'palt';
}

/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:none; }
.sponly{ display:block; }



#container{
width:100%;
}

#kv{
width:100vw;
background:url(../img/kv-sp.jpg) no-repeat;
background-size:cover;
height:92.05vw;
margin:0 auto;
}


/*------------------------------------------------------------
C-BOX
------------------------------------------------------------*/
.c-box{
width:100vw;
margin:0 auto;
background:linear-gradient(to top, #013b84 95%, #002452 100%);
padding:8.97vw 6.41vw 22.05vw;
position:relative;
}
.c-md{
text-align:center;
width:87.18vw;
margin:0 auto 10.77vw;
}
.c-btns{
position:relative;
z-index:2;
}
.c-btns li{
margin-bottom:5.64vw;
}
.c-btns li:last-child{
margin:0;
}

.c-btns li a{
width:61.54vw;
height:20.51vw;
border-radius:2.05vw;
background:linear-gradient(to top, #ff6b00 0%, #eea128 100%);
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:5.13vw;
font-weight:bold;
position:relative;
}

.c-btns li a::after{
content:'';
width:2.18vw;
height:3.85vw;
background:url(../img/arrow-right-angle-wh.svg) no-repeat;
background-size:2.18vw;
position:absolute;
top:8.21vw;
right:3.33vw;
}




.hiromi-contact{
width:58.46vw;
height:82.05vw;
background:url(../img/hiromi-c-sp.png) no-repeat;
background-size:cover;
position:absolute;
bottom:0;
left:50%;
margin-left:4.36vw;
z-index:1;
}
/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/



.concept{
width:100vw;
padding:20.51vw 0 22.05vw;
background:url(../img/concept-bgbg-sp.svg) no-repeat center center;
background-size:100vw;
position:relative;
margin:0 auto;
}

.concept-cont{
width:86.67vw;
background:#fff;
margin:0 auto;
padding:15.38vw 0;
text-align:center;
}
.concept-md{
width:60.00vw;
margin:0 auto 5.64vw;
}
.concept-txt{
font-size:2.82vw;
line-height:7.95vw;
}

.concept-bg{
width:100.00vw;
height:218.59vw;
position:absolute;
top:0;
left:0;
background:url(../img/concept-bg-sp.png) no-repeat center top;
background-size:cover;
z-index:2;
}




#index2{
width:100vw;
margin:0 auto;
background:#ebf1f5;
padding:11.28vw 0 13.59vw;
}

.i2-ttl{
width:76.92vw;
height:10.77vw;
line-height:10.77vw;
margin:0 auto 8.97vw;
background:#013b84;
border-radius:0.51vw;
color:#fff;
font-size:4.62vw;
font-weight:bold;
text-align:center;
}

.svc-list{
width:92vw;
margin:0 auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:6vw 0;
}

.svc-list li{
width:42vw;
text-align:center;
color:#013b84;
font-size:2.82vw;
letter-spacing:0;
}

.svc-list li:nth-child(3){
margin:0 calc((100% - 42vw) /2);
}

.svc-icon{
width:31.79vw;
height:31.79vw;
margin:0 auto 3.33vw;
}




#index3{
padding:17.95vw 0 16.67vw;
}

.sup-pgm{
margin:0 auto 16.92vw;
position:relative;
}
.last{
margin-bottom:0;
}

.sup-pgm-d{
width:87.18vw;
margin:0 auto 6vw;
background:#ebf1f5;
padding:16.85vw 5.13vw 8.97vw;
}

.sup-bal{
width:28.72vw;
height:28.72vw;
background:url(../img/bal01.png) no-repeat;
background-size:28.72vw;
position:absolute;
top:-13.59vw;
left:-1.95vw;
z-index:2;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:3.59vw;
font-weight:bold;
}

.sup-md01{
color:#00afd5;
text-align:center;
font-weight:bold;
font-size:4.10vw;
line-height:1;
margin-bottom:3.85vw;
}
.sup-md02{
width:76.92vw;
padding:2.5vw 0;
line-height:1.4;
margin:0 auto 3.85vw;
background:#013b84;
border-radius:0.51vw;
color:#fff;
font-size:4.62vw;
font-weight:bold;
text-align:center;
}

.sup-cont{
font-size:3.08vw;
line-height:5.64vw;
margin-bottom:5.13vw;
}
.sup-menu{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:4vw 0;
}
.sup-menu-box{
width:25.64vw;
padding:0 1.92vw 2.56vw;
border-right:0.26vw solid #000;
}
.smb-l,
.smb-l-sp{
border-left:0.26vw solid #000;
}
.sup-icon{
width:19vw;
height:26vw;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center;
}
.icon-adj{
width:12vw;
}


.sup-menu-ttl{
font-size:2.56vw;
line-height:3.08vw;
margin-bottom:2.56vw;
color:#00afd5;
font-weight:bold;
letter-spacing:.1em;
}
.sup-menu-cont{
display:flex;
flex-wrap:wrap;
}

.sup-menu-cont li{
position:relative;
padding-left:1.1em;
font-size:2.05vw;
line-height:3vw;
}
.sup-menu-cont li::before{
content:'●';
color:#00afd5;
position:absolute;
top:0;
left:0;
}
.sup-menu-cont li.mr1{
margin-right:1em;
}

.sup-pgm-c{
width:100%;
background:linear-gradient(to top, #013b84 95%, #002452 100%);
padding:8.46vw 0;
position:relative;
}

.sup-c-btn a{
width:61.79vw;
height:auto;
border-radius:2.05vw;
padding:5.13vw 0;
background:linear-gradient(to top, #ff6b00 0%, #eea128 100%);
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:5.13vw;
line-height:6.92vw;
font-weight:bold;
position:relative;
transition:all .2s;
z-index:2;
}
.align-r{
margin:0 0 0 32.05vw;
}
.align-l{
margin:0 0 0 6.41vw;
}


.sup-c-btn a::after{
content:'';
width:2.05vw;
height:3.59vw;
background:url(../img/arrow-right-angle-wh.svg) no-repeat;
background-size:2.05vw;
position:absolute;
top:50%;
transform:translateY(-50%);
right:3.59vw;
}

.sup-c-btn a:hover{
filter:brightness(1.05);
}

.hiromi-insp{
width:36.41vw;
height:52.05vw;
background:url(../img/hiromi-insp-sp.png) no-repeat;
background-size:36.41vw;
position:absolute;
bottom:0;
left:0;
z-index:1;
}



.sup-sumikae{
width:73.08vw;
margin:0 auto 10.26vw;
}

.sumikae-list{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sumikae-list li{
width:35.38vw;
}
.sumikae-ttl{
width:35.38vw;
height:6.67vw;
background:#00afd5;
color:#fff;
text-align:center;
font-size:3.59vw;
line-height:6.67vw;
font-weight:bold;
margin-bottom:2.56vw;
border-radius:1.54vw;
}

.hiromi-sumikae{
width:55.62vw;
height:51.28vw;
background:url(../img/hiromi-sumikae.png) no-repeat;
background-size:55.62vw;
position:absolute;
bottom:0;
right:-11vw;
z-index:1;
}


.sup-shoukai{
width:80.77vw;
margin:0 auto;
}

.hiromi-shoukai{
width:56.67vw;
height:53.57vw;
background:url(../img/hiromi-shoukai.png) no-repeat;
background-size:56.67vw;
position:absolute;
bottom:0;
left:-15.38vw;
z-index:1;
}




.sup-anshin-md{
width:76.92vw;
margin:0 auto 5.13vw;
}

.anshin-list{
display:flex;
justify-content:center;
flex-wrap:wrap;
margin:0 auto 45.64vw;
gap:4.10vw 7.69vw; 
}
.anshin-list li{
width:34.10vw;
}

.anshin-list li:nth-child(3){
margin:0 calc((100% - 34.10vw)/2);
}


.sup-md03{
width:76.92vw;
margin:0 auto 2.56vw;
}
.sup-cap{
text-align:center;
font-size:2.56vw;
}

.hiromi-anshin{
width:36.15vw;
height:42.51vw;
background:url(../img/hiromi-anshin.png) no-repeat;
background-size:36.15vw;
position:absolute;
bottom:40.90vw;
left:50%;
margin-left:-17.95vw;
}



#index4{
}

.fp-cont01{
width:100vw;
margin:0 auto;
background:#00afd5;
padding:28.72vw 0 8.21vw;
}


.fp-cont01-wrap{
width:87.18vw;
margin:0 auto;
position:relative;
}
.fp-md01{
width:87.18vw;
height:34.62vw;
margin:0 0 4.62vw;
}
.fp-list{
display:flex;
justify-content:space-between;
}
.fp-list li{
width:13.33vw;
height:7.18vw;
color:#00afd5;
font-size:2.56vw;
line-height:1.2;
font-weight:bold;
text-align:center;
background:#fff;
border-radius:1.03vw;
box-shadow:0.00vw 1.28vw 1.28vw rgba(0,0,0,.25);
display:flex;
justify-content:center;
align-items:center;
}

.hiromi-support{
width:52.82vw;
height:48.46vw;
background:url(../img/hiromi-support.png) no-repeat;
background-size:52.82vw;
position:absolute;
top:-38.3vw;
left:50%;
margin-left:-35vw;
z-index:1;
}



.nayami{
width:100vw;
margin:0 auto;
background:#013b84;
padding:11.03vw 0 0;
position:relative;
}

.nayami-md{
width:87.18vw;
margin:0 auto 5.13vw;
}
.nayami-ill{
width:100vw;
margin:0 auto;
}
.nayami-ill img{
width:100%;
}



.fp-cont02{
width:100vw;
margin:0 auto;
background:#ebf1f5;
padding:21.79vw 0 7.69vw;
position:relative;
}
.fp-cont02::before{
content:'';
width:0;
height:0;
border-top:12.82vw solid #013b84;
border-left:50vw solid transparent;
border-right:50vw solid transparent;
position:absolute;
top:0;
left:50%;
margin-left:-50vw;
z-index:2;
}



.fp-md02{
width:87.18vw;
height:15.38vw;
margin:0 auto 10.51vw;
background:#013b84;
border-radius:1.54vw;
text-align:center;
color:#fff;
font-size:4.62vw;
font-weight:bold;
line-height:6vw;
padding:1.5vw 0;
}
.fp-md02 span{
display:block;
color:#fff000;
}

.fp-cont02-box{
width:87.18vw;
margin:0 auto;
padding:5.13vw 6.41vw 6.41vw;
background:#fff;
}

.fp-md03{
width:76.92vw;
height:9.23vw;
margin:0 auto 5.13vw;
text-align:center;
color:#fff;
font-size:3.33vw;
font-weight:bold;
line-height:9.23vw;
position:relative;
border-radius:2.05vw;
background:#00afd5;
}
.fp-md03::after{
content:'';
width:0;
height:0;
border-top:2.82vw solid #00afd5;
border-left:2.05vw solid transparent;
border-right:2.05vw solid transparent;
position:absolute;
bottom:-2.56vw;
left:50%;
margin-left:-2.05vw;
}
.fp-md04{
color:#013b84;
text-align:center;
font-size:3.33vw;
margin-bottom:2.56vw;
}


.fp-point{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin:0 auto 5.13vw;
gap:3vw 0;
}
.fp-point li{
width:35.5vw;
}
.fp-md05{
margin:0 auto 17.95vw;
}

.fp-md03-2{
width:56.41vw;
height:9.23vw;
margin:0 auto 5.13vw;
text-align:center;
color:#fff;
font-size:3.33vw;
font-weight:bold;
line-height:9.23vw;
position:relative;
border-radius:2.05vw;
background:#00afd5;
}
.fp-md03-2::after{
content:'';
width:0;
height:0;
border-top:2.82vw solid #00afd5;
border-left:2.05vw solid transparent;
border-right:2.05vw solid transparent;
position:absolute;
bottom:-2.56vw;
left:50%;
margin-left:-2.05vw;
}

.fp-offer{
}
.fpo-img{
text-align:center;
margin:0 auto 20px;
}
.fp-offer li{
width:100%;
padding:25px 25px;
color:#fff;
background:#6996d0;
margin-bottom:25px;
}
.fp-offer li:last-child{
margin:0;
}




#index5{
}
.close{
width:100vw;
margin:0 auto;
background:#00afd5;
padding:39.74vw 0 15.38vw;
}

.close-inner{
width:87.18vw;
margin:0 auto;
position:relative;
}

.close-md{
width:87.18vw;
margin-bottom:5.13vw;
}

.close-desc-box{
width:87.18vw;
background:rgba(255,255,255,.3);
border-radius:3.59vw;
padding:4.62vw 4.62vw 5.13vw;
margin-bottom:6.41vw;
}
.close-desc{
color:#fff;
font-size:3.08vw;
line-height:5.64vw;
}
.close-zero{
width:31.28vw;
margin:2.56vw auto 0;
}

.hiromi-close{
width:68.21vw;
height:49.74vw;
background:url(../img/hiromi-close.png) no-repeat;
background-size:68.21vw;
position:absolute;
top:-55vw;
right:15vw;
}

.close-ok{
}


.close-ok li{
width:100%;
background:#fff;
border:0.26vw solid #c7c7c7;
padding:6.15vw 4.5vw;
margin-bottom:6.41vw;
}
.close-ok li:last-child{
margin:0;
}

.mark-ok{
width:24.10vw;
margin:0 auto 4vw;
}
.close-txt{
width:100%;
display:flex;
flex-direction:column;
font-size:4.87vw;
color:#013b84;
}

.ok-ttl{
display:block;
color:#013b84;
font-size:4.87vw;
line-height:7.69vw;
margin-bottom:2.56vw;
font-weight:bold;
text-align:center;
}
.ok-ttl span{
display:inline-block;
padding-bottom:2.56vw;
border-bottom:0.51vw solid #013b84;
}


.yoyaku{
max-width:100vw;
margin:0 auto;
padding:15.38vw 0;
position:relative;
background:linear-gradient(to top, #013b84 95%, #002452 100%);
}

.c-btn a{
width:87.18vw;
height:18.97vw;
margin:0 auto;
border-radius:2.56vw;
background:linear-gradient(to top, #ff6b00 0%, #eea128 100%);
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:5.13vw;
font-weight:bold;
position:relative;
z-index:2;
}

.c-btn a::after{
content:'';
width:2.31vw;
height:4.10vw;
background:url(../img/arrow-right-angle-wh.svg) no-repeat;
background-size:2.31vw;
position:absolute;
top:6.92vw;
right:3.08vw;
}



.hiromi-conv{
width:73.33vw;
height:44.10vw;
background:url(../img/hiromi-conv.png) no-repeat;
background-size:73.33vw;
position:absolute;
bottom:20.00vw;
left:50%;
margin-left:-36.67vw;
z-index:1;
}



#index6{
padding:22.051vw 0 15.385vw;
}

.satei-ol{
display:none;
}

.i1ttl-bk{
text-align:center;
position:relative;
color:#000;
font-size:5.641vw;
line-height:1.5;
font-weight:bold;
letter-spacing:.06em;
padding-bottom:5.641vw;
margin-bottom:8.462vw;
}
.i1ttl-bk::after{
content:'';
width:7.692vw;
height:0.256vw;
background:#000;
position:absolute;
bottom:0;
left:50%;
margin-left:-3.846vw;
}


.i6cont{
width:87.179vw;
margin:0 auto;
}

.cbox{
width:100%;
position:relative;
background:#EBF1F5;
border:1px solid #c7c7c7;
padding:6.41vw 6.41vw 7.692vw;
margin-bottom:7.692vw;
}
.balloon{
width:50vw;
height:25vw;
background:url(../img/balloon.png) no-repeat;
background-size:50vw;
position:absolute;
top:24vw;
left:50%;
margin-left:-25vw;
}
.cbox-ttl{
display:block;
font-size:4.103vw;
line-height:1.5;
font-weight:bold;
border-bottom:1px solid #c7c7c7;
padding-bottom:25.333vw;
margin-bottom:3.333vw;
position:relative;
}
.cbox-ttl span{
color:#00AFD5;
}

.pdadj{
padding-bottom:3.3vw !important;
}

.satei-list2{
width:74.359vw;
margin:0 auto;
}

.satei-list2 li{
width:74.359vw;
height:20.513vw;
border-radius:2.051vw;
box-shadow:0 4px 4px rgba(0,0,0,.25);
position:relative;
z-index:3;
background-image:linear-gradient(to bottom, #EEA128 0%, #FF6B00 100%);
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:6.154vw;
font-weight:bold;
margin-bottom:3.59vw;
}
.satei-list2 li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:110;
}
.satei-list2 li::after{
content:'';
width:3.077vw;
height:3.077vw;
border-right:4px solid #fff;
border-bottom:4px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
right:6.41vw;
margin-top:-1.538vw;
}



.inq-list{
width:74.359vw;
margin:0 auto;
text-algin:center;
}
.inq-list li{
width:74.359vw;
height:20.513vw;
position:relative;
border-radius:2.051vw;
box-shadow:0 4px 4px rgba(0,0,0,.25);
margin-bottom:3.59vw;
}
.inq-list li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.telbtn2{
width:74.359vw;
height:20.513vw;
background-image:linear-gradient(to bottom, #EEA128 0%, #FF6B00 100%);
border-radius:2.051vw;
}

.telnum2{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
font-size:6.667vw;
font-weight:bold;
position:relative;
line-height:1.2;
width:74.359vw;
height:20.513vw;
padding-left:7.821vw;
}
.telnum2 span{
font-size:2.564vw;
line-height:1.7;
font-weight:normal;
display:block;
}
.telnum2::before{
content:'';
width:8.915vw;
height:8.938vw;
background:url(../img/icon-tel.svg) no-repeat;
background-size:8.915vw;
position:absolute;
left:5.128vw;
top:5.897vw;
}
.telbtn2::after{
content:'';
width:2.5vw;
height:2.5vw;
border-right:3px solid #fff;
border-bottom:3px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:8.205vw;
right:2.5vw;
}


.c-btn2{
width:74.359vw;
height:20.513vw;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
border-radius:2.051vw;
color:#013B84;
font-size:6.154vw;
font-weight:bold;
position:relative;
letter-spacing:.06em;
z-index:3;
}

.c-btn2::after{
content:'';
width:2.5vw;
height:2.5vw;
border-right:3px solid #013B84;
border-bottom:3px solid #013B84;
transform:rotate(-45deg);
position:absolute;
top:8.205vw;
right:2.5vw;
}