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

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


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


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/

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

#kv{
width:100%;
height:700px;
background-image: linear-gradient(to bottom, #54B4D2 29%, #B1ECFF 100%);
}

.kv-catch{
width:625px;
height:196px;
background:url(../img/kv-catch.svg) no-repeat;
background-size:625px;
position:absolute;
top:53px;
left:50%;
margin-left:-137px;
z-index:2;
}

.kv-box{
width:793px;
height:374px;
background:url(../img/kv-box.png) no-repeat;
background-size:793px;
position:absolute;
top:282px;
left:50%;
margin-left:-216px;
z-index:3;
padding:185px 42px 39px;
}

.kv-hiromi{
width:614px;
height:700px;
background:url(../img/kv-hiromi.png?20250417) no-repeat;
background-size:614px;
position:absolute;
top:0;
left:50%;
margin-left:-700px;
z-index:2;
}


.kv-btns{
display:flex;
justify-content:space-between;
}
.kv-btns li{
width:225px;
height:148px;
border-radius:8px;
background-image:linear-gradient(to bottom, #EEA128 0%, #FF6B00 100%);
box-shadow:0 4px 4px rgba(0,0,0,.25);
position:relative;
padding:25px 15px 15px;
letter-spacing:.06em;
}
.kv-btns li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.kvbtn-cont{
position:relative;
z-index:5;
}

.kvbtn-ttl{
font-size:28px;
line-height:1;
padding-left:33px;
position:relative;
font-weight:bold;
color:#fff;
padding-bottom:25px;
border-bottom:1px solid #fff;
margin-bottom:12px;
}
.kvbtn-ttl::before{
content:'';
width:24px;
height:24px;
background:url(../img/arrow-circle.svg) no-repeat;
background-size:24px;
position:absolute;
top:4px;
left:0;
}
.kvbtn-desc{
font-size:14px;
font-weight:500;
line-height:1.5;
color:#fff;
}

.kv-btns li::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;
}


.kv-btns li:hover::before{
opacity:1;
}


#index1{
}

.i1cont01{
background:#013B84;
width:100%;
position:relative;
padding:100px 0 50px;
}

.i1cont01::after{
content:'';
width:0;
height:0;
border-top:126px solid #013B84;
border-left:1000px solid transparent;
border-right:1000px solid transparent;
position:absolute;
bottom:-126px;
left:50%;
margin-left:-1000px;
}

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

.i1img{
width:908px;
margin:0 auto 63px;
}

.i1mdi{
width:616px;
margin:0 auto;
}

.i1cont02{
width:1090px;
margin:0 auto;
padding:200px 0 90px;
position:relative;
border-bottom:1px solid #C7C7C7;
}
.run-hiromi{
width:186px;
height:276px;
background:url(../img/run-hiromi.png) no-repeat;
background-size:186px;
position:absolute;
top:0;
left:50%;
margin-left:345px;
z-index:10;
}

.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;
}

.col3-list{
width:1090px;
margin:0 auto 44px;
display:flex;
justify-content:space-between;
}

.col3-list li{
width:316px;
margin:0;
}
.col3-list li h3{
padding-left:25px;
position:relative;
font-size:24px;
line-height:35px;
font-weight:bold;
letter-spacing:.06em;
margin-bottom:20px;
}

.col3-list li h3::before{
content:'';
width:6px;
height:70px;
background:#00AFD5;
position:absolute;
top:0;
left:0;
}

.col3-list li h3 span{
color:#00AFD5;
}

.col3-img{
width:316px;
height:203px;
margin-bottom:18px;
}
.col3-desc{
font-size:16px;
line-height:1.7;
letter-spacing:.06em;
margin-bottom:20px;
} 

.linkbtn{
width:316px;
height:44px;
margin:0 auto;
}
.linkbtn a{
width:316px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
color:#000;
border:1px solid #000;
position:relative;
border-radius:22px;
text-align:center;
transition:all .2s;
}
.linkbtn a::after{
content:'';
width:8px;
height:8px;
border-right:1px solid #000;
border-bottom:1px solid #000;
transform:rotate(-45deg);
position:absolute;
top:16px;
right:20px;
transition:all .2s;
}
.linkbtn a:hover{
border:1px solid #FF9900;
color:#FF9900;
}
.linkbtn a:hover::after{
border-color:#FF9900;
right:15px;
}


.i1cont03{
width:1090px;
margin:0 auto;
position:relative;
padding:80px 0 102px;
}

.stand-up-hiromi{
width:110px;
height:317px;
background:url(../img/standup-hiromi.png) no-repeat;
background-size:110px;
position:absolute;
left:-25px;
top:-119px;
z-index:10;
margin:0;
}


.reason-list{
display:block;
}
.reason-list li{
padding-left:25px;
position:relative;
}
.reason-list li::before{
content:'';
width:6px;
height:6px;
background:#000;
border-radius:50%;
position:absolute;
top:10px;
left:9px;
}
.reason-list li span{
font-weight:bold;
}

.sys dt{
display:flex;
justify-content:space-between;
padding-bottom:10px;
border-bottom:1px solid #c7c7c7;
margin-bottom:7px;
}

.sys-ttl{
font-size:18px;
font-weight:bold;
color:#00AFD5;
width:170px;
}
.sys-link{
width:124px;
height:28px;
}
.sys-link a{
width:124px;
height:28px;
border:1px solid #000;
border-radius:14px;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
position:relative;
color:#000;
font-size:14px;
transition:all .2s;
}
.sys-link a::after{
content:'';
width:6px;
height:6px;
border-right:1px solid #000;
border-bottom:1px solid #000;
transform:rotate(-45deg);
position:absolute;
top:10px;
right:10px;
transition:all .2s;
}

.sys-link a:hover{
border:1px solid #FF9900;
color:#FF9900;
}
.sys-link a:hover::after{
border-color:#FF9900;
right:7px;
}



.sys dd{
font-size:16px;
line-height:1.7;
margin-bottom:18px;
}


.contact01{
width:100%;
background-image:linear-gradient(to bottom, #002452 0, #013B84 5%);
height:466px;
position:relative;
padding:115px 0 0;
}
.c-ttl{
width:514px;
margin:0 auto 45px;
}
.c-list{
width:944px;
margin:0 auto;
display:flex;
justify-content:space-between;
text-algin:center;
}
.c-list li{
width:460px;
height:110px;
position:relative;
margin:0;
}
.c-list li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

.telbtn{
width:460px;
height:110px;
background-image:linear-gradient(to bottom, #EEA128 0%, #FF6B00 100%);

border-radius:8px;
}

.telnum{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
font-size:40px;
font-weight:bold;
position:relative;
line-height:1.4;
width:460px;
height:110px;
padding-left:40px;
}
.telnum span{
font-size:14px;
font-weight:normal;
display:block;
}
.telnum::before{
content:'';
width:51px;
height:52px;
background:url(../img/icon-tel.svg) no-repeat;
background-size:51px;
position:absolute;
left:37px;
top:29px;
}
.telbtn::after{
content:'';
width:15px;
height:15px;
border-right:3px solid #fff;
border-bottom:3px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:45px;
right:25px;
}
.telbtn::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;
}


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

.c-btn{
width:460px;
height:110px;
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-btn::after{
content:'';
width:15px;
height:15px;
border-right:3px solid #013B84;
border-bottom:3px solid #013B84;
transform:rotate(-45deg);
position:absolute;
top:45px;
right:25px;
}
.c-btn:hover{
background:#FFF5A0;
}

.c-hiromi{
width:455px;
height:507px;
background:url(../img/app-hiromi.png) no-repeat;
background-size:455px;
position:absolute;
bottom:0;
left:50%; 
margin-left:245px;
z-index:1;
}

.i2cont{
padding:157px 0;
width:1176px;
margin:0 auto;
}

.i2col{
display:flex;
justify-content:space-between;
}
.i2L,
.i2R{
width:568px;
background:#EBF1F5;
position:relative;
padding-bottom:31px;
margin:0;
}

.i2L-ttl,
.i2R-ttl{
width:100%;
height:92px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
position:relative;
font-size:24px;
color:#fff;
font-weight:bold;
}
.i2L-ttl{
background:#2B68B5;
}
.i2L-ttl::after{
content:'';
width:0;
height:0;
border-top:28px solid #2B68B5;
border-left:32px solid transparent;
border-right:32px solid transparent;
position:absolute;
bottom:-14px;
left:50%;
margin-left:-32px;
}
.i2R-ttl{
background:#00AFD5;
}
.i2R-ttl::after{
content:'';
width:0;
height:0;
border-top:28px solid #00AFD5;
border-left:32px solid transparent;
border-right:32px solid transparent;
position:absolute;
bottom:-14px;
left:50%;
margin-left:-32px;
}


.i2-img{
width:436px;
margin:16px auto 24px;
}
.i2box{
width:502px;
height:172px;
background:#fff;
margin:0 auto;
padding:17px 0;
display:flex;
align-items:center;
}

.i2box-ttl01{
text-align:center;
font-size:14px;
font-weight:bold;
color:#2B68B5;
width:130px;
border-right:1px solid #c7c7c7;
border-bottom:0;
margin:0;
height:138px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
}
.i2box-ttl02{
text-align:center;
font-size:14px;
font-weight:bold;
color:#00AFD5;
width:130px;
border-right:1px solid #c7c7c7;
height:138px;
display:flex;
align-items:center;
justify-content:center;
border-bottom:0;
margin:0;
padding:0;
}
.i2box-desc{
padding-left:29px;
}
.i2b-list li{
padding-left:1.5em;
position:relative;
font-size:14px;
}
.i2b-list li::before{
content:'';
width:4px;
height:4px;
background:#000;
border-radius:50%;
position:absolute;
top:8px;
left:6px;
}

.i2-ol01{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(1,59,132,.85);
padding:53px 54px 55px;
opacity:0;
transition:all .2s;
}

.i2-ol02{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(0,175,213,.85);
padding:53px 54px 55px;
opacity:0;
transition:all .2s;
}

.i2L:hover .i2-ol01,
.i2R:hover .i2-ol02{
opacity:1;
}

.i2ol-ttl{
text-align:center;
color:#fff;
font-size:50px;
line-height:1.5;
font-weight:bold;
margin-bottom:32px;
}
.i2ol-ttl span{
display:block;
font-size:24px;
}
.i2ol-box{
width:460px;
height:330px;
margin:0 auto;
background:#fff;
padding:30px;
}
.i2ol-merit01 dt{
width:130px;
height:26px;
background:#2B68B5;
text-align:center;
color:#fff;
font-size:14px;
font-weight:bold;
margin-bottom:13px;
}
.i2ol-merit01 dd{
font-size:14px;
margin-bottom:25px;
}
.i2ol-merit02 dt{
width:130px;
height:26px;
background:#00AFD5;
text-align:center;
color:#fff;
font-size:14px;
font-weight:bold;
margin-bottom:13px;
}
.i2ol-merit02 dd{
font-size:14px;
margin-bottom:25px;
}
.m-list{
}
.m-list li{
padding-left:1.5em;
position:relative;
font-size:14px;
}
.m-list li::before{
content:'';
width:4px;
height:4px;
background:#000;
border-radius:50%;
position:absolute;
top:10px;
left:6px;
}



#index3{
width:100%;
background:#EBF1F5;
padding:155px 0;
}

.i3box01{
width:1176px;
margin:0 auto 26px;
display:flex;
}
.i3box-md-area{
width:313px;
height:auto;
background:#00AFD5;
padding:49px 0 0;
margin:0 auto;
position:relative;
}
.i3-ttl-num{
background:#fff;
width:188px;
height:40px;
border-radius:20px;
color:#00AFD5;
display:flex;
justify-content:center;
align-items:center;
font-size:20px;
font-weight:bold;
text-align:center;
margin:0 auto 19px;
}
.i3-ttl-num span{
display:inline-block;
width:25px;
height:25px;
background:#00AFD5;
border-radius:50%;
color:#fff;
text-align:center;
margin-left:.3em;
line-height:25px;
}

.i3-ttl{
width:188px;
margin:0 auto;
font-size:30px;
line-height:1.5;
color:#fff;
font-weight:bold;
}

.i3box-cont{
width:863px;
background:#fff;
padding:44px 50px 50px 45px;
}

.i3box-info{
font-size:16px;
line-height:1.7;
margin-bottom:42px;
}

.i3col{
display:flex;
height:230px;
}
.i3L{
width:240px;
padding:11px 30px 11px 0;
border-right:1px solid #c7c7c7;
border-bottom:0;
margin:0;
}
.i3C{
width:268px;
padding:11px 26px 11px 32px;
border-right:1px solid #c7c7c7;
border-bottom:0;
margin:0;
}
.i3R{
width:246px;
padding:11px 0 11px 36px;
}

.i3md{
font-size:24px;
font-weight:bold;
color:#00AFD5;
line-height:1.5;
margin-bottom:10px;
}


.i3box02{
width:1176px;
margin:0 auto;
display:flex;
}

.sup-hiromi01{
width:222px;
height:232px;
background:url(../img/sup01-hiromi.png) no-repeat;
background-size:222px;
position:absolute;
bottom:0;
left:42px;
}
.sup-hiromi02{
width:222px;
height:232px;
background:url(../img/sup02-hiromi.png) no-repeat;
background-size:222px;
position:absolute;
bottom:0;
left:42px;
}

#index4{
padding:160px 0;
}

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


.tabs{
display:flex;
justify-content:center;
}

.tabs li{
width:392px;
height:94px;
font-weight:bold;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
border-radius:16px 16px 0 0;
}

.tab-ttl{
display:flex;
justify-content:center;
font-size:30px;
line-height:1;
color:#fff;
align-items:center;
}
.tab-ttl span{
font-size:14px;
font-weight:bold;
color:#013B84;
text-align:center;
margin-left:13px;
height:30px;
display:flex;
justify-content:center;
align-items:center;
background:#fff;
border-radius:15px;
margin-top:0;
}
.tabs li:nth-child(1) .tab-ttl span{ width:193px; }
.tabs li:nth-child(2) .tab-ttl span{ width:176px; }
.tabs li:nth-child(3) .tab-ttl span{ width:148px; }


.tabContList{
width:1176px;
height:840px;
padding:62px 62px 0;
margin:0 auto;
display:none;
}
.tabc01{ background:#1353A4; }
.tabc02{ background:#0473B2; }
.tabc03{ background:#00AFD5; }

.tabContList.is-active{
display:block;
}

.tabs li:nth-child(1){ background:#1353A4; transition: all .2s; }
.tabs li:nth-child(2){ background:#0473B2; transition: all .2s; }
.tabs li:nth-child(3){ background:#00AFD5; transition: all .2s; }

.tabs li:nth-child(1):hover{ background:#4275B6;}
.tabs li:nth-child(2):hover{ background:#368FC1;}
.tabs li:nth-child(3):hover{ background:#33BFDD;}

.flow-list{
width:1052px;
margin-bottom:28px;
}
.flow-list li{
display:flex;
margin-bottom:8px;
}
.flownum{
width:74px;
background:#50637F;
color:#fff;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-size:36px;
font-weight:bold;
}
.flowcont{
width:978px;
background:#fff;
padding:41px 43px 27px;
display:flex;
justify-content:center;
align-items:center;
}
.flow-ttl{
font-size:24px;
line-height:1;
margin-bottom:27px;
font-weight:bold;
color:#50637F;
}

.for{
border:1px solid #fff;
border-radius:10px;
width:1052px;
padding:27px 0;
display:flex;
}

.for-ttl-area{
width:360px;
height:90px;
border-right:1px solid #fff;
padding-left:140px;
position:relative;
display:flex;
align-items:center;
padding-bottom:0;
margin-bottom:0;
border-bottom:0;
}
.for-ttl-area::before{
content:'';
width:102px;
height:113px;
background:url(../img/arrow-hiromi.png) no-repeat;
background-size:102px;
position:absolute;
top:-15px;
left:22px;
}
.for-ttl{
font-size:20px;
color:#fff;
font-weight:bold;
line-height:1.5;
}
.for-cont{
wdith:690px;
color:#fff;
padding-left:36px;
display:flex;
justify-content:center;
align-items:center;
}
.for-list li{
padding-left:24px;
position:relative;
}
.for-list li::before{
content:'';
width:4px;
height:4px;
background:#fff;
border-radius:50%;
position:absolute;
top:10px;
left:6px;
}

.contact02{
width:100%;
background-image:linear-gradient(to bottom, #002452 0, #013B84 5%);
height:500px;
position:relative;
padding:87px 0 0;
}

.c-ttl02{
width:574px;
margin:0 auto 40px;
}

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

.satei-list li{
width:309px;
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-bottom:0;
}
.satei-list li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:110;
}

.satei-list 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-list li:hover .satei-ol{
opacity:1;
}


.c-hiromi-2{
width:357px;
height:526px;
background:url(../img/c-hiromi02.png) no-repeat;
background-size:357px;
position:absolute;
bottom:0;
left:50%;
margin-left:307px;
z-index:1;
}


#index5{
background:#6EBFD8;
width:100%;
padding:147px 0 100px;
}

.i5cont{
width:1088px;
margin:0 auto;
}

.accMenu{
margin-bottom:30px;
}
.accMenu-nl{
width:1088px;
height:150px;
background:#fff;
border:1px solid #c7c7c7;
display:flex;
justify-content:flex-start;
padding:25px;
margin-bottom:30px;
}
.accMenu dt{
width:1088px;
height:150px;
background:#fff;
border:1px solid #c7c7c7;
display:flex;
padding:25px;
cursor:pointer;
}
.acc-step-odd{
width:100px;
height:100px;
background:#1353A4;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-weight:bold;
}
.acc-step-even{
width:100px;
height:100px;
background:#00AFD5;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-weight:bold;
}
.step-ttl{
font-size:16px;
line-height:1;
}
.step-num{
font-size:34px;
line-height:1;
}
.acc-ttl{
width:773px;
margin:0 30px 0 25px;
display:block;
}
.item-ttl{
font-size:24px;
line-height:1;
margin-bottom:15px;
color:#013B84;
font-weight:bold;
}
.item-desc{
font-size:16px;
line-height:1.7;
margin:0;
}


.acc-btn{
width:108px;
height:100px;
border:1px solid #00AFD5;
color:#00AFD5;
padding:58px 0 0;
text-align:center;
font-weight:bold;
border-radius:8px;
position:relative;
}
.icon-toggle{
width:32px;
height:32px;
background:#00AFD5;
border-radius:50%;
position:absolute;
top:18px;
left:50%;
margin-left:-16px;
}
.icon-toggle::before{
content:'';
width:16px;
height:2px;
background:#fff;
position:absolute;
top:15px;
left:8px;
}
.icon-toggle::after{
content:'';
width:2px;
height:16px;
background:#fff;
position:absolute;
top:8px;
left:15px;
}
.acc-btn::after{
content:'詳細を見る';
width:100%;
height:24px;
position:absolute;
text-align:center;
bottom:15px;
left:0;
}


.accMenu dt.open .acc-btn{
width:108px;
height:100px;
border:1px solid #FF9900;
color:#FF9900;
padding:58px 0 0;
text-align:center;
font-weight:bold;
border-radius:8px;
position:relative;
}
.accMenu dt.open .icon-toggle{
width:32px;
height:32px;
background:#FF9900;
border-radius:50%;
position:absolute;
top:18px;
left:50%;
margin-left:-16px;
}
.accMenu dt.open .icon-toggle::before{
content:'';
width:16px;
height:2px;
background:#fff;
position:absolute;
top:15px;
left:8px;
}
.accMenu dt.open .icon-toggle::after{
content:'';
width:0;
height:0;
background:#fff;
position:absolute;
top:8px;
left:15px;
}
.accMenu dt.open .acc-btn::after{
content:'閉じる';
width:100%;
height:24px;
position:absolute;
text-align:center;
bottom:15px;
left:0;
}

.accMenu dd{
display:none;
background:#EBF1F5;
border:1px solid #c7c7c7;
padding:25px 36px 45px;
}


.sale-flow li{
display:flex;
padding-bottom:20px;
border-bottom:1px solid #c7c7c7;
margin-bottom:20px;
}

.sale-flow li.last{
padding-bottom:0;
margin:0;
border:0;
}

.sale-ttl{
width:200px;
min-height:54px;
background:#748AAA;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
font-weight:bold;
line-height:1;
}
.sale-desc{
width:786px;
font-size:14px;
line-height:1.7;
padding:3px 30px 3px 0;
margin-left:30px;
display:flex;
align-items:center;
}

.sale-md{
font-weight:bold;
text-align:center;
margin-bottom:15px;
}
.sale-md2{
font-weight:bold;
}

.mov-single{
width:600px;
margin:0 auto;
}

.mov-wrap{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
}
.mov-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.chk-list li{
padding:0 0 0 18px;
position:relative;
border:0;
margin:0;
}
.chk-list li::before{
content:'';
width:14px;
height:14px;
background:url(../img/icon-chk.svg) no-repeat;
background-size:14px;
position:absolute;
top:5px;
left:0;
}

.i5mb-adj{ margin-bottom:57px; }

.mb0{ margin-bottom:0 !important; }

.i5md-i{
width:786px;
height:138px;
margin:0 auto 46px;
background:url(../img/md-mov.png) no-repeat;
background-size:786px;
text-align:center;
font-size:24px;
line-height:90px;
font-weight:bold;
color:#013B84;
padding-top:26px;
padding-left:0;
}

.mov-list{
width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
}

.mov-list li{
width:484px;
border-radius:15px;
overflow:hidden;
margin-bottom:60px;
}


.mov-wrap{
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
border-radius:15px;
}


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

.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;
}

.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
------------------------------------------------------------*/
}