body a { word-break: break-all!important; }
#wp{position: relative;}
img{max-width: 100%; margin: 0 auto;}
#financeLP *{box-sizing: border-box;}
#financeLP{background: #FFFAE8; color: #333;  position:relative; font-size: 16px;}

@media screen and (min-width: 768px) {
#financeLP{/*padding-top: 30px; */margin: 15px auto 0;}
#financeLP a{    opacity: 1;    transition: .6s;}
#financeLP a:hover {opacity: .6;transition: .6s;}

#boxNotice{
    max-width: 980px;
    margin: 15px auto ;
    background-color: #fdeee6;
    position: relative;
    border: 1px solid #e5e5e5;
    text-align: left;
    padding: 30px;
}
#boxNotice .tit{font-weight: bold; margin: 0 auto 10px;}
#boxNotice a,#boxNotice a:active,#boxNotice a:hover,#boxNotice a:focus, a:visited {
    color: #06a;
    text-decoration: underline;
}

#wrapMainvisual{ width: 100%; /*background: #FEF2C3;*/}
#wrapMainvisual .mainvisual{max-width: 1230px;margin: 0 auto;}
#wrapMainvisual .mainvisual img{width:100%;}
.tit-underMV{width: 380px; margin: 50px auto 20px;}

#wrapLnav{max-width: 1004px; margin: 0 auto;}
.ulLnav{
    margin: 0 auto 50px;
    display: flex;
    align-items: flex-start;
}
.ulLnav > li{width: 25%;    line-height: 1;    font-size: 0;}
.ulLnav > li a{display: block;}
.ulLnav > li a img{display: block; width: 100%;}
#wrapLnav2{max-width: 980px;    margin: 0 auto;}
#wrapLnav2 .ulLnav{}
#wrapLnav2 .ulLnav > li{width: 49%;    line-height: 1;    font-size: 0;}
#wrapLnav2 .ulLnav > li:nth-child(1){margin: 0 1% 0 0;}
#wrapLnav2 .ulLnav > li:nth-child(2){margin: 0 calc(2% / 3) 0 calc(1% / 3);}
#wrapLnav2 .ulLnav > li:nth-child(3){margin:  0 calc(1% / 3) 0 calc(2% / 3);}

#wrapLnav2 .ulLnav > li:nth-child(4){margin: 0 0 0 1%;}
#wrapLnav2 .ulLnav > li a{display: block;
    display: block;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
    padding: 12px;
    text-align: center;
}
#wrapLnav2 .ulLnav > li a img{width: 100%;}




#ulContent{max-width: 980px; margin: 0 auto ;}
#ulContent > li{margin: 0 auto ;}
#ulContent > li:last-child{margin: 0 auto;}

.cBox{background: #FFF2C3; border: #eb5505 solid 2px; border-radius: 18px; overflow: hidden;}
.cBox > h2{ border-radius: 18px 18px 0 0; margin: 0 auto 30px;}
.cBox > .innerContent{}
.cBox > .innerContent .meritBox{
    max-width: 820px;
    background: #fff;
    border-radius: 18px;
    margin: 0 auto 30px;
    text-align: center;
}
.cBox > .innerContent .meritBox h3{background: #eb5505; padding: 10px 0 8px; border-radius: 18px 18px 0 0; color: #fff; font-weight: bold; line-height: 1; font-size: 20px; text-align: center;}
.cBox > .innerContent .meritBox h3 img{width: 250px;}
.cBox > .innerContent .meritBox > .tit{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    margin: 30px 0 20px;
}
.cBox > .innerContent .meritBox > .tit2{font-size: 35px;margin: 30px 0 20px;font-weight: bold;    line-height: 1.2;}
.cBox > .innerContent .meritBox > .note{ text-align: left; margin: 0 auto 20px;max-width: 582px;}
.cBox > .innerContent .meritBox .catchTxt{font-size: 22px; font-weight: bold; line-height: 1; margin: 30px auto 10px;}
.cBox > .innerContent .meritBox .catchTxt .em{color: #eb5505; font-size: 25px;}

.cBox > .innerContent .txt-underMerit{margin: 0 auto 50px; text-align: center;}
.cBox > .innerContent .movBox{
    max-width: 820px;
    background: #fff;
    border: #FEDD56 solid 2px;
    border-radius: 18px;
    margin: 0 auto 30px;
    padding: 20px;
    text-align: center;
}
.cBox > .innerContent .movBox .tit{font-size: 25px; font-weight: bold; color: #eb5505; margin: 0 auto 20px;}
.cBox > .innerContent .movBox .mov{width: 320px; margin: 0 auto;}
.cBox > .innerContent .movBox .mov img{width: 100%;display: block; border-radius: 20px;}


.cBox > .innerContent .wrapPassOn .passOnBox{
    max-width: 820px;
    position: relative;
    background: #fff;
    border: #eb5505 solid 2px;
    border-radius: 18px;
    margin: 100px auto 30px;
    padding: 30px;
}
.cBox > .innerContent .wrapPassOn .passOnBox .img{    margin: 0 auto 10px;}
.cBox > .innerContent .wrapPassOn .passOnBox .imgPonta{
    position: absolute;
    width:138px;
    top: -70px;
    left: calc(50% - 55px);
}
.cBox > .innerContent .wrapPassOn .passOnBox .arrowPasson{
    position: absolute;
    width: 28px;
    bottom: -17px;
    left: calc(50% - 15px);
}
.cBox > .innerContent .wrapPassOn .passOnBox .imgPonta img,.cBox > .innerContent .wrapPassOn .passOnBox .arrowPasson img{width: 100%;}

/*還元額シミュレーション内訳*/
.cBox > .innerContent .wrapPassOn .ulBreakDown{max-width: 820px; margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li{
    
    margin:0 auto; 
    position: relative;
    background: #fff;
    border-radius: 18px;
    text-align: center;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPlus{background: none; margin: 10px auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPlus img{display: block; width: 50px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .leadBGGray{padding: 30px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .leadBGGray p{
    background: #E8E4D2;
    line-height: 28px;
    border-radius: 14px;
    font-weight: bold;
    text-align: center;
    width: 400px;
    margin: 0 auto;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .titBar{
    padding: 20px 0;
    max-width: 582px;
    margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .leadBGGray + .titBar{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .titBar p{
    padding: 10px 0;
    border-top: solid 2px #eb5505;
    border-bottom: solid 2px #eb5505;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}
#c02.cBox > .innerContent .wrapPassOn .ulBreakDown > li .titBar p{line-height: 1.2; padding: 10px 0 8px 0;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .grayBox{
    position: relative;
    background: #F4F4F4;
    border-radius: 10px;
    padding: 20px;
    text-align: left;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .grayBox .tit{font-weight: bold; margin: 0 auto 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .grayBox .txt{margin: 0 auto 20px;}









.cBox > .innerContent > .cvArea{
    background:#ffea9d url(../img/bg-cvarea.webp) repeat;
    padding: 30px 0 50px;
    margin: 30px auto 0;
    text-align: center;
}
.cBox > .innerContent > .cvArea .tit{width: 374px; margin: 0 auto 10px;}
.cvArea ul.ulCvBtn > li{margin: 0 auto 15px;}
.cvArea ul > li:last-child{margin: 0 auto;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-content > .tgl-content-inner{padding: 0 0 40px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .benefitBox{border-bottom: solid 2px #DDDDDD ; padding: 0 0 20px; margin: 0 auto 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .benefitBox:nth-child(2){margin: 0 auto 20px;padding: 0;}

#noteArea{ background: #fff; padding: 30px 0; text-align: left;}
#noteArea .innerContent{max-width: 980px; margin: 0 auto;}
#noteArea .ulNote{margin: 0 auto 20px;}
#noteArea .ulNote:last-child{margin: 0 auto;}

#c01{}
.cBox > .innerContent .meritBox .img-c01-merit01{margin: 0 0 20px;}
.cBox > .innerContent .meritBox .img-c01-merit02{margin:20px 0 0; padding: 0 0 20px 0;}
.cBox > .innerContent .meritBox .img-c01-merit02 img{width: 350px; display: block;}
#c01.cBox > .innerContent .meritBox > .note{ text-align: center; }

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-01{padding: 0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-02{padding: 20px 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-03{padding: 40px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-04{padding: 0 0 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-05{padding: 0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-06{padding: 0 0 20px;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-05 + .note{ text-align: left; margin: 0 auto 30px;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-01{padding: 0 20px 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-01 + .note{margin: 0 auto 30px; padding: 0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-02{padding: 0 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-02 + .txt{text-align: left; margin:0 auto 30px;}
#c01.cBox > .innerContent .wrapPassOn .ulBreakDown > li .benefitBox:nth-child(2) .grayBox{margin: 0 auto 20px;}


.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-03{    padding: 10px 0 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-03 + .note{text-align: left; margin:0 auto 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-04{padding: 0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-04 + .note{text-align: left; margin:0 auto 30px;}

#c02{}
.cBox > .innerContent .meritBox .img-c02-merit01{margin: 0 auto 20px;    width: 60%;}
.cBox > .innerContent .meritBox .img-c02-merit02{margin:20px 0 0; padding: 0 0 40px 0;}
#c02.cBox > .innerContent .meritBox > .tit{margin:20px 0 10px;}
#c02.cBox > .innerContent .meritBox > .tit2{margin:10px 0 20px;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-01{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-02{padding:20px 0 40px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-03{padding:0 0 30px;text-align: center;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-04{padding:40px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-06{padding:0 0 40px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-06 + .note{padding:0 0 40px; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-01{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-02{padding: 20px 0 40px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-03{padding:40px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-04{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-06{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-05 + .note{padding:0 0 40px; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-01{padding:0 20px 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-01 + .note{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-02{padding:0 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-02 + .txt{padding:0 0 20px; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-03{padding:10px 0 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-03 + .note{padding:0 0 20px; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-04{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-04 + .note{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-06{padding:0 0 20px;}
#c02 .ulBreakDown > li:nth-child(5) .toggleInBox .benefitBox:nth-child(2) .toggleCondBox .tgl-content{margin: 0 auto 20px;}

#c03{}
.cBox > .innerContent .meritBox .img-c03-merit01{margin: 0 0 20px;}
.cBox > .innerContent .meritBox .img-c03-merit02{margin:20px auto 0; padding: 0 0 40px 0; max-width: 580px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-01{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-02{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-03{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-03 + .note{padding:0 0 20px; }
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-04{padding:40px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-06{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-06 + .note{padding:0 0 40px; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-01{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-02{padding:0 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-03{padding:40px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-04{padding:0 0 20px; max-width: 580px; margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-06{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-05 + .note{padding:0 0 40px; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-01{padding:0 20px 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-01 + .note{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-02{padding:0 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-02 + .txt{padding:0 0 20px; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-03{padding:10px 0 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-03 + .note{padding:0 0 20px; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-04{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-04 + .note{padding:0 0 20px;text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-06{padding:0 0 20px;}

#c03 .ulBreakDown > li:nth-child(5) .toggleInBox .benefitBox:nth-child(2) .toggleCondBox .tgl-content{margin: 0 auto 20px;}

#c03.cBox > .innerContent .nisaBox{
    max-width: 580px;
    margin:0 auto 30px;
    background: #fff;
    border-radius: 18px;
    border: solid 2px #fff;
    overflow: hidden;
}
#c03.cBox > .innerContent .nisaBox > .tit{ border-bottom: solid 2px #eb5505;padding: 20px; text-align: center;}
#c03.cBox > .innerContent .nisaBox > .tit img{width: 350px;}
#c03.cBox > .innerContent .nisaBox > .img{margin: 20px auto 40px; text-align: center;}

#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner{
    background:#FEE9DD ;
    border-radius: 18px;
    padding:20px 30px;
    text-align: left;
}
#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner > ul > li{margin: 0 auto 20px;}
#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner > ul > li .tit{
    background: #fff url(../img/icon-arrow-nisa.webp) no-repeat;
    background-position: center left 10px;
    background-size: 22px auto;
    border-radius: 20px;
    padding: 6px 5px 5px 35px;
    line-height: 26px;
    font-weight: bold;
    margin: 0 auto 10px;
}
#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner > ul + .img{ padding: 0 0 20px; margin: 0 auto; text-align: center;}
#c03.cBox > .innerContent .nisaBox + .txt{ text-align: center; font-size: 20px; font-weight: bold; margin: 0 auto 20px;}

#c04{}
.cBox > .innerContent .meritBox .img-c04-merit01{margin: 0 0 20px;}
.cBox > .innerContent .meritBox .img-c04-merit02{margin:20px 0 0; padding: 0 0 40px 0;}
#c04.cBox > .innerContent .txt-underMov{text-align: center; margin: 0 auto 20px;}
#c04.cBox > .innerContent .wrapPassOn .ulBreakDown:nth-child(1){margin: 20px auto 0;}
#c04.cBox > .innerContent .wrapPassOn .ulBreakDown:nth-child(1) > li{border:solid 2px #eb5505;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-01{padding:20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-02{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-03{padding:0 20px 40px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-03{padding:0 20px 40px;}
/*.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-04{padding:0 0 20px;}*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-05{padding:20px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-06{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-07{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-07 +.ulNote{padding:0 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-07 +.ulNote li{text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox .tit-bankAlign{font-size: 18px; font-weight: bold; margin: 0 auto 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox .boxGray{background:#F4F4F4 ; border-radius: 10px; padding: 20px; margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList{margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li{display: block; background: #fff; border-radius:8px ; overflow: hidden;margin: 0 auto 10px; position:relative;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li:last-child{margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li picture img{display: block; border-radius:8px ; margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li a{
    display: block;
    width: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}

.ulBankAlign{text-align: left;    width: 560px;    margin: 20px auto 0;}
.ulBankAlign li{line-height: 20px; margin: 0 auto 10px; vertical-align: middle;}
.ulBankAlign li:last-child{margin: 0 auto;}
.ulBankAlign li .iconQ{display: inline-block; width: 20px; margin-left: 5px;}
.ulBankAlign li .iconQ img{width: 100%;}

/*モーダル中身*/
.boxModal{margin:0 auto;}
.boxModal > .tit{font-size: 22px; font-weight:bold; text-align: center; margin: 0 auto 20px;}

.boxModal .inner{margin: 0 auto 20px;}
.boxModal .inner.last{margin: 0 auto; }
.boxModal .inner > .tit{font-weight:bold; margin: 0 auto 5px; color: #eb5505;}
.boxModal .inner > .txt{margin: 0 auto 5px;}
.boxModal ul li{}
.icon-ex{    width: 16px;    line-height: 1;    font-size: 0;    margin: -2px auto 0;}
.ulNote .icon-ex{width: 12px;}



.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-01{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-02{padding:0 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-03{padding:40px 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-04{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-06{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-05 + .note{padding:0 0 40px; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-01{padding:0 20px 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-01 + .note{padding:0 20px 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-02{padding:0 0 30px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-02 + .txt{padding:0 0 20px; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-03{padding:10px 0 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-03 + .note{padding:0 0 20px; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-04{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-04 + .note{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-05{padding:0 0 20px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-06{padding:0 0 20px;}

#c04 .ulBreakDown > li:nth-child(3) .toggleInBox .benefitBox:nth-child(2) .toggleCondBox .tgl-content{margin: 0 auto 20px;}







/* BTN */
.cvArea .btn {
    background: #eb5505;
    height: 60px;
    line-height: 60px;
    color: #fff;
    border-radius: 30px;
    max-width: 582px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.cvArea .btn::after{
	position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4.5px;
    background-image: url(../img/icon_sprite.webp);
	background-position: -34.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}
.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff;}


/* modal mov */
img.close { position: absolute; top: 0; right: 0; width: 10%;max-width: 70px;  }
#adMovBox { display:none; position: fixed; top: 0; width: 80%; margin: 8% 10%; height: 0; overflow: hidden; }
#adMovBoxInner { width: 100%; max-width: 1024px; margin: 0 auto; text-align: right; overflow: hidden; } 
#adMovBox.showMov { display:block; z-index: 1002; height: auto; overflow: auto;  }
#adMovBox.showMov iframe { width: 100%; height: 100%; }

/* 内訳Toggle */
.wrapPassOn > .toggleBox{text-align: center;margin: 0 10px;}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig{max-width:820px; width: 100%;}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig h3{
    position: relative;
    /* display: inline-block; */
    border: solid #333 3px;
    height: 50px;
    line-height: 43px;
    color: #333;
    border-radius: 25px;
    width: 300px;
    margin: 0 auto 30px;
    display: block;
    text-align: center;
    padding: 0 15px 0 0;
    font-weight: bold;
    font-size: 16px;
}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig h3::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 22px);
    right: 15px;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6,1);
    font-size: 24px;
}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig.open h3::before{transform: rotate(270deg) scale(.6,1);}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig::after{
    content: '';
    display: block;
    border: dashed 1px #333;
    max-width:820px;
}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig.l2 h3{
    height: 64px;
    line-height: 1.2;
    padding: 10px 15px 10px 0;
    border-radius: 32px;
}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig.l2 h3::before {top: calc(50% - 12px);}

/* 内訳・詳細Toggle *//* 条件Toggle*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox {max-width: 582px;    margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig,
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig{
    line-height: 1;
    text-align: center;
    position: relative;
    display: block;
    color: #333;
    padding: 0 0 30px 0;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig::before{
    content: '\FF1E';
    display: inline-block;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6,1);
    position: absolute;
    top: calc(50% - 33px);
    right: calc(50% - 100px);
    font-size: 22px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig::before{
    content: '\FF1E';
    display: inline-block;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6,1);
    position: absolute;
    top: calc(50% - 26px);
    right: calc(50% - 80px);
    font-size: 22px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig.wide::before{right: calc(50% - 120px);}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig.open::before,
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig.open::before{transform: rotate(270deg) scale(.6,1);}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig::after{
    content: '';
    display: block;
    border: dashed 1px #333;
    /* margin: 0 0 5vw; */
    margin: 10px auto 0;
    max-width: 582px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig h3{display: inline;}

/* NISA内Toggle */
.nisaBox > .toggleBox{text-align: center; margin: 0 auto;}
.nisaBox > .toggleBox > .tgl-trig{
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 25px;
    background: #eb5505;
    width: 300px;
    margin: 0 auto 30px;
    display: block;
    text-align: center;
    position: relative;
    display: inline-block;
}
.nisaBox > .toggleBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 24px);
    right: 15px;
    font-weight: bold;
    color: #fff;
    transform: rotate(90deg) scale(.6,1);
    font-size: 24px;
}
.nisaBox > .toggleBox > .tgl-trig.open::before{transform: rotate(270deg) scale(.6,1);}

/* 20240601 Ponta Area */
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta{padding: 0 0 30px;}
.liPonta .img-ponta-01{padding: 0 20px 10px;}
.liPonta .img-ponta-02{padding: 0 20px 10px;}
.linkAnc {display: block;position: relative; text-align: center; line-height: 1;}
.linkAnc p{display: inline;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .linkAnc{margin: 30px auto 10px;}
.linkAnc:link,.linkAnc:active,.linkAnc:hover,.linkAnc:visited{color: #333;}

.linkAnc::before{
    content: '\FF1E';
    display: inline-block;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6, 1);
    position: absolute;
    top: calc(50% - 12px);
    right: calc(50% - 90px);
    font-size: 22px;
}
/*
.linkAnc span.arrow {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 0 auto;
    right: -1.4rem;
    bottom: 4px;
    display: block;
    line-height: 1;
    background: #EB5505;
    border-radius: 50px;
}
.linkAnc span.arrow::before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    right: 0;
    margin: 0 auto;
    
    background-size: 12px;
    -webkit-transform: rotate(0deg) scale(1, 1);
    transform: rotate(0deg) scale(1, 1);
}
*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox {
    max-width: 512px;
    margin: 0 auto 10px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig{
    line-height: 1;
    text-align: center;
    position: relative;
    display: block;
    background: #fff;
    border: solid 2px #EB5505;
    padding: 10px 0;
    margin: 0 auto -10px;
    border-radius: 10px;
    overflow: hidden;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: 15px;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 24px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig.open::before{        transform: rotate(270deg) scale(.6, 1);        right: 13px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig::after {
    content: '';
    display: block;
    border: none;
    /* margin: 0 0 5vw; */
    margin: 0 auto 0;
    max-width:none;
}

/*
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig .arrow {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: #eb5505;
    position: absolute;
    top: calc(50% - 12px);
    right: 12px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig .arrow::before {
        content: "\FF0B";
        display: block;
        line-height: 25px;
        width: 24px;
        text-align: center;
        position: absolute;
        color: #fff !important;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig.open .arrow::before {    content: "\FF0D";}*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content{
    border: solid 2px #EB5505;
        border-top: none;
        border-radius: 0 0 10px 10px;
        margin: 0 auto -10px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .tgl-content-inner{ background: #fff; padding: 10px 0 0;border-radius: 0 0 10px 10px; overflow: hidden;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta{}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li img{width: 100%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li{ padding: 20px 0 0;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li:nth-child(3) .img-ponta-step03{margin: 0 auto 10px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li:last-child{     padding: 0 0 30px;     background: #FEE9DD;     }

.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .noteBox{padding: 30px 0; max-width: 510px; margin: 0 auto; text-align: left; font-size: 14px;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .noteBox .ulNote li{font-size: 14px !important;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .noteBox .ind2{text-indent: -2em; padding-left: 2em;}

/* /20240601 Ponta Area */




/* Float Nav */
#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    transition: .6s;
}
#floatNav{    margin: 0 auto;   /* text-align: right;*/}
#floatNav .fnav-tgl-trig{
    border-radius: 12px 12px 0 0;
    padding: 5px 10px 3px;
    background: #eb5505;
    margin: 0 0 0 30px;
    width: 50px;
}
#floatNav .fnav-tgl-trig::after{
    content: '\FF1E';
    display: block;    
    color: #fff;    
    font-weight: bold;
    transform: rotate(90deg) scale(.6,1);
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    margin: 1px auto 0;
}
#floatNav .fnav-tgl-trig.open{}
#floatNav .fnav-tgl-trig.open::after{transform: rotate(270deg) scale(.6,1);}
#floatNav .innerFnav{background: #eb5505;}
#floatNav .ulLnav{
    max-width: 980px;
    background: #eb5505;
    
    margin: 0 auto;
    display: flex;
    padding: 10px 0;
    text-align: center;
}
#floatNav .ulLnav li{width: 24%;}
#floatNav .ulLnav li:nth-child(1){margin: 0 1% 0 0;}
#floatNav .ulLnav li:nth-child(2){margin: 0 calc(2% / 3) 0 calc(1% / 3);}
#floatNav .ulLnav li:nth-child(3){margin:  0 calc(1% / 3) 0 calc(2% / 3);}
#floatNav .ulLnav li:nth-child(4){margin: 0 0 0 1%;}
#floatNav .ulLnav li a{
    display: block;
background: #fff;
border-radius: 12px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
padding: 12px 11px;
text-align: center;
}
#floatNav .ulLnav li a img{width: 100%; max-width: 212px;}

/*モーダル*/
#modalBg { background: rgba(0,0,0,.7); height: 100vh; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; opacity: 0; }
#modalContent { width: 980px; position: absolute;    left: calc(50% - 490px); top: 5vw; z-index: -1; opacity: 0; }
.modalContentInner { width: 100%;     margin: 0 auto;    max-width: 980px;position: relative; border-radius: 10px; background: #fff; padding: 60px 8%; text-align: left; font-size: 16px; }

.btnClose {
    position: absolute;
    top: -70px;
    right: -20px;
    width: 6%;
    /* max-width: 70px; */
}
.btnClose2{position: absolute; top: auto; right:auto;   bottom: -70px;    left:calc(50% - 27.5px);    width: 6.7%;    max-width: 47px;}
.btnClose img { width: 100%;}




.footerSiteMap {padding-bottom: 120px;}
.footerSiteMap.closeFL {padding-bottom: 30px; }

.linkBlank {position: relative;   padding-right: 25px;padding-left: 0;display: inline-block;}
.linkBlank::after{
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    background-image: url(../img/icon_sprite.webp);
    background-position: -92.5px -84px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}

.fsS{font-size: 14px;}
.note{font-size: 12px; font-weight:normal;}
.ulNote li{font-size: 12px; font-weight:normal;}

.sup {
	font-size: 12px; 
	vertical-align: top;
	position: relative;
	top: -0.1em; 
    font-weight: normal !important;
}
.sub {
	font-size: 12px;
    vertical-align: bottom;
    position: relative;
    bottom: 0.2em;
    font-weight: normal !important;
}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

/* animation*/
.slide-up {
    opacity: 0;
    transform: translate(0, 60px);
    transition: 1.4s;
}

#wrapLnav .ulLnav > li:nth-child(1).slide-up {
    transform: translate(0, 50px);
    transition: .6s;
}
#wrapLnav .ulLnav > li:nth-child(2).slide-up {
    transform: translate(0, 60px);
    transition: .8s;
}
#wrapLnav .ulLnav > li:nth-child(3).slide-up {
    transform: translate(0, 70px);
    transition: 1.0s;
}
#wrapLnav .ulLnav > li:nth-child(4).slide-up {
    transform: translate(0, 80px);
    transition: 1.2s;
}

  .slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}

#wrapLnav .ulLnav > li:nth-child(1).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
#wrapLnav .ulLnav > li:nth-child(2).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
#wrapLnav .ulLnav > li:nth-child(3).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
#wrapLnav .ulLnav > li:nth-child(4).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}


}


	

/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 1010px) {
    #floatNav .ulLnav{padding: 10px;}
    #floatNav .ulLnav li a{    padding: 1vw;}
    #modalContent{width:90%; left:5%; top: 90px;}
   

}



/*WIDE MONITOR*/
@media (min-width: 1200px){
    #floatNav{padding-left: 180px;}
    #modalContent{left: calc(50% - 490px - 90px); top: 90px;}
    .btnClose { position: absolute;    top: -90px;    right: -20px;    width: 10%;    max-width: 70px;}
    .btnClose2{position: absolute; top: auto; right:auto;   bottom: -70px;    left:calc(50% - 27.5px);    width: 6.7%;    max-width: 47px;}
    

}


/*SP*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {

.contArea {padding-top:0 !important;}
#financeLP {font-size: 3.8vw;}

#boxNotice{
    margin: 3vw 3vw ;
    background-color: #fdeee6;
    position: relative;
    border: 1px solid #e5e5e5;
    text-align: left;
    padding: 20px;
}
#boxNotice .tit{font-weight: bold; margin: 0 auto 3%;}
#boxNotice a,#boxNotice a:active,#boxNotice a:hover,#boxNotice a:focus, a:visited {
    color: #06a;
    text-decoration: underline;
}

#wrapMainvisual img{width: 100%;}

#wrapLnav{}
.ulLnav{
    margin: -2% auto 5%;
    display: flex;
    flex-wrap: wrap;
}
.ulLnav > li{width: 50%;    line-height: 1;    font-size: 0;}
#wrapLnav2{padding: 0 0 5%;}
#wrapLnav2 .ulLnav > li{width: 46%;    line-height: 1;    font-size: 0;margin: 0 2% 2vw;}
#wrapLnav2 .ulLnav > li a{display: block;
background: #fff;
border-radius: 4vw;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
padding: 2vw;
}

.tit-underMV{width: 80%; margin: 0 auto; padding: 10% 0 5%;}

#ulContent{margin: 0 auto ;}
#ulContent > li{margin: 0 auto ;}
#ulContent > li:last-child{margin: 0 auto;}

.cBox{background: #FFF2C3; border: #eb5505 solid .4vw; border-radius: 4vw; overflow: hidden;}
#gcard,#gcardpay,#stock,#bank{position: absolute; top: 34px;}


.cBox > h2{ border-radius: 4vw 4vw 0 0; margin: 0 auto 5%;}
.cBox > .innerContent{}
.cBox > .innerContent .meritBox{
    background: #fff;
    border-radius: 4vw;
    margin: 0 3% 5%;
    text-align: center;
}
.cBox > .innerContent .meritBox h3{background: #eb5505; padding: 3% 0 2%; border-radius: 4vw 4vw 0 0; color: #fff; font-weight: bold; line-height: 1; font-size: 4vw; text-align: center;}
.cBox > .innerContent .meritBox h3 img{width: 50%;}
.cBox > .innerContent .meritBox > .tit{
    font-size: 5.0vw;
    font-weight: bold;
    line-height: 1.2;
    margin: 5% 0 3%;
}
.cBox > .innerContent .meritBox > .tit2{font-size: 6.2vw;margin: 5% 0 3%;font-weight: bold;    line-height: 1.2;}
.cBox > .innerContent .meritBox > .note{ text-align: left; margin: 0 5% 5%;}
.cBox > .innerContent .meritBox .catchTxt{font-size: 4.4vw; font-weight: bold; line-height: 1; margin: 10% auto 5%;}
.cBox > .innerContent .meritBox .catchTxt .em{color: #eb5505; font-size: 5vw;}

.cBox > .innerContent .txt-underMerit{margin: 0 5% 5%;}
.cBox > .innerContent .movBox{
    background: #fff;
    border: #FEDD56 solid .4vw;
    border-radius: 4vw;
    margin: 0 3% 5%;
    padding: 5%;
    text-align: center;
}
.cBox > .innerContent .movBox .tit{font-size: 5vw; font-weight: bold; color: #eb5505; margin: 0 auto 5%;}
.cBox > .innerContent .movBox .mov img{width: 100%;display: block; border-radius: 4vw;}


.cBox > .innerContent .wrapPassOn .passOnBox{
    position: relative;
    background: #fff;
    border: #eb5505 solid .4vw;
    border-radius: 4vw;
    margin: 26vw auto 6vw;
    padding: 5%;
}
.cBox > .innerContent .wrapPassOn .passOnBox .img{margin: 0 auto 2%;}
.cBox > .innerContent .wrapPassOn .passOnBox .imgPonta{
    position: absolute;
    width: 40%;
    top: -21vw;
    left: 35%;
}
.cBox > .innerContent .wrapPassOn .passOnBox .arrowPasson{
    position: absolute;
    width: 5.6vw;
    bottom: -3.5vw;
    left: calc(50% - 2.8vw);
}
.cBox > .innerContent .wrapPassOn .passOnBox .imgPonta img,.cBox > .innerContent .wrapPassOn .passOnBox .arrowPasson img{width: 100%;}

/*還元額シミュレーション内訳*/
.cBox > .innerContent .wrapPassOn .ulBreakDown{}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li{
    position: relative;
    background: #fff;
    border-radius: 4vw;
    text-align: center;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPlus{background: none; margin: 2% auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPlus img{display: block; width: 12vw;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .leadBGGray{   padding: 5% 5% 3%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .leadBGGray p{
    background: #E8E4D2;
    line-height: 6vw;
    border-radius: 3vw;
    font-weight: bold;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .titBar{padding: 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .leadBGGray + .titBar{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .titBar p{
    padding: 2% 0 1.5%;
    border-top: solid 2px #eb5505;
    border-bottom: solid 2px #eb5505;
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.2;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .grayBox{
    position: relative;
    background: #F4F4F4;
    border-radius: 4vw;
    padding: 5%;
    text-align: left;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .grayBox .tit{font-weight: bold; margin: 0 auto 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .grayBox .txt{margin: 0 auto 5%;}




.cBox > .innerContent > .cvArea{
    background:#ffea9d url(../img/bg-cvarea.webp) repeat;
    padding: 5% 5% 10%;
    margin: 5% auto 0;
    text-align: center;
}
.cBox > .innerContent > .cvArea .tit{width: 80%; margin: 0 auto 3%;}
.cvArea ul.ulCvBtn > li{margin: 0 auto 3%;}
.cvArea ul > li:last-child{margin: 0 auto;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-content > .tgl-content-inner{padding: 0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .benefitBox{border-bottom: solid .4vw #DDDDDD ; padding: 0 0 5%; margin: 0 auto 10%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .benefitBox:nth-child(2){margin: 0 auto 5%;padding: 0;}

#noteArea{ background: #fff; padding: 10% 8%; text-align: left;}
#noteArea .ulNote{margin: 0 auto 5%;}
#noteArea .ulNote:last-child{margin: 0 auto;}





#c01{}
.cBox > .innerContent .meritBox .img-c01-merit01{margin: 0 5% 5%;}
.cBox > .innerContent .meritBox .img-c01-merit02{margin: 5% 5% 0; padding: 0 0 2% 0;}
.cBox > .innerContent .meritBox .img-c01-merit01 img,.cBox > .innerContent .meritBox .img-c01-merit02 img{width: 100%;}
#c01.cBox > .innerContent .meritBox > .note{ text-align: center; }

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-01{padding: 0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-02{padding: 5% 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-03{padding: 10% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-04{padding: 0 0 3%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-05{padding: 0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-06{padding: 0 0 5%;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd01-05 + .note{ text-align: left; margin: 0 auto 8%;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-01{padding: 0 5% 2%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-01 + .note{margin: 0 auto 8%; padding: 0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-02{padding: 0 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-02 + .txt{text-align: left; margin:0 auto 8%;}
#c01.cBox > .innerContent .wrapPassOn .ulBreakDown > li .benefitBox:nth-child(1) .grayBox{margin: 0 auto 5%;}
#c01.cBox > .innerContent .wrapPassOn .ulBreakDown > li .benefitBox:nth-child(2) .grayBox{margin: 0 auto 5%;}


.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-03{padding: 0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-03 + .note{text-align: left; margin:0 auto 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-04{padding: 0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c01-bd02-04 + .note{text-align: left; margin:0 auto 8%;}

#c02{}
.cBox > .innerContent .meritBox .img-c02-merit01{margin: 0 5%;}
.cBox > .innerContent .meritBox .img-c02-merit02{margin: 5% 5% 0; padding: 0 0 5% 0;}
.cBox > .innerContent .meritBox .img-c02-merit01 img,.cBox > .innerContent .meritBox .img-c02-merit02 img{width: 100%;}
#c02.cBox > .innerContent .meritBox > .tit{margin:5% 0 2%;}
#c02.cBox > .innerContent .meritBox > .tit2{margin:2% 0 5%;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-01{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-02{padding:5% 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-03{padding:0 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-04{padding:10% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-06{padding:0 0 10%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd01-06 + .note{padding:0 0 10%; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-01{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-02{padding:5% 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-03{padding:10% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-04{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-06{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd02-05 + .note{padding:0 0 10%; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-01{padding:0 5% 3%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-01 + .note{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-02{padding:0 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-02 + .txt{padding:0 0 5%; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-03{padding:3% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-03 + .note{padding:0 0 5%; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-04{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-04 + .note{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c02-bd03-06{padding:0 0 5%;}
#c02 .ulBreakDown > li:nth-child(5) .toggleInBox .benefitBox:nth-child(2) .toggleCondBox .tgl-content{margin: 0 auto 5%;}


#c03{}
.cBox > .innerContent .meritBox .img-c03-merit01{margin: 0 5% 5%;}
.cBox > .innerContent .meritBox .img-c03-merit02{margin: 5% 5% 0; padding: 0 0 5% 0;}
.cBox > .innerContent .meritBox .img-c03-merit01 img,.cBox > .innerContent .meritBox .img-c03-merit02 img{width: 100%;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-01{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-02{padding:5% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-03{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-03 + .note{padding:0 0 5%; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-04{padding:10% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-06{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd01-06 + .note{padding:0 0 10%; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-01{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-02{padding:5% 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-03{padding:10% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-04{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-06{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd02-05 + .note{padding:0 0 10%; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-01{padding:0 5% 3%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-01 + .note{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-02{padding:0 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-02 + .txt{padding:0 0 5%; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-03{padding:3% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-03 + .note{padding:0 0 5%; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-04{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-04 + .note{padding:0 0 5%;text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c03-bd03-06{padding:0 0 5%;}

#c03.cBox > .innerContent .nisaBox{
    margin:0 8% 5%;
    background: #fff;
    border-radius: 4vw;
    border: solid .4vw #fff;
    overflow: hidden;
}
#c03.cBox > .innerContent .nisaBox > .tit{ border-bottom: solid .4vw #eb5505;padding: 5%; text-align: center;}
#c03.cBox > .innerContent .nisaBox > .img{width: 80%; margin: 5% auto 10%;}

#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner{
    background:#FEE9DD ;
    border-radius: 2vw;
    padding: 5%;
    text-align: left;
}
#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner > ul > li{margin: 0 auto 5%;}
#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner > ul > li .tit{
    background: #fff url(../img/icon-arrow-nisa.webp) no-repeat;
    background-position: center left 2vw;
    background-size: 4vw auto;
    border-radius: 4vw;
    padding: 2% 2% 2% 7vw;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 auto 3%;
}
#c03.cBox > .innerContent .nisaBox > .toggleBox .tgl-content-inner > ul + .img{ padding: 0 0 5%;}
#c03.cBox > .innerContent .nisaBox + .txt{ text-align: center; font-size: 4vw; font-weight: bold; margin: 0 auto 5%;}

#c04{}
.cBox > .innerContent .meritBox .img-c04-merit01{margin: 0 5% 5%;}
.cBox > .innerContent .meritBox .img-c04-merit02{margin: 5% 5% 0; padding: 0 0 5% 0;}
.cBox > .innerContent .meritBox .img-c04-merit01 img,.cBox > .innerContent .meritBox .img-c04-merit02 img{width: 100%;}
#c04.cBox > .innerContent .txt-underMov{text-align: center; margin: 0 auto 5%;}
#c04.cBox > .innerContent .wrapPassOn .ulBreakDown:nth-child(1){margin: 5% auto 0;}
#c04.cBox > .innerContent .wrapPassOn .ulBreakDown:nth-child(1) > li{border:solid .4vw #eb5505;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-01{padding:5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-02{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-03{padding:0 5% 10%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-03{padding:5% 5% 10%;}
/*.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-04{padding:0 0 5%;}*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-05{padding:5% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-06{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-07{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-07 +.ulNote{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd01-07 +.ulNote li{text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox .tit-bankAlign{font-weight: bold; margin: 0 auto 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox .boxGray{background:#F4F4F4 ; border-radius: 2vw; padding: 5%; margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList{margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li{display: block; background: #fff; border-radius:2vw ; overflow: hidden;margin: 0 auto 3%; position:relative;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li:last-child{margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li picture img{display: block; border-radius:2vw ; margin: 0 auto;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .bankAlignBox ul.ulBankAlignList > li a{
    display: block;
    width: 5vw;
    position: absolute;
    top: calc(50% - 2.5vw);
    left: calc(50% - 2.5vw);
}

.ulBankAlign{text-align: left;   margin: 5% auto 0;}
.ulBankAlign li{font-size: 3vw; line-height: 6vw; margin: 0 auto 1%; vertical-align: middle;}
.ulBankAlign li:last-child{margin: 0 auto;}
.ulBankAlign li .iconQ{display: inline-block; width: 5vw; margin-left: 2vw;}
.ulBankAlign li .iconQ img{width: 100%;}

/*モーダル中身*/
.boxModal{margin:0 auto;}
.boxModal > .tit{font-size: 4.4vw; font-weight:bold; text-align: center; margin: 0 auto 10%;}

.boxModal .inner{margin: 0 auto 5%;}
.boxModal .inner.last{margin: 0 auto; }
.boxModal .inner > .tit{font-weight:bold; margin: 0 auto 1%; color: #eb5505;}
.boxModal .inner > .txt{margin: 0 auto 2%x;}
.boxModal ul li{}
.icon-ex{    width: 3.8vw;    line-height: 1;    font-size: 0;    margin: -2px auto 0;}
.ulNote .icon-ex{width: 3.2vw;}




.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-01{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-02{padding:5% 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-03{padding:10% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-04{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-06{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd02-05 + .note{padding:0 0 10%; text-align: left;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-01{padding:0 5% 3%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-01 + .note{padding:0 5% 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-02{padding:0 0 8%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-02 + .txt{padding:0 0 5%; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-03{padding:3% 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-03 + .note{padding:0 0 5%; text-align: left;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-04{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-04 + .note{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-05{padding:0 0 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .img-c04-bd03-06{padding:0 0 5%;}

#c04 .ulBreakDown > li:nth-child(3) .toggleInBox .benefitBox:nth-child(2) .toggleCondBox .tgl-content{margin: 0 auto 5%;}





/* BTN */
.cvArea .btn {
	background: #eb5505 ;
    height: 14vw;
    line-height: 14vw;
    color: #fff;
    border-radius: 7vw;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.cvArea .btn.l2 {
	background: #eb5505 ;
    height: 14vw;
    line-height: 1.2;
    padding: 2.8vw 0;
}

.cvArea .btn::after{
	position: absolute;
    top: 50%;
    right: 5vw;
    margin-top: -4.5px;
    background-image: url(../img/icon_sprite.webp);
	background-position: -34.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}
.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff;}

/* modal mov */
img.close { position: absolute; top: 0; right: 0; width: 10% }
#adMovBox { display:none; position: fixed; top: 0; width: 100%; margin: 8% 0; height: 0; overflow: hidden; }
#adMovBoxInner { width: 100%; max-width: 1024px; margin: 0 auto; text-align: right; overflow: hidden; } 
#adMovBox.showMov { display:block; z-index: 1002; height: auto; overflow: auto;  }
#adMovBox.showMov iframe { width: 100%; height: 100%; }

/* 内訳Toggle */
.wrapPassOn > .toggleBox{text-align: center; margin: 0 3%;}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig{
    border: solid #333 0.6vw;
    height: 10vw;
    line-height: 8.8vw;
    color: #333;
    border-radius: 5.2vw;
    width: 80%;
    /* font-weight: bold; */
    margin: 0 auto 5vw;
    display: block;
    text-align: center;
    position: relative;
    display: inline-block;
}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig h3{font-weight: bold;}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig.l2{
    height: 14vw;
    line-height: 1.2;
    padding: 2.0vw 0;
    border-radius: 7vw;
}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig::after{
    width: 125%;
    content: '';
    display: block;
    border: dashed .2vw #333;
    /* margin: 0 0 5vw; */
    position: absolute;
    bottom: -5vw;
    left: -12.5%;
}

.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 4.4vw);
    right: 4vw;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6,1);
    font-size: 5vw;
}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig.l2::before {top: calc(50% - 3vw);}
.cBox > .innerContent .wrapPassOn > .toggleBox > .tgl-trig.open::before{transform: rotate(270deg) scale(.6,1);}

/* 内訳・詳細Toggle *//* 条件Toggle*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox {}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig,
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig{
    line-height: 1;
    text-align: center;
    position: relative;
    display: block;
    color: #333;
    padding: 0 0 5% 0;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig::before,
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig::before{
    content: '\FF1E';
    display: inline-block;    
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6,1);
    position: absolute;
    right: 24vw;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig.wide::before{right: 16vw;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig.open::before,
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox .toggleCondBox > .tgl-trig.open::before{transform: rotate(270deg) scale(.6,1);}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig::after{
    content: '';
    display: block;
    border: dashed .2vw #333;
    /* margin: 0 0 5vw; */
    /*position: absolute;
    bottom: -5vw;*/
    margin: 2vw auto 0; 
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li .toggleInBox > .tgl-trig h3{display: inline;}

/* NISA内Toggle */
.nisaBox > .toggleBox{text-align: center; margin: 0 auto;}
.nisaBox > .toggleBox > .tgl-trig{
    height: 14vw;
    line-height: 14vw;
    color: #fff;
    border-radius: 7vw;
    background: #eb5505;
    width: 90%;
    margin: 0 auto 5vw;
    display: block;
    text-align: center;
    position: relative;
    display: inline-block;
}
.nisaBox > .toggleBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 7vw);
    right: 4vw;
    font-weight: bold;
    color: #fff;
    transform: rotate(90deg) scale(.6,1);
    font-size: 5vw;
}
.nisaBox > .toggleBox > .tgl-trig.open::before{transform: rotate(270deg) scale(.6,1);}

/* 20240601 Ponta Area */
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta{padding: 0 0 5%;}
.liPonta .img-ponta-01{        padding: 0 5% 2%;}
.liPonta .img-ponta-02{        padding: 0 5% 2%;}
.linkAnc {display: block;position: relative; line-height: 1; text-align: center;}
.linkAnc p{display: inline;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .linkAnc{margin: 5% auto 3%;        position: relative;    display: inline-block;}
.linkAnc:link,.linkAnc:active,.linkAnc:hover,.linkAnc:visited{color: #333;}
.linkAnc::before{
    content: '\FF1E';
    display: inline-block;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6, 1);
    position: absolute;
    right: calc(100% - 35vw);
}
/*
.linkAnc span.arrow {
    width: 4vw;
    height: 4vw;
    position: absolute;
    margin: 0 auto;
    top: calc(50% - 2vw);
    right: -1.4rem;
    display: block;
    line-height: 1;
    background: #EB5505;
    border-radius: 50px;
}
.linkAnc span.arrow::before {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    position: absolute;
    top: calc(50% - 0.6vw);
    left: 0;
    right: 0;
    margin: 0 auto;
    
    background-size: 2.4vw;
    -webkit-transform: rotate(0deg) scale(1, 1);
    transform: rotate(0deg) scale(1, 1);
}*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox {
    margin: 0 5% 10px;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig{
    line-height: 1;
    text-align: center;
    position: relative;
    display: block;
    background: #fff;
    border: solid 2px #EB5505;
    padding: 3vw 0;
    margin: 0 auto -2vw;
    border-radius: 2vw;
    overflow: hidden;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig img{width: 72%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 2.5vw);
    right: 3vw;
    font-weight: bold;
    color: #eb5505;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 5vw;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig.open::before{        transform: rotate(270deg) scale(.6, 1);        right: 2.6vw;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig::after {
    content: '';
    display: block;
    border: none;
    /* margin: 0 0 5vw; */
    margin: 0 auto 0;
    max-width:none;
}

/*
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig .arrow {
    display: block;
        width: 8vw;
        height: 8vw;
        border-radius: 4vw;
        background: #eb5505;
        position: absolute;
        top: calc(50% - 4vw);
        right: 2vw;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig .arrow::before {
    content: "\FF0B";
    display: block;
    line-height: 8vw;
    width: 8vw;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    position: absolute;
    color: #fff !important;
}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox > .tgl-trig.open .arrow::before {    content: "\FF0D";}*/
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content{
    border: solid .4vw #EB5505;
        border-top: none;
        border-radius: 0 0 2vw 2vw;
        margin: 0 auto -2vw;
}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .tgl-content-inner{ background: #fff; padding: 2vw 0 0;border-radius: 0 0  2vw  2vw; overflow: hidden;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta{}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li img{width: 100%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li{ padding: 5% 0 0;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li:nth-child(3) .img-ponta-step03{margin: 0 auto 5%;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .toggleInBox .tgl-content .ulPonta > li:last-child{     padding: 0 0 10%;     background: #FEE9DD;     }

.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .noteBox{padding: 5%; margin: 0 auto; text-align: left; font-size: 3.2vw;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .noteBox .ulNote li{font-size: 3.2vw !important; text-indent: -1em; padding-left: 1em;}
.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .noteBox .ind2{text-indent: -2em; padding-left: 2em;}

.cBox > .innerContent .wrapPassOn .ulBreakDown > li.liPonta .cvArea{margin: 0 5% 0;}
/* /20240601 Ponta Area */


/* Float Nav */
#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    transition: .6s;
}
#floatNav{width: 100%;   margin: 0 auto;}
#floatNav .fnav-tgl-trig{
    border-radius: 2vw 2vw 0 0;
    padding: 1vw 3vw .5vw 2.6vw;
    background: #eb5505;
    line-height: 1;
    margin: 0 0 -0.1vw 2vw;
}
#floatNav .fnav-tgl-trig::after{
    content: '\FF1E';
    display: block;
    color: #fff;
    font-weight: bold;
    transform: rotate(90deg) scale(.6,1);
    width: 6vw;
    height: 6vw;
    font-size: 6vw;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
}
#floatNav .fnav-tgl-trig.open{padding: 1vw 2.6vw .5vw 3vw;}
#floatNav .fnav-tgl-trig.open::after{transform: rotate(270deg) scale(.6,1);}
#floatNav .innerFnav{
    
    background: #eb5505;
    padding: 2vw;
}
#floatNav .ulLnav{
    background: #fff;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 2vw 3vw;
    border-radius: 2vw;
}
#floatNav .ulLnav > li{width: 50%;}
#floatNav .ulLnav > li:nth-child(1){border-bottom:solid 1px #ededed ;border-right:solid .1vw #ededed ;}
#floatNav .ulLnav > li:nth-child(2){border-bottom:solid 1px #ededed ;border-left:solid .1vw #ededed ;}
#floatNav .ulLnav > li:nth-child(3){border-right:solid .1vw #ededed ;}
#floatNav .ulLnav > li:nth-child(4){border-left:solid .1vw #ededed ;}

/*モーダル*/
#modalBg { background: rgba(0,0,0,.7); height: 100vh; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; opacity: 0; }
#modalContent { width: 94%; position: absolute; left: 3%; top: 5vw; z-index: -1;  opacity: 0; }
.modalContentInner { width: 100%; position: relative; border-radius: 4vw; background: #fff; padding: 8%; text-align: left; font-size: 3.4vw; }
.btnClose {    position: absolute;    top: 0;    right: 0;    width: 10vw;    height: 10vw;} 
.btnClose2{position: absolute; top: auto; right:auto;   bottom: -10vw;    left:calc(50% - 5.335vw);  width: 6.67vw; height: 6.67vw;}
.btnClose img { width: 100%;}

.footerSiteMap {padding: 20px 3% 35vw;  }
.footerSiteMap.closeFL {padding: 20px 3% 15px; }


.linkBlank {position: relative;   padding-right: 25px; padding-left: 0;display: inline-block;}
.linkBlank::after{
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    background-image: url(../img/icon_sprite.webp);
    background-position: -92.5px -84px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}

.fsS{font-size: 3.3vw;}
.note{font-size: 3.2vw; font-weight:normal;}
.ulNote li{font-size: 3.2vw; font-weight:normal;}
.sup {
	font-size:3.2vw; 
	vertical-align: top;
	position: relative;
	top: -0.1em; 
    font-weight: normal !important;
}
.sub {
	font-size:3.2vw;
    vertical-align: bottom;
    position: relative;
    bottom: 0.2em;
    font-weight: normal !important;
}
.mb10{margin-bottom: 3%;}
.mb20{margin-bottom: 5%;}
.mb30{margin-bottom: 8%;}
.mb40{margin-bottom: 10%;}

.measureTag{min-height: 5vw;}


/* animation*/
.slide-up {
    opacity: 0;
    transform: translate(0, 100px);
    transition: .8s;
    animation-timing-function:ease-in;
    animation-delay: 1.8s;
}

#wrapLnav .ulLnav > li:nth-child(1).slide-up {
    transform: translate(0, 50px);
    transition: .6s;
    animation-timing-function:ease;
    animation-delay: 0;

}
#wrapLnav .ulLnav > li:nth-child(2).slide-up {
    transform: translate(0, 60px);
    transition: .8s;
    animation-timing-function:ease;
    animation-delay: 0;
}
#wrapLnav .ulLnav > li:nth-child(3).slide-up {
    transform: translate(0, 70px);
    transition: 1.0s;
    animation-timing-function:ease;
    animation-delay: 0;
}
#wrapLnav .ulLnav > li:nth-child(4).slide-up {
    transform: translate(0, 80px);
    transition: 1.2s;
    animation-timing-function:ease;
    animation-delay: 0;
}

  .slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}

#wrapLnav .ulLnav > li:nth-child(1).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
#wrapLnav .ulLnav > li:nth-child(2).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
#wrapLnav .ulLnav > li:nth-child(3).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
#wrapLnav .ulLnav > li:nth-child(4).slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}


}

/*モーダル*/
.modalContentInner { display: none;}
.modalContentInner.on { display: block;}
.modalOn #modalBg { z-index: 100; opacity: 1; }
.modalOn #modalContent{ z-index: 101; opacity: 1; }

li.ind1 {text-align: left; position: relative; padding-left: 1.2em; }
li.ind4 {text-align: left; position: relative; padding-left: 3.6em; }
li span.ind { position: absolute; top: 0; left: 0; }


.red, .fcRed { color: #ff0000; }
.fcOrange{color: #eb5505;}
.fcG{color:#cda657;}
.fwB {font-weight: bold!important}
.fwN{font-weight: normal !important;}

.fsL{font-size: 130%;}
.footerPopup { display: none!important;}
#contentsWrapper { padding-bottom: 0!important;}
.contArea { padding-bottom: 0!important;}


.linkR{text-align: right;}

.view-sp { display: none!important; }
.view-pc { display: block!important; }

.cBox{ position: relative;}
.tgl-content {    display: none;}
.mainvisual,#wrapLnav{display: none;}
#wrapLnav.show,.mainvisual.show{display: block;}
.measureTag{height: 30px;}
.bgCvArea{height: 0; display: block;}


@media screen and (min-width: 0px) and (max-width: 767.98px) {
	
	.view-sp { display: block!important; }
	.view-pc { display: none!important; }

}
@media screen and (min-width: 768px) {
	#floatbg { display: none; text-align: center; background: rgba(0,0,0,.7); z-index: 999; width: 100%; height: 100%; position: fixed; top: 0; }
	
	#closefloat { cursor: default; }
}

@media screen and (min-width: 0px) and (max-width: 767.98px) {
	#floatbg { display: none; text-align: center; background: rgba(0,0,0,.7); z-index: 999; width: 100%; height: 100%; height: 100vh; position: fixed; top: 0; }
	
	#closefloat { cursor: default; }
}

/* CSSアニメーションの指定 */
/*.slideIn{
	animation: SlideIn 0.6s;
  }
  

  @keyframes SlideIn {
	0% {
	  opacity: 0;
	  transform: translateY(50px);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
	}
  }*/