@media screen and (min-width:768px) {
.wrapChargeArea .img-logo-plus{width: 392px; margin: 40px auto;}
.wrapChargeArea .chargeArea{
    /*max-width: 890px;*/
    margin: 0 auto;
    padding: 30px 44px;
    background: #fff;
    /*border: solid 1px #BCBCBC;*/
    text-align: center;
}
 .wrapChargeArea .innerTab > .chargeArea{
    border: solid 1px #AB8C46; 
    background: #fff; 
    padding: 50px 44px 40px;
    margin: 0 auto 40px;
}
.tgl-content-inner > .chargeArea{
   border: solid 1px #AB8C46; 
   background: #F8F0D8;
}
.wrapChargeArea .titPlan{}
.wrapChargeArea #c02-01 h3 .titPlan{color: #000;}
.wrapChargeArea #c02-01 .titPlan{font-size: 20px; font-weight: 900; /*color: #EB5505; */margin: 0 auto 20px;}
.wrapChargeArea #c02-02 .titPlan {
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto 20px;
}
.wrapChargeArea .chargeArea .boxPlan{margin: 0 auto 30px;}
.wrapChargeArea .chargeArea .boxPlan h3{margin: 0 auto 40px;}
.wrapChargeArea .chargeArea .boxPlan .boxBnr{margin: 0 auto 40px;}
.wrapChargeArea .chargeArea .boxPlan .txtPlan{margin: 0 auto 20px;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm{margin: 50px auto 20px; width: 490px; text-align: center; font-weight: bold;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .tit{ background: #F0F0F0; height: 42px; font-size: 20px; font-weight: bold; line-height: 42px; margin: 0 auto 20px;}

.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .wrapPrice{line-height:1;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice{ margin: 0 auto 5px;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice .num{
    font-size: 90px; 
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice .yen{font-size: 29px; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice .tax{font-size: 18px; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice{}

.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .num{
    font-size: 45px; 
    display: inline-block;
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .bracket{ font-size: 45px; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .yen{font-weight: bold; display: inline-block;}


.wrapChargeArea .chargeArea .boxPlan .arrowCharge{
    width: 600px;
    height: 112px;
    background: url(/content/dam/au-com/pr/moneyactivity/newplan/img/bg-c02-arrow_52c8e5778776777d.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    margin: 20px auto 20px;
    padding: 18px 0 0;
    text-align: center;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku{margin: 20px auto ; width: 490px; text-align: center; font-weight: bold;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .tit{ background: #EB5506; color: #fff; height: 42px; font-size: 20px; font-weight: bold; line-height: 42px; margin: 0 auto 20px;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .wrapPrice{line-height:1; color: #EB5506;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice{ margin: 0 auto 5px;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .effectivePrice{
    display: inline-block;
    font-size: 25px;
    color: #000;
    margin: 0 10px 0 0;
    line-height: 1.4;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .num{
    font-size: 90px; 
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .yen{font-size: 29px; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .tax{font-size: 18px; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice{}

.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .num{
    font-size: 45px; 
    display: inline-block;
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .bracket{ font-size: 45px; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .yen{font-weight: bold; display: inline-block;}

.wrapChargeArea .chargeArea .boxPlan .ulLink{margin: 0 auto 20px;}
.wrapChargeArea .chargeArea .boxPlan .ulLink > li:not(:last-child){margin: 0 auto 10px;}
.wrapChargeArea .chargeArea .titWai {
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 auto 30px;
}
.wrapChargeArea .chargeArea .titWai .titWaiSlashL,
.wrapChargeArea .chargeArea .titWai .titWaiSlashR {font-weight: 400;}
.wrapChargeArea .chargeArea .titWai .titWaiSlashL {padding-right: 5px;}
.wrapChargeArea .chargeArea .titWai .titWaiSlashR {padding-left: 5px;}

.wrapChargeArea #c02-02 .chargeArea{border: 1px solid #e5e5e5; border-top: none;}
.wrapChargeArea #c02-02{padding: 100px 0 0 ;}
.wrapChargeArea #c02-02 .inner{max-width: 890px; margin: 0 auto;}
.wrapChargeArea #c02-02 .inner > h3{margin: 0 auto 50px;}
.wrapChargeArea #c02-02 .inner > h3 img{display: block ; margin: 0 auto;}
.icon-recom {
    width: 142px;
    position: absolute;
    top: 0;
    left: 0;
}

.ulChargeBtm{max-width: 800px; margin: 30px auto 0;}
.ulChargeBtm > li:not(:last-child){margin: 0 auto 20px;}

.wrapChargeArea .noteToggleBox .tgl-content{ border-top: solid 1px #BABABA;}
/*アコーディオン　料金詳細　内訳*/
.wrapChargeArea .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-trig h3,
.wrapChargeArea .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;
}
.wrapChargeArea .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-content-inner{
    background: #fff;
    padding: 40px 99px;
    border: solid 1px #AB8C46;
    border-top: none;
}
/* アコーディオン　料金詳細　その他のサービス */
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li{margin: 0 auto 20px;}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li:last-child{margin:0 auto 0 ;}

.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig{display: block;}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3,
.wrapChargeArea #c02-01 > h3 {
position: relative;
    /*max-width: 890px;*/
    /* display: inline-block; */
    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;
}/*
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li > .tgl-trig h3{
    background: #F8F0D5;
    box-shadow: 0px 4px 0px #EADCA9;
}*/
.wrapChargeArea #c02-01 > h3{box-shadow: none;}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3{box-shadow: none; /*border-radius: 10px 10px 0 0;*/}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .em,
.wrapChargeArea #c02-01 > h3 .em{font-size: 20px;}
.wrapChargeArea .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;
}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(/content/dam/au-com/pr/moneyactivity/newplan/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);
}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3 .arrow::after {    transform: rotate(180deg) scale(1, 1);}
.wrapChargeArea .titBgWRound{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    max-width: 620px;
    text-align: center;
    margin: 40px auto 30px;
}
.wrapChargeArea .titBgWRound::after{
    content: '';
    display: block;
    width: 100%;
    border-top: solid 2px #AB8C46;
    position: absolute;
    top: 8px;
    left: 0;
    right:0;
}
.wrapChargeArea .titBgWRound span{
    display: inline-block;
    padding: 0 30px;
    
    position: relative;
    z-index: 1;
}

/*タブ*/
.wrapChargeArea #wrapTab1{padding: 60px 0 0;}
.wrapChargeArea .tabArea{margin: 0 auto;}

.tabArea{}
.wrapChargeArea .tabArea .ulTab{ display: flex;justify-content: center;align-items: flex-start; margin: 0 auto -2px;}
.wrapChargeArea .tabArea .ulTab li{width: 49%; display: block;}
.wrapChargeArea .tabArea .ulTab li:nth-child(1){margin: 0 1% 0 0;}
.wrapChargeArea .tabArea .ulTab li:nth-child(2){margin: 0 0 0 1%;}
.wrapChargeArea .tabArea .ulTab li a{display: block; padding:0;height: 70px;  text-decoration: none; font-size: 0; color: #000; position: relative; border: solid 2px #fff; border-bottom:none ; border-radius: 16px 16px 0 0; font-weight: bold; line-height:68px;transition: none !important; text-align: center;}
.wrapChargeArea .tabArea .ulTab li a:hover{transition: none !important;}
.wrapChargeArea .tabArea .ulTab li:nth-child(1) a{background: #F7F0D7;border: solid 1px #AB8C46;border-bottom:none ;}
.wrapChargeArea .tabArea .ulTab li:nth-child(2) a{background: #F8F0D5;border: solid 1px #AB8C46;border-bottom:none ;}
.wrapChargeArea .tabArea .ulTab li a.cur{ opacity: 1;    z-index: 4; /* font-size: 19px ;font-weight: 900;*/border: solid 1px #AB8C46;border-bottom:none ; background: #fff;}


.wrapChargeArea .tabArea .tabContent{
    /*border: solid 1px #AB8C46;
    background: #fff;
    padding: 40px 0 0;*/
    position: relative;
}
.wrapChargeArea .tabArea .tabContent .innerTab{ margin: 0 auto;}
/*タブ*/

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

.wrapChargeArea .wrapTable{ margin: 0 auto; }
/*.wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}*/
.wrapChargeArea .wrapTable table{width: 100%; margin: 0 auto;border-collapse: separate; table-layout: fixed;}
.wrapChargeArea .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;}
.wrapChargeArea .wrapTable table tr:first-child th{border-top: solid 1px #D29200;}
.wrapChargeArea .wrapTable table tr:last-child th{}
.wrapChargeArea .wrapTable table thead tr th{ padding: 0 0 10px !important;       border: none !important;    background: none !important;}
.wrapChargeArea .wrapTable table thead tr th .img{text-align: center;}
.wrapChargeArea .wrapTable table thead tr th .img img{margin: 0 auto;}

.wrapChargeArea .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;}
.wrapChargeArea .wrapTable table tr td:last-child{border-right: solid 1px #D29200;}
.wrapChargeArea .wrapTable table tr:first-child td{border-top: solid 1px #D29200; }

.wrapChargeArea .tableBD table.tableType1{margin: 0 auto;}
.wrapChargeArea .tableBD table.tableType1 tr th:nth-child(1){width: 10%;}
.wrapChargeArea .tableBD table.tableType1 tr th:nth-child(2){width: 45%;}
.wrapChargeArea .tableBD table.tableType1 tr td{width: 45%;}
.wrapChargeArea .tableBD table.tableType2 tr th{width: 55%;}
.wrapChargeArea .tableBD table.tableType2 tr td{width: 45%;}

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

.wrapChargeArea .boxFukidashi{
    background: #FBF5E9;
    padding: 10px;
    text-align: left;
    position:relative;
}
.wrapChargeArea .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);
}
.wrapChargeArea .boxKangen{ 
    background: #EDD399;
    padding: 15px 0;
    text-align: center;
    width: 680px;
    margin: 40px auto 30px;
}
.wrapChargeArea .boxKangen .tit{font-size:18px; font-weight: bold; margin: 0 auto 10px;}
.wrapChargeArea .bgYellow{ background: #F9E497; padding: 20px 0; text-align: center;}
.wrapChargeArea .bgYellow .tit{font-weight: bold; margin: 0 auto 10px;}
.wrapChargeArea .bgYellow .ulNote{width: 600px; margin: 0 auto;}

}
/*SP*/
@media screen and (min-width:0) and (max-width:767.98px) {
.wrapChargeArea .img-logo-plus{width: 75%; margin: 10% auto 8%;}
.wrapChargeArea .chargeArea{
    margin: 0 auto;
    padding: 10% 3%;
    background: #fff;
    /* border: solid 1px #BCBCBC; */
    text-align: center;
}
 .wrapChargeArea .innerTab > .chargeArea{
        border: solid .2vw #AB8C46;
        background: #fff;
        padding: 10% 3% 5%;
        margin: 0 auto 10%;
}
.tgl-content-inner > .chargeArea{
   border: solid .2vw #AB8C46; 
   background: #F8F0D8;
}
.wrapChargeArea .chargeArea .boxPlan h3 {
    margin: 0 auto 12%;
}
.wrapChargeArea .chargeArea .boxPlan .boxBnr{margin: 0 auto 12%;}
.wrapChargeArea .titPlan{}
.wrapChargeArea #c02-01 h3 .titPlan{color: #000;}
.wrapChargeArea #c02-01 .titPlan{font-size: 5vw; font-weight: 900; /*color: #EB5505; */margin: 0 auto 5%;}
.wrapChargeArea #c02-02 .titPlan {
    font-size: 4.0vw;
    font-weight: 700;
    margin: 0 auto 5%;
    line-height: 1.2;
}
.wrapChargeArea .chargeArea .boxPlan{margin: 0 auto 5%;}
.wrapChargeArea .chargeArea .boxPlan .txtPlan{margin: 0 auto 5%;font-size: 3.2vw;}

.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm{
    width: 88%;
    margin: 10% auto 6%;
    text-align: center;
    font-weight: bold;
    font-size: 4vw;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .tit{ 
    background: #F0F0F0;
    height: 10vw;
    font-size: 4vw;
    font-weight: bold;
    line-height: 10vw;
    margin: 0 auto 5%;
}

.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .wrapPrice{line-height:1;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice{ margin: 0 auto 3%;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice .num{
    font-size: 15vw; 
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice .yen{font-size: 4.0vw; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxPrice .tax{font-size: 4.0vw; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice{}

.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .num{
    font-size: 7.5vw; 
    display: inline-block;
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .bracket{ font-size:8vw; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .yen{font-size: 3.4vw;font-weight: bold; display: inline-block;}

.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku{width: 88%; margin: 5% auto ; text-align: center; font-weight: bold;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .tit{ background: #EB5506; color: #fff; 
    height: 10vw;
    font-size: 4vw;
    font-weight: bold;
    line-height: 10vw;
    margin: 0 auto 5%;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .wrapPrice{line-height:1; color: #EB5506;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice{ margin: 0 auto 3%;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .effectivePrice{
    display: inline-block;
    font-size: 5vw;
    color: #000;
    margin: 0 .5vw 0 0;
    line-height: 1.4;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .num{
    font-size: 15vw; 
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .yen{font-size: 4.0vw; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxPrice .tax{font-size: 4.0vw; font-weight: bold;display: inline-block;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice{}

.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .num{
    font-size: 7.5vw; 
    display: inline-block;
    display: inline-block;
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .bracket{ font-size: 8vw; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .yen{font-size: 3.4vw; font-weight: bold; display: inline-block;}

.wrapChargeArea .chargeArea .boxPlan .arrowCharge{
        /* width: 85vw; */
        height: 26vw;
        background: url(/content/dam/au-com/pr/moneyactivity/newplan/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;
}

.wrapChargeArea .chargeArea .boxPlan .ulLink{margin: 0 auto 5%;}
.wrapChargeArea .chargeArea .boxPlan .imgChargeOtoku + .ulLink > li{text-align: right;}
.wrapChargeArea .chargeArea .boxPlan .ulLink > li:not(:last-child){margin: 0 auto 3%;}
.wrapChargeArea .chargeArea .titWai {
    font-size: 3.8vw;
    font-weight: 700;
    line-height: 5vw;
    margin: 0 auto 3vw;
}
.wrapChargeArea .chargeArea .titWai .titWaiSlashL,
.wrapChargeArea .chargeArea .titWai .titWaiSlashR {font-weight: 400;}
.wrapChargeArea .chargeArea .titWai .titWaiSlashL {padding-right: 1vw;}
.wrapChargeArea .chargeArea .titWai .titWaiSlashR {padding-left: 1vw;}


.wrapChargeArea #c02-02 .chargeArea{border: 1px solid #e5e5e5; border-top: none;}
.wrapChargeArea #c02-02{padding: 20% 0 0 ;}
.wrapChargeArea #c02-02 .inner{margin: 0 auto;}
.wrapChargeArea #c02-02 .inner > h3{margin: 0 auto 10%; width: 80%;}
.wrapChargeArea #c02-02 .inner > h3 img{display: block ; margin: 0 auto;}
.icon-recom {
    width: 24vw;
    position: absolute;
    top: 0;
    left: 0;
}
.ulChargeBtm{ margin: 10% auto 0;}
.ulChargeBtm > li:not(:last-child){margin: 0 auto 5%;}

/*アコーディオン　料金詳細　内訳*/
.wrapChargeArea .noteToggleBox .tgl-content{ border-top: solid 1px #BABABA;}
.wrapChargeArea .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-trig h3,
.wrapChargeArea .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;
    /*font-size: 3vw;*/
}
.wrapChargeArea .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-content-inner{
    background: #fff;
    padding: 10% 3%;
    border: solid 1px #AB8C46;
    border-top: none;
}
/* アコーディオン　料金詳細　その他のサービス */
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li{margin: 0 auto 3%;}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li:nth-child(6) {    margin: 10% auto 3%;}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li:last-child{margin:0 auto 0 ;}

.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig{display: block;}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3,
.wrapChargeArea #c02-01 > h3 {
position: relative;
    /* display: inline-block; */
    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;
}
/*
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li > .tgl-trig h3{
    background: #F8F0D5;
    box-shadow: 0px 4px 0px #EADCA9;
}*/

.wrapChargeArea #c02-01 > h3{box-shadow: none;}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3{box-shadow: none; /*border-radius: 10px 10px 0 0;*/}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .em,
.wrapChargeArea #c02-01 > h3 .em{font-size: 4vw;}
.wrapChargeArea .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;
}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(/content/dam/au-com/pr/moneyactivity/newplan/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);
}
.wrapChargeArea .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3 .arrow::after {    transform: rotate(180deg) scale(1, 1);}
.wrapChargeArea .titBgWRound{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    max-width: 620px;
    text-align: center;
    margin: 40px auto 30px;
}
.wrapChargeArea .titBgWRound::after{
    content: '';
    display: block;
    width: 100%;
    border-top: solid 2px #AB8C46;
    position: absolute;
    top: 8px;
    left: 0;
    right:0;
}
.wrapChargeArea .titBgWRound span{
    display: inline-block;
    padding: 0 30px;
    
    position: relative;
    z-index: 1;
}

/*タブ*/
.wrapChargeArea #wrapTab1{padding: 60px 0 0;}
.wrapChargeArea .tabArea{margin: 0 auto;}

.wrapChargeArea .tabArea{}
.wrapChargeArea .tabArea .ulTab{ display: flex;justify-content: center;align-items: flex-start; margin: 0 auto -.4vw;}
.wrapChargeArea .tabArea .ulTab li{width: 49%; display: block;}
.wrapChargeArea .tabArea .ulTab li:nth-child(1){margin: 0 1% 0 0;}
.wrapChargeArea .tabArea .ulTab li:nth-child(2){margin: 0 0 0 1%;}
.wrapChargeArea .tabArea .ulTab li a{
    display: block;
    padding: 0;
    /*height: 19vw;*/
    text-decoration: none;
    color: #000;
    position: relative;
    border: solid .4vw #fff;
    border-bottom: none;
    border-radius: 3vw 3vw 0 0;
    /*font-weight: bold;*/
    line-height: 1;
    font-size: 0;
    padding: 3vw 5%;
    transition: none !important;
    text-align: center;
}
.wrapChargeArea .tabArea .ulTab li a:hover{transition: none !important;}
.wrapChargeArea .tabArea .ulTab li:nth-child(1) a{background: #F7F0D7;border: solid .2vw #AB8C46;border-bottom:none ;}
.wrapChargeArea .tabArea .ulTab li:nth-child(2) a{background: #F8F0D5;border: solid .2vw #AB8C46;border-bottom:none ;}
.wrapChargeArea .tabArea .ulTab li a.cur{ opacity: 1;    z-index: 4; /* font-size: 4vw ;font-weight: 900;*/border: solid .2vw #AB8C46;border-bottom:none ; background: #fff;}


.wrapChargeArea .tabArea .tabContent{
    /*
    border: solid .2vw #AB8C46;
    background: #fff;
    padding: 5% 0 0;*/
    position: relative;
}
.wrapChargeArea .tabArea .tabContent .innerTab{ margin: 0 auto;}
/*タブ*/

/*table 内訳*/
.wrapChargeArea .wrapTableBD{ margin: 0 auto; }
.wrapChargeArea .wrapTableBD .tit{text-align: left; font-size: 3vw; font-weight: bold; margin: 5% auto 5%;}
.wrapChargeArea .tableBD{ margin: 0 auto; border: solid 1px #EFDCBB;/* overflow: hidden;*/}
.wrapChargeArea .tableBD table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}

.wrapChargeArea .tableBD table tr th{border-bottom: solid 1px #EFDCBB; border-right: solid 1px #EFDCBB;background: #FBF5E9;padding: 3% 2%;text-align: left;}
.wrapChargeArea .tableBD table tr td{border-bottom: solid 1px #EFDCBB;padding: 3% 2%; text-align: right;background: #fff;}

.wrapChargeArea .tableBD table tr:last-child th{border-bottom:none;}
.wrapChargeArea .tableBD table tr:last-child td{border-bottom:none;}

.wrapChargeArea .tableBD table tr th.bdBnon{border-bottom: none;}
.wrapChargeArea .tableBD table tr th.bdRnon{border-right: none;}
.wrapChargeArea .tableBD table tr td .em{font-size: 4vw; font-weight: bold;}
.wrapChargeArea .tableBD table tr td .fsS{font-size: 3vw;}
.wrapChargeArea .tableBD table tr th.bgBeige{background: #F2E3C2;}
.wrapChargeArea .tableBD table tr th.bgKhaki{ background: #E8CB66;}
.wrapChargeArea .tableBD table tr td .bgTxtOrange{display: inline-block; padding: 1vw .8vw; line-height: 4vw; background: #EB5505; font-size: 2.8vw; color: #fff;}
.wrapChargeArea .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;
}
.wrapChargeArea .tableBD table tr td .boxPlus .iconPlus{
    display: block;
    width: 5vw;
    position: absolute;
    top: -2.5vw;
    right: calc(50% - 2.5vw);
}
.wrapChargeArea .wrapTableBD .noteArea{ margin: 5% auto 0; text-align: left;}
.wrapChargeArea .wrapTableBD .noteArea .boxNote{
    padding: 5%;
    border: solid .2vw #EFDCBB;
    margin: 0 auto 3%;
}

.wrapChargeArea .wrapTable{ margin: 0 auto; }
/*.wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}*/
.wrapChargeArea .wrapTable table{width: 100%; margin: 0 auto;border-collapse: separate; table-layout: fixed;}
.wrapChargeArea .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;}
.wrapChargeArea .wrapTable table tr:first-child th{border-top: solid 1px #D29200;}
.wrapChargeArea .wrapTable table tr:last-child th{}

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



.wrapChargeArea .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;}
.wrapChargeArea .wrapTable table tr td:last-child{border-right: solid 1px #D29200;}
.wrapChargeArea .wrapTable table tr:first-child td{border-top: solid 1px #D29200; }
.wrapChargeArea .wrapTable table tr:first-child td:last-child{}
.wrapChargeArea .wrapTable table tr:last-child td:last-child{}

.wrapChargeArea .tableBD table.tableType1{margin: 0 auto;}
.wrapChargeArea .tableBD table.tableType1 tr th:nth-child(1){width: 6%;}
.wrapChargeArea .tableBD table.tableType1 tr th:nth-child(2){width: 40%;}
.wrapChargeArea .tableBD table.tableType1 tr td{width: 54%;}

.wrapChargeArea .tableBD table.tableType2 tr th{width: 46%;}
.wrapChargeArea .tableBD table.tableType2 tr td{width: 54%;}

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

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

.wrapChargeArea .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);
}*/
.wrapChargeArea .boxKangen{ 
    background: #EDD399;
    padding: 5%;
    text-align: center;
    margin: 10% auto 5%;
}
.wrapChargeArea .boxKangen .tit{font-size:4vw; font-weight: bold; margin: 0 auto 3%;}
.wrapChargeArea .bgYellow{ background: #F9E497; padding: 5% 3%; text-align: center;}
.wrapChargeArea .bgYellow .tit{font-weight: bold; margin: 0 auto 3%;}
.wrapChargeArea .bgYellow .ulNote{margin: 0 auto;}

}

/*タブ*/
.wrapChargeArea .tabArea .tabContent .innerTab#tab1{display: block;}
.wrapChargeArea .tabArea .tabContent .innerTab#tab2{display: none;}