@charset "utf-8";
body a { word-break: break-all!important; }
#wp{position: relative;}
img{max-width: 100%; margin: 0 auto;}
#moneyactivityNewPlan *{box-sizing: border-box;}
#moneyactivityNewPlan{color: #333;  position:relative;font-family: 'Noto Sans JP', sans-serif; font-weight:400;}
#moneyactivityNewPlan a:link,#moneyactivityNewPlan a:hover,#moneyactivityNewPlan a:active,#moneyactivityNewPlan a:visited{color:#333;}
ul,li{position: relative;}

@media screen and (min-width: 768px) {
/*common*/
#section-container-f600279b5c .section-container.section-container-v2.cmp-au-com-container__bgcolor__snowgrey{padding-bottom: 80px;}
.cmp-au-com-container__width__1column__980>.cmp-au-com-container>.cmp-au-com-container__contents{width: 100%;}
#moneyactivityNewPlan{    margin: 10px auto 0;}

/*#moneyactivityNewPlan{margin-top: 36px;  }*/
#moneyactivityNewPlan a{transition: .6s;}
#moneyactivityNewPlan a:hover{opacity: .6;}
.anchorPoint#pointUpreward{    position: absolute;    top:0;    display: block;}

.footerSiteMap {padding-bottom: 120px;}
.footerSiteMap.closeFL {padding-bottom: 30px; }
.linkTxt{text-decoration: underline !important; color: #333;}
.linkTxt:link,.linkTxt:active,.linkTxt:hover,.linkTxt:visited,
.linkIcon:link,.linkIcon:active,.linkIcon:hover,.linkIcon:visited{color: #333;}
.fcRed .linkTxt{text-decoration: underline !important; color: #ff0000 !important;}
.fcRed .linkTxt:link, .fcRed .linkTxt:active, .fcRed .linkTxt:hover, .fcRed .linkTxt:visited,
.fcRed .linkIcon:link, .fcRed .linkIcon:active, .fcRed .linkIcon:hover, .fcRed .linkIcon:visited {    color:#ff0000 !important;}
.iconQ.linkTxt{font-weight: 900;}
.iconQ img {    width: 30px;    padding-left: 10px;    display: inline-block;}

.linkIcon{
    display: inline-block;
    position: relative;
    padding-right: 1.2em;
}
.linkIcon::after{
    content: '\FF1E';
    display: block;
    transform: scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.7em);
}

.linkAnc {
    display: inline-block;
    position: relative;
    padding-right: 1.4em;
}
.linkAnc::after{
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.5em);
}


.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_1673c173e5f739ae.webp);
    background-position: 0.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}
.link-pdf:after, .link-pdf-blue:after, .link-pdf-white:after {
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url(../img/icon_sprite_1673c173e5f739ae.webp);
    background-position: -41px -20px;
    width: 16px;
    height: 16px;
    background-size: 121px 118px;
}
/*BTN*/
.btn {
    background: #eb5505;
    height: 60px;
    line-height: 60px;
    color: #fff !important;
    border-radius: 30px;
    max-width: 582px;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
    font-weight: 600;
}
.btn.l2 {
    height: auto;
    border-radius: 50px;
    line-height: 1.2;
    padding: 9px 0;
}
.btn::after {
    content: '\FF1E';
    display: block;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.9em);
}
.btn.l2::after {
    top: calc(50% - 0.6em);
}
.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff !important;}

.btnAnc{
}
.btnAnc::after {
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.8em);
}


.btnBgGold{
    width: 250px;
    border: none;
    background: url(../img/bg-h3_d8297c6513f11eeb.webp);
    background-size: 100% 100%;
    height: 36px;
    line-height: 36px;
}
.btnBgGold.btnAnc::after{
    content: '\FF1E';
        display: block;
        transform: rotate(90deg) scale(.6, 1);
        font-weight: bold;
        position: absolute;
        right: .8em;
        top: calc(50% - 1.0em);
}
.btnWhite{background: #fff; color: #333; border: solid 2px #EB5505; height: 60px; line-height: 56px; }
.btnWhite::after {color: #EB5505;        top: calc(50% - 1.8em);}
.btnBeige{background: #E1D092; color: #333 !important;}
.btnBeige:link,.btnBeige:hover,.btnBeige:active,.btnBeige:visited{color: #333 !important;}

.btnBlank::after{
	content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    background-image: url(../img/icon-link-blank-white_3b70d6d568bf54e5.webp);
	background-position: right center;
    background-size: auto 100%;
    width: 13px;
    height: 13px;
    transform: rotate(0) scale(1, 1);
}
.btnWhite.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    background-image: url(../img/icon-link-blank_da1b996d7a09f807.webp);
    background-position: right center;
    background-size: auto 100%;
    width: 13px;
    height: 13px;
    transform: rotate(0) scale(1, 1);
}
.btnWhite:link,.btnWhite:active,.btnWhite:hover,.btnWhite:visited{color: #333 !important;}
.btnDisable{background: #AFAFAF !important;}


.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;
}
.ulNote .sup{font-size: 80%;}
.sub {
	font-size: 12px;
    vertical-align: bottom;
    position: relative;
    bottom: 0.2em;
    font-weight: normal !important;
}
.mt10{margin-top: 10px !important;}
.mt20{margin-top:20px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.pb5{padding-bottom: 5px !important;}
.measureTag{height: 60px !important; width: 100%;}

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

  .slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
/*------------------------------------------------------------------------------------------------*/
.wrapAttBox{/*background: #EFDCBB;*/ padding: 20px 0;}
.attBox{max-width: 980px; margin: 0 auto;   border: 1px solid #d1d1d1;background-color: #fdeee6;padding: 20px; text-align: left;}
    .attBox .tit{ font-weight: bold; margin: 0 auto 10px;}
    .attBox .date{margin: 10px auto 0; color: #777; font-size: 12px;}
    .attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}

#wrapMainvisual {
    width: 100%;
    
}
.leftHalf{
	background:url(../img/bg-mv-l_8b68410527852591.webp);
    background-size: auto 100%;
	width:50%;
	position:absolute;
	left:0px;
	height:550px;
}
.rightHalf {
	background:url(../img/bg-mv-r_3e90fc92677398a7.webp);
	width:50%;
	position:absolute;
	right:0px;
	height:550px;
}

#wrapMainvisual .mainvisual{position: relative;    background: url(../img/bg-mainvisual_83f2a853f8c27d8f.webp) no-repeat center top;}
#wrapMainvisual .mainvisual h1{max-width: 980px;margin: 0 auto;}
#wrapMainvisual .mainvisual img{width:100%;}

.boxLnav{
    width: 100%;
    background: url(../img/bg-lnav_3e1e7362135a7a4b.webp) repeat;
    background-size:auto;
    padding: 15px; 
    margin: 0 auto 0; 
    position: relative;
    text-align: center;
}
.ulLnav{
    max-width: 890px;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.boxLnav .ulLnav > li{width: 19%; display: flex; align-items: center;  position: relative;}
.boxLnav .ulLnav > li a{
    position: relative;
    height: 100%; 
    width: 100%; 
    color: #333; 
    background:#fff ; 
    /*border: solid 3px #fff; */
    text-align: center; 
    /*padding: 8px 0 25px; */
    padding: 11px 3px 28px;;
    margin: 0 auto;
    line-height: 1.2; 
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 4px 0 0 rgba(64, 33, 15, 0.4);
    display: flex;
  justify-content: center;
  align-items: center;
}


.boxLnav .ulLnav > li a::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left:calc( 50% - 10px);
    background: url(../img/arrow-lnav_8231adf5866e1252.webp);
    background-repeat: no-repeat;
    border-radius: 0;
    margin: 0;
    width:20px;
    height:10px;
    background-size: 100% auto;
}
.boxLnav .ulLnav > li.active a{border: solid 3px #EB5505; box-shadow: none;padding: 8px 0 25px;}     
.boxLnav .ulLnav > li.active a::after {
    background: url(../img/arrow-lnav-orange_8394a47c3a7c029a.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 7px;
}
.boxLnav .ulLnav > li a .numLnav{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    background: #4C2E0F;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
}
.boxLnav .ulLnav > li.active a .numLnav{
    background: #EB5505;
    top: -3px;
    left: -3px;
}

.ulLnav + a{margin: 10px auto 0; font-size: 12px; font-weight: bold;}

.boxLnav .bnrInfo{display: block; margin: 15px auto 0;}

.catch.start1203{margin: 0 auto; text-align: center;padding: 0 0 30px; display: block;}
#c01 .catch.start1203{background: #fff; padding: 10px 0;}
.catch.start1203 .titWai {
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 40px !important;
    margin: 0 auto !important;
    color: #EB5505 !important;
}
.catch.start1203 .titWai .titWaiSlashL {
    padding-right: 30px !important;
    font-weight: 900 !important;
}
.catch.start1203 .titWai .titWaiSlashR {
    padding-right: 30px !important;
    font-weight: 900 !important;
}

.cBox,.innerCbox,.inner{position:relative ;}
.h2bgGold{
    padding: 20px 0;
    background: url(../img/bg-h3_d8297c6513f11eeb.webp);
    background-size: 100% 100%;
    text-align: center;
}
.h2bgGold .h2Txt {
    display: inline-block;
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    text-shadow: 1px 1px 0 #7B5A47, -1px 1px 0 #7B5A47, 1px -1px 0 #7B5A47, -1px -1px 0 #7B5A47, 2px 3px 3px rgba(0, 0, 0, 0.4);
    /* -webkit-text-stroke: 1px #7B5A47; */
    padding: 0 79px 0 70px;
    position: relative;
    
}
.h2bgGold .h2Txt::before {
    content: '';
    background: url(../img/icon-h3-01_ba7c4b3fa2c59ca2.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 40px;
    height: 37px;
    top: calc(50% - 19px);
    left: 0;
    position: absolute;
}
.h2bgGold .h2Txt::after {
    content: '';
    background: url(../img/icon-h3-02_2f98e12547f4dedb.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 56px;
    height: 35px;
    top: calc(50% - 18px);
    right: 0;
    position: absolute;
}
.bgShadow {
    position: relative;
    max-width: 820px;
    padding-bottom: 40px;
    margin: 0 auto;
    background: url(../img/bg-shadow-btm_f9c6bf40779ee953.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}
.h4Ponta{
    width: 680px;
    margin: -60px auto 20px;
    background: #D29200;
    border-radius: 5px 5px 0 0;
    height: 60px;
    position: relative;
    line-height: 1.2;
    color: #fff;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h4Ponta .em{font-size: 24px;}
.h4Ponta .catchPonta{
    display:block;
    position:absolute;
    width: 70px;
    left: 20px;
    top: -15px;
}
#c01-03 .h4Ponta .catchPonta{ width: 78px;    top: -24px;}
#c01-04 .h4Ponta .catchPonta,#c03-03 .h4Ponta .catchPonta{width: 60px; top: -25px;}
#c03-01 .h4Ponta .catchPonta{ }
#c03-02 .h4Ponta .catchPonta{}

/*アコーディオン*/
.tgl-trig{transition: none !important;}

/* アコーディオン　Note */
.noteToggleBox{text-align: center;}
.noteToggleBox > .tgl-trig{}
.noteToggleBox > .tgl-trig h3 {
    position: relative;
    /* display: inline-block; */
    background: none !important;
    margin: 0 auto;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 0;
    display: inline-block !important;
    text-align: center;
    font-weight: bold;
    font-size: 16px !important;
    /*text-decoration: underline;*/
}
.noteToggleBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
}
.noteToggleBox > .tgl-trig.open::before {
    transform: rotate(270deg) scale(.6, 1);
}
.noteToggleBox .tgl-content{
    margin: 10px auto 0;
    padding: 10px 0 0;
   
}
#c01-01 .noteToggleBox{
    max-width: 800px;
    margin: 0 auto 30px;
    background: #fff;
    padding:0;
    border: solid 1px #D29200;
}
#c01-01 .noteToggleBox .tgl-trig{
    padding: 10px;
    display: block;
}
#c01-01 .noteToggleBox > .tgl-trig::before {
        content: '\FF1E';
        display: block;
        position: absolute;
        top: calc(50% - 12px);
        right: 2em;
        font-weight: bold;
        transform: rotate(90deg) scale(.6, 1);
        font-size: 20px;
}
#c01-01 .noteToggleBox .tgl-content{ 
        margin: 0 auto 10px;
        padding:20px 0 10px 0;
        max-width: 740px;
        width: 94%;
        border-top: solid 1px #D29200;

}

#c02 .noteToggleBox .tgl-content{ border-top: solid 1px #BABABA;}

/*table 内訳*/
.wrapTableBD{ margin: 0 auto; }
.wrapTableBD .tit{text-align: left; font-size: 14px; font-weight: bold; margin: 20px auto 5px;}
.tableBD{ margin: 0 auto; border: solid 1px #cda657; overflow: hidden;}
.tableBD table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}
.tableBD table tr{  }
.tableBD table tr:first-child{}
.tableBD table tr:last-child{}
.tableBD table tr th{border-bottom: solid 1px #EFDCBB; border-right: solid 1px #EFDCBB;background: #FBF5E9;padding: 10px 20px;text-align: left;}
.tableBD table tr td{border-bottom: solid 1px #EFDCBB;padding: 10px 20px; text-align: right;background: #fff;}
.tableBD table tr:first-child th{}
.tableBD table tr:first-child td{}
.tableBD table tr:last-child th{border-bottom:none;}
.tableBD table tr:last-child td{border-bottom:none;}
.tableBD table tr th.bdBnon{border-bottom: none;}
.tableBD table tr th.bdRnon{border-right: none;}
.tableBD table tr td .em{font-size: 20px; font-weight: bold;}
.tableBD table tr td .fsS{font-size: 14px;}
.tableBD table tr th.bgBeige{background: #F2E3C2;}
.tableBD table tr th.bgKhaki{ background: #E8CB66;}
.tableBD table tr td .bgTxtOrange{display: inline-block; padding: 3px 5px; line-height: 20px; background: #EB5505; font-size: 14px; color: #fff;}
.tableBD table tr td .boxPlus{
    background: #F8DD79;
    border-radius: 5px;
    text-align: center;
    position: relative;
    padding: 5px;
    margin: 8px auto 5px;
}
.tableBD table tr td .boxPlus .iconPlus{
    display: block;
    width: 15px;
    position: absolute;
    top: -7px;
    right: 5em;
}
.wrapTableBD .noteArea{ margin: 20px auto 0; text-align: left;}

.wrapTable{ margin: 0 auto; }
/*.wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}*/
.wrapTable table{width: 100%; margin: 0 auto;border-collapse: separate; table-layout: fixed;}
.wrapTable table tr th{border-bottom: solid 1px #D29200; border-left: solid 1px #D29200;border-right: solid 1px #D29200;background: #FBF5E9;padding: 20px 8px; text-align: left;border-radius: 0;}
.wrapTable table tr:first-child th{border-top: solid 1px #D29200;}
.wrapTable table tr:last-child th{}
.wrapTable table thead tr th{ padding: 0 0 10px !important;       border: none !important;    background: none !important;}
.wrapTable table thead tr th .img{text-align: center;}
.wrapTable table thead tr th .img img{margin: 0 auto;}

.wrapTable table tr td{border-bottom: solid 1px #D29200;background: #fff; padding: 20px 8px;text-align: left;border-radius: 0;border-right: solid 1px #D29200;}
.wrapTable table tr td:last-child{border-right: solid 1px #D29200;}
.wrapTable table tr:first-child td{border-top: solid 1px #D29200; }
.wrapTable table tr:first-child td:last-child{}
.wrapTable table tr:last-child td:last-child{}

table tr th .sup,table tr td .sup{font-size: 80% !important;}

#c01-01 .wrapTable table tr th,#c01-01 .wrapTable table tr:first-child th{border: none; border-right: solid 1px #D29200;padding: 0 ; text-align: center; background:none ;}
#c01-01 .wrapTable table tr td{border: none; padding: 10px; background: none;}

.boxFukidashi{
    background: #FBF5E9;
    padding: 10px;
    text-align: left;
    position:relative;
}
.boxFukidashi::before{
    content: '';
    display: block;
    background: #FBF5E9;
    height: calc(tan(60deg)* 24px / 2);
    width: 12px;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    position: absolute;
    left: -11px;
    top: calc(50% - 12px);
}
.boxKangen{ 
    background: #EDD399;
    padding: 15px 0;
    text-align: center;
    width: 680px;
    margin: 40px auto 30px;
}
.boxKangen .tit{font-size:18px; font-weight: bold; margin: 0 auto 10px;}
.bgYellow{ background: #F9E497; padding: 20px 0; text-align: center;}
.bgYellow .tit{font-weight: bold; margin: 0 auto 10px;}
.bgYellow .ulNote{width: 600px; margin: 0 auto;}

/* slick slider*/
.slick-track{margin: 0 auto;  display: flex;}
.slick-slide {  height: auto !important;}
.slider .slick-prev, .slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    width: 36px;
    height: 36px;
    background: url(../img/btn-slider_f765ff0472901185.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 0;
    opacity: 1;
    z-index: 2;
    text-align: center;
}
#c05-04 .slider .slick-prev,#c05-04 .slider .slick-next{top: 35%;}
.slider .slick-prev{left: -20px; transform: rotate(180deg);}
.slider .slick-next{right: -20px;}
.slick-dots>li.slick-active {
    background: #EB5505;
}

/*モーダル中身*/
.boxModal{line-height: 1.4;}
.boxModal > .tit{text-align: center; font-size: 20px; font-weight: 900; margin: 0 auto 20px;}
.boxModal > .lead{text-align: center; margin: 0 auto 20px;}
.boxModal > .img{margin:0 auto 20px; text-align: center;}
#modal-01 .boxModal > .tit + .img{width: 210px;}
.boxModal .boxCondition{ background:#fff; border: solid 1px #D29200; padding: 26px; text-align: left; margin: 0 auto 20px;}
.boxModal .boxCondition > ul > li:not(:last-child){margin: 0 auto 10px;}
.boxModal .boxCondition .tit,.boxModal > .titUl,.boxModal .inner > .tit{font-weight: 700; margin: 0 auto 10px;}
.boxModal .inner {    margin: 0 auto 20px;}

.boxModal .btnWhite{width: 300px;}

.boxModal .ulQuestion{margin: 0 auto 20px;}
.boxModal .ulQuestion li{margin: 0 auto 10px;}
.boxModal .ulQuestion li:last-child{margin: 0 auto;}
.boxModal .ulQuestion.last{margin: 0 auto;}
.boxModal .wrapTableBD .tit {    margin: 20px auto;    text-align: left;    font-weight: bold;}
.icon-ex {    width: 16px;    line-height: 1;    font-size: 0;    margin: -2px auto 0;}





.img-mdl-jibunbank{width: 84px;}
.img-mdl-kabucom{width: 294px;}

.ulBtn{}
.ulBtn > li:not(:last-child){margin: 0 auto 10px;}

.boxNote{text-align: left;font-size: 12px; line-height: 1.4;}
.boxNote .tit{margin: 20px auto 5px;}
.boxNote a:link,.boxNote a:hover,.boxNote a:active,.boxNote a:visited{color: #0066AA !important;}
.ulNote > li,.note{font-size: 12px; line-height: 1.4;}
.ulNote > li:not(:last-child){margin: 0 auto 10px;}
#c03-01 .boxNote .ulNote > li:not(:last-child){margin: 0 auto;}

/*-----------------------------------------------------------------------------*/

#c01{
    background: linear-gradient(90deg, #EFDEBD 0%, #FFF7DF 25%, #FFF7DF 50%, #FFF7DF 75%, #EFDEBD 100%);
}
#c01 > .innerCbox{padding: 40px 0 0;}
#c01 > .innerCbox .boxLead{
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}
#c01 > .innerCbox .boxLead > h2{
    width: 306px;
    margin: 0 auto 10px;
}
#c01 > .innerCbox .boxLead > .lead{
    font-weight: 600;

}
#c01 > .innerCbox .boxLead .boxNo1{
    position: relative;
    padding: 20px 0;
    margin: 20px auto;
}
#c01 > .innerCbox .boxLead .boxNo1::before/*,#c01 > .innerCbox .boxLead .boxNo1::after */{
    content: "";
    display: block;
    height: 1px;
    background: radial-gradient(#CDAC5D, #F9F6C8);
    width: 100%;
    opacity: .6;
}
#c01 > .innerCbox .boxLead .boxNo1::before{position:absolute; top: 0;}
/*#c01 > .innerCbox .boxLead .boxNo1::after{position:absolute; bottom: 0;}*/

#c01 > .innerCbox .boxLead .boxNo1 .txt{font-size: 18px;   font-weight: 700; margin: 0 auto 20px;}
#c01 > .innerCbox .boxLead .boxNo1 .img{margin: 0 auto 20px;}
#c01 > .innerCbox .boxLead .boxNo1 a{font-size: 14px; font-weight: normal;}

#c01 > .innerCbox .boxLead .txtRenewal{font-size: 24px; font-weight: 900; margin: 40px auto 0;}

#c01-01{
    position:relative;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}
#c01-01 .inner{padding: 40px 0;}
#c01-01 .img-c01-01-03{margin: 0 auto 20px;}

#c01 .wrapBgArea{
    background:rgba(217, 191, 147, .3);
    position: relative;
    /*margin: 40px auto 0;*/
    padding: 0 0 60px;
}
#c01 .wrapBgArea::before {
    content: "";
    position: absolute;
    right: 0;
    top: -40px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: rgba(217, 191, 147, .3) transparent transparent transparent;
    border-width: 40px 50px 0 50px;
    transform: rotate(180deg);
}
#c01 .wrapBgArea .img-check{width: 422px; margin: 0 auto 20px;padding-top: 50px;}
#c01-02,#c01-03,#c01-04{ margin: 0 auto; text-align: center;}

#c01-02 .inner,#c01-03 .inner,#c01-04 .inner{
    max-width: 800px;
    background: #fff url();
    margin: 70px auto 0;
    padding: 30px 0;
}
#c01-02 .bgShadow,#c01-03 .bgShadow,#c01-04 .bgShadow{max-width: 820px;}

#c01-02 .img-c01-01-05{margin: 0 auto 20px;}
#c01 .boxMore{
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
#c01 .boxMore .img-c01-02-03{margin: 0 auto 20px;}

#c01-03 .wrapFlex > ul,
#c01-04 .wrapFlex > ul{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
#c01-03 .wrapFlex > ul > li,
#c01-04 .wrapFlex > ul > li{width: calc(50% - 1px);}
#c01-03 .wrapFlex > ul > li:nth-child(1),
#c01-04 .wrapFlex > ul > li:nth-child(1){border-right:solid 1px #9E6224;}
#c01 .lead-c01-03{width: 506px; margin: 0 auto;}
#c01-04 .img-c01-04-01,
#c01-04 .img-c01-01-02{margin: 0 auto 20px;}
#c01-04 .img-c01-04-01 .note,
#c01-04 .img-c01-01-02 .note{ line-height: 1; height: 12px; text-align: right;padding: 0 50px 0 0;}
#c01-04 + .ulNote{    text-align: center;        margin: 0 auto;        max-width: 800px;}

#c02{
    background: #FFFDF8 url(/content/dam/au-com/pr/moneyactivity/newplan/img/bg-content_3acabb4c15419312.webp);
    background-repeat: repeat;
    
}
#c02 .innerCbox{
    max-width: 980px; 
    margin: 0 auto;
    padding: 60px 0;
}
#c02 .img-logo-plus{width: 392px; margin: 40px auto;}
/*☆*/
/*
#c02 .chargeArea{
    max-width: 890px;
    margin: 0 auto;
    padding: 30px 44px;
    background: #F8F0D8;
    border: solid 1px #AB8C46;
    text-align: center;
}
#c02 .titPlan{}
#c02-01 .titPlan{font-size: 34px; font-weight: 900; color: #EB5505; margin: 0 auto 20px;}
#c02-02 .titPlan {
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto 20px;
}
#c02 .chargeArea .boxPlan{margin: 0 auto 30px;}
#c02 .chargeArea .boxPlan .txtPlan{margin: 0 auto 20px;}
#c02 .chargeArea .boxPlan .imgChargeNorm{margin: 30px auto 20px;}
#c02 .chargeArea .boxPlan .arrowCharge{
    width: 600px;
    height: 112px;
    background: url(../img/bg-c02-arrow_52c8e5778776777d.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    margin: 20px auto 20px;
    padding: 7px 0 0;
    text-align: center;
}
#c02 .chargeArea .boxPlan .imgChargeOtoku{margin: 20px auto ;}
#c02 .chargeArea .boxPlan .ulLink{margin: 0 auto 20px;}
#c02 .chargeArea .boxPlan .ulLink > li:not(:last-child){margin: 0 auto 10px;}
#c02 .chargeArea .titWai {
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 auto 30px;
}
#c02 .chargeArea .titWai .titWaiSlashL,
#c02 .chargeArea .titWai .titWaiSlashR {font-weight: 400;}
#c02 .chargeArea .titWai .titWaiSlashL {padding-right: 5px;}
#c02 .chargeArea .titWai .titWaiSlashR {padding-left: 5px;}

#c02-02 .inner{max-width: 890px; margin: 0 auto;}
.icon-recom {
    width: 142px;
    position: absolute;
    top: 0;
    left: 0;
}


#c02 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-trig h3,
#c02 .chargeArea > .toggleBox .toggleInBox.toggleBD .wrapDummyTglTrig h3{
    position: relative;
    background: #F2E3C2;
    border: solid 1px #AB8C46;
    margin: 0 auto;
    height: auto;
    padding: 20px 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
#c02 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-content-inner{
    background: #fff;
    padding: 40px 99px;
    border: solid 1px #AB8C46;
    border-top: none;
}

#c02 .inner > .toggleBox.otherPlan .ulToggle > li:not(:last-child){margin: 0 auto 20px;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig{display: block;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3,
#c02 #c02-01 > h3 {
    position: relative;
    max-width: 890px;
    background: #AB8C46;
    margin: 0 auto;
    height: auto;
    padding: 20px 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    box-shadow: 0px 4px 0px #886E33;
}
#c02 #c02-01 > h3{box-shadow: none;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3{box-shadow: none;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .em,
#c02 #c02-01 > h3 .em{font-size: 20px;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .arrow {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #fff;
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
    overflow: hidden;
}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(../img/icon-arrow_7acdaf7da93cc876.webp) no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height:26px;
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px);
}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3 .arrow::after {    transform: rotate(180deg) scale(1, 1);}
#c02 .titBgWRound{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    max-width: 620px;
    text-align: center;
    margin: 40px auto 30px;
}
#c02 .titBgWRound::after{
    content: '';
    display: block;
    width: 100%;
    border-top: solid 2px #AB8C46;
    position: absolute;
    top: 8px;
    left: 0;
    right:0;
}
#c02 .titBgWRound span{
    display: inline-block;
    padding: 0 30px;
    background: #fffcf3 url(/content/dam/au-com/pr/moneyactivity/newplan/img/bg-content_3acabb4c15419312.webp);
    position: relative;
    z-index: 1;
}
*/
#c03{background: #FBF8EA;}
#c03-lead{padding: 70px 0 30px;
background: url(/content/dam/au-com/pr/moneyactivity/newplan/img/bg-c03_e864e8aa9bf84fe9.webp);
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
}
#c03-lead .innerCbox{
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}
#c03-lead .lead-c03-01{text-align: center; margin: 30px auto 20px;}

#c03-lead .wrapC03Lnav{
    max-width: 842px;
    margin: 50px auto 0;
}
#c03-lead .wrapC03Lnav .tit-inlnav-c03{ margin: 0 auto 20px;}
#c03-lead .wrapC03Lnav > ul{
    display: flex;
    justify-content: space-between;
}
#c03-lead .wrapC03Lnav > ul > li{width: 32%;}
#c03-01,
#c03-02,
#c03-03{padding: 40px 0 0; position: relative;}
#c03-01 .innerCbox,
#c03-02 .innerCbox,
#c03-03 .innerCbox{
    max-width: 890px;
    margin: 0 auto 40px;
    background:#fff ;
    border: solid 1px #D29200;
    text-align: center;
}
#c03 .h4Ponta{    margin: -30px auto 30px;}
#c03-01 .h4Ponta{}
#c03-02 .h4Ponta{}
#c03-02 .h4Ponta{}

/*アコーディオン C03*/
#c03-01 .toggleBox,
#c03-02 .toggleBox,
#c03-03 .toggleBox{padding: 10px 0 0;}
#c03-01 .toggleBox > .tgl-trig,
#c03-02 .toggleBox > .tgl-trig,
#c03-03 .toggleBox > .tgl-trig{width: 90%; border-bottom: solid 2px #D29200; padding: 10px 0; font-weight: bold; position: relative; line-height: 1; margin: 0 auto 30px;}
#c03-01 .toggleBox > .tgl-trig.open,
#c03-02 .toggleBox > .tgl-trig.open,
#c03-03 .toggleBox > .tgl-trig.open{margin: 0 auto;}
#c03-01 .toggleBox > .tgl-trig h3,
#c03-02 .toggleBox > .tgl-trig h3,
#c03-03 .toggleBox > .tgl-trig h3{ display: inline-block; position: relative; font-weight:700;}
#c03-01 .toggleBox > .tgl-trig h3::after,
#c03-02 .toggleBox > .tgl-trig h3::after,
#c03-03 .toggleBox > .tgl-trig h3::after {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
    color: #D29200;
}
#c03-01 .toggleBox > .tgl-trig.open h3::after,
#c03-02 .toggleBox > .tgl-trig.open h3::after,
#c03-03 .toggleBox > .tgl-trig.open h3::after {transform: rotate(270deg) scale(.6, 1);}
#c03-01 .toggleBox > .tgl-content > .tgl-content-inner,
#c03-02 .toggleBox > .tgl-content > .tgl-content-inner,
#c03-03 .toggleBox > .tgl-content > .tgl-content-inner{padding: 0;}

#c03-01 .toggleBox > .tgl-content > .tgl-content-inner > .inner,
#c03-02 .toggleBox > .tgl-content > .tgl-content-inner > .inner,
#c03-03 .toggleBox > .tgl-content > .tgl-content-inner > .inner{max-width: 680px; margin: 0 auto; padding:40px 0 40px}
#c03-01 .img-c03-01-01{margin: 0 auto 10px;}
#c03-01 .img-c03-01-02{margin: 0 auto 30px;}
#c03-01 .ulCondition{margin: 0 auto 30px;}
#c03-01 .ulCondition > li:not(:last-child){margin: 0 auto 30px;}
#c03-01 .ulCondition > li .tit{font-size: 18px; font-weight: bold;}
#c03-01 .ulCondition > li .txt{}

#c03 .wrapTable{padding: 30px 0;}
#c03 .wrapTable table th,
#c03 .wrapTable table td{font-size: 12px;}
#c03 .wrapTable table td .wrapFlex{display: flex; justify-content: space-between; align-items: center;}
#c03 .wrapTable table td .wrapFlex > p{width: 40px; }
#c03 .wrapTable table td .wrapFlex .boxFukidashi{width:70% ;}

#c03-02 .img-c03-02-02,#c03-02 .img-c03-02-07{ margin: 0 auto 40px;}
.img-c03-02-02 + .boxKangen{margin: 40px auto 0;}

#c03-02 .wrapBoxMore{position: relative; padding: 65px 0 0;}
#c03-02 .boxMore{
    position: relative;
    max-width: 680px; 
    margin: 0 auto 0;
    text-align: center;
    border: solid 1px #EB5505;
    border-radius: 10px;
    background: #F7F0E2;
    
}
#c03-02 .boxMore .inner{padding: 40px 0 30px;}
#c03-02 .boxMore .catchMore{
    display: block;
    position:absolute;
    width: 222px;
    height: 63px;
    background: #EB5505;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    clip-path:polygon(0 0, 100% 0, 100% 0, 0 100%);
    border-radius: 10px 0 0 0;
}
#c03-02 .boxMore .titRound{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -25px;
    left: calc(50% - 212px);
    width: 424px;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    color: #EB5505;
    text-align: center;
    background: #fff;
    border: solid 1px #EB5505;
    border-radius: 25px;

}
#c03-02 .boxMore .img-c03-02-04{margin: 0 auto 30px;}
#c03-02 .boxMore .btn{width: 460px;}
#c03-02 .ulBoxMore > li:not(:last-child){margin: 0 auto 10px;}
#c03-02 .ulBoxMore > li:nth-child(2) .boxMore{    margin: 0 auto 0; padding: 10px 0;}
#c03-02 .boxMore .iconPlus{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -27px;
    left: calc(50% - 20px);
}

#c03-03 .img-c03-03-02{margin: 0 auto 20px;}
#c03-03 .img-c03-03-02-02{margin: 30px auto 40px; width: 347px;}
#c03-03 .img-c03-03-02-02 .note{text-align: right; margin: 10px auto 0;}
.img-c03-03-13-02{margin: 40px auto;}

/*アコーディオン 内訳*/
.boxUchiwake{padding: 0 0 40px;}
.boxUchiwake > .toggleInBox{}
.boxUchiwake > .toggleInBox > .tgl-trig{display: block;}
.boxUchiwake > .toggleInBox > .tgl-trig h3,
.boxUchiwake > .toggleInBox > .wrapDummyTglTrig h3{
    position: relative;
    background: #F2E3C2;
    /*border: solid 1px #AB8C46;*/
    margin: 0 auto;
    height: auto;
    padding: 12px 0;
    line-height: 1;
    display: block;
    text-align: center;
    font-weight: bold;
}
.boxUchiwake > .toggleInBox > .tgl-trig h3 .arrow {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #fff;
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
    overflow: hidden;
}
.boxUchiwake > .toggleInBox > .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(../img/icon-arrow_7acdaf7da93cc876.webp) no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height:26px;
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px);
}
.boxUchiwake > .toggleInBox > .tgl-trig.open h3 .arrow::after{transform: rotate(180deg) scale(1, 1);}
.boxUchiwake .tit{font-weight: bold; margin: 0 auto 10px;}
.boxUchiwake01{background: #E8D188; padding: 15px 0; text-align: center;}
.boxUchiwake02{background: #D9811A;padding: 15px 0; text-align: center; color:#fff;}
.boxUchiwake03{background: #fff; border: solid 1px #F2EAC4; border-top: none;padding: 15px 0; text-align: center;}

/*アコーディオン　boxBankAlign*/
.boxBankAlign{background: #F2EAC4; width: 600px; margin: 0 auto 20px;}
.boxBankAlign > .toggleInBox{}
.boxBankAlign > .toggleInBox > .tgl-trig{display: block; width: 90%; margin: 0 auto;}
.boxBankAlign > .toggleInBox > .tgl-trig h3{
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 0;
    line-height: 1;
    text-align: center;
}
.boxBankAlign > .toggleInBox > .tgl-trig h3::after {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
}
.boxBankAlign > .toggleInBox > .tgl-trig.open h3::after {
    transform: rotate(270deg) scale(.6, 1);
}
.boxBankAlign > .toggleInBox > .tgl-trig.open{border-bottom:solid 1px #7E7E7E;}
.boxBankAlign .ulBankAlign{ padding: 20px; text-align: left;}
.boxBankAlign .ulBankAlign > li{        line-height: 20px; vertical-align: middle;}
.boxBankAlign .ulBankAlign > li:not(:last-child){margin: 0 auto 10px ;}

#c03 .ulUchiwake{
    width: 520px;
    margin: 0 auto;
}
#c03 .ulUchiwake > li{position: relative; height: 80px;}
#c03 .ulUchiwake > li.li04{height: 81px;}
#c03 .ulUchiwake > li.li06{height: 47px;}
#c03 .ulUchiwake .iconQ{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 13px;
    left: 230px;
}
#c03 .ulUchiwake .iconQ img {padding-left:0;    display:block;}
#c03 .ulUchiwake > li.li01 .iconQ{        bottom: 26px;    left: 178px;}
#c03 .ulUchiwake > li.li02 .iconQ{    left: 210px;}
#c03 .ulUchiwake > li.li03 .iconQ{    bottom: 26px;}
#c03 .ulUchiwake > li.li04 .iconQ{    left: 148px;    bottom: 15px;}
#c03 .ulUchiwake > li.li05 .iconQ{    left: 210px; }

#c03-03 .img-c03-03-10{ margin: 0 auto 10px;}
#c03-03 .img-c03-03-11{margin: 0 auto 20px;}
#c03-03 .img-c03-03-12{margin: 30px auto 20px;}
#c03-03 .img-c03-03-11 + .note{margin: 0 auto 20px;}

/*c03-03 NISA */
.wrapNisa{ background: #fff; padding: 40px;}
.wrapNisa .bgShadow .inner {
    max-width: 800px;
    background: #FBF8EA;
    margin: 0 auto 0;
    padding: 30px 60px;
    text-align: center;
}
.wrapNisa .bgShadow .inner > h3{ font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.wrapNisa .bgShadow .inner .boxRecom{ border-top: solid 1px #D29200;border-bottom: solid 1px #D29200; padding: 20px 0; margin: 0 auto 30px;}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom{
    width: 96.5%;
    margin: 30px auto 20px;
    display: flex;
    justify-content: space-between;
}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li{width: 32%; position: relative;background: #fff; padding: 40px 0 20px;}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li .catch{
    position: absolute;
    width: 60px;
    height: 60px;
    top: -30px;
    left: calc(50% - 30px);
}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li .txt{font-size: 14px; font-weight: bold; line-height: 1.2;}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li .txt .em{font-size: 18px;}

.wrapNisa .ulNisaFeat{}
.wrapNisa .ulNisaFeat > li{text-align: left;}
.wrapNisa .ulNisaFeat > li:not(:last-child){margin: 0 auto 40px; }

.wrapNisa .ulNisaFeat > li .tit.titBg{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    height: 40px;
    border-radius: 15px;
    /*background: linear-gradient(90deg, rgba(249,246,200,1) 0%, rgba(205,172,93,1) 100%);*/
    background: url(../img/bg-tit-nisa_43955ef6e16c48c5.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.wrapNisa .ulNisaFeat > li .txt{margin: 20px auto 0;}
.wrapNisa .ulNisaFeat > li .img-nisa01{margin: 20px auto 50px; text-align: center;}

#c03-04{
    background: linear-gradient(90deg, rgba(240,223,183,1) 0%, rgba(240,222,183,1) 15%, rgba(242,227,194,1) 50%, rgba(240,222,183,1) 85%, rgba(240,223,183,1) 100%);
}
#c03-04 .innerCbox{
    max-width: 980px;
    margin: 0 auto;
    padding: 70px 0;
    text-align: center;
}
#c03-04 .innerCbox > h3{font-size: 42px; font-weight: 900; margin: 30px auto 30px;}
#c03-04 .innerCbox .inner{
    background:#FBF8EA;
    border: solid 1px #D29200;
    padding:40px 0 30px;
}
#c03-04 .innerCbox .inner#useNonGold{
    border-top: none;
}
#c03-04 .img-c03-04-gcard,#c03-04 .img-c03-04-nongcard{margin: 0 auto 20px;}

#c03-04 .innerCbox .inner .bgShadow{max-width: 920px;}
#c03-04 .innerCbox .inner .wrapSlider{background: #fff; padding: 30px 0;}
#c03-04 .innerCbox .inner .wrapSlider > .tit{
    font-size: 24px;
    font-weight: 900;
    margin: 0 auto 20px;
}
#c03-04 .innerCbox .inner .wrapSlider .slider{position: relative;max-width: 860px; margin: 0 auto;}
#c03-04 .innerCbox .inner .wrapSlider .slider .innerSlide .img{margin: 0 5px 0;}
#c03-04 .innerCbox .inner .wrapSlider .slider .slick-dots{
    position: absolute;
    bottom: -75px;
    left: calc(50% - 50px);
    /* max-width: 830px; */
    width: 100px;
}
#c03-04 .innerCbox .inner .wrapSlider .slider .note{line-height: 1; text-align: right; margin: 5px auto 0;}
/* アコーディオン　金融特典詳細 c03-04 */
#c03-04 .toggleBox{padding: 20px 0;}
#c03-04 .toggleBox .tgl-trig{display: block;}
#c03-04 .toggleBox .tgl-trig h3 {
    position: relative;
    /* display: inline-block; */
    background: #FBF8EA;
    border: solid 1px #D29200;
    padding: 10px 0 2px;
    margin: 0 auto;
    height: auto;
    line-height: 1;
    display: block;
    text-align: center;
}
#c03-04 .toggleBox .tgl-trig.open h3{border-bottom: none;}
#c03-04 .toggleBox .tgl-trig h3 .em{font-size: 20px;}
#c03-04 .toggleBox .tgl-trig h3 .arrow {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #fff;
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
    overflow: hidden;
}
#c03-04 .toggleBox .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(../img/icon-arrow_7acdaf7da93cc876.webp) no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height:26px;
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px);
}
#c03-04 .toggleBox .tgl-trig.open h3 .arrow::after {    transform: rotate(180deg) scale(1, 1);}

#c04{
    
}
#c04 .innerCbox{
    background: #fff;
    border: solid 4px #D29200;
    padding: 70px 0 0;
}
#c04 .innerCbox > .inner{
    /*max-width: 980px;*/
    margin: 0 auto;
    text-align: center;
}
#c04 .innerCbox > .inner > h2{max-width: 980px; margin: 0 auto;}
#c04 .innerCbox > .inner > h3{font-size: 42px; font-weight: 900; line-height: 1.2; margin: 30px auto 24px;}
#c04 .innerCbox > .inner .tit-chargesim{width: 420px; margin: 0 auto 20px;}
#c04 .innerCbox > .inner .tit-chargesim + .note{ text-align: center; margin: 0 auto;}
/*料金シミュレーション*/

#c05{background: #FBF8EA;}
#c05-01{
    padding: 60px 0 ;
}
#c05-01 > .innerCbox{max-width: 980px; margin: 0 auto;}
#c05-01 .innerCbox > h3 {
    font-size: 42px;
    font-weight: 900;
    margin: 30px auto 50px;
    text-align: center;
}
#c05-01 .img-logo-plus{margin: 30px auto; width: 380px;}
#c05-01 .ulStep{border: solid 1px #D29200;}
#c05-01 .ulStep > li{
    background: #fff;
    position: relative;
    text-align: center;
}
#c05-01 .ulStep > li:nth-child(1){}
#c05-01 .ulStep > li:nth-child(2){}
#c05-01 .ulStep > li > .boxStep > .catch{
    /*
    width: 274px;
    position: absolute;
    top: -27px;
    left: calc(50% - 137px);
    */
}
#c05-01 .ulStep > li > .boxStep > .tit{
    background: #F9E496;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
#c05-01 .ulStep > li > .boxStep > .tit .iconStep{display: inline-block; width: 110px; height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; text-align: center; background: #fff; border-radius: 16px; margin: 0 20px 0 0;}
#c05-01 .ulStep > li > .boxStep .inner{
padding: 40px 0;    
}
#c05-01 .ulStep > li > .boxStep .inner .ulBtn{margin: 0 auto 20px;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom{
    position: relative;
    background: #FBF8EA;
    max-width: 680px;
    margin: 20px auto 0;
    padding: 30px 50px;
}

#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex{display: flex; justify-content: space-between; padding-left: 70px;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .img{width: 42%;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt{width: 53%}
.ver1126 #c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt{
    display: flex;
    align-items: center;
}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt p{text-align: left; margin: 0 auto 10px; font-size: 14px; font-weight: bold;}
.ver1126 #c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt p{margin: 0 auto;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .catchRecom{
    width: 104px;
    display: block;
    position: absolute;
    border-radius: 0 0 5px 0;
    background: #EB5505;
    top: 0;
    left:0;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
}
#c05-01 .ulStep > li > .boxStep .catch .titWai {
    font-weight: 700;
    line-height: 20px;
    margin: 0 auto 10px;
}
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashL,
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashR {font-weight: 400; color: #EB5505;}
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashL {padding-right: 5px;}
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashR {padding-left: 5px;}

#c05-01 .ulStep > li#step02 .wrapFlex{display: flex; justify-content: space-between; align-items: stretch; max-width: 680px; margin: 0 auto;}
#c05-01 .ulStep > li#step02 .wrapFlex .boxTxt{width: 52%; text-align: left; }
#c05-01 .ulStep > li#step02 .wrapFlex .boxTxt .txt{ margin: 0 auto 10px;font-size: 14px;}
#c05-01 .ulStep > li#step02 .wrapFlex .img{width: 44%; background: #FBF8EA; padding:0 ; display: flex; align-items: center; justify-content: center;}

#c05-01 #conventionalPlan{
    background: #3B6E56 url(../img/bg-green_8a02fd8a09dd970d.webp) repeat;
    background-size: 100px auto;
    margin: 30px auto 0;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    position: relative;
}
#c05-01 #conventionalPlan h3{
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 auto 10px;
}
#c05-01 #conventionalPlan .inner{
    max-width: 800px;
    margin: 10px auto 0;
    background: url(../img/bg-conventiona_3ff9e14c86a1e141.webp);
    background-repeat: repeat;
    background-size: 100% auto;
    border-radius: 5px;
    padding: 30px 0;
}

#c05-02{
    background: #fff;
    padding: 60px 0 ;
    text-align: center;
}
#c05-02 .innerCbox{max-width: 980px; margin: 0 auto;}
#c05-02 .innerCbox .txt{margin: 30px auto ; min-height: 90px;}

#c05-02 .wrapSlider{position: relative;}
#c05-02 .wrapSlider .slider .innerSlide .boxSlide{
    margin: 30px 10px 0;
    height: calc(100% - 2px);
}
#c05-02 .slider .slick-prev,#c05-02 .slider .slick-next{top: 54%;}
#c05-02 .slider .slick-prev{left: calc(50% - 390px);}
#c05-02 .slider .slick-next{right: calc(50% - 390px);}
#c05-02 .slick_pause {
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 14px;
    display: block;
    width: 20px;
    padding: 0;
    margin: 0 5px;
    list-style: none;
    text-align: center;
    right: calc(50% - 80px);
}
#c05-02 .slick_pause::before {
    display: block;
    content: "";
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: url(../img/btn-pause_af1737ce6ce09064.webp) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    cursor: pointer;
}
#c05-02 .slick_pause.paused::before {
    background: url(../img/btn-pause_af1737ce6ce09064.webp) no-repeat;
    background-size: 100% auto;
    background-position: top;
}

#c05-02 .slick-dots {
    line-height: 1;
    padding: 0;
    display: inline-block;
    position: relative;
    margin: 10px auto 0;
}
#c05-02 .slick-dots>li {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background: transparent;
    position: relative;
}

#c05-02 .slick-dots>li button {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
}
#c05-02 .slick-dots>li button::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #aaa;
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
}
#c05-02 .slick-dots>li.slick-active button::after {
    background: #EB5505;
}

#c05-02 .ulBnr{max-width: 680px; margin: 0 auto;}
#c05-02 .ulBnr > li{line-height: 1;}

#c05-03{
    background: #fff;
    padding: 60px 0 0 ;
    text-align: center;
}
#c05-03 .innerCbox{max-width: 980px; margin: 0 auto; }
#c05-03 .innerCbox > h3{font-size: 42px; font-weight: 900; margin: 30px auto 50px;}
#c05-03 .innerCbox .wrapSlider{max-width: 942px; margin: 0 auto;}
#c05-03 .innerCbox .wrapSlider .slider{position: relative;margin: 0 auto;}
#c05-03 .innerCbox .wrapSlider .slider .innerSlide .img{margin: 0 5px 0;}
#c05-03 .innerCbox .wrapSlider .slider .slick-dots{        width: auto;}
#c05-03 .slider .slick-prev {    left: -14px;top: 34%;}
#c05-03 .slider .slick-next {    right: -14px;top: 34%;}

#wrapFaq{ background: #EFDCBB; padding: 40px 0;}
#wrapFaq > .inner{max-width: 980px; margin: 0 auto;}
#wrapFaq > .inner h3{ font-size: 28px; font-weight: 900; line-height: 1.2; margin: 0 auto 20px;}

#c05-04{background: #FBF8EA;padding: 60px 0;}
#c05-04 .innerCbox{max-width:980px; margin: 0 auto; }
#c05-04 .innerCbox > h3{font-size: 42px; font-weight: 900; margin: 0 auto 60px; text-align: center;}

#c05-04 .innerCbox .ulPontaPoint{}
#c05-04 .innerCbox .ulPontaPoint > li{

}
#c05-04 .innerCbox .ulPontaPoint > li:not(:last-child){margin: 0 auto 30px;}
#c05-04 .boxPontaPont{background: #F9E496;padding: 60px 0; position: relative; text-align: center;}
#c05-04 .boxPontaPont h4{font-size: 28px; font-weight: 900; margin: 0 auto 25px;}
#c05-04 .boxPontaPont > .txt{margin: 0 auto 25px;}

#c05-04 .wrapSlider{max-width: 900px; margin: 0 auto;}
#c05-04 .wrapSlider .slider{position: relative;margin: 0 auto;}

#c05-04 .wrapSlider .slider .slick-dots{   display: none;}
#c05-04 .slider .slick-prev,#c05-04 .slider .slick-next{ display: none;}

#c05-04 .wrapSlider .slider .slick-slide > div,
#c05-04 .wrapSlider .slider .slick-slide > div .innerSlide{height: 100%;}
#c05-04 .wrapSlider#raisePonta .slider > .innerSlide{width: calc(100% - 360px); margin: 0 auto;}
#c05-04 .wrapSlider .slider .innerSlide .boxSlide{
    margin: 0 5px 0;
    height: calc(100% - 2px);
    background: #fff;
    border-radius: 5px;
    border: solid 1px #333;
    overflow: hidden;
}
#c05-04 .wrapSlider .slider .innerSlide .boxSlide .wrapTit{
    min-height: 40px;
    text-align: center;
    background:#FFF3CE ;
    padding: 10px;
    border-bottom: solid 1px #333;
    font-weight: bold;
}
#c05-04 .wrapSlider#earnPonta .slider .innerSlide .boxSlide .wrapTit{
    min-height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#aboutPonta .boxSlide .boxTxt{padding: 20px 10px 15px;}
#aboutPonta .boxSlide .boxTxt .txt{font-weight: bold; line-height: 1.2; margin: 0 auto; }
#aboutPonta .boxSlide .boxTxt .txt .em{font-size: 18px;}
#aboutPonta .boxSlide .img{padding: 0 10px 25px;}
#earnPonta.wrapSlider > .tit,
#usePonta.wrapSlider > .tit,
#raisePonta.wrapSlider > .tit{font-size: 24px; font-weight: 900; margin: 40px auto 30px;}
#earnPonta .boxSlide .img{padding: 10px 10px 0;}
#earnPonta .boxSlide .boxTxt{padding: 20px 10px 20px; font-size:14px ; font-weight: normal; line-height: 1.2;}
#earnPonta .boxSlide .boxTxt.pt5{padding: 5px 10px 20px;}
#earnPonta .boxSlide .boxTxt.pt5 .note{font-size: 10px; margin: 0 auto 5px;}
#usePonta .boxSlide .txt,
#raisePonta .boxSlide .txt{
    padding: 20px 0 20px;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.4;
        text-align: left;
        width: 80%;
        margin: 0 auto;
}
#usePonta .boxSlide .img,
#raisePonta .boxSlide .img{padding: 0 10px 15px;}
#usePonta .boxSlide .boxTxt,
#raisePonta .boxSlide .boxTxt{padding: 0 10px 20px;font-size:14px ; font-weight: normal; line-height: 1.4;}

#c05-04 .ulPontaPoint + .ulBtn{margin: 60px auto 0;}

#c05-04 .boxPontaPont .catchPonta1{
    position: absolute;
    width: 110px;
    top: -50px;
    right: 70px;
}
#c05-04 .boxPontaPont .catchPonta2{
    position: absolute;
    width: 114px;
    top: -60px;
    left: 60px;
}
#c05-04 .boxPontaPont .catchPonta3{
    position: absolute;
    width: 128px;
    bottom: -30px;
    right: 40px;
}

#c05-05{background: #EFDCBB; text-align: center; padding:30px }
#c05-05 .innerCbox{max-width: 980px; margin: 0 auto;}

#c05-05 .titWai {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 auto 10px;
}
#c05-05 .titWai .titWaiSlashL,
#c05-05 .titWai .titWaiSlashR {font-weight: 400; color: #EB5505;}
#c05-05 .titWai .titWaiSlashL {padding-right: 5px;}
#c05-05 .titWai .titWaiSlashR {padding-left: 5px;}

#c06{background: #fff; position: relative; margin: -60px auto 0;}
#c06 .innerCbox{max-width: 980px; margin: 0 auto;padding:50px 0 0; text-align: left; font-size: 12px; position: relative;}
#c06 .innerCbox .inner{margin: 0 auto 20px; position: relative;}
#c06 .innerCbox .inner.box2nd{margin: 50px auto 20px;}
#c06 .innerCbox .titL{font-size: 16px; text-align: center; margin: 0 auto 30px;font-weight: bold;}
#c06 .innerCbox .tit{font-weight: bold; margin: 0 auto 5px;}
#c06 .innerCbox .inner .ulNote{margin: 0 auto 10px;}

    #c06 #tglFinanceAtt .wrapFlex.boxPoint {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        line-height: 1.4;
        margin: 0 auto 10px;
    }
    #c06 #tglFinanceAtt .wrapFlex.boxPoint .boxL {
        width: 32%;
        padding: 3px 5px;
        border: solid 1px #333;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #c06 #tglFinanceAtt .wrapFlex.boxPoint .boxR {
        width: 66%;
        padding: 3px 5px;
        border: solid 1px #333;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#c06 .wrapTable {max-width: 800px; margin: 10px 0 10px;}
#c06 .wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}
#c06 .wrapTable table th,#c06 .wrapTable table td{ padding: 10px; border: solid 1px #333; text-align: left; background: #fff;}
    #c06 .wrapTable table th, #c06 .wrapTable table td {
        text-align: left;
        font-size: 12px;
        line-height: 1.4;
        padding: 10px;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(51, 51, 51);
        border-image: initial;
    }
    #c06 #tglFinanceAtt .wrapTable {
        max-width: unset;
        margin: 10px 0px;
    }
#c06 #tglFinanceAtt .wrapTable table tr th {
        width: 10%;
    }
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex{display: flex; justify-content: space-between ;align-items: center;}
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex > p{width: 18%; display: flex; align-items: center;}
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner{
    width: 80%;
    padding: 10px;
    border: solid 1px #333;
    background: #F0F0F0;
}
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner .ulNote{margin: 0 auto;}


/*ご注意事項Tgl*/
#c06 .ulToggle > li:not(:last-child){margin: 0 auto 30px;}
#c06 .noteBox{padding: 20px 0 0;}
#c06 .tgl-trig{
    display: block;
    background: #fff;
    border: solid 2px #D29200;
    /*border-radius: 10px;*/
    line-height: 1.2;
    font-weight: bold;
    padding: 20px 50px;
    margin: 0 auto ;
    position: relative;
    text-align: center;
    font-size: 16px;
}

#c06 .tgl-trig{font-weight: 700;}
#c06 .tgl-trig::after {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: 1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
    
}
#c06 .tgl-trig.open::after {
    transform: rotate(270deg) scale(.6, 1);
}
#c06 .tgl-trig:link,#c06 .tgl-trig:hover,#c06 .tgl-trig:active,#c06 .tgl-trig:visited {
    color: #333;
}


#c06 .toggleInBox{margin: 0 auto 20px;}
#c06 .toggleInBox .tgl-trig{
        border: solid 2px #eee;
}
#c06 .toggleInBox .tgl-content-inner{padding: 20px 0;}




/* Float Nav */
#wrapBtnBackTop{
    position: relative;
}
#btnBackTop{
    /*max-width: 980px; */
    /* margin: 0 10px 10px auto; */
    position: relative;
    text-align: right;
    position: absolute;
    right: 14px;
    top: -82px;
    width: 70px;
    height: 70px;
    display: block;
    z-index: 5;
}
#btnBackTop img{width: 100%;}
#btnBackTop a{
    display: block;
    width: 37px;
    height: 37px;
    margin: 0 0 0 auto;
    margin: 0 10px 10px auto;
    position: relative;
    text-align: right;
}

#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index:0;
    width: 100%;
    transition: .6s;
    opacity: 0;
}
#floatNav{    margin: 0 auto;   /* text-align: right;*/}

#floatNav .innerFnav{ background: #FFFDF8; padding:10px;}
#floatNav .ulLnav{ max-width: 980px;   margin: 0 auto;    display: flex;}
#floatNav .ulLnav > li{width: 48%;margin: 0 auto; line-height: 1.2;}
#floatNav .ulLnav > li a {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    /*font-weight: bold;*/
}
/*#floatNav .ulLnav > li .btnSim{
    background: #fff url(../img/icon-sim.webp) no-repeat;
    background-size: 26px auto;
    background-position: left 21% center;
    padding-left: 50px;
}*/
#modal-cv .mdlV2Inner{padding: 150px 50px;}
#modal-cv .titWai {
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    margin: 0 auto 10px;
}
#modal-cv .titWai .titWaiSlashL,
#modal-cv .titWai .titWaiSlashR {font-weight: 400; color: #EB5505;}
#modal-cv .titWai .titWaiSlashL {padding-right: 5px;}
#modal-cv .titWai .titWaiSlashR {padding-left: 5px;}

}


	

/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 1010px) {
    #floatNav .ulLnav > li a{font-size: 1.8vw;}

}
@media (max-width: 1199px){    
    .cmp-au-com-container__width__1column__980>.cmp-au-com-container>.cmp-au-com-container__contents{padding:0;}
    #moneyactivityNewPlan{margin-top: 36px  }
    #moneyactivityNewPlan.ver1126{margin-top: 26px  }
    .anchorPoint{    position: absolute;    top:-50px;    display: block;}
    .anchorPoint#pointUpreward{    position: absolute;    top:-50px;    display: block;}
}
/*WIDE MONITOR*/

@media (min-width: 1200px){    
    #floatNav,#wrapBtnBackTop{padding-left: 180px;}
}


/*SP*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {
/*common*/
/*.contArea {padding-top:0 !important;}*/
#section-container-f600279b5c .section-container.section-container-v2.cmp-au-com-container__bgcolor__snowgrey{padding-bottom: 18vw;}
#moneyactivityNewPlan,
#moneyactivityNewPlan.ver1126 { margin-top: 44px !important;   font-size: 3.8vw; position: relative;}
.anchorPoint{    position: absolute;    top:-55px;    display: block;}

.linkTxt{text-decoration: underline !important; color: #333;}
.linkTxt:link,.linkTxt:active,.linkTxt:hover,.linkTxt:visited,
.linkIcon:link,.linkIcon:active,.linkIcon:hover,.linkIcon:visited{color: #333;}
.fcRed .linkTxt{text-decoration: underline !important; color: #ff0000 !important;}
.fcRed .linkTxt:link, .fcRed .linkTxt:active, .fcRed .linkTxt:hover, .fcRed .linkTxt:visited,
.fcRed .linkIcon:link, .fcRed .linkIcon:active, .fcRed .linkIcon:hover, .fcRed .linkIcon:visited {    color:#ff0000 !important;}
.iconQ.linkTxt{font-weight: 900;}
.iconQ img {         width: 8vw;    padding-left: 2vw;    display: inline-block;}

.linkIcon{
    display: inline-block;
    position: relative;
    padding-right: 1.2em;
}
.linkIcon::after{
    content: '\FF1E';
    display: block;
    transform: scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.7em);
}

.linkAnc {
    display: inline-block;
    position: relative;
    padding-right: 1.4em;
}
.linkAnc::after{
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 0;
    top: calc(50% - 0.5em);
}


.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_1673c173e5f739ae.webp);
    background-position: 0.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}
.link-pdf:after, .link-pdf-blue:after, .link-pdf-white:after {
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url(../img/icon_sprite_1673c173e5f739ae.webp);
    background-position: -41px -20px;
    width: 16px;
    height: 16px;
    background-size: 121px 118px;
}
/*BTN*/
.btn {
    background: #eb5505;
    height: 14vw;
    line-height: 14vw;
    color: #fff;
    border-radius: 10vw;
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
    font-weight: 600;
}

.btn::after {
    content: '\FF1E';
    display: block;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: .6em;
    top: calc(50% - 4.6vw);
}

.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff !important;}

.btnAnc{
}
.btnAnc::after {
    content: '\FF1E';
    display: block;
    transform: rotate(90deg) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.8em);
}


.btnBgGold{
    width: 70%;
    border: none;
    background: url(../img/bg-h3-sp_b869bbd9313c21c3.webp);
    background-size: 100% 100%;
    height: 8vw;
    line-height: 8vw;
}
.btnBgGold.btnAnc::after{
    content: '\FF1E';
        display: block;
        transform: rotate(90deg) scale(.6, 1);
        font-weight: bold;
        position: absolute;
        right: .8em;
        top: calc(50% - 1.0em);
}
.btnWhite{background: #fff; color: #333; border: solid .4vw #EB5505; height: 10vw; line-height: 9.2vw; }
.btnWhite::after {color: #EB5505;}
.btnBeige{background: #E1D092; color: #333 !important;}
.btnBeige:link,.btnBeige:hover,.btnBeige:active,.btnBeige:visited{color: #333 !important;}

.btnBlank::after{
    content: "";
	position: absolute;
    top: calc(50% - 1.5vw);
    right: 4vw;
    background-image: url(../img/icon-link-blank-white_3b70d6d568bf54e5.webp);
	background-position: right center;
    background-size: auto 100%;
    width: 3vw;
    height: 3vw;
    transform: rotate(0) scale(1, 1);
}
.btnWhite.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 1.5vw);
    right: 4vw;
    background-image: url(../img/icon-link-blank_da1b996d7a09f807.webp);
    background-position: right center;
    background-size: auto 100%;
    width: 3vw;
    height: 3vw;
    transform: rotate(0) scale(1, 1);
}
.btnWhite:link,.btnWhite:active,.btnWhite:hover,.btnWhite:visited{color: #333 !important;}
.btnDisable{background: #AFAFAF !important;}
.btn.l2::after {
    top: calc(50% - 0.6em);
}
.btnCV.l2sp::after, .btnCloseLect.l2sp::after, .btnReview.l2sp::after, .btnTrans.l2sp::after, .btnW.l2sp::after, .btnBeige.l2sp::after {
    content: '\FF1E';
    display: inline-block;
    position: absolute;
    right: 3%;
    top: calc(50% - 2.8vw);
    transform: scale(.6, 1);
    font-weight: bold;
}
.btn.l2sp {
	/*background: #eb5505 ;*/
    height: 14vw;
    line-height: 1.2;
    /*padding: 3.2vw 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
#c05-01 .btn.l2sp {
	/*background: #eb5505 ;*/
    padding: 2.2vw 0;
}
.btnCV::after, .btnReview::after, .btnTrans::after, .btnW::after, .btnBeige::after {
    content: '\FF1E';
    display: inline-block;
    position: absolute;
    right: 3%;
    top: 0;
    transform: scale(.6, 1);
    font-size: 4.4vw;
    font-weight: bold;
}
.btnCV.l2sp::after,.btnCloseLect.l2sp::after,.btnReview.l2sp::after,.btnTrans.l2sp::after,.btnW.l2sp::after,.btnBeige.l2sp::after,.btn.l2sp::after{
    content: '\FF1E';
    display: inline-block;
    position: absolute;
    right: 3%;
    top: calc(50% - 2.6vw);
    transform: scale(.6, 1);
    font-weight: bold;
}


.footerSiteMap {padding: 20px 3% 35vw;  }
.footerSiteMap.closeFL {padding: 20px 3% 15px; }
.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; */
    font-size: 70%;
	vertical-align: top;
	position: relative;
	top: -0.1em; 
    font-weight: normal !important;
}
.sub {
	font-size: 70%;
    vertical-align: bottom;
    position: relative;
    bottom: 0.2em;
    font-weight: normal !important;
}
.mt10{margin-top: 3% !important;}
.mt20{margin-top: 5% !important;}
.mb5{margin-bottom: 2% !important;}
.mb10{margin-bottom: 3% !important;}
.mb20{margin-bottom: 5% !important;}
.mb30{margin-bottom: 8% !important;}
.mb40{margin-bottom: 10% !important;}
.pb5{padding-bottom: 2% !important;}
.measureTag{min-height: 30px; width: 100%;}

/* animation*/
.slide-up {
    opacity: 0;
    transform: translate(0, 100px);
    transition: .8s;
    animation-timing-function:ease-in;
    animation-delay: 1.8s;
}
  .slide-up.in {
    opacity: 1;
    transform: translate(0, 0);
}
/*------------------------------------------------------------------------------------------------*/
.wrapAttBox{padding: 5% 5%; /*background: #EFDCBB;*/}
  .attBox2{width: 90%; margin:0 auto 5%;    border: 1px solid #ff0800;background-color: #fff;padding: 5%; color: #ff0800; text-align: left;}
  .attBox2 .tit{text-align: center; }
  .attBox2 .txt{text-align: left; margin: 0 auto 5%;}
  .attBox2 a:link,.attBox2 a:active,.attBox2 a:hover,.attBox2 a:visited{color: #ff0800;}

  .attBox{/*width: 100%;*/ margin: 0 auto;    border: 1px solid #d1d1d1;background-color: #fdeee6;padding: 5%; text-align: left;}
  .attBox .tit{ font-weight: bold; margin: 0 auto 5%;}
  .attBox .date{margin:5% auto 0; color: #777; font-size: 2.8vw;}

#wrapMainvisual {    width: 100%;}
#wrapMainvisual .mainvisual{margin: 0 auto;}
#wrapMainvisual .mainvisual img{width:100%;}

.boxLnav{
    width: 100%;
    background: url(../img/bg-lnav_3e1e7362135a7a4b.webp) repeat;
    background-size:auto;
    padding: 5% 2%;
    margin: 0 auto 0; 
    position: relative;
    text-align: center;
}
.ulLnav{
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap:wrap;
}

.boxLnav .ulLnav > li{width: 32%; display: flex; align-items: center; margin: 0 calc(4%/6) 0;}
.boxLnav .ulLnav:nth-child(1) > li{ margin: 0 calc(4%/6) 2vw;}
.boxLnav .ulLnav > li a{
    position: relative;
    /*height: 100%;*/
    height: 14vw;
    width: 100%;
    color: #333;
    background: #fff;
    text-align: center;
    /*border: solid .6vw #fff;*/
    padding: 2.2vw .6vw 5.6vw;
    margin: 0 auto;
    line-height: 1.2;
    font-size: 2.8vw;
    font-weight: 600;
    box-shadow: 0 4px 0 0 rgba(64, 33, 15, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}
.boxLnav .ulLnav > li a::after {
    content: '';
    position: absolute;
    bottom: 1.8vw;
    left: calc(50% - 1.5vw);
    background: url(../img/arrow-lnav_8231adf5866e1252.webp);
    background-repeat: no-repeat;
    border-radius: 0;
    margin: 0;
    width: 3vw;
    height: 10px;
    background-size: 100% auto;
}
.boxLnav .ulLnav > li.active a{
    border: solid .6vw #EB5505; 
    box-shadow: none;
    padding: 1.6vw 0 5vw ;
}     
.boxLnav .ulLnav > li.active a::after {
    background: url(../img/arrow-lnav-orange_8394a47c3a7c029a.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 1.2vw;
}
.boxLnav .ulLnav > li a .numLnav{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    background: #4C2E0F;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
}
.boxLnav .ulLnav > li.active a .numLnav{
    background: #EB5505;
    top: -.6vw;
    left: -.6vw;
}

.ulLnav + a{margin: 3% auto 0; font-size: 2.8vw; font-weight: bold;}
.boxLnav .bnrInfo{display: block; margin: 3% calc(4% / 6) 0;}


.catch.start1203{margin: 0 auto; text-align: center;padding: 0 0 5%; display: block;}
#c01 .catch.start1203{background: #fff; padding: 3% 0;}
.catch.start1203 .titWai {
    font-size: 7vw !important;
    font-weight: 900 !important;
    line-height: 8vw !important;
    margin: 0 auto !important;
    color: #EB5505 !important;
}
.catch.start1203 .titWai .titWaiSlashL {
    padding-right: 1vw;
    font-weight: 900 !important;
}
.catch.start1203 .titWai .titWaiSlashR {
    padding-right: 1vw;
    font-weight: 900 !important;
}

.cBox,.innerCbox,.inner{position:relative ;}
.h2bgGold{
    padding: 3vw 0;
    background: url(../img/bg-h3-sp_b869bbd9313c21c3.webp);
    background-size: 100% 100%;
    text-align: center;
    border-radius: 1vw;
}
.h2bgGold .h2Txt {
    display: inline-block;
    font-size: 5vw;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    text-shadow: 1px 1px 0 #7B5A47, -1px 1px 0 #7B5A47, 1px -1px 0 #7B5A47, -1px -1px 0 #7B5A47, 2px 3px 3px rgba(0, 0, 0, 0.4);
    /* -webkit-text-stroke: 1px #7B5A47; */
    padding: 0 11.4vw 0 10vw;
    position: relative;
    
}
#c05-02 .h2bgGold .h2Txt{font-size: 4.4vw;}
.h2bgGold .h2Txt::before {
    content: '';
    background: url(../img/icon-h3-01_ba7c4b3fa2c59ca2.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 7vw;
    height: 6.8vw;
    top: calc(50% - 3.4vw);
    left: 0;
    position: absolute;
}
.h2bgGold .h2Txt::after {
    content: '';
    background: url(../img/icon-h3-02_2f98e12547f4dedb.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 9vw;
    height: 6vw;
    top: calc(50% - 3vw);
    right: 0;
    position: absolute;
}
.bgShadow {
    position: relative;

    padding-bottom: 10%;
    margin: 0 auto;
    background: url(../img/bg-shadow-btm-sp_c57bfbef3a87ca74.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}
.h4Ponta{
    width: 100%;
    margin: -11vw auto 5vw;
    background: #D29200;
    border-radius: 1vw 1vw 0 0;
    height: 15vw;
    position: relative;
    line-height: 1.2;
    color: #fff;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h4Ponta .em{font-size: 5vw;}
.h4Ponta .catchPonta{
    display: block;
    position: absolute;
    width: 14vw;
    left: -2.8vw;
    top: -3vw;
}
#c01-03 .h4Ponta .catchPonta{    width: 16vw;}
#c01-04 .h4Ponta .catchPonta{ left: 2vw;}
#c03-01 .h4Ponta .catchPonta{ left: -3vw;}
#c03-02 .h4Ponta .catchPonta{    width: 16vw;}

/*アコーディオン*/
.tgl-trig{transition: none !important;}

/* アコーディオン　Note */
.noteToggleBox{text-align: center;}
.noteToggleBox > .tgl-trig{}
.noteToggleBox > .tgl-trig h3 {
    position: relative;
    /* display: inline-block; */
    background: none !important;
    margin: 0 auto;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 0;
    display: inline-block !important;
    text-align: center;
    font-weight: bold;
    font-size: 3.8vw !important;
    /*text-decoration: underline;*/
}
.noteToggleBox > .tgl-trig::before {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
}
.noteToggleBox > .tgl-trig.open::before {
    transform: rotate(270deg) scale(.6, 1);
}
.noteToggleBox .tgl-content{
    margin: 5% auto 0;
    padding: 5% 0 0;
   
}
#c01-01 .noteToggleBox{
    margin: 0 3% 10%;
    background: #fff;
    padding:0;
    border: solid .2vw #D29200;
}
#c01-01 .noteToggleBox .tgl-trig{
    padding: 3%;
    display: block;
}
#c01-01 .noteToggleBox > .tgl-trig::before {
        content: '\FF1E';
        display: block;
        position: absolute;
        top: calc(50% - 2.6vw);
        right: 1em;
        font-weight: bold;
        transform: rotate(90deg) scale(.6, 1);
        font-size: 4vw;
}
#c01-01 .noteToggleBox .tgl-content{ 
        margin: 0 auto 5%;
        padding:5% 0 0;
        width: 94%;
        border-top: solid .2vw #D29200;

}
#c02 .noteToggleBox .tgl-content{ border-top: solid 1px #BABABA;}

/*table 内訳*/
.wrapTableBD{ margin: 0 auto; }
.wrapTableBD .tit{text-align: left; font-size: 3vw; font-weight: bold; margin: 5% auto 3%;}
.tableBD{ margin: 0 auto; border: solid 1px #cda657; overflow: hidden;}
.tableBD table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}
.tableBD table tr{  }
.tableBD table tr:first-child{}
.tableBD table tr:last-child{}
.tableBD table tr th{border-bottom: solid 1px #EFDCBB; border-right: solid 1px #EFDCBB;background: #FBF5E9;padding: 3% 2%;text-align: left;}
.tableBD table tr td{border-bottom: solid 1px #EFDCBB;padding: 3% 2%; text-align: right;background: #fff;}
.tableBD table tr:first-child th{}
.tableBD table tr:first-child td{}
.tableBD table tr:last-child th{border-bottom:none;}
.tableBD table tr:last-child td{border-bottom:none;}
/*.tableBD table tr th:first-child{width: 8%;}
.tableBD table tr th:last-child{width: 38%;}
.tableBD table tr td:last-child{width: 64%;}*/
.tableBD table tr th.bdBnon{border-bottom: none;}
.tableBD table tr th.bdRnon{border-right: none;}
.tableBD table tr td .em{font-size: 4vw; font-weight: bold;}
.tableBD table tr td .fsS{font-size: 3vw;}
.tableBD table tr th.bgBeige{background: #F2E3C2;}
.tableBD table tr th.bgKhaki{ background: #E8CB66;}
.tableBD table tr td .bgTxtOrange{display: inline-block; padding: 1vw .8vw; line-height: 4vw; background: #EB5505; font-size: 2.8vw; color: #fff;}
.tableBD table tr td .boxPlus{
    background: #F8DD79;
    border-radius: 2vw;
    text-align: center;
    position: relative;
    padding: 3vw 1.0vw;
    margin: 3vw auto 0vw;
    font-size: 2.6vw;
}
.tableBD table tr td .boxPlus .iconPlus{
    display: block;
    width: 5vw;
    position: absolute;
    top: -2.5vw;
    right: calc(50% - 2.5vw);
}
.wrapTableBD .noteArea{ margin: 5% auto 0; text-align: left;}

.wrapTable{ margin: 0 auto; }
/*.wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}*/
.wrapTable table{width: 100%; margin: 0 auto;border-collapse: separate; table-layout: fixed;}
.wrapTable table tr th{border-bottom: solid 1px #D29200; border-left: solid 1px #D29200;border-right: solid 1px #D29200;background: #FBF5E9;padding:3vw 2vw; text-align: left;border-radius: 0;}
.wrapTable table tr:first-child th{border-top: solid 1px #D29200;}
.wrapTable table tr:last-child th{}

.wrapTable table thead tr th{ padding: 0 1vw 1.4vw !important;       border: none !important;    background: none !important;}
.wrapTable table thead tr th .img{text-align: center;}
.wrapTable table thead tr th .img img{margin: 0 auto;}

.wrapTable table tr td{border-bottom: solid 1px #D29200;background: #fff; padding:3vw 2vw;text-align: left;border-radius: 0;border-right: solid 1px #D29200;}
.wrapTable table tr td:last-child{border-right: solid 1px #D29200;}
.wrapTable table tr:first-child td{border-top: solid 1px #D29200; }
.wrapTable table tr:first-child td:last-child{}
.wrapTable table tr:last-child td:last-child{}

table tr th .sup,table tr td .sup{font-size: 80% !important;}

#c01-01 .wrapTable table tr th,#c01-01 .wrapTable table tr:first-child th{
        border: none;
        border-right: solid .2vw #D29200;
        padding: 0 3% 0 0;
        text-align: center;
        background: none;
        width: 25%;
}
#c01-01 .wrapTable table tr td{border: none; padding: 5%; background: none;}

.tableScroll{overflow: auto;}
.tableScroll table{width: 300% !important;}

.boxFukidashi{
    background: #FBF5E9;
    padding: 3vw;
    text-align: left;
    position:relative;
}
/*.boxFukidashi::before{
    content: '';
    display: block;
    background: #FBF5E9;
    height: calc(tan(60deg)* 24px / 2);
    width: 12px;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    position: absolute;
    left: -11px;
    top: calc(50% - 12px);
}*/
.boxKangen{ 
    background: #EDD399;
    padding: 5%;
    text-align: center;
    margin: 10% auto 5%;
}
.boxKangen .tit{font-size:4vw; font-weight: bold; margin: 0 auto 3%;}
.bgYellow{ background: #F9E497; padding: 5% 3%; text-align: center;}
.bgYellow .tit{font-weight: bold; margin: 0 auto 3%;}
.bgYellow .ulNote{margin: 0 auto;}

/* slick slider*/
.slick-track{margin: 0 auto;  display: flex;}
.slick-slide {  height: auto !important;}
.slider .slick-prev, .slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    width: 10vw;
    height: 10vw;
    background: url(../img/btn-slider_f765ff0472901185.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 0;
    opacity: 1;
    z-index: 2;
    text-align: center;
}

.slider .slick-prev{left:-1.6vw; transform: rotate(180deg);}
.slider .slick-next{right:-1.6vw;}
.slick-dots>li.slick-active {
    background: #EB5505;
}
.slick-dots>li {
    width: 2vw;
    height: 2vw;
}
.slick-dots>li+li {
    margin-left: 2vw;
}
.slick-dots {
    line-height: 10vw;
}
/*モーダル中身*/
.boxModal,.boxModal .inner{position: relative;}
.boxModal{line-height: 1.4;}
.boxModal > .tit{ text-align: center; font-size: 4vw; font-weight: 900; margin: 0 auto 5%;}
.boxModal > .lead{text-align: center; margin: 0 auto 5%;}
.boxModal > .img{margin:0 auto 5%; text-align: center;}
#modal-01 .boxModal > .tit +.img{width: 70%;}
.boxModal .boxCondition{ background:#fff; border: solid 1px #D29200; padding: 5%; text-align: left; margin: 0 auto 5%;}
.boxModal .boxCondition > ul > li:not(:last-child){margin: 0 auto 3%;}
.boxModal .boxCondition .tit,.boxModal > .titUl,.boxModal .inner > .tit{font-weight: 700; margin: 0 auto 3%;}
.boxModal .inner {    margin: 0 auto 5%;}

.boxModal .btnWhite{width: 80%;}

.boxModal .ulQuestion{margin: 0 auto 5%;}
.boxModal .ulQuestion li{margin: 0 auto 3%;}
.boxModal .ulQuestion li:last-child{margin: 0 auto;}
.boxModal .ulQuestion.last{margin: 0 auto;}
.boxModal .wrapTableBD .tit {    margin: 5% auto;    text-align: left;    font-weight: bold;}
.icon-ex {     width: 3.8vw;    line-height: 1;    font-size: 0;    margin: -2px auto 0;}
.img-mdl-jibunbank{width: 16vw;}
.img-mdl-kabucom{width: 62vw;}


/* Float Nav */
#wrapBtnBackTop{
    position: relative;
}
#btnBackTop {
    position: absolute;
    text-align: right;
    top: -13.5vw;
    right: 2vw;
    display: block;
    width: 12vw;
    height: 12vw;
    z-index: 5;
}
#btnBackTop img{width: 100%;}
#btnBackTop a {
    display: block;
    width: 37px;
    height: 37px;
    margin: 0 1.4vw 0 auto;
}
#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    transition: .6s;
    opacity: 0;
}
#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: #FFFDF8;    padding: 2vw;}
#floatNav .ulLnav{    margin: 0 auto;    display: flex;}
#floatNav .ulLnav > li{width: 48%;margin: 0 auto; line-height: 1.2;}
.ver1126 #floatNav .ulLnav > li{width: 80%;margin: 0 auto; line-height: 1.2;}
#floatNav .ulLnav > li:nth-child(1){}
#floatNav .ulLnav > li:nth-child(2){}
#floatNav .ulLnav > li a {
    display: block;
    width: 100%;

    text-align: center;

    margin: 0 auto;
    line-height: 1.2;
    font-size: 3.2vw;
}
#floatNav .ulLnav > li a.btn.l2sp{padding: 3.2vw 0; display: block;}
/*#floatNav .ulLnav > li .btnSim{
    background: #fff url(../img/icon-sim.webp) no-repeat;
    background-size: 5vw auto;
    background-position: left 4.6vw center;
    padding-left: 4.6vw;
}*/
#modal-cv .mdlV2Inner{padding: 20% 5vw;}
#modal-cv .titWai {
    text-align: center;
    font-weight: 700;
    line-height: 5vw;
    margin: 0 auto 2%;
}
#modal-cv .titWai .titWaiSlashL,
#modal-cv .titWai .titWaiSlashR {font-weight: 400; color: #EB5505;}
#modal-cv .titWai .titWaiSlashL {padding-right: 5px;}
#modal-cv .titWai .titWaiSlashR {padding-left: 5px;}


.ulBtn{}
.ulBtn > li:not(:last-child){margin: 0 auto 3%;}

.boxNote{text-align: left;font-size: 2.8vw; line-height: 1.4;}
.boxNote .tit{margin: 5% auto 3%;}
.boxNote a:link,.boxNote a:hover,.boxNote a:active,.boxNote a:visited{color: #0066AA !important;}
.ulNote > li,.note{font-size: 2.8vw; line-height: 1.4;}
.ulNote > li:not(:last-child){margin: 0 auto 3%;}
#c03-01 .boxNote .ulNote > li:not(:last-child){margin: 0 auto;}

/*-----------------------------------------------------------------------------*/

#c01{
    background: linear-gradient(90deg, #EFDEBD 0%, #FFF7DF 25%, #FFF7DF 50%, #FFF7DF 75%, #EFDEBD 100%);
}
#c01 > .innerCbox{padding: 10% 0 0;}
#c01 > .innerCbox .boxLead{
    margin: 0 5%;
    text-align: center;
}
#c01 > .innerCbox .boxLead > h2{
    margin: 0 auto 5%;
}
#c01 > .innerCbox .boxLead > .lead{    font-weight: 600;}
#c01 > .innerCbox .boxLead .boxNo1{
    position: relative;
    padding: 5% 0;
    margin: 5% auto;
}
#c01 > .innerCbox .boxLead .boxNo1::before/*,#c01 > .innerCbox .boxLead .boxNo1::after */{
    content: "";
    display: block;
    height: 1px;
    background: radial-gradient(#CDAC5D, #F9F6C8);
    width: 100%;
    opacity: .6;
}
#c01 > .innerCbox .boxLead .boxNo1::before{position:absolute; top: 0;}
/*#c01 > .innerCbox .boxLead .boxNo1::after{position:absolute; bottom: 0;}*/

#c01 > .innerCbox .boxLead .boxNo1 .txt{font-size: 3.6vw;   font-weight: 700; margin: 0 auto 5%;}
#c01 > .innerCbox .boxLead .boxNo1 .img{margin: 0 auto 5%;}
#c01 > .innerCbox .boxLead .boxNo1 a{font-size: 3vw; font-weight: normal;}

#c01 > .innerCbox .boxLead .txtRenewal{font-size: 5vw; font-weight: 900; margin: 10% auto 0;}
#c01 > .innerCbox .boxLead > .img{width: 100%; margin: 0 auto;}

#c01-01{
    position:relative;
    margin: 0 auto;
    text-align: center;
}
#c01-01 h2.h2bgGold{width: 94%; margin: 0 auto;}
#c01-01 .inner{padding: 5% 0;}
#c01-01 .img-c01-01-03{width: 80%; margin: 0 auto 5%;}
#c01-01 .img-c01-01-05{    margin: 3% auto 0;}

#c01 .wrapBgArea{
    background:rgba(217, 191, 147, .3);
    position: relative;
    /*margin: 40px auto 0;*/
    padding: 0 3% 10%;
}
#c01 .wrapBgArea::before {
    content: "";
    position: absolute;
    right: 0;
    top: -4.99vw;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: rgba(217, 191, 147, .3) transparent transparent transparent;
    border-width: 5vw 8vw 0 8vw;
    transform: rotate(180deg);
}
#c01 .wrapBgArea .img-check{width: 90%; margin: 0 auto 15%;padding-top: 10%;}
#c01-02,#c01-03,#c01-04{ margin: 0 auto; text-align: center;}

#c01-02 .inner{
    background: #fff url();
    margin: 12% auto 0;
    padding: 5% 3% 8%;
}
#c01-03 .inner,#c01-04 .inner{
    background: #fff url();
    margin: 12% auto 0;
    padding: 5% 3% 0;
}
#c01-02 .bgShadow,#c01-03 .bgShadow,#c01-04 .bgShadow{}

#c01-02 .img-c01-01-05{margin: 0 auto 5%;}
#c01 .boxMore{
    width: 90%;
    margin: 0 auto 15%;
    text-align: center;
}
#c01 .boxMore .img-c01-02-03{margin: 0 auto 0;}

#c01-03 .wrapFlex > ul,
#c01-04 .wrapFlex > ul{
    /*display: flex;
    justify-content: space-between;
    align-items: stretch;*/
}
#c01-03 .wrapFlex > ul > li,
#c01-04 .wrapFlex > ul > li{/*width: calc(50% - 1px);*/        padding: 0 3% 8%;    margin: 5% auto 0;}
#c01-03 .wrapFlex > ul > li:nth-child(1),
#c01-04 .wrapFlex > ul > li:nth-child(1){border-bottom:solid 1px #9E6224;}
#c01 .lead-c01-03{        width: 80%;    margin: 0 auto 15%;}
#c01-04 .img-c01-04-01,
#c01-04 .img-c01-01-02{margin: 0 auto 5%;}
#c01-04 .img-c01-04-01 .note{line-height: 1; text-align: right;padding: 0 3vw 0 0;}
#c01-04 + .ulNote{    text-align: center;        margin: 0 auto;       }

#c02{
    background: #FFFDF8 url(/content/dam/au-com/pr/moneyactivity/newplan/img/bg-content_3acabb4c15419312.webp);
    background-repeat: repeat;
    
}
#c02 .innerCbox{
    margin: 0 auto;
    padding: 10% 3%;
}
#c02 .img-logo-plus{width: 75%; margin: 10% auto 8%;}
/*☆*/
/*
#c02 .chargeArea{
    margin: 0 auto;
    padding: 10% 3%;
    background: #F8F0D8;
    border: solid 1px #AB8C46;
    text-align: center;
}
#c02 .titPlan{}
#c02-01 .titPlan{font-size: 7vw; font-weight: 900; color: #EB5505; margin: 0 auto 5%;}
#c02-02 .titPlan {
    font-size: 4.0vw;
    font-weight: 700;
    margin: 0 auto 5%;
    line-height: 1.2;
}
#c02 .chargeArea .boxPlan{margin: 0 auto 5%;}
#c02 .chargeArea .boxPlan .txtPlan{margin: 0 auto 5%;font-size: 3.2vw;}
#c02 .chargeArea .boxPlan .imgChargeNorm{margin: 5% auto 5%; width: 90%;}
#c02 .chargeArea .boxPlan .arrowCharge{
        height: 26vw;
        background: url(../img/bg-c02-arrow-sp_d74640178e2d200b.webp);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center center;
        margin: 5% auto 5%;
        padding: 2vw 0 0;
        text-align: center;
        font-size: 3.2vw;
}
#c02 .chargeArea .boxPlan .imgChargeOtoku{margin: 5% auto; width: 90%;}
#c02 .chargeArea .boxPlan .ulLink{margin: 0 auto 5%;}
#c02 .chargeArea .boxPlan .imgChargeOtoku + .ulLink > li{text-align: right;}
#c02 .chargeArea .boxPlan .ulLink > li:not(:last-child){margin: 0 auto 3%;}
#c02 .chargeArea .titWai {
    font-size: 4vw;
    font-weight: 700;
    line-height: 5vw;
    margin: 0 auto 3vw;
}
#c02 .chargeArea .titWai .titWaiSlashL,
#c02 .chargeArea .titWai .titWaiSlashR {font-weight: 400;}
#c02 .chargeArea .titWai .titWaiSlashL {padding-right: 2vw;}
#c02 .chargeArea .titWai .titWaiSlashR {padding-left: 2vw;}

#c02-02 .inner{ margin: 0 auto;}
.icon-recom {
    width: 24vw;
    position: absolute;
    top: 0;
    left: 0;
}


#c02 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-trig h3,
#c02 .chargeArea > .toggleBox .toggleInBox.toggleBD .wrapDummyTglTrig h3{
    position: relative;
    background: #F2E3C2;
    border: solid 1px #AB8C46;
    margin: 0 auto;
    height: auto;
    padding: 5% 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    
}
#c02 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-content-inner{
    background: #fff;
    padding: 10% 3%;
    border: solid 1px #AB8C46;
    border-top: none;
}

#c02 .inner > .toggleBox.otherPlan .ulToggle > li:not(:last-child){margin: 0 auto 3%;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li:nth-child(6) {    margin: 10% auto 3%;}

#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig{display: block;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3,
#c02 #c02-01 > h3 {
    position: relative;
    
    background: #AB8C46;
    margin: 0 auto;
    height: auto;
    padding: 3% 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 3vw;
    color: #fff;
    box-shadow: 0px 4px 0px #886E33;
}
#c02 #c02-01 > h3{box-shadow: none;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3{box-shadow: none;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .em,
#c02 #c02-01 > h3 .em{font-size: 4vw;}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .arrow {
    display: block;
    width: 7vw;
    height: 7vw;
    border-radius: 3.5vw;
    background: #fff;
    position: absolute;
    top: calc(50% - 3.5vw);
    right: 3vw;
    overflow: hidden;
}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(../img/icon-arrow_7acdaf7da93cc876.webp) no-repeat;
    background-size: 100% 100%;
    width: 7vw;
    height: 7vw;
    position: absolute;
    right: calc(50% - 3.5vw);
    top: calc(50% - 3.5vw);
}
#c02 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3 .arrow::after {    transform: rotate(180deg) scale(1, 1);}
#c02 .titBgWRound{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    max-width: 620px;
    text-align: center;
    margin: 40px auto 30px;
}
#c02 .titBgWRound::after{
    content: '';
    display: block;
    width: 100%;
    border-top: solid 2px #AB8C46;
    position: absolute;
    top: 8px;
    left: 0;
    right:0;
}
#c02 .titBgWRound span{
    display: inline-block;
    padding: 0 30px;
    background: #fffcf3 url(/content/dam/au-com/pr/moneyactivity/newplan/img/bg-content_3acabb4c15419312.webp);
    position: relative;
    z-index: 1;
}
*/
#c03{background: #FBF8EA;}
#c03-lead{padding: 10% 3% 5%;
background: url(/content/dam/au-com/pr/moneyactivity/newplan/img/bg-c03-sp_2d3fe6dfa92eb774.webp);
background-position: center top 17vw;
background-size: 100% auto;
background-repeat: no-repeat;
}
#c03-lead .innerCbox{
    margin: 0 auto;
    text-align: center;
}
#c03-lead .lead-c03-01{text-align: center; margin: 5% auto 0;}

#c03-lead .wrapC03Lnav{
    margin: 10% auto 0;
}
#c03-lead .wrapC03Lnav .tit-inlnav-c03{ margin: 0 auto 2%; width: 80%;}
#c03-lead .wrapC03Lnav > ul{
    display: flex;
    justify-content: space-between;
}
#c03-lead .wrapC03Lnav > ul > li{width: 32%;}
#c03-01,
#c03-02,
#c03-03{padding: 10% 3% 0; position: relative;}
#c03-01 .innerCbox,
#c03-02 .innerCbox,
#c03-03 .innerCbox{
    margin: 0 auto 10%;
    background:#fff ;
    border: solid 1px #D29200;
    text-align: center;
}
#c03 .h4Ponta{width: 94%;   margin: -8vw auto 5%;}
#c03-01 .h4Ponta{}
#c03-02 .h4Ponta{}
#c03-02 .h4Ponta{}

/*アコーディオン C03*/
#c03-01 .toggleBox,
#c03-02 .toggleBox,
#c03-03 .toggleBox{padding: 3% 0 0;}
#c03-01 .toggleBox > .tgl-trig,
#c03-02 .toggleBox > .tgl-trig,
#c03-03 .toggleBox > .tgl-trig{width: 94%; border-bottom: solid 2px #D29200; padding: 3% 0; font-weight: bold; position: relative; line-height: 1; margin: 0 auto 5%;}
#c03-01 .toggleBox > .tgl-trig.open,
#c03-02 .toggleBox > .tgl-trig.open,
#c03-03 .toggleBox > .tgl-trig.open{margin: 0 auto;}
#c03-01 .toggleBox > .tgl-trig h3,
#c03-02 .toggleBox > .tgl-trig h3,
#c03-03 .toggleBox > .tgl-trig h3{ display: inline-block; position: relative; font-weight:700;}
#c03-01 .toggleBox > .tgl-trig h3::after,
#c03-02 .toggleBox > .tgl-trig h3::after,
#c03-03 .toggleBox > .tgl-trig h3::after {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
    color: #D29200;
}
#c03-01 .toggleBox > .tgl-trig.open h3::after,
#c03-02 .toggleBox > .tgl-trig.open h3::after,
#c03-03 .toggleBox > .tgl-trig.open h3::after {transform: rotate(270deg) scale(.6, 1);}
#c03-01 .toggleBox > .tgl-content > .tgl-content-inner,
#c03-02 .toggleBox > .tgl-content > .tgl-content-inner,
#c03-03 .toggleBox > .tgl-content > .tgl-content-inner{padding: 0;}

#c03-01 .toggleBox > .tgl-content > .tgl-content-inner > .inner,
#c03-02 .toggleBox > .tgl-content > .tgl-content-inner > .inner,
#c03-03 .toggleBox > .tgl-content > .tgl-content-inner > .inner{margin: 0 auto; padding:10% 0 10%;}
#c03-01 .img-c03-01-01{margin: 0 3% 3%;}
#c03-01 .img-c03-01-02{margin: 0 3% 5%;}
#c03-01 .ulCondition{margin: 0 3% 5%;}
#c03-01 .ulCondition > li:not(:last-child){margin: 0 auto 5%;}
#c03-01 .ulCondition > li .tit{font-size: 4vw; font-weight: bold;}
#c03-01 .ulCondition > li .txt{text-align: left;}
#c03-01 .inner .ulNote{margin: 0 3%;}

#c03 .wrapTable{padding: 2% 0 5%; margin: 0 3% 0%;}
#c03 .wrapTable table th,
#c03 .wrapTable table td{font-size: 2.8vw;}
#c03 .wrapTable table thead th{background: #FBF5E9 !important;border-top: solid 1px #D29200 !important;border-right: solid 1px #D29200 !important; text-align: center; padding: 1.4vw 1vw 1.4vw !important;}
#c03 .wrapTable table thead th:last-child{border-right: solid 1px #D29200 !important;}
#c03 .wrapTable table tr:first-child th,#c03 .wrapTable table tr:first-child td {    border-top: solid 1px #D29200 !important;}
#c03 .wrapTable table tr th:first-child,#c03 .wrapTable table tr td:first-child{border-left: solid 1px #D29200 !important;}
#c03 .wrapTable table tr td:last-child{text-align: center !important;}
#c03 .wrapTable .boxFukidashi{
    margin: 2vw 0 0;border: solid .2vw #D29200 ;
    font-size: 2.8vw;
}
#c03 .wrapTable .boxFukidashi::before {
    content: '';
    display: block;
    background: url(../img/fukidashi_62a6e61d8b501771.webp);
    background-size: 100% 100%;
    width: 5.9vw;
    height: 8.0vw;
    position: absolute;
    left: 82%;
    top: -8.08vw;
    
    /*background: #FBF5E9;
    height: 3vw;
    width: calc(tan(60deg)* 4vw / 2);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    position: absolute;
    left: calc(50% - 2vw);
    top: -2.9vw;
    z-index: +1;
    */
}
/*#c03 .wrapTable .boxFukidashi::after {
    content: '';
    display: block;
    background: #D29200 ;
    height: 3.4vw;
    width: calc(tan(60deg)* 4.6vw / 2);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    position: absolute;
    left: calc(50% - 2.2vw);
    top: -3vw;
}*/

.tableScrollable {
    display: block;
    text-align: right;
    margin: 5% 3% 0 0;
}
.tableScrollable img {
    width: 45vw;
}

#c03 .boxNote{padding: 0 3%;}
#c03 .boxNote .ulNote{margin: 0 auto;}
#c03 .boxKangen{        margin: 10% 3% 5%;}

#c03-02 .img-c03-02-02,#c03-02 .img-c03-02-07{ margin: 0 auto 5%; width: 90%;}
#c03-02 .img-c03-02-01{margin: 0 3% 0;}

.img-c03-02-02 + .boxKangen{        margin: 10% 3% 0;}
#c03-02 .wrapBoxMore{position: relative; padding: 15% 0 0;}
#c03-02 .boxMore{
    position: relative;
    margin: 0 3% 0;
    text-align: center;
    border: solid 1px #EB5505;
    border-radius: 2vw;
    background: #F7F0E2;
    
}
#c03-02 .boxMore .inner{padding: 10% 3% 5%;}
#c03-02 .boxMore .catchMore{
    display: block;
    position: absolute;
    width: 36vw;
    height: 15vw;
    background: #EB5505;
    padding: 2vw;
    color: #fff;
    font-weight: bold;
    font-size: 4vw;
    text-align: left;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
    border-radius: 2vw 0 0 0;
}
#c03-02 .boxMore .titRound{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6vw;
    left: calc(50% - 27vw);
    width: 54vw;
    height: 12vw;
    font-size: 3vw;
    font-weight: bold;
    line-height: 1.2;
    color: #EB5505;
    text-align: center;
    background: #fff;
    border: solid 1px #EB5505;
    border-radius: 8vw;

}
#c03-02 .boxMore .img-c03-02-04{margin: 0 auto 5%;}
#c03-02 .boxMore .btn{width: 90%;}
#c03-02 .ulBoxMore > li:not(:last-child){margin: 0 auto 3vw;}
#c03-02 .ulBoxMore > li:nth-child(2) .boxMore{    margin: 0 3% 0; padding: 3vw 0;}
#c03-02 .boxMore .iconPlus{
    display: block;
    position: absolute;
    width: 8vw;
    height: 8vw;
    top: -6vw;
    left: calc(50% - 4vw);
}
.img-c03-02-04-02,.img-c03-02-04-03{margin: 0 8vw 0;}

#c03-03 .img-c03-03-02{margin: 0 3% 5%;}
#c03-03 .img-c03-03-02-02{margin: 5% auto 5%;    width: 76vw;}
#c03-03 .img-c03-03-02-02 .note{text-align: right; margin: 3% auto 0;}
#c03-03 .img-c03-03-01{margin: 0 3%;}
.img-c03-03-13-02{margin: 10% auto; width: 80%;}

/*アコーディオン 内訳*/
.boxUchiwake{padding: 0 0 5%;}
.boxUchiwake > .toggleInBox{}
.boxUchiwake > .toggleInBox > .tgl-trig{display: block;}
.boxUchiwake > .toggleInBox > .tgl-trig h3,
.boxUchiwake > .toggleInBox > .wrapDummyTglTrig h3{
    position: relative;
    background: #F2E3C2;
    /*border: solid 1px #AB8C46;*/
    margin: 0 auto;
    height: auto;
    padding:3% 0;
    line-height: 1;
    display: block;
    text-align: center;
    font-weight: bold;
}
.boxUchiwake > .toggleInBox > .tgl-trig h3 .arrow {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #fff;
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
    overflow: hidden;
}
.boxUchiwake > .toggleInBox > .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(../img/icon-arrow_7acdaf7da93cc876.webp) no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height:26px;
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px);
}
.boxUchiwake > .toggleInBox > .tgl-trig.open h3 .arrow::after{transform: rotate(180deg) scale(1, 1);}
.boxUchiwake .tit{font-weight: bold; margin: 0 auto 3%;}
.boxUchiwake01{background: #E8D188; padding: 3% 2%; text-align: center;}
.boxUchiwake02{background: #D9811A;padding: 3% 2%; text-align: center; color:#fff;}
.boxUchiwake03{background: #fff; border: solid .2vw #F2EAC4; border-top: none;padding:6% 2% 3%; text-align: center;}
.ulUchiwake > li:not(:last-child){border-bottom: solid .2vw #D9D9D9;}

/*アコーディオン　boxBankAlign*/
.boxBankAlign{background: #F2EAC4;  margin: 0 3% 5%;}
.boxBankAlign > .toggleInBox{}
.boxBankAlign > .toggleInBox > .tgl-trig{display: block; width: 90%; margin: 0 auto;}
.boxBankAlign > .toggleInBox > .tgl-trig h3{
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 3% 0;
    line-height: 1;
    text-align: center;
}
.boxBankAlign > .toggleInBox > .tgl-trig h3::after {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: -1.2em;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 20px;
}
.boxBankAlign > .toggleInBox > .tgl-trig.open h3::after {
    transform: rotate(270deg) scale(.6, 1);
}
.boxBankAlign > .toggleInBox > .tgl-trig.open{border-bottom:solid 1px #7E7E7E;}
.boxBankAlign .ulBankAlign{ padding: 5% 3%; text-align: left;}
.boxBankAlign .ulBankAlign > li{        line-height:4vw; vertical-align: middle; font-size: 3.4vw;}
.boxBankAlign .ulBankAlign > li:not(:last-child){margin: 0 auto 3% ;}

#c03 .ulUchiwake{width: 81.596vw;background: #fff;}
#c03 .ulUchiwake > li{position: relative; height: 21.568vw;}
#c03 .ulUchiwake > li.li06{height: auto;}
#c03 .ulUchiwake .iconQ{
    display: block;
    width: 5vw;
    height: 5vw;
    position: absolute;
    bottom: 4.2vw;
    left: 27.8vw;
}
#c03 .ulUchiwake .iconQ img {padding-left:0; display:block;}
#c03 .ulUchiwake > li.li01 .iconQ{left: 24vw; bottom: 5.0vw;}
#c03 .ulUchiwake > li.li03 .iconQ{        left: 16.6vw;        bottom: 6vw;}
#c03 .ulUchiwake > li.li04 .iconQ{    left: 33.2vw;  }
#c03 .ulUchiwake > li.li05 .iconQ{        left: 28vw;    bottom: 2.8vw;}

#c03-03 .img-c03-03-10{ margin: 0 auto 3%;}
#c03-03 .img-c03-03-11{margin: 0 3% 5%;}
#c03-03 .img-c03-03-12{margin: 5% 3% 5%;}
#c03-03 .img-c03-03-11 + .note{margin: 0 auto 5%;}
#c03-03 .inner > .ulNote{margin: 0 3%;}
#c03-03 .boxUchiwake{margin: 0 3% ;}

/*c03-03 NISA */
.wrapNisa{ background: #fff; padding: 5%;}
.wrapNisa .bgShadow .inner {

    background: #FBF8EA;
    margin: 0 auto 0;
    padding: 5% 3%;
    text-align: center;
}
.wrapNisa .bgShadow .inner > h3{ font-size: 4vw; font-weight: 700; margin-bottom: 3%;}
.wrapNisa .bgShadow .inner .boxRecom{ border-top: solid 1px #D29200;border-bottom: solid 1px #D29200; padding: 5% 0; margin: 0 auto 5%;}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom{
    margin: 5% auto 5%;
}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li{
    position: relative;
    background: #fff;
    padding: 5% 0 5% 15%;
    margin: 0 0 0 10%;
    text-align: left;
}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li:not(:last-child){margin: 0 0 3% 10%;}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li .catch{
    position: absolute;
    width: 14vw;
    height: 14vw;
    top: calc(50% - 7vw);
    left: -7vw;
}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li .txt{font-size: 3vw; font-weight: bold; line-height: 1.2;}
.wrapNisa .bgShadow .inner .boxRecom .ulNisaRecom > li .txt .em{font-size: 4vw;}

.wrapNisa .ulNisaFeat{}
.wrapNisa .ulNisaFeat > li{text-align: left;}
.wrapNisa .ulNisaFeat > li:not(:last-child){margin: 0 auto 5%; }

.wrapNisa .ulNisaFeat > li .tit.titBg{
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    line-height: 8vw;
    height: 8vw;
    border-radius:4vw;
    /*background: linear-gradient(90deg, rgba(249,246,200,1) 0%, rgba(205,172,93,1) 100%);*/
    background: url(../img/bg-tit-nisa-sp_4319bd44be8eff6a.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.wrapNisa .ulNisaFeat > li .txt{margin: 5% auto 0;}
.wrapNisa .ulNisaFeat > li .img-nisa01{margin: 5% auto 10%; text-align: center;}

#c03-04{
    background: linear-gradient(90deg, rgba(240,223,183,1) 0%, rgba(240,222,183,1) 15%, rgba(242,227,194,1) 50%, rgba(240,222,183,1) 85%, rgba(240,223,183,1) 100%);
}
#c03-04 .innerCbox{
    margin: 0 auto;
    padding: 10% 3%;
    text-align: center;
}
#c03-04 .innerCbox > h3{font-size: 6.4vw; font-weight: 900; margin: 5% auto 5%;}
#c03-04 .innerCbox .inner{
    background:#FBF8EA;
    border: solid 1px #D29200;
    padding:5% 0 5%;
}
#c03-04 .innerCbox .inner#useNonGold{
    /*border-top: none;*/
}
#c03-04 .img-c03-04-gcard,#c03-04 .img-c03-04-nongcard{margin: 0 auto 5%; width: 60%;}

#c03-04 .innerCbox .inner .bgShadow{width: 94%;}
#c03-04 .innerCbox .inner .wrapSlider{background: #fff; padding: 5% 0;}
#c03-04 .innerCbox .inner .wrapSlider > .tit{
    font-size:5vw;
    font-weight: 900;
    margin: 0 auto 5%;
}
#c03-04 .innerCbox .inner .wrapSlider .slider{position: relative; margin: 0 auto;}
#c03-04 .innerCbox .inner .wrapSlider .slider .innerSlide .img{margin: 0 8% 0;}
#c03-04 .innerCbox .inner .wrapSlider .slider .slick-dots{
    position: absolute;
    bottom: -14vw;
    left: calc(50% - 12.5vw);
    /* max-width: 830px; */
    width: 25vw;
}
#c03-04 .innerCbox .inner .wrapSlider .slider .note{line-height: 1; text-align: right; margin: 3% auto 0;}
/* アコーディオン　金融特典詳細 c03-04 */
#c03-04 .toggleBox{padding: 20px 0;}
#c03-04 .toggleBox .tgl-trig{display: block;}
#c03-04 .toggleBox .tgl-trig h3 {
    position: relative;
    /* display: inline-block; */
    background: #FBF8EA;
    border: solid 1px #D29200;
    padding: 10px 0 2px;
    margin: 0 auto;
    height: auto;
    line-height: 1;
    display: block;
    text-align: center;
}
#c03-04 .toggleBox .tgl-trig.open h3{border-bottom: none;}
#c03-04 .toggleBox .tgl-trig h3 .em{font-size: 20px;}
#c03-04 .toggleBox .tgl-trig h3 .arrow {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #fff;
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
    overflow: hidden;
}
#c03-04 .toggleBox .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(../img/icon-arrow_7acdaf7da93cc876.webp) no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height:26px;
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px);
}
#c03-04 .toggleBox .tgl-trig.open h3 .arrow::after {    transform: rotate(180deg) scale(1, 1);}
#c03-04 .tit-tgl-nongcard{width: 80%;    margin: 0 0 0 3vw;}

#c04{   }
#c04 .innerCbox{
    background: #fff;
    border: solid .6vw #D29200;
    padding: 10% 0 0;
}
#c04 .innerCbox > .inner{
    /*max-width: 980px;*/
    margin: 0 auto;
    text-align: center;
}
#c04 .innerCbox > .inner > h2{margin: 0 auto; width: 94%;}
#c04 .innerCbox > .inner > h3{font-size:8vw; font-weight: 900; line-height: 1.2; margin: 5% auto 5%;}
#c04 .innerCbox > .inner .tit-chargesim{width: 80%; margin: 0 auto 5%;}
#c04 .innerCbox > .inner .tit-chargesim + .ulNote{ width: 94%; text-align: center; margin: 0 auto;}


#c05{background: #FBF8EA;}
#c05-01{
    padding: 10% 0 ;
}
#c05-01 > .innerCbox{ margin: 0 3%;}
#c05-01 > .innerCbox > .h2bgGold{width: 100%; margin: 0 auto;}
#c05-01 > .innerCbox > h3{
    text-align: center;
    font-size: 8vw;
    font-weight: 900;
    margin: 5% auto 10%;
}

#c05-01 .img-logo-plus{margin: 5% auto; width: auto;}
#c05-01 .ulStep{border: solid 1px #D29200;}
#c05-01 .ulStep > li{
    background: #fff;
    position: relative;
    text-align: center;
}
#c05-01 .ulStep > li:nth-child(1){}
#c05-01 .ulStep > li:nth-child(2){}
#c05-01 .ulStep > li > .boxStep > .catch{
    /*
    width: 274px;
    position: absolute;
    top: -27px;
    left: calc(50% - 137px);
    */
}
#c05-01 .ulStep > li > .boxStep > .tit{
    background: #F9E496;
    height: 10vw;
    line-height: 10vw;
    text-align: center;
    font-size: 4vw;
    font-weight: bold;
    position: relative;
}
#c05-01 .ulStep > li > .boxStep > .tit .iconStep{
    display: inline-block;
    width: 15vw;
    height: 6vw;
    line-height: 6vw;
    font-size: 3vw;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border-radius: 3vw;
    margin: 0 3% 0 0;
    left: 2vw;
    top: 2vw;
    position: absolute;
}
#c05-01 .ulStep > li > .boxStep .inner{
padding: 5% 0 10%;    
}
#c05-01 .ulStep > li#step02 > .boxStep .inner{
    padding: 5% 5% 10%;    
    }
#c05-01 .ulStep > li > .boxStep .inner .ulBtn{margin: 0 7% 5%;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom{
    position: relative;
    background: #FBF8EA;
    margin: 5% 5% 0;
    padding: 8% 2% 5%;
}

#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex{display: flex; justify-content: space-between; padding-left: 0; margin: 0 auto 2%;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .img{width: 30%;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt{width: 68%}
.ver1126 #c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt{
    display: flex;
    align-items: center;
}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt p{text-align: left; margin: 0 auto 5%; font-size:3vw; font-weight: bold;}
.ver1126 #c05-01 .ulStep > li > .boxStep .inner .boxRecom .wrapFlex .txt p{margin: 0 auto;}
#c05-01 .ulStep > li > .boxStep .inner .boxRecom .catchRecom{
    width: 18vw;
    display: block;
    position: absolute;
    border-radius: 0 0 1vw 0;
    background: #EB5505;
    top: 0;
    left: 0;
    padding: .8vw 0;
    color: #fff;
    font-weight: bold;
    font-size: 3vw;
}
#c05-01 .ulStep > li > .boxStep .catch .titWai {
    font-weight: 700;
    line-height: 5vw;
    margin: 0 auto 2%;
}
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashL,
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashR {font-weight: 400; color: #EB5505;}
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashL {padding-right: 1vw;}
#c05-01 .ulStep > li > .boxStep .catch .titWai .titWaiSlashR {padding-left: 1vw;}

#c05-01 .ulStep > li#step02 .wrapFlex{margin: 0 auto;}
#c05-01 .ulStep > li#step02 .wrapFlex .boxTxt{text-align: left; }
#c05-01 .ulStep > li#step02 .wrapFlex .boxTxt .txt{ margin: 0 auto 5%;font-size: 3vw;}
#c05-01 .ulStep > li#step02 .wrapFlex .img{background: #FBF8EA; padding:0 5%; display: flex; align-items: center; justify-content: center;margin: 0 auto 5%;}

#c05-01 #conventionalPlan{
    background: #3B6E56 url(../img/bg-green_8a02fd8a09dd970d.webp) repeat;
    background-size: 100px auto;
    margin: 5% auto 0;
    padding: 5% 0;
    text-align: center;
    color: #fff;
    position: relative;
}
#c05-01 #conventionalPlan h3{
    color: #fff;
    font-size: 5vw;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 auto 3%;
}
#c05-01 #conventionalPlan .inner{
    margin: 5% 3% 0;
    background: url(../img/bg-conventiona_3ff9e14c86a1e141.webp);
    background-repeat: repeat;
    background-size: 100% auto;
    border-radius: 1vw;
    padding: 5% 7%;
}

#c05-02{
    background: #fff;
    padding: 10% 0 ;
    text-align: center;
}
#c05-02 .innerCbox{margin: 0 3%;}
#c05-02 .innerCbox .boxSlide{padding: 5vw 5% 0;}
#c05-02 .innerCbox .txt{
    margin: 0 auto 5%;
    min-height: 29.8vw;
    line-height: 1.3;
}

#c05-02 .ulBnr{margin:0 auto ;}
#c05-02 .slider .slick-prev,#c05-02 .slider .slick-next{top: 59%;}

#c05-02 .wrapSlider{position: relative;}
#c05-02 .slick_pause{
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 6px;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0 0;
    list-style: none;
    text-align: center;
    right: calc(50% - 60px);
}
#c05-02 .slick_pause::before {
    display: block;
    content: "";
    overflow: hidden;
    width: 15px;
    height: 15px;
    background: url(../img/btn-pause_af1737ce6ce09064.webp) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    cursor: pointer;
}
#c05-02 .slick_pause.paused::before {
    background: url(../img/btn-pause_af1737ce6ce09064.webp) no-repeat;
    background-size: 100% auto;
    background-position: top;
}
#c05-02 .slick-dots {
    line-height: 1;
    padding: 0;
    display: inline-block;
    position: relative;
    padding: 0;
    vertical-align: middle;
    margin: 2vw auto 0;
}
#c05-02 .slick-dots>li {
    margin: 0 6px;
    padding: 11px 10px;
    width: 24px;
    height: 26px;
    background: transparent;
}
#c05-02 .slick-dots>li.slick-active {
    background: transparent;
}
#c05-02 .slick-dots>li button {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
}
#c05-02 .slick-dots>li button::after {
    content: '';
    display: block;
    width: 10px;
    height:10px;
    border-radius: 50%;
    background: #aaa;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}
#c05-02 .slick-dots>li.slick-active button::after {
    background: #EB5505;
}

#c05-03{
    background: #fff;
    padding: 10% 0 0;
    text-align: center;
}
#c05-03 .innerCbox{margin: 0 3% 10%; }
#c05-03 .innerCbox > h3{font-size: 8vw; font-weight: 900; margin: 5% auto 10%;}
#c05-03 .innerCbox .wrapSlider{margin: 0 auto;}
#c05-03 .innerCbox .wrapSlider .slider{position: relative;margin: 0 auto;}
#c05-03 .innerCbox .wrapSlider .slider .innerSlide .img{margin: 0 3% 0;}
#c05-03 .innerCbox .wrapSlider .slider .slick-dots{        width: auto;}
#c05-03 .slider .slick-prev {    left: -2vw;top: 34%;}
#c05-03 .slider .slick-next {    right: -2vw;top: 34%;}

#wrapFaq{ background: #EFDCBB; padding: 5% 8%;}
#wrapFaq > .inner{ margin: 0 auto;}
#wrapFaq > .inner h3{ font-size: 5vw; font-weight: 900; line-height: 1.2; margin: 0 auto 5%;}

#c05-04{background: #FBF8EA;padding: 10% 0;}
#c05-04 .innerCbox{margin: 0 auto; }
#c05-04 .innerCbox > h3{font-size: 8vw; font-weight: 900; margin: 0 auto 10%; text-align: center;}

#c05-04 .innerCbox .ulPontaPoint{margin: 0 3%;}
#c05-04 .innerCbox .ulPontaPoint > li{

}
#c05-04 .innerCbox .ulPontaPoint > li:not(:last-child){margin: 0 auto 5%;}
#c05-04 .boxPontaPont{background: #F9E496;padding: 10% 0 15%; position: relative; text-align: center;}
#c05-04 .boxPontaPont h4{font-size: 5vw; font-weight: 900; margin: 0 auto 5%;}
#c05-04 .boxPontaPont > .txt{margin: 0 auto 5%;}

#c05-04 .wrapSlider{margin: 0 auto;}
#c05-04 .wrapSlider .slider{position: relative;margin: 0 auto;}

#c05-04 .wrapSlider .slider .slick-dots{   display: none;}
#c05-04 .slider .slick-prev,#c05-04 .slider .slick-next{ display: none;}

#c05-04 .wrapSlider .slider .slick-slide > div,
#c05-04 .wrapSlider .slider .slick-slide > div .innerSlide{height: 100%;}
#c05-04 .wrapSlider .slider .innerSlide .boxSlide{
    margin: 0 5% 0;
    height: calc(100% - 2px);
    background: #fff;
    border-radius: 1vw;
    border: solid 1px #333;
    overflow: hidden;
}
#c05-04 .wrapSlider .slider .innerSlide .boxSlide .wrapTit{
    min-height: 40px;
    text-align: center;
    background:#FFF3CE ;
    padding: 3%;
    border-bottom: solid 1px #333;
    font-weight: bold;
}
#aboutPonta .boxSlide .boxTxt{padding: 5% 3% 5%;}
#aboutPonta .boxSlide .boxTxt .txt{font-weight: bold; line-height: 1.2; margin: 0 auto; }
#aboutPonta .boxSlide .boxTxt .txt .em{font-size: 4vw;}
#aboutPonta .boxSlide .img{padding: 0 8% 8%;}
#earnPonta.wrapSlider > .tit,
#usePonta.wrapSlider > .tit,
#raisePonta.wrapSlider > .tit{font-size:5vw; font-weight: 900; margin: 5% auto 5%;}
#earnPonta .boxSlide .img{padding: 3% 8% 0;}
#earnPonta .boxSlide .boxTxt{padding: 5% 3% 5%; font-size:3vw ; font-weight: normal; line-height: 1.2;}
#earnPonta .boxSlide .boxTxt.pt5{padding: 1% 3% 5%; }
#earnPonta .boxSlide .boxTxt.pt5 .note{font-size: 2.6vw; margin: 0 auto 2%;}
#usePonta .boxSlide .txt,
#raisePonta .boxSlide .txt{padding: 5% 8% 5%;font-size:3.4vw ; font-weight: normal; line-height: 1.4; text-align: left;}
#usePonta .boxSlide .img,
#raisePonta .boxSlide .img{padding: 0 8% 5%;}
#usePonta .boxSlide .boxTxt,
#raisePonta .boxSlide .boxTxt{padding: 0 3% 5%;font-size:3vw ; font-weight: normal; line-height: 1.4;}

#c05-04 .ulPontaPoint + .ulBtn{margin: 10% 5% 0;}

#c05-04 .boxPontaPont .catchPonta1{
    position: absolute;
    width: 16vw;
    top: -9vw;
    right: 4vw;
}
#c05-04 .boxPontaPont .catchPonta2{
    position: absolute;
    width: 16vw;
    top: -9vw;
    left: 4vw;
}
#c05-04 .boxPontaPont .catchPonta3{
    position: absolute;
    width: 16vw;
    bottom: -5vw;
    right: 4vw;
}

#c05-04 .slider .slick-prev{left:1vw;}
#c05-04 .slider .slick-next{right:1vw;}

#c05-05{background: #EFDCBB; text-align: center; padding:5% }
#c05-05 .innerCbox{ margin: 0 auto;}

#c05-05 .titWai {
    font-size: 4vw;
    font-weight: 700;
    line-height: 5vw;
    margin: 0 auto 3%;
}
#c05-05 .titWai .titWaiSlashL,
#c05-05 .titWai .titWaiSlashR {font-weight: 400; color: #EB5505;}
#c05-05 .titWai .titWaiSlashL {padding-right: 2vw;}
#c05-05 .titWai .titWaiSlashR {padding-left: 2vw;}

#c06{background: #fff; position: relative; margin: -30px auto 0;}
#c06 .innerCbox{margin: 0 auto;padding:10% 5% 0; text-align: left; font-size: 3.4vw;}
#c06 .innerCbox .inner{margin: 0 auto 5%; position: relative;}
#c06 .innerCbox .inner.box2nd{margin: 15% auto 20px;}
#c06 .innerCbox .titL{font-size: 3.8vw; text-align: center; margin: 0 auto 5%;font-weight: bold;}
#c06 .innerCbox .tit{font-weight: bold;margin: 0 auto 3%;}
#c06 .innerCbox .inner .ulNote{margin: 0 auto 5%;}

    #c06 #tglFinanceAtt .wrapFlex.boxPoint {
        display: flex;
        justify-content: space-between;
        font-size: 2.8vw;
        line-height: 1.4;
        margin: 0 auto 5%;
    }
    #c06 #tglFinanceAtt .wrapFlex.boxPoint .boxL {
        width: 32%;
        padding: 2% 3%;
        border: solid .2vw #333;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #c06 #tglFinanceAtt .wrapFlex.boxPoint .boxR {
        width: 66%;
        padding: 2% 3%;
        border: solid .2vw #333;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#c06 .wrapTable { margin: 5% 0 5%;}
#c06 .wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}
#c06 .wrapTable table th,#c06 .wrapTable table td{ padding: 2%; border: solid 1px #333; text-align: left; background: #fff;}
    #c06 .wrapTable table th, #c06 .wrapTable table td {
        text-align: left;
        font-size: 2.8vw;
        line-height: 1.4;
        overflow-wrap: break-word;
        padding: 2%;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(51, 51, 51);
        border-image: initial;
    }
    #c06 #tglFinanceAtt .wrapTable {
        max-width: unset;
        margin: 5% 0 5%;
    }
    #c06 #tglFinanceAtt .wrapTable table {
        width: 100%;
    }
    #c06 #tglFinanceAtt .wrapTable table tr th {
        width: 10%;
    }

    
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex{display: flex; justify-content: space-between ;align-items: center;}
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex > p{width: 18%; display: flex; align-items: center;}
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner{
    width: 80%;
    padding: 5%;
    border: solid .2vw #333;
    background: #F0F0F0;
}
#c06 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner .ulNote{margin: 0 auto;}

/*ご注意事項Tgl*/
#c06 .ulToggle > li:not(:last-child){margin: 0 auto 5%;}
#c06 .noteBox{padding: 5% 0 0;}
#c06 .tgl-trig{
    display: block;
        background: #fff;
        border: solid 0.4vw #D29200;
        line-height: 15.2vw;
        font-weight: bold;
        text-align: center;
        padding: 0 10vw 0 5vw;
        margin: 0 auto 0;
        position: relative;
        min-height: 16vw;
}
#c06 .tgl-trig.l2SP {
        padding: 3.4vw 10vw 0 5vw;
        line-height: 1.2;
}
#c06 .tgl-trig::after {
    content: '\FF1E';
    display: block;
    position: absolute;
    top: 0;
    right: 3vw;
    font-weight: bold;
    transform: rotate(90deg) scale(.6, 1);
    font-size: 4vw;
}
    #c06 .tgl-trig.l2SP::after {
        top: calc(50% - 2vw);
    }

#c06 .tgl-trig.open::after {
    transform: rotate(270deg) scale(.6, 1);
}
#c06 .tgl-trig:link,#c06 .tgl-trig:hover,#c06 .tgl-trig:active,#c06 .tgl-trig:visited {
    color: #333;
}
#c06 .toggleInBox .tgl-trig{
        border: solid 0.4vw #eee;
}

#c06 .toggleInBox{margin: 0 auto 5%;}
#c06 .toggleInBox .tgl-content-inner{padding: 5% 0;}

}
/* accordion */
.tgl-content{display: none;}

/*table*/
.tableBD table{table-layout: fixed;}
.wrapTableBD,.tableBD,.tableBD table,.tableBD table tr th,.tableBD table tr td{ overflow: visible; position: relative;}

.ulNote > li{text-align: left;}
.ind1 {text-align: left; position: relative; padding-left: 0.5em; }
.ind2 {text-align: left; position: relative; padding-left: 1em; }
.ind3 {text-align: left; position: relative; padding-left: 1.5em; }
.ind4 {text-align: left; position: relative; padding-left: 2em; }
.ind5 {text-align: left; position: relative; padding-left: 2.5em; }
.ind6 {text-align: left; position: relative; padding-left: 3em; }
.ind7 {text-align: left; position: relative; padding-left: 3.5em; }
.ind8 {text-align: left; position: relative; padding-left: 4em; }
.ind { position: absolute; top: 0; left: 0; }

.linkBlue:link,.linkBlue:active,.linkBlue:hover,.linkBlue:visited,
.LinkBeige:link,.LinkBeige:active,.LinkBeige:hover,.LinkBeige:visited{color: #0066AA !important;}
.red, .fcRed { color: #ff0000; }
.fcBeige{color: #8D875B;}
.fcOrange{color: #eb5505;}
.fcG{color:#cda657;}
.fcGray{color: #A2A2A2;}
.fwB {font-weight: bold!important}
.fwBlack{font-weight: 900;}
.fwN{font-weight: normal !important;}
.taL{text-align: left !important;}
.taR{text-align: right !important;}
.taC{text-align: center !important;}
/*.LinkBeige:link,.LinkBeige:hover,.LinkBeige:active,.LinkBeige:visited{color: #9F8439;}*/
.taC{text-align: center;}
.fsS{font-size: 80%;}
.fsL{font-size: 130%;}
.disB{display: block;}
.marker {    background: linear-gradient(transparent 60%, #fae500 50%);}
.markerWhite {    background: linear-gradient(transparent 60%, #fff 50%);}
.markerBGWhite{
    display: inline;
    padding: .1em .0em;
    background: #fff;
    line-height: 2.0;
}
.bdt0{border-top: none !important;}
.noMb{margin-bottom: 0 !important;}

.measureTag{position: absolute; top:0;}
.measureTag.moneyactivity-planplus-read06{position: relative;}

.footerPopup { display: none!important;}
/*#contentsWrapper { padding-bottom: 0!important;}
.contArea { padding-bottom: 0!important;}*/



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




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

}

#floatNavWrap{display:none;transition: .6s;}
/*#floatNavWrap a{pointer-events: none;}*/
.modalOn #floatNavWrap{display: none;}
#floatNavWrap.on{z-index: 2; opacity: 1; display: block;}
/*#floatNavWrap.on a{pointer-events: auto;}*/

.dotCircle {
    position:absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(1);
    transition-duration: 0.6s;
    z-index: 0;
  }
  
  .slick-active .dotCircle {
    opacity: 1;
    transform: scale(1);
    transition-duration: 0.6s;
  }
  
  .dotCircle svg {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .dotCircle circle {
  transform-origin: center center;
      fill: transparent;
      stroke: #d8d8d8;
      stroke-width: 1px;
  }
  
  .dotCircle circle.move_circle {
    stroke: #D29200;
    stroke-width: 2px;
    box-sizing: border-box;
    transform: rotate(-90deg);
    stroke-dasharray: 0 150;
  }
  
  .slick-active .dotCircle circle.move_circle {
      animation: circle 5.3s linear forwards;
  }
  .slick-active .dotCircle.slickpause circle.move_circle { animation-play-state: paused; }
  
  
  @media screen and (max-width:767.98px) {
    .dotCircle {
      left: -1px;
    }
    .dotCircle circle.move_circle {
      stroke-width: 3px;
    }
    .dotCircle svg {
      /*transform: translate(-18%, -18%) scale(.64)*/
      transform: translate(-18%, -18%) scale(.80)
    }
  }
  
  @keyframes circle {
    0% { stroke-dasharray: 0 134; }
    99.9%,to { stroke-dasharray: 136 134; }
  }