/*------------------------------------------------------------
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;
font-feature-settings:'palt';
letter-spacing:0;
}


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



/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/
.kv-head{
max-width:1440px;
height:249px;
margin:0 auto;
background:url(../img/head-pc.jpg) no-repeat center center;
}

#container{
max-width:1440px;
margin:0 auto;
background:#ebf1f5;
padding:70px 0 40px;
}


.cam2-cont01{
width:1090px;
margin:0 auto;
background:#fff;
padding:80px 115px 115px;
}

.cam2-md01{
width:100%;
display:block;
background:#013b84;
text-align:center;
color:#fff;
font-size:38px;
line-height:75px;
font-weight:bold;
letter-spacing:.1em;
margin:0 0 50px;
padding:0;
}

.cam2-ill01{
margin:0 0 40px 10px;
}
.cam2-ill02{
margin:0 0 40px;
}

.cam2-md02{
display:block;
border:1px solid #013b84;
color:#013b84;
font-size:18px;
text-align:center;
height:35px;
line-height:35px;
margin:0 0 35px;
}

.cam2-cont-list{
margin:0 0 50px;
gap:25px 0;
}
.cam2-cont-list li{
display:flex;
}
.cam2-type{
width:50px;
height:50px;
border-radius:50%;
text-align:center;
font-size:36px;
line-height:50px;
font-weight:bold;
color:#fff;
background:#00afd5;
margin-right:10px;
}
.cam2-info{
width:346px;
font-size:18px;
line-height:26px;
margin-right:20px;
}

.cam2-bnr{
width:434px;
height:112px;
margin:0;
}

.cam2-cdn{
background:#ebf1f5;
padding:25px;
position:relative;
}
.cam2-md03{
color:#00afd5;
font-size:17px;
font-weight:bold;
line-height:27px;
margin-bottom:10px;
}
.cam2-cdn-list{
width:574px;
}
.cam2-cdn-list li{
font-size:13px;
line-height:24px;
position:relative;
padding-left:1.2em;
}
.cam2-cdn-list li::before{
content:'●';
color:#00afd5;
position:absolute;
top:0;
left:0;
}
.cam2-hiromi01{
width:194px;
height:226px;
background:url(../img/cam2-hiromi01.png) no-repeat center top;
background-size:194px;
position:absolute;
bottom:0;
right:60px;
}


.cam2-cbox{
width:1090px;
margin:0 auto 75px;
padding:65px 0;
background:linear-gradient(to top, #013b84 95%, #002452 100%)
}

.cam2-cbtn a{
display:flex;
justify-content:center;
align-items:center;
text-align:center;
width:716px;
height:110px;
margin:0 auto;
border-radius:6px;
background:linear-gradient(to top, #ff6b00 0%, #eea128 100%);
color:#fff;
font-size:30px;
font-weight:bold;
position:relative;
transition:all .2s;
}
.cam2-cbtn a::after{
content:'';
width:18px;
height:30px;
background:url(../img/arrow-right-angle-wh.svg) no-repeat;
position:absolute;
top:39px;
right:23px;
}

.cam2-cbtn a:hover{
filter:brightness(1.05);
}



.cam2-cont02{
width:1090px;
margin:0 auto;
background:#fff;
padding:80px 115px 75px;
}

.cam2-ill03{
width:849px;
margin:0 auto 75px;
}

.cam2-desc{
font-size:17px;
line-height:26px;
margin:0 0 10px;
text-align:center;
}

.cam2-cont-info{
display:flex;
align-items:center;
position:relative;
margin:0 0 35px;
flex-wrap:nowrap;
}
.icon-shoukai{
width:72px;
height:72px;
background:url(../img/icon-shoukai.svg) no-repeat;
background-size:72px;
margin-right:12px;
position:static;
transform:none;
}
.cam2-bnr02{
width:779px;
margin:0;
}

.sarani{
width:194px;
margin:0 auto 10px;
}

.mbadj01{
margin-bottom:50px;
}
.mbadj02{
margin-bottom:55px;
}
.icon-plus{
width:72px;
height:72px;
background:url(../img/icon-plus.svg) no-repeat;
background-size:72px;
margin-right:12px;
position:static;
transform:none;
}

.cam2-rmks{
width:300px;
height:30px;
background:#013b84;
color:#fff;
font-size:17px;
text-align:center;
position:absolute;
top:-25px;
left:92px;
}

.cam2-md04{
width:100%;
background:#013b84;
text-align:center;
color:#fff000;
font-size:19px;
line-height:42px;
font-weight:bold;
margin-bottom:20px;
padding:0;
}

.cam2-cap-r{
font-size:10px;
text-align:right;
margin:0 0 75px;
}

.cdn-md{
color:#013b84;
font-weight:bold;
font-size:15px;
line-height:24px;
}

.mbadj03{
margin-bottom:1em;
}

.cam2-hiromi02{
width:190px;
height:381px;
background:url(../img/cam2-hiromi02.png) no-repeat;
background-size:190px;
position:absolute;
top:0;
left:50%;
margin-left:180px;
}





#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;
}
.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;
}
.pdadj{
padding-bottom:22px !important;
}
.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
------------------------------------------------------------*/
}