/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:14px;
line-height:1.7;
color:#222;
letter-spacing:.06em;
}

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



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

#container{
width:100%;
}

#kv{
width:100vw;
height:128.21vw;
background:url(../img/cpkv_sp.jpg) no-repeat center center;
background-size:100vw;
margin:0 auto;
}
.kv-cont{
background:linear-gradient(to top, #013B84 95%, #002452 100%);
width:100vw;
margin:0 auto;
padding:11.03vw 0 11.79vw;
}


.c-btns{
width:87.18vw;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
.c-btns li{
width:87.18vw;
margin:0 1.79vw;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}
.c-btns li:nth-child(1){
margin-bottom:5.13vw;
}
.c-btns li:nth-child(1) a{
width:87.18vw;
height:18.97vw;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
background:linear-gradient(to bottom, #4ED5DE 0%, #0090CD 100%);
border-radius:9.49vw;
color:#fff;
font-size:6.10vw;
font-weight:bold;
box-shadow:0 1.03vw 1.03vw rgba(0,0,0,.25);
}
.c-btns li:nth-child(1) a span{ font-size:4.79vw; }

.c-btns li:nth-child(2) a{
width:87.18vw;
height:18.97vw;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
background:linear-gradient(to bottom, #FFD12C 0%, #B87E0C 100%);
border-radius:9.49vw;
color:#fff;
font-size:6.10vw;
font-weight:bold;
box-shadow:0 1.03vw 1.03vw rgba(0,0,0,.25);
}
.c-btns li:nth-child(2) a span{ font-size:4.79vw; }

.c-btns li:nth-child(1) a::after,
.c-btns li:nth-child(2) a::after{
content:'';
width:3.08vw;
height:4.62vw;
background:url(../img/arrow-right-wh.svg) no-repeat;
background-size:2.6vw;
position:absolute;
top:6.97vw;
right:7.18vw;
}


.c-btns li:nth-child(3){
width:102.56vw;
height:14.36vw;
background:#fff;
border-radius:7.18vw;
box-shadow:0 1.03vw 1.03vw rgba(0,0,0,.25);
}
.c-btns li:nth-child(3) a{
width:87.18vw;
height:12.31vw;
border-radius:6.15vw;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
color:#222;
font-size:4.36vw;
font-weight:bold;
}
.c-btns li:nth-child(3){
margin:7.69vw 0 0;
}
.c-btns li:nth-child(3) a::after{
content:'';
width:4.62vw;
height:3.08vw;
background:url(../img/arrow-down-bk.svg) no-repeat;
background-size:4.58vw;
position:absolute;
top:4.87vw;
right:6.15vw;
}




/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/
#index1{
padding:10.26vw 0 21.28vw;
}


.i1cont{
width:87.18vw;
margin:0 auto;
}


.i1md1{
width:87.18vw;
margin:0 auto 3.85vw;
}
.i1md2{
width:87.18vw;
margin:0 auto 6.92vw;
}


.i1contmd01{
width:100%;
height:12.82vw;
background:#00AFD5;
color:#fff;
text-align:center;
line-height:12.82vw;
border-radius:2.05vw 2.05vw 0 0;
font-size:5.13vw;
font-weight:bold;
}
.i1step01{
background:#FFFAEC;
padding:7.69vw 5.13vw 6.41vw;
margin-bottom:7.69vw;
}
.i1step01 li{
width:76.92vw;
position:relative;
background:#fff;
border-radius:2.05vw;
border:0.26vw solid #e3e3e3;
padding:16.41vw 5.13vw 7.69vw;
text-align:center;
margin-bottom:16.15vw;
}
.i1step01 li:last-child{
margin:0;
}
.i1step01 li::after{
content:'';
width:10.88vw;
height:5.77vw;
background:url(../img/arrow-down-blue.svg) no-repeat;
background-size:10.88vw;
position:absolute;
bottom:-10.97vw;
left:50%;
margin-left:-5.44vw;
}
.i1step01 li:last-child::after{
content:'';
background:none;
}



.step-md{
font-size:5.13vw;
line-height:1.5;
font-weight:bold;
margin-bottom:4.62vw;
text-align:center;
}
.step-img{
width:100%;
margin-bottom:3.85vw;
}
.step-desc{
}
.step-desc span{
color:#B9881C;
font-weight:bold;
}
.bal01-1{ width:15.38vw; height:15.38vw; background:url(../img/b-bal01.svg) no-repeat; background-size:15.38vw; position:absolute; left:50%; top:-2.56vw; margin-left:-7.69vw; z-index:2; }
.bal01-2{ width:15.38vw; height:15.38vw; background:url(../img/b-bal02.svg) no-repeat; background-size:15.38vw; position:absolute; left:50%; top:-2.56vw; margin-left:-7.69vw; z-index:2; }
.bal01-3{ width:15.38vw; height:15.38vw; background:url(../img/b-bal03.svg) no-repeat; background-size:15.38vw; position:absolute; left:50%; top:-2.56vw; margin-left:-7.69vw; z-index:2; }

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

.i1contmd02{
width:100%;
height:12.82vw;
background:#B9881C;
color:#fff;
text-align:center;
line-height:12.82vw;
border-radius:2.05vw 2.05vw 0 0;
font-size:5.13vw;
font-weight:bold;
}

.i1step02{
background:#FFFAEC;
padding:7.69vw 5.13vw 6.41vw;
margin-bottom:10.77vw;
}
.i1step02 li{
width:76.92vw;
position:relative;
background:#fff;
border-radius:2.05vw;
border:0.26vw solid #e3e3e3;
padding:16.41vw 5.13vw 7.69vw;
text-align:center;
margin-bottom:16.15vw;
}
.i1step02 li:nth-child(2){
margin-bottom:27.44vw;
}
.i1step02 li:last-child{
margin:0;
}

.i1step02 li::after{
content:'';
width:10.88vw;
height:5.77vw;
background:url(../img/arrow-down-brown.svg) no-repeat;
background-size:10.88vw;
position:absolute;
bottom:-10.97vw;
left:50%;
margin-left:-5.44vw;
}

.i1step02 li:nth-child(2)::after{
content:'';
width:20.51vw;
height:24.10vw;
background:url(../img/more-plus.svg) no-repeat;
background-size:20.51vw;
position:absolute;
bottom:-20.51vw;
left:50%;
margin-left:-10.26vw;
z-index:10;
}

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

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



#index2{
background:#013B84;
width:100%;
margin:0 auto;
position:relative;
padding:0 0 16.15vw;
}

.gold-line{
width:100%;
height:1.54vw;
background:linear-gradient(to left, #B88B42 0%, #E8CB7D 33%, #91743E 64%, #D0AB60 100%);
}
.i2md-area{
position:relative;
width:87.18vw;
padding:10.77vw 0 45.13vw;
text-align:center;
margin:0 auto;
}

.i2md{
width:87.18vw;
height:21.03vw;
margin:0 auto;
}

.no1-hiromi{
width:84.87vw;
height:42.31vw;
position:absolute;
top:34.62vw;
left:50%;
margin-left:-42.31vw;
z-index:10;
background:url(../img/hiromi-no1-sp.png) no-repeat;
background-size:84.87vw;
}


.i2contmd{
width:87.18vw;
height:12.82vw;
display:flex;
justify-content:center;
align-items:center;
font-size:5.13vw;
font-weight:bold;
color:#fff;
margin:0 auto;
text-align:center;
border-radius:2.05vw 2.05vw 0 0;
background:#B9881C;
letter-spacing:0;
}
.i2cont{
width:87.18vw;
margin:0 auto;
background:#fff;
padding:6.15vw 4.87vw 9.23vw;
}

.i2md01{
width:47.69vw;
margin:0 auto 3.33vw;
}

.revList{
padding-bottom:2vw;
border-bottom:0.26vw solid #C7C7C7;
margin-bottom:8.46vw;
}

.revList li{
background:#FFFAEC;
padding:5.64vw 5.13vw 5.90vw;
margin-bottom:7.69vw;
}
.revThumb{
width:66.67vw;
text-align:center;
margin-bottom:6.15vw;
}
.rev-data{
font-size:3.59vw;
font-weight:bold;
margin-top:2.31vw;
}
.revText{
width:66.67vw;
}
.revmd{
width:100%;
height:9.23vw;
background:#00AFD5;
font-size:4.10vw;
font-weight:bold;
color:#fff;
padding:0 3.33vw;
display:flex;
align-items:center;
margin-bottom:2.56vw;
}
.revText p{
margin-bottom:6.41vw;
}
.revText p:last-child{
margin:0;
}


.i2md02{
width:47.69vw;
height:8.21vw;
margin:0 auto 3.33vw;
}
.revList2{
}
.revList2 li{
background:#FFFAEC;
padding:5.64vw 5.13vw 6.41vw;
margin-bottom:7.69vw;
}
.revmd2{
width:100%;
background:#D4A63F;
font-size:4.10vw;
line-height:1.5;
font-weight:bold;
color:#fff;
padding:1.79vw 3.33vw;
display:flex;
align-items:center;
margin-bottom:2.56vw;
}

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


#bnr{
width:100%;
height:102.56vw;
margin:0 auto;
background:url(../img/cp_sp.jpg) no-repeat center top;
background-size:100%;
}

.btn-area{
padding:7.18vw 0 12.31vw;
}



.i3cont{
width:87.18vw;
margin:0 auto;
}
.i3md{
width:100%;
height:12.82vw;
background:#013B84;
text-align:center;
color:#fff;
font-weight:bold;
font-size:5.13vw;
border-radius:2.05vw 2.05vw 0 0;
display:flex;
justify-content:center;
align-items:center;
}

.cam-ov{
background:#FFFAEC;
padding:5.13vw 5.13vw 7.69vw;
}
.cam-ov li{
padding:7.69vw 0;
border-bottom:0.26vw solid #C7C7C7;
}
.cam-ov li:first-child{
padding-top:0;
}
.cam-ov li:last-child{
padding-bottom:0;
border:0;
}

.cam-ttl{
width:76.92vw;
padding:1.28vw 0;
background:#fff;
border:0.26vw solid #E3E3E3;
border-radius:2.05vw;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
font-weight:bold;
margin-bottom:4.62vw;
}
.cam-dtl{
width:76.92vw;
}
.ov-list{
padding-left:1em;
position:relative;
}
.ov-list::before{
content:'';
width:1.03vw;
height:1.03vw;
background:#222;
border-radius:50%;
position:absolute;
top:2.82vw;
left:1.03vw;
}
.ppbox{
width:100%;
border:0.26vw solid #222;
padding:5.13vw 5.13vw 7.69vw;
}

.ppbox a{
color:#222;
text-decoration:underline;
}


.cam-att{
width:87.18vw;
margin:0 auto 12.82vw;
}




.cam-dtl p{
word-break: break-word;
}