/*------------------------------------------------------------
FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
color:#222;
font-size:16px;
line-height:1.7;
width:100%;
overflow:hidden;
}


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



/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
#container{
width:100%;
}

#kv{
max-width:1440px;
background:url(../img/kv.jpg) no-repeat center center;
background-size:cover;
height:700px;
margin:0 auto;
}



/*------------------------------------------------------------
C-BOX
------------------------------------------------------------*/
.c-box{
max-width:1440px;
margin:0 auto;
background:linear-gradient(to top, #013b84 95%, #002452 100%);
padding:115px 0 130px;
position:relative;
}
.c-md{
text-align:center;
width:512px;
margin:0 auto 45px;
}
.c-btns{
display:flex;
justify-content:center;
gap:0 42px;
position:relative;
z-index:2;
}
.c-btns li{
margin:0;
}

.c-btns li a{
width:460px;
height:110px;
border-radius:8px;
background:linear-gradient(to top, #ff6b00 0%, #eea128 100%);
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
font-weight:bold;
position:relative;
transition:all .2s;
}

.c-btns li a::after{
content:'';
width:18px;
height:30px;
background:url(../img/arrow-right-angle-wh.svg) no-repeat;
background-size:18px;
position:absolute;
top:38px;
right:24px;
}

.c-btns li a:hover{
filter:brightness(1.05);
}

.hiromi-contact{
width:584px;
height:535px;
background:url(../img/hiromi-c.png) no-repeat;
background-size:cover;
position:absolute;
bottom:0;
left:50%;
margin-left:165px;
z-index:1;
}



/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/
#index1{
}

.concept{
max-width:1440px;
padding:160px 0;
background:url(../img/concept-bgbg-pc.png) no-repeat center center;
background-size:cover;
position:relative;
margin:0 auto;
}

.concept-cont{
width:1091px;
background:#fff;
margin:0 auto;
padding:70px 0 56px;
text-align:center;
}
.concept-md{
width:822px;
margin:0 auto 68px;
}
.concept-txt{
font-size:18px;
line-height:55px;
}

.concept-bg{
max-width:1437px;
height:1145px;
position:absolute;
top:0;
left:0;
background:url(../img/concept-bg-pc.png) no-repeat center center;
z-index:2;
}



#index2{
max-width:1440px;
margin:0 auto;
background:#ebf1f5;
padding:85px 0 115px;
}

.i2-ttl{
width:600px;
height:72px;
line-height:72px;
margin:0 auto 72px;
background:#013b84;
border-radius:6px;
color:#fff;
font-size:30px;
font-weight:bold;
text-align:center;
}

.svc-list{
width:900px;
margin:0 auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:44px 0;
}

.svc-list li{
width:290px;
text-align:center;
color:#013b84;
font-size:18px;
}

.svc-list li:nth-child(3){
margin:0;
}

.svc-icon{
width:211px;
height:211px;
margin:0 auto 20px;
}



#index3{
padding:150px 0 163px;
}

.sup-pgm{
width:1090px;
margin:0 auto 153px;
position:relative;
}
.last{
margin-bottom:0;
}

.sup-bal{
width:254px;
height:253px;
background:url(../img/bal01.png) no-repeat;
background-size:254px;
position:absolute;
top:-60px;
left:-75px;
z-index:2;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:25px;
font-weight:bold;
}

.sup-pgm-d{
width:auto;
background:#ebf1f5;
padding:90px 115px 55px;
margin:0;
}

.sup-md01{
color:#00afd5;
text-align:center;
font-weight:bold;
font-size:28px;
line-height:1;
margin-bottom:20px;
}
.sup-md02{
width:600px;
height:72px;
line-height:72px;
margin:0 auto 30px;
background:#013b84;
border-radius:6px;
color:#fff;
font-size:30px;
font-weight:bold;
text-align:center;
padding:0;
}

.sup-cont{
font-size:17px;
line-height:33px;
margin-bottom:40px;
}
.sup-menu{
display:flex;
}
.sup-menu-box{
width:172px;
padding:0 15px 15px;
border-right:1px solid #000;
}
.smb-l{
border-left:1px solid #000;
}
.smb-l-sp{
border-left:0;
}
.sup-icon{
width:140px;
height:120px;
display:flex;
justify-content:center;
align-items:center;
}
.icon-adj{
width:auto;
}
.sup-menu-ttl{
font-size:18px;
line-height:22px;
margin-bottom:15px;
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:13px;
line-height:22px;
}
.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{
background:linear-gradient(to top, #013b84 95%, #002452 100%);
padding:60px 0 70px;
position:relative;
}

.sup-c-btn a{
width:716px;
height:110px;
margin:0 auto;
border-radius:8px;
background:linear-gradient(to top, #ff6b00 0%, #eea128 100%);
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
line-height:1;
font-weight:bold;
position:relative;
transition:all .2s;
z-index:2;
padding:0;
}

.align-r,
.align-l{
margin:auto;
}



.sup-c-btn a::after{
content:'';
width:18px;
height:30px;
background:url(../img/arrow-right-angle-wh.svg) no-repeat;
background-size:18px;
position:absolute;
top:38px;
right:24px;
transform:translateY(0);
}

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

.hiromi-insp{
width:311px;
height:293px;
background:url(../img/hiromi-insp.png) no-repeat;
background-size:311px;
position:absolute;
bottom:0;
left:-60px;
z-index:1;
}


.sup-sumikae{
width:518px;
margin:0 auto 50px;
}

.sumikae-list{
display:flex;
justify-content:space-between;
}
.sumikae-list li{
width:190px;
}
.sumikae-ttl{
width:190px;
height:36px;
background:#00afd5;
color:#fff;
text-align:center;
font-size:20px;
line-height:36px;
font-weight:bold;
margin-bottom:10px;
border-radius:6px;
}

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

.sup-shoukai{
width:734px;
margin:0 auto;
}

.hiromi-shoukai{
width:311px;
height:293px;
background:url(../img/hiromi-shoukai.png) no-repeat;
background-size:311px;
position:absolute;
bottom:0;
left:-56px;
z-index:1;
}


.sup-anshin-md{
width:860px;
margin:0 auto 20px;
}

.anshin-list{
display:flex;
justify-content:space-between;
margin:0 auto 60px;
gap:0;
}
.anshin-list li{
width:144px;
}

.anshin-list li:nth-child(3){
margin:0;
}


.sup-md03{
width:301px;
margin:0 auto 25px;
}
.sup-cap{
text-align:center;
font-size:10px;
}

.hiromi-anshin{
width:263px;
height:314px;
background:url(../img/hiromi-anshin.png) no-repeat;
background-size:263px;
position:absolute;
bottom:-85px;
left:50%;
margin-left:165px;
}


#index4{
}

.fp-cont01{
max-width:1440px;
margin:0 auto;
background:#00afd5;
padding:56px 0 65px;
}


.fp-cont01-wrap{
width:900px;
margin:0 auto;
position:relative;
}
.fp-md01{
width:540px;
height:207px;
margin:0 0 45px 360px;
}
.fp-list{
display:flex;
justify-content:space-between;
}
.fp-list li{
width:126px;
height:62px;
color:#00afd5;
font-size:19px;
line-height:1.2;
font-weight:bold;
text-align:center;
background:#fff;
border-radius:6px;
box-shadow:0px 5px 5px rgba(0,0,0,.25);
display:flex;
justify-content:center;
align-items:center;
}

.hiromi-support{
width:458px;
height:334px;
background:url(../img/hiromi-support.png) no-repeat;
background-size:458px;
position:absolute;
top:-117px;
left:-157px;
z-index:1;
margin:0;
}

.nayami{
max-width:1440px;
margin:0 auto;
background:#013b84;
padding:170px 0 0;
position:relative;
}

.nayami-md{
width:834px;
margin:0 auto 35px;
}
.nayami-ill{
width:854px;
margin:0 auto;
}


.fp-cont02{
max-width:1440px;
margin:0 auto;
background:#ebf1f5;
padding:232px 0 105px;
position:relative;
}
.fp-cont02::before{
content:'';
width:0;
height:0;
border-top:128px solid #013b84;
border-left:720px solid transparent;
border-right:720px solid transparent;
position:absolute;
top:0;
left:50%;
margin-left:-720px;
z-index:2;
}


.fp-md02{
width:1086px;
height:65px;
margin:0 auto 41px;
background:#013b84;
border-radius:6px;
text-align:center;
color:#fff;
font-size:30px;
font-weight:bold;
line-height:65px;
padding:0;
}
.fp-md02 span{
color:#fff000;
display:inline-block;
}

.fp-cont02-box{
width:1086px;
margin:0 auto;
padding:97px 115px 105px;
background:#fff;
}

.fp-md03{
width:716px;
height:86px;
margin:0 auto 40px;
text-align:center;
color:#fff;
font-size:30px;
font-weight:bold;
line-height:86px;
position:relative;
border-radius:8px;
background:#00afd5;
}
.fp-md03::after{
content:'';
width:0;
height:0;
border-top:15px solid #00afd5;
border-left:10px solid transparent;
border-right:10px solid transparent;
position:absolute;
bottom:-14px;
left:50%;
margin-left:-10px;
}
.fp-md04{
color:#013b84;
text-align:center;
font-size:21px;
margin-bottom:30px;
}
.fp-point{
display:flex;
justify-content:space-between;
margin:0 auto 40px;
}
.fp-point li{
width:197px;
}
.fp-md05{
margin:0 auto 105px;
}

.fp-md03-2{
width:492px;
height:86px;
margin:0 auto 40px;
text-align:center;
color:#fff;
font-size:30px;
font-weight:bold;
line-height:86px;
position:relative;
border-radius:8px;
background:#00afd5;
}
.fp-md03-2::after{
content:'';
width:0;
height:0;
border-top:15px solid #00afd5;
border-left:10px solid transparent;
border-right:10px solid transparent;
position:absolute;
bottom:-14px;
left:50%;
margin-left:-10px;
}

.fp-offer{
display:flex;
justify-content:space-between;
}
.fpo-img{
text-align:center;
margin:0 auto 20px;
}
.fp-offer li{
width:411px;
padding:35px 40px;
color:#fff;
background:#6996d0;
margin:0;
}


#index5{
}
.close{
max-width:1440px;
margin:0 auto;
background:#00afd5;
padding:75px 0 100px;
}

.close-inner{
width:1088px;
margin:0 auto;
position:relative;
}

.close-md{
width:882px;
margin-bottom:37px;
}

.close-desc-box{
width:876px;
display:flex;
background:rgba(255,255,255,.3);
border-radius:16px;
padding:35px 50px 20px;
margin-bottom:40px;
}
.close-desc{
color:#fff;
font-size:21px;
line-height:36px;
width:480px;
}
.close-zero{
width:207px;
margin:0 0 0 40px;
}

.hiromi-close{
width:584px;
height:490px;
background:url(../img/hiromi-close.png) no-repeat;
background-size:584px;
position:absolute;
top:-124px;
right:-173px;
}

.close-ok{
}


.close-ok li{
width:100%;
height:181px;
display:flex;
align-items:center;
background:#fff;
border:1px solid #c7c7c7;
padding:0 58px;
margin-bottom:40px;
}
.close-ok li:last-child{
margin:0;
}

.mark-ok{
width:174px;
margin:0;
}
.close-txt{
margin-left:48px;
width:100%;
display:flex;
flex-direction:column;
font-size:19px;
color:#013b84;
}

.ok-ttl{
color:#013b84;
font-size:33px;
line-height:50px;
margin-bottom:15px;
font-weight:bold;
text-align:left;
}
.ok-ttl span{
display:inline-block;
padding-bottom:10px;
border-bottom:4px solid #013b84;
}


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

.c-btn a{
width:856px;
height:130px;
margin:0 auto;
border-radius:10px;
background:linear-gradient(to top, #ff6b00 0%, #eea128 100%);
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
font-weight:bold;
position:relative;
transition:all .2s;
z-index:2;
}

.c-btn a::after{
content:'';
width:18px;
height:30px;
background:url(../img/arrow-right-angle-wh.svg) no-repeat;
background-size:18px;
position:absolute;
top:38px;
right:24px;
}

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

.hiromi-conv{
width:546px;
height:330px;
background:url(../img/hiromi-conv.png) no-repeat;
background-size:546px;
position:absolute;
bottom:128px;
left:50%;
margin-left:-273px;
z-index:1;
}



#index6{
padding:133px 0 118px;
}


.i1ttl-bk{
text-align:center;
position:relative;
color:#000;
font-size:30px;
line-height:1.5;
font-weight:bold;
letter-spacing:.06em;
padding-bottom:30px;
margin-bottom:65px;
}
.i1ttl-bk::after{
content:'';
width:44px;
height:1px;
background:#000;
position:absolute;
bottom:0;
left:50%;
margin-left:-22px;
}


.i6cont{
width:1176px;
margin:0 auto;
}

.cbox{
width:100%;
position:relative;
background:#EBF1F5;
border:1px solid #c7c7c7;
padding:32px 46px 48px;
margin-bottom:46px;
}
.balloon{
width:271px;
height:131px;
background:url(../img/balloon.png) no-repeat;
background-size:271px;
position:absolute;
top:-15px;
left:826px;
margin-left:0;
}
.pdadj{
padding-bottom:22px !important;
}


.cbox-ttl{
display:block;
font-size:24px;
line-height:1.5;
font-weight:bold;
padding:0 0 25px 22px;
border-bottom:1px solid #c7c7c7;
margin-bottom:34px;
}
.cbox-ttl span{
color:#00AFD5;
}




.satei-list2{
width:1076px;
margin:0 auto;
display:flex;
justify-content:space-between;
}

.satei-list2 li{
width:342px;
height:150px;
border-radius:8px;
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:30px;
font-weight:bold;
margin:0;
}
.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:16px;
height:16px;
border-right:4px solid #fff;
border-bottom:4px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50%;
right:25px;
margin-top:-10px;
}
.satei-ol{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
border:4px solid #FF9900;
border-radius:8px;
opacity:0;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:18px;
line-height:1.7;
font-weight:bold;
transition:all .2s;
background-image:linear-gradient(to top, #D55B00 0, #C88620 100%);
}

.satei-list2 li:hover .satei-ol{
opacity:1;
}




.inq-list{
width:1076px;
margin:0 auto;
display:flex;
justify-content:space-between;
text-algin:center;
}
.inq-list li{
width:525px;
height:120px;
position:relative;
border-radius:8px;
box-shadow:0 4px 4px rgba(0,0,0,.25);
}
.inq-list li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.telbtn2{
width:525px;
height:120px;
background-image:linear-gradient(to bottom, #EEA128 0%, #FF6B00 100%);
border-radius:8px;
}

.telnum2{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
font-size:40px;
font-weight:bold;
position:relative;
line-height:1.2;
width:525px;
height:120px;
padding-left:50px;
}
.telnum2 span{
font-size:14px;
line-height:1.7;
font-weight:normal;
display:block;
}
.telnum2::before{
content:'';
width:51px;
height:52px;
background:url(../img/icon-tel.svg) no-repeat;
background-size:51px;
position:absolute;
left:77px;
top:34px;
}
.telbtn2::after{
content:'';
width:15px;
height:15px;
border-right:3px solid #fff;
border-bottom:3px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:50px;
right:25px;
}
.telbtn2::before {
content:'';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:rgba(255,255,255,.2);
opacity: 0;
border-radius:8px;
transition: opacity 0.2s ease;
z-index: 1;
}


.telbtn2:hover::before{
opacity:1;
}

.c-btn2{
width:525px;
height:120px;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
border-radius:8px;
color:#013B84;
font-size:30px;
font-weight:bold;
position:relative;
letter-spacing:.06em;
transition:all .2s;
z-index:3;
}

.c-btn2::after{
content:'';
width:15px;
height:15px;
border-right:3px solid #013B84;
border-bottom:3px solid #013B84;
transform:rotate(-45deg);
position:absolute;
top:50px;
right:25px;
}
.c-btn2:hover{
background:#FFF5A0;
}


/*------------------------------------------------------------
END PC LAYOUT CSS
------------------------------------------------------------*/
}