/*------------------------------------------------------------
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
------------------------------------------------------------*/
header .contents.top {
    letter-spacing: 0;
}

header h1 {
    width: 300px;
}

#container{
width:100%;
}

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

.kv-cont{
background:linear-gradient(to top, #013B84 95%, #002452 100%);
width:1440px;
margin:0 auto;
padding:44px 0 47px;
}

.c-btns{
width:828px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
.c-btns li{
width:400px;
margin:0 7px !important;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}

.c-btns li:nth-child(1) a{
width:400px;
height:86px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
background:linear-gradient(to bottom, #4ED5DE 0%, #0090CD 100%);
border-radius:43px;
color:#fff;
font-size:28px;
font-weight:bold;
box-shadow:0 4px 4px rgba(0,0,0,.25);
}
.c-btns li:nth-child(1) a span{ font-size:22px; }

.c-btns li:nth-child(2) a{
width:400px;
height:86px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
background:linear-gradient(to bottom, #FFD12C 0%, #B87E0C 100%);
border-radius:43px;
color:#fff;
font-size:28px;
font-weight:bold;
box-shadow:0 4px 4px rgba(0,0,0,.25);
}
.c-btns li:nth-child(2) a span{ font-size:22px; }

.c-btns li:nth-child(1) a::after,
.c-btns li:nth-child(2) a::after{
content:'';
width:13px;
height:21px;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:12px;
position:absolute;
top:32px;
right:32px;
margin:0;
}
.c-btns li:nth-child(1) a:hover{
background:linear-gradient(to bottom, #60D9E1 0%, #1A9BD2 100%);
}
.c-btns li:nth-child(2) a:hover{
background:linear-gradient(to bottom, #FFD641 0%, #BF8B24 100%);
}

.c-btns li:nth-child(3){
width:400px;
height:56px;
background:#fff;
border-radius:28px;
box-shadow:0 4px 4px rgba(0,0,0,.25);
}
.c-btns li:nth-child(3) a{
width:400px;
height:56px;
border-radius:28px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
color:#222;
font-size:20px;
font-weight:bold;
}
.c-btns li:nth-child(3){
margin:30px 0 0 !important;
}
.c-btns li:nth-child(3) a::after{
content:'';
width:21px;
height:13px;
background:url(../img/arrow-down-bk.svg) no-repeat;
background-size:21px;
position:absolute;
top:24px;
right:29px;
}

.c-btns li:nth-child(3) a:hover{
opacity:.5;
}


/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/
#index1{
padding:105px 0;
}

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

.i1md1{
width:566px;
margin:0 auto 19px;
}
.i1md2{
width:550px;
margin:0 auto 70px;
}

.i1contmd01{
width:100%;
height:67px;
background:#00AFD5;
color:#fff;
text-align:center;
line-height:67px;
border-radius:8px 8px 0 0;
font-size:24px;
font-weight:bold;
}
.i1step01{
background:#FFFAEC;
padding:35px 40px 40px;
display:flex;
justify-content:space-between;
margin-bottom:60px;
}
.i1step01 li{
width:326px;
position:relative;
background:#fff;
border-radius:8px;
border:1px solid #e3e3e3;
padding:77px 26px 30px;
text-align:center;
margin:0;
}

.i1step01 li::after{
content:'';
width:30px;
height:55px;
background:url(../img/arrow-right-blue.svg) no-repeat;
background-size:28px;
position:absolute;
top:194px;
left:auto;
bottom:auto;
right:-48px;
}
.i1step01 li:last-child::after{
content:'';
background:none;
}



.step-md{
font-size:24px;
line-height:1.5;
font-weight:bold;
margin-bottom:14px;
min-height:72px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.step-img{
width:100%;
margin-bottom:14px;
}
.step-desc{
}
.step-desc span{
color:#B9881C;
font-weight:bold;
}
.bal01-1{ width:76px; height:76px; background:url(../img/b-bal01.svg) no-repeat; background-size:76px; position:absolute; left:50%; top:-16px; margin-left:-38px; z-index:2; }
.bal01-2{ width:76px; height:76px; background:url(../img/b-bal02.svg) no-repeat; background-size:76px; position:absolute; left:50%; top:-16px; margin-left:-38px; z-index:2; }
.bal01-3{ width:76px; height:76px; background:url(../img/b-bal03.svg) no-repeat; background-size:76px; position:absolute; left:50%; top:-16px; margin-left:-38px; z-index:2; }

.bal02-1{ width:76px; height:76px; background:url(../img/y-bal01.svg) no-repeat; background-size:76px; position:absolute; left:50%; top:-16px; margin-left:-38px; z-index:2; }
.bal02-2{ width:76px; height:76px; background:url(../img/y-bal02.svg) no-repeat; background-size:76px; position:absolute; left:50%; top:-16px; margin-left:-38px; z-index:2; }
.bal02-3{ width:76px; height:76px; background:url(../img/y-bal03.svg) no-repeat; background-size:76px; position:absolute; left:50%; top:-16px; margin-left:-38px; z-index:2; }


.i1contmd02{
width:100%;
height:67px;
background:#B9881C;
color:#fff;
text-align:center;
line-height:67px;
border-radius:8px 8px 0 0;
font-size:24px;
font-weight:bold;
}

.i1step02{
background:#FFFAEC;
padding:35px 40px 40px;
display:flex;
justify-content:space-between;
margin-bottom:60px;
}
.i1step02 li{
width:326px;
position:relative;
background:#fff;
border-radius:8px;
border:1px solid #e3e3e3;
padding:77px 26px 30px;
text-align:center;
margin:0;
}
.i1step02 li:nth-child(2){
margin:0;
}

.i1step02 li::after{
content:'';
width:30px;
height:55px;
background:url(../img/arrow-right-brown.svg) no-repeat;
background-size:28px;
position:absolute;
top:194px;
left:auto;
bottom:auto;
right:-48px;
}

.i1step02 li:nth-child(2)::after{
content:'';
width:102px;
height:104px;
background:url(../img/more-plus.svg) no-repeat;
background-size:102px;
position:absolute;
top:138px;
left:auto;
bottom:auto;
right:-82px;
z-index:10;
}

.i1step02 li:last-child::after{
content:'';
background:none;
}

.step-md span{
color:#B9881C;
}

#index2{
background:#013B84;
width:1440px;
margin:0 auto;
position:relative;
padding:0 0 164px;
}

.gold-line{
width:100%;
height:6px;
background:linear-gradient(to left, #B88B42 0%, #E8CB7D 33%, #91743E 64%, #D0AB60 100%);
}
.i2md-area{
position:relative;
width:1176px;
padding:86px 0 75px;
text-align:center;
margin:0 auto;
}
.i2md{
width:546px;
height:135px;
margin:0 auto;
}
.no1{
width:271px;
height:272px;
background:url(../img/no1-pc.png) no-repeat;
background-size:271px;
position:absolute;
top:19px;
left:24px;
}
.no1-hiromi{
width:363px;
height:332px;
position:absolute;
top:-36px;
left:50%;
margin-left:283px;
z-index:10;
background:url(../img/hiromi-no1-pc.png) no-repeat;
background-size:363px;
}
.i2contmd{
width:1176px;
height:75px;
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
font-weight:bold;
color:#fff;
margin:0 auto;
text-align:center;
border-radius:8px 8px 0 0;
background:#B9881C;
}
.i2cont{
width:1176px;
margin:0 auto;
background:#fff;
padding:48px 48px 56px;
}

.i2md01{
width:256px;
margin:0 auto 32px;
}
.revList{
padding-bottom:36px;
border-bottom:1px solid #C7C7C7;
margin-bottom:33px;
}

.revList li{
background:#FFFAEC;
padding:30px 28px 25px;
margin-bottom:32px;
display:flex;
justify-content:space-between;
}
.revThumb{
width:360px;
text-align:center;
margin:0;
}
.rev-data{
margin-top:25px;
font-size:16px;
}
.revText{
width:635px;
}
.revmd{
width:100%;
height:42px;
background:#00AFD5;
font-size:20px;
font-weight:bold;
color:#fff;
padding:0 13px;
display:flex;
align-items:center;
margin-bottom:15px;
}
.revText p{
margin-bottom:30px;
}
.revText p:last-child{
margin:0;
}

.i2md02{
width:256px;
height:42px;
margin:0 auto 28px;
}
.revList2{
}
.revList2 li{
background:#FFFAEC;
padding:30px 28px 25px;
margin-bottom:32px;
display:flex;
justify-content:space-between;
}
.revmd2{
width:100%;
height:42px;
background:#D4A63F;
font-size:20px;
font-weight:bold;
color:#fff;
padding:0 13px;
display:flex;
align-items:center;
margin-bottom:15px;
}

.revList2 li:last-child{
margin:0;
}


#bnr{
width:1440px;
height:460px;
margin:0 auto;
background:url(../img/cp_pc.jpg) no-repeat center top;
background-size:1440px;
}

.btn-area{
padding:64px 0;
}

.i3cont{
width:1176px;
margin:0 auto;
}
.i3md{
width:100%;
height:67px;
background:#013B84;
text-align:center;
color:#fff;
font-weight:bold;
font-size:24px;
border-radius:8px 8px 0 0;
display:flex;
justify-content:center;
align-items:center;
}

.cam-ov{
background:#FFFAEC;
padding:55px 48px;
}
.cam-ov li{
display:flex;
justify-content:space-between;
padding:33px 0;
border-bottom:1px solid #C7C7C7;
}
.cam-ov li:first-child{
padding-top:0;
}
.cam-ov li:last-child{
padding-bottom:0;
border:0;
}

.cam-ttl{
width:227px;
background:#fff;
border:1px solid #E3E3E3;
border-radius:8px;
margin-left:20px;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
padding:0;
margin:0;
}
.cam-dtl{
width:770px;
margin-right:20px;
}
.ov-list{
padding-left:1em;
position:relative;
}
.ov-list::before{
content:'';
width:4px;
height:4px;
background:#222;
border-radius:50%;
position:absolute;
top:11px;
left:4px;
}
.ppbox{
width:100%;
border:1px solid #222;
padding:25px 36px;
}

.cam-att{
width:1176px;
margin:0 auto 64px;
}




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