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

@media screen and (min-width: 768px) {
/*common*/
.cmp-au-com-container__width__1column__980>.cmp-au-com-container>.cmp-au-com-container__contents{width: 100%;}
/*#newPlanLP{    margin: 10px auto 0;}*/

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

.cBox > .anchorPoint#ancC01-01,.cBox > .anchorPoint#ancC01-02,.cBox > .anchorPoint#ancC01-03,.cBox > .anchorPoint#ancC01-04,.cBox > .anchorPoint#ancC01-05{    position: absolute;    top:0;    display: block;}


/*.footerTax{display: none;}*/
.footerSiteMap {padding-bottom: 120px;}
.footerSiteMap.closeFL {padding-bottom: 30px; }
.linkTxt{text-decoration: none !important; color: #EB5505;}
.linkTxt:link,.linkTxt:active,.linkTxt:hover,.linkTxt:visited,
.linkIcon:link,.linkIcon:active,.linkIcon:hover,.linkIcon:visited{color: #EB5505;}
.fcRed .linkTxt{text-decoration: none !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;}
.fcOrange.linkTxt:link,.fcOrange.linkTxt:active,.fcOrange.linkTxt:hover, .fcOrange.linkTxt:visited,
.fcOrange.linkIcon:link,.fcOrange.linkIcon:active, .fcOrange.linkIcon:hover, .fcOrange.linkIcon:visited {    color:#EB5505!important;}
.linkTxt:hover,.fcRed .linkTxt:hover{text-decoration: underline !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(/content/dam/au-com/pr/newplan/img/icon_sprite_f1a9db069cbaebe5.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(/content/dam/au-com/pr/newplan/img/icon_sprite_f1a9db069cbaebe5.webp);
    background-position: -41px -20px;
    width: 16px;
    height: 16px;
    background-size: 121px 118px;
}
/*BTN*/
.btn {
    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;}*/

.btnPlus,
.btnFL{
    display: block;
    width: 220px;
    height: 50px;
    line-height: 46px;
    background-image: linear-gradient(90deg, #A72BBE, #1165E3);
    margin-inline: auto;
    font-weight: bold;
    position: relative;
    box-shadow: 0px 4px 3px 0 rgba(124, 185, 255, 0.25);
}
#c05 .btnPlus{width: 260px;}
.btnFL{max-width: 550px; width: 100%; height: 60px; line-height: 56px; border-radius: 30px; box-shadow: none;}
.btnPlus::before,
.btnFL::before{
    content: '';
    display: block;
    transform: scale(1);
width: calc(100% - 4px);
height: calc(100% - 4px);
background: #fff;
border-radius: 23px;
position: absolute;
top: 2px;
left: 2px;
}
.btnFL::before{border-radius: 30px;}
.btnPlus::after{
    content: '\FF0B';
    display: block;
    transform: rotate(0) scale(1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.5em);
    color: #007FFF;
}
.btnFL::after {
    content: '\FF1E';
    display: block;
    color: #007FFF;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    position: absolute;
    top: calc(50% - 1.7em);
    right: 1em;
}
.btnPlus .txtGradient,
.btnFL .txtGradient{
  display: inline-block;
  background: linear-gradient(90deg, #A72BBE, #1165E3);
  background-clip:text;
  -webkit-background-clip: text;
  color: rgb(0 0 0 / 20%);
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}

.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);
}



.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{
    transform: rotate(0) scale(1, 1);

    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    background-image: url(/content/dam/au-com/pr/newplan/img/icon_sprite_f1a9db069cbaebe5.webp);
    background-position: 0.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}
.btnWhite.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    
    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;}






/*アコーディオン*/
.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;
   
}
#c03 .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 10px;}
.tableBD{ margin: 0 auto; border: solid 1px #FFD6B3; overflow: hidden;}
.tableBD table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}
.tableBD table tr{  }
.wrapTable table.tableType1 tr th:nth-child(1){width: 6%;}
.wrapTable table.tableType1 tr th:nth-child(2){width: 40%;}
.wrapTable table.tableType1 tr td{width: 54%;}
.tableBD table tr:first-child{}
.tableBD table tr:last-child{}
.tableBD table tr th{border-bottom: solid 1px #FFD6B3; border-right: solid 1px #FFD6B3;background: #FFF8EF;padding: 10px 20px;text-align: left;}
.tableBD table tr td{border-bottom: solid 1px #FFD6B3;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: #FFE6CB;}
.tableBD table tr th.bgKhaki{ background: #FFD6B2;}
.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: #FFD6B3;
    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;}
.wrapTableBD .noteArea .boxNote{
    padding: 10px;
    border: solid 1px #FFD6B3;
    margin: 0 auto 10px;
}

.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: #FFF8EF;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{}

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

.tableBD table.tableType2 tr th{width: 55%;}
.tableBD table.tableType2 tr td{width: 45%;}

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

.boxFukidashi{
    background: #FFF8EF;
    padding: 10px;
    text-align: left;
    position:relative;
}
.boxFukidashi::before{
    content: '';
    display: block;
    background: #FFF8EF;
    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;}



/*モーダル中身*/
.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;}
.boxModal .inner {    margin: 0 auto 20px;}

.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;}

/*-------------------------------------PC本編----------------------------------------*/
.wrapMV {
    position: relative;  
    width: 100%;
    background: url(../img/bg-mv-param_3406f0aa341c7f30.webp); 
    background-repeat:no-repeat ;
    background-size: auto 100%;
    background-position: center top;
}/*
.leftHalf {
    
    background-size: 100% 100%;
    width: 50%;
    position: absolute;
    left: 0px;
    height: 100%;
}
.rightHalf {
    
    background-size: 100% 100%;
    width: 50%;
    position: absolute;
    right: 0px;
    height: 100%;
}*/
.wrapMV .innerMV{
    position: relative;
    margin: 0 auto;
    display: none;
}
.wrapMV .innerMV .linkMvAnc::after {
content: '';
        display: block;
        transform: scale(1);
        font-weight: bold;
        position: absolute;
        right: -.5em;
        top: calc(50% - 0.5em);
        width: 1.2em;
        height: 1.2em;
        background: url(../img/icon-mvlink_3125c6a2a44f6831.webp);
        background-repeat: no-repeat;
        background-size: 100%;
}
.wrapMV .innerMV{
    position: relative;  
    width: 100%;
    background: url(../img/bg-mv_96d5227d15382ea7.webp); 
    background-repeat:no-repeat ;
    background-size: auto 100%;
    background-position: center top;
}

.wrapMV .innerMV#starlinkDirect{
    background: url(../img/mv-sd_22e01bf5a9e16b9a.webp); 
    background-repeat:no-repeat ;
    background-size: auto 100%;
    background-position: center top;
}
.wrapMV .innerMV#kaigai{
    background: url(../img/mv-kaigai_b372eb97822579b1.webp); 
    background-repeat:no-repeat ;
    background-size: auto 100%;
    background-position: center top;
}
.wrapMV .innerMV#fastLane{
    background: url(../img/mv-fl_b523a771719c2107.webp); 
    background-repeat:no-repeat ;
    background-size: auto 100%;
    background-position: center top;
}
.wrapMV .innerMV#sbuscPlus{
    background: url(../img/mv-sp_dc45106f693baf74.webp); 
    background-repeat:no-repeat ;
    background-size: auto 100%;
    background-position: center top;
}
.wrapMV .innerMV#ponta{
    background: url(../img/mv-ponta_54b15329753f2471.webp); 
    background-repeat:no-repeat ;
    background-size: auto 100%;
    background-position: center top;
}

.wrapMV .innerMV#starlinkDirect .linkMvAnc{
    position: absolute;
    bottom: 120px;
    right: 130px;
}
.wrapMV .innerMV#kaigai .linkMvAnc{
    position: absolute;
    bottom: 120px;
    right: 150px;
}
.wrapMV .innerMV#fastLane .linkMvAnc{
    position: absolute;
    bottom: 140px;
    right: 130px;
}
.wrapMV .innerMV#sbuscPlus .linkMvAnc{
    position: absolute;
    bottom: 90px;
    right: 110px;
}
.wrapMV .innerMV#ponta .linkMvAnc{
    position: absolute;
    bottom: 120px;
    right: 150px;
}

.wrapMV .innerMV h1{max-width: 980px;margin: 0 auto ; position: relative;}
.wrapMV .innerMV img{max-width:100%; margin: 0 auto; display: block;}
.wrapMV .innerMV .lead{ text-align: center; margin: 0 auto 100px;}
.wrapMV .innerMV .ulNote{width: 770px; margin: 0 auto; }
.wrapMV .innerMV .ulNote > li{text-align: left; font-size: 9px !important; line-height: 1.2 !important;}

#wrapContent{position: relative;}

.wrapLnav{
    width: 100%;
    position: absolute;
    margin: 0 auto 0;
    z-index: 5;
}
.boxLnav{
    /*max-width: 816px;*/
    background:rgba(0,0,0,0.6);
    width: 100%;
    height: 80px;
    padding: 10px 0;
    margin: 0 auto;
    /*
    border-radius: 20px;
    box-shadow: 0px 6px 8px 0 rgba(124, 185, 255, 0.25);*/
   
    /*pointer-events: none;*/
}
.boxLnav .ulLnav{ display: flex; justify-content: center; margin: 0 auto;}
.boxLnav .ulLnav > li{
    width: calc(100% / 2);
    text-align: center;
    font-size: 17px;
    /*
    height: 80px;
    padding: 20px 0;
    */
    position: relative;
}
.boxLnav .ulLnav > li.link-current::after{
    content: '';
    display: block;
    height: 3px;
    width: 70%;
    background: #EBBE92;
background: linear-gradient(90deg,rgba(235, 190, 146, 1) 0%, rgba(244, 167, 201, 1) 30%, rgba(161, 100, 188, 1) 60%, rgba(103, 118, 232, 1) 75%, rgba(46, 183, 255, 1) 100%);
    bottom: -17px;
    left: 15%;
    position: relative;
}
.boxLnav .ulLnav > li a{
    display: block;
    /*border-right: solid 1px #E6E6E6;*/
}
.boxLnav .ulLnav > li:last-child a{border: none;}
.boxLnav .ulLnav > li.link-current a{
    transition: none !important;
}
.boxLnav .ulLnav > li .txtLnav{
    display:inline-block;
    background: url(../img/icon-arrow-lnav_7cc0f901ed1b5d3d.webp);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center right;
    padding-right: 30px;
    height: 40px;
    line-height: 40px;
}

#c01 .boxImg{
    position: relative;
    width: 46%;
    border-radius: 20px;
}
#c01 .boxImg::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    position: absolute;
    right: -10px;
    top: 0;
    transform: rotate(3deg);
    background: #ACDFFF;
    background: linear-gradient(135deg,rgba(232, 224, 255, 1) 0%, rgba(239, 237, 253, 1) 40%, rgba(172, 223, 255, 1) 100%);
    z-index: 0;
}
#c01 .bgRl .boxImg::after{
    position: absolute;
    right: auto;
    left: -10px;
    top: 0;
    transform: rotate(-3deg);
    background: #ACDFFF;
    background: linear-gradient(45deg,rgba(172, 223, 255, 1) 0%, rgba(239, 237, 253, 1) 40%, rgba(232, 224, 255, 1) 100%);
}
.boxMov{
    position: relative;
    border-radius: 20px;
    z-index: 1;
}
.boxMov video{
    width: 100%;
    border-radius: 20px;
}


.bgGradient{background:#fff url(../img/bg-gradient_b1aad1b494a7235f.webp) no-repeat; background-size: 100% auto; background-position: bottom center; border-radius:0 0 100px 100px ;padding-bottom: 180px; position: relative;}
.sw-Bg_g {background: #A957B7;
    background: linear-gradient(90deg,rgba(169, 87, 183, 1) 0%, rgba(118, 97, 191, 1) 38%, rgba(79, 104, 197, 1) 68%, rgba(98, 189, 255, 1) 100%);
    border-radius:0 50px 50px 0;
}
.bgRl .sw-Bg_g {
    background: linear-gradient(90deg,rgba(169, 87, 183, 1) 100%, rgba(118, 97, 191, 1) 68%, rgba(79, 104, 197, 1) 38%, rgba(98, 189, 255, 1) 0%);
    border-radius:50px 0 0 50px;
}
.sw-Bg_g {
    display: block;
    position: absolute;
    z-index: 0;
    width: calc(50% + 492px);
    height: calc(100% + 0px);
    top: 0;
    right: calc(50% - 492px);
}

.bgRl .sw-Bg_g {
    display: block;
    position: absolute;
    z-index: 0;
    width: calc(50% + 492px);
    height: calc(100% + 0px);
    top: 0;
    left: calc(50% - 492px);
}
.bgW{background: #fff;}
.bgW {
    display: block;
    position: absolute;
    z-index: 0;
    width: calc(50% + 490px);
    height: calc(100% - 4px);
    top: 2px;
    right: calc(50% - 490px);
    border-radius:0 49px 49px 0;
}
.bgRl .bgW {
    display: block;
    position: absolute;
    z-index: 0;
    width: calc(50% + 490px);
    height: calc(100% - 4px);
    top: 2px;
    left: calc(50% - 490px);
    border-radius:49px 0 0 49px;
} 
#c01{
    padding: 120px 0 0;   
}
#c01 .inner{
    max-width: 980px;
    margin: 0 auto;
    padding: 100px 40px 100px;
    position: relative;
}


#c01 > H2{text-align: center; margin: 0 auto 40px;}
#c01 > H2 + .lead{text-align: center; font-weight: bold;}

#c01 .inner > .num{
    display: block;
    position: absolute;
    width: 100px;
    height: 46px;
    top: -23px;
    left: calc(50% - 45px);
    /* background: #fff; */
    text-align: right;
    z-index: 1;
}
#c01 .inner > .num img{
    display: block;
    z-index: 1;
    position: relative;
}
#c01 .inner > .num::after{
    content: '';
    display: block;
    width: 100px;
    height: 23px;
    background: #fff;
    bottom: 0;
    position: absolute;
    z-index: 0;
}

#c01 .inner .wrapFlex{
    position: relative;
    max-width:900px ;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#c01 .inner .wrapFlex .boxTxt > .badge{
    display: block;
    position: absolute;
    width: 101px;
    height: 101px;
    top: -60px;
    left: -45px;
    z-index: 2;
}
#c01 .bgRl .inner .wrapFlex .boxTxt > .badge{
    right: -45px;
    left: unset;
}

#c01 #c01-05 .inner .wrapFlex{display: block;}
/*#c01 #c01-05 .inner .wrapFlex .boxTxt > .badge{top: -80px;}*/

#c01 .inner .wrapFlex .boxTxt{
    position: relative;
    width: 45%;
}
#c01 .inner .wrapFlex .boxImg,#c01 .inner .wrapFlex > .img{
    position: relative;
    width: 50%;
}
#c01 .inner .wrapFlex .img img{max-width:430px; width: 100%; display: block; margin: 0 auto;}
#c01 .inner .wrapFlex .img .ponta img{width: 100%; max-width: none;}
#c01-04 .inner .wrapFlex .img .ponta {
    display: block;
    position: absolute;
    bottom: -40px;
    right: -12px;
    width: 105px;
    height: auto;
    z-index: 1;
}
#c01-05 .inner .wrapFlex .img .ponta {
display: block;
        position: absolute;
        height: auto;
        width: 103px;
        bottom: -55px;
        left: unset;
        right: -25px;
        z-index: 1;
}
/*wrapBtnMovie*/
.wrapBtnMovie{margin: 20px auto; text-align: center;}
.wrapBtnMovie .btnMovie{
margin: 0 auto;
padding: 10px 15px 10px 10px;
border: solid 1px #ccc;
display: flex;
justify-content: space-between;
}
.wrapBtnMovie .btnMovie .img{width: 35% !important;}
.wrapBtnMovie .btnMovie .img img{width: 100%;}
.wrapBtnMovie .btnMovie .txt{width: 62% !important; display: flex; align-items: center; justify-content: center;}


#c01 .inner .wrapFlex .boxTxt h3{    margin: 0 auto 30px;}
#c01 .inner .wrapFlex .boxTxt h3 img{display: block; width: 90%; margin: 0 auto;}
#c01 .inner .wrapFlex .boxTxt .tit{margin: 0 auto 20px; font-size: 24px; font-weight: bold; text-align: center;}


#c01 .inner .wrapFlex .boxTxt .txt{}
#c01 .inner .wrapFlex .boxTxt .ulNote > li{font-size: 10px; line-height: 1.2; margin:10px auto 0}
#c01 .inner .wrapFlex .boxTxt .btn{margin: 40px auto 0;}
#c01 .inner .txtLinkAtt{margin: 40px auto;}

#c01 #c01-01{margin: 120px 0 100px 0;}
#c01 #c01-02,#c01 #c01-03,#c01 #c01-04{margin: 0 0 100px 0;}

#c01-05 .inner .wrapFlex .boxTxt{    width: 100%;    max-width: 858px;    margin: 0 auto;}
#c01-05 .inner .wrapFlex .img{width: 100%;    max-width: 858px;    margin: 0 auto 40px; }
#c01-05 .inner .wrapFlex .img img{max-width: unset; width: 100%;}
#c01 #c01-05 .inner .wrapFlex .boxTxt h3{width: 80%; max-width: 596px;   margin: 0 auto 30px;}
#c01 #c01-05 .inner .wrapFlex .img .tit{margin: 0 auto 20px; font-size: 24px; font-weight: bold; text-align: center;}

#c02{
    padding: 120px 0 150px;
}
#c02 .innerCbox{max-width: 980px; margin: 0 auto;}
#c02 .innerCbox > h2{margin: 0 auto 50px;}
#c02 .innerCbox > h2 img{display: block; margin: 0 auto;}
#c02 .ulWrapBenefit{
    display: flex;
    justify-content: space-between;
}
#c02 .ulWrapBenefit > li{
    width: 48%;
    background: #fff;
    border-radius: 40px;
    position: relative;
    padding: 40px 20px;
    text-align: center;
}
#c02 .ulWrapBenefit > li .catch{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 40px 0 0;
    width: 150px;
    overflow: hidden;
}
#c02 .ulWrapBenefit > li .catch img{width: 100%;}
#c02 .ulWrapBenefit > li h3{
    font-size: 26px;
    font-weight: bold;
    height: 65px;
    line-height: 65px;
    margin: 0 auto 20px;
}
#c02 .ulWrapBenefit > li h3 img{
    display: inline-block;
    height: 100%;
    margin: 0 20px 0 0;
}
#c02 .ulWrapBenefit > li .wraoBenefit{
    position: relative;
    background: #F6F6F6;
    border-radius: 10px;
    padding: 20px 10px 10px;
    margin: 0 auto 20px;
}
#c02 .ulWrapBenefit > li .wraoBenefit h4{margin: 0 auto 30px;}
#c02 .ulWrapBenefit > li .wraoBenefit .ulBenefit > li:not(:last-child){margin: 0 auto 8px;}
#c02 .ulWrapBenefit > li .wraoBenefit .ponta{
    display: block;
    position: absolute;
    bottom: -15px;
    left: 20px;
    width: 105px;
    height: auto;
    z-index: 1;
}
#c02 .ulWrapBenefit > li:nth-child(2) .wraoBenefit .ponta{
    width: 103px;
    bottom: -90px;
    left: unset;
    right: -40px;
}
#c02 .ulWrapBenefit > li .btnPlus{margin-top: 20px;}

#c03{
    padding: 130px 0 0;
    margin: 0 auto;    
}
#c03 .innerCbox{
    max-width: 980px; 
    margin: 0 auto;
    padding: 60px 0 100px;
}
#c03 .innerCbox > .wrapH2{text-align: center;}
#c03 .innerCbox > .wrapH2 h2{
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    width: 160px;
    padding:20px 10px;
    border: 4px solid;
    border-image: linear-gradient(to right, #2EB7FF, #6776E8 25%, #A164BC 55%, #F4A7C9 75%, #EBBE92 100%);
  border-image-slice: 1;
  border-left: none;
  border-right: none;
  line-height: 1;

}


#c03 .img-logo-plus{width: 392px; margin: 40px auto;}
#c03 .chargeArea{
    max-width: 890px;
    margin: 0 auto;
    padding: 30px 44px;
    background: #fff;
    /*border: solid 1px #BCBCBC;*/
    text-align: center;
}
#c03 .titPlan{}
#c03-01 h3 .titPlan{color: #000;}
#c03-01 .titPlan{font-size: 34px; font-weight: 900; color: #EB5505; margin: 0 auto 20px;}
#c03-02 .titPlan {
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto 20px;
}
#c03 .chargeArea .boxPlan{margin: 0 auto 30px;}
#c03 .chargeArea .boxPlan h3{margin: 0 auto 40px;}
#c03 .chargeArea .boxPlan .txtPlan{margin: 0 auto 20px;}
#c03 .chargeArea .boxPlan .imgChargeNorm{margin: 50px auto 20px; width: 490px; text-align: center; font-weight: bold;}
#c03 .chargeArea .boxPlan .imgChargeNorm .tit{ background: #F0F0F0; height: 42px; font-size: 20px; font-weight: bold; line-height: 42px; margin: 0 auto 20px;}

#c03 .chargeArea .boxPlan .imgChargeNorm .wrapPrice{line-height:1;}
#c03 .chargeArea .boxPlan .imgChargeNorm .boxPrice{ margin: 0 auto 5px;}
#c03 .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;
}

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

#c03 .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;
}
#c03 .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .bracket{ font-size: 45px; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
#c03 .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .yen{font-weight: bold; display: inline-block;}


#c03 .chargeArea .boxPlan .arrowCharge{
    width: 600px;
    height: 112px;
    background: url(/content/dam/au-com/pr/newplan/img/bg-c02-arrow_f4587e3e49be6829.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    margin: 20px auto 20px;
    padding: 7px 0 0;
    text-align: center;
}
#c03 .chargeArea .boxPlan .imgChargeOtoku{margin: 20px auto ; width: 490px; text-align: center; font-weight: bold;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .tit{ background: #EB5506; color: #fff; height: 42px; font-size: 20px; font-weight: bold; line-height: 42px; margin: 0 auto 20px;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .wrapPrice{line-height:1; color: #EB5506;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxPrice{ margin: 0 auto 5px;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxPrice .effectivePrice{
    display: inline-block;
    font-size: 25px;
    color: #000;
    margin: 0 10px 0 0;
    line-height: 1.4;
}
#c03 .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;
}

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

#c03 .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;
}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .bracket{ font-size: 45px; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .yen{font-weight: bold; display: inline-block;}

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

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


/*アコーディオン　料金詳細　内訳*/
#c03 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-trig h3,
#c03 .chargeArea > .toggleBox .toggleInBox.toggleBD .wrapDummyTglTrig h3{
    position: relative;
    background: #F5F5F5;
    border: solid 1px #BCBCBC;
    margin: 0 auto;
    height: auto;
    padding: 20px 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
#c03 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-content-inner{
    background: #fff;
    padding: 40px 99px;
    border: solid 1px #BCBCBC;
    border-top: none;
}
/* アコーディオン　料金詳細　その他のサービス */
#c03 .inner > .toggleBox.otherPlan .ulToggle > li{margin: 0 auto 20px;}
#c03 .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li:last-child{margin:0 auto 0 ;}

#c03 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig{display: block;}
#c03 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3,
#c03 #c03-01 > h3 {
    position: relative;
    max-width: 890px;
    /* display: inline-block; */
    background: #E5F5FF;
    border-radius: 10px;
    margin: 0 auto;
    height: auto;
    padding: 20px 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #231815;
    box-shadow: 0px 4px 0px #B9E0F8;
}
#c03 .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li > .tgl-trig h3{
    background: #F8F0D5;
    box-shadow: 0px 4px 0px #EADCA9;
}
#c03 #c03-01 > h3{box-shadow: none;}
#c03 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3{box-shadow: none; border-radius: 10px 10px 0 0;}
#c03 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3 .em,
#c03 #c03-01 > h3 .em{font-size: 20px;}
#c03 .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;
}
#c03 .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/newplan/img/icon-arrow_2adba8d17bd2824c.webp) no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height:26px;
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px);
}
#c03 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig.open h3 .arrow::after {    transform: rotate(180deg) scale(1, 1);}
#c03 .titBgWRound{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    max-width: 620px;
    text-align: center;
    margin: 40px auto 30px;
}
#c03 .titBgWRound::after{
    content: '';
    display: block;
    width: 100%;
    border-top: solid 2px #AB8C46;
    position: absolute;
    top: 8px;
    left: 0;
    right:0;
}
#c03 .titBgWRound span{
    display: inline-block;
    padding: 0 30px;
    
    position: relative;
    z-index: 1;
}

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

.tabArea{}
.tabArea .ulTab{ display: flex;justify-content: center;align-items: flex-start; margin: 0 auto -2px;}
.tabArea .ulTab li{width: 49%; display: block;}
.tabArea .ulTab li:nth-child(1){margin: 0 1% 0 0;}
.tabArea .ulTab li:nth-child(2){margin: 0 0 0 1%;}
.tabArea .ulTab li a{display: block; padding:0;height: 70px;  text-decoration: none;  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;}
.tabArea .ulTab li a:hover{transition: none !important;}
.tabArea .ulTab li:nth-child(1) a{background: #E4F5FF;border: solid 2px #E4F5FF;border-bottom:none ;}
.tabArea .ulTab li:nth-child(2) a{background: #F8F0D5;border: solid 2px #F8F0D5;border-bottom:none ;}
.tabArea .ulTab li a.cur{ opacity: 1;    z-index: 4;  font-size: 19px ;font-weight: 900;border: solid 2px #E6E6E6;border-bottom:none ; background: #fff;}


.tabArea .tabContent{
    border: solid 2px #E6E6E6;
    background: #fff;
    padding: 40px 0 0;
    position: relative;
}
.tabArea .tabContent .innerTab{ margin: 0 auto;}
/*タブ*/
#c04{}
#c04 .innerCbox {max-width: 980px; margin: 0 auto;padding: 50px 0 0 0;}
#c04 .innerCbox > .inner h2{ text-align: center; margin: 0 auto 30px;}

#c04 .innerCbox .tit{font-weight: bold; margin: 0 auto 5px;}
#c04 .innerCbox .inner .ulNote{margin: 0 auto 10px;}
#c04 .wrapTable {max-width: 800px; margin: 10px 0 10px;}
#c04 .wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;white-space: wrap;}
#c04 .wrapTable table th,#c04 .wrapTable table td{ padding: 10px; border: solid 1px #333; text-align: left;font-size: 12px;        line-height: 1.4;}
#c04 .ulToggle > li:nth-child(4) .wrapTable table th{background: #fff; width: 15%;}

#c04 #tglFinanceAtt .wrapTable {max-width:unset; margin: 10px 0 10px;}
#c04 #tglFinanceAtt .wrapTable table{width: 100%;}
#c04 #tglFinanceAtt .wrapTable table tr th{ width: 10%;}
#c04 #tglFinanceAtt .wrapTable table tr td.td1,
#c04 #tglFinanceAtt .wrapTable table tr td.td2{ width: 20%;}
#c04 #tglFinanceAtt .wrapTable table tr td.td3{ width: 50%;}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex{display: flex; justify-content: space-between ;align-items: center;}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex > p{width: 18%; display: flex; align-items: center;}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner{
    width: 80%;
    padding: 10px;
    border: solid 1px #333;
    background: #F0F0F0;
}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner .ulNote{margin: 0 auto;}
#c04 #tglFinanceAtt .wrapFlex.boxPoint{
    display:flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 auto 10px;
}
#c04 #tglFinanceAtt .wrapFlex.boxPoint .boxL{
    width:32% ;
    padding: 3px 5px;
    border: solid 1px #333;
    display: flex; justify-content: center ;align-items: center;
}
#c04 #tglFinanceAtt .wrapFlex.boxPoint .boxR{
    width:66% ;
    padding: 3px 5px;
    border: solid 1px #333;
    display: flex; justify-content: center ;align-items: center;
}

/*ご注意事項Tgl*/
#c04 .ulToggle > li:not(:last-child){margin: 0 auto 30px;}
#c04 .noteBox{padding: 20px 0 0;}
#c04 .noteBox .tit{font-size: 12px; font-weight: bold; margin: 0 auto 10px;}
#c04 .tgl-trig{
    display: block;
    background: #F0F0F0;
    border-radius: 10px;
    /*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;
}

#c04 .tgl-trig{font-weight: 700;}
#c04 .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;
    
}
#c04 .tgl-trig.open::after {
    transform: rotate(270deg) scale(.6, 1);
}
#c04 .tgl-trig:link,#c04 .tgl-trig:hover,#c04 .tgl-trig:active,#c04 .tgl-trig:visited {
    color: #333;
}


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

#c05 {padding: 150px 0 0;}
#c05 .innerCbox{
    width: 100%;
background:#fff url(../img/bg-inquary_90a77dc181c9c665.webp) no-repeat; background-size: 100% 100%; background-position: top center; border-radius:100px 100px 0 0;
text-align: center;
padding: 100px 0;
}
#c05 .innerCbox h2{margin: 0 auto 40px;}
#c05 .titWai {
    font-size: 28px; 
    font-weight: bold;
    line-height: 30px;
    margin: 0 auto 10px;
}
#c05 .titWai .titWaiSlashL {    padding-right: 5px;}
#c05 .titWai .titWaiSlashR {    padding-left: 5px;}

#c06{padding: 130px 0 0 0;}
#c06 .innerCbox{
    max-width: 980px;
    margin: 0 auto;
}
#c06 .innerCbox > h2{width: 160px; margin: 0 auto 50px;}
/* アコーディオン　料金詳細　その他のサービス */
#c06 .toggleBox .ulToggle{margin: 0 auto 40px;}
#c06 .toggleBox .ulToggle > li{margin: 0 auto 20px;}
#c06 .toggleBox .ulToggle.mvlinkPlan > li:last-child{margin:90px auto 0 ;}

#c06 .toggleBox .ulToggle > li > .tgl-trig{display: block;}
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt{
    position: relative;

    background: #E5F5FF;
    border-radius: 10px;
    margin: 0 auto;
    height: auto;
    padding: 32px 50px 32px 70px;
    line-height: 1.2;
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    color: #231815;
    box-shadow: 0px 4px 0px #B9E0F8;
}
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt::after{
    content: '';
    display: block;
    width: 29px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: 21px;
    background: url(../img/icon-q_82a92f123639146e.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#c06 .toggleBox .ulToggle.mvlinkPlan > li > .tgl-trig h3{
    background: #F8F0D5;
    box-shadow: 0px 4px 0px #EADCA9;
}
/*#c06 .toggleBox .ulToggle > li > .tgl-trig.open .tglTrigTxt{box-shadow: none; border-radius: 10px 10px 0 0;}*/
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt .em{font-size: 20px;}
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt .arrow {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #fff;
    position: absolute;
    top: calc(50% - 13px);
    right: 20px;
    overflow: hidden;
}
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(/content/dam/au-com/pr/newplan/img/icon-arrow_2adba8d17bd2824c.webp) no-repeat;
    background-size: 100% 100%;
    width: 26px;
    height:26px;
    position: absolute;
    right: calc(50% - 13px);
    top: calc(50% - 13px);
}
#c06 .toggleBox .ulToggle > li > .tgl-trig.open .tglTrigTxt .arrow::after {    transform: rotate(180deg) scale(1, 1);}
#c06 .toggleBox .ulToggle > li .tgl-content-inner{padding:30px 80px ;}

/* 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;
}

}
@media screen and (min-width: 768px) and (max-width: 980px){
.wrapMV .innerMV .linkMvAnc{    font-size: 1.6vw;    }
.wrapMV .innerMV#starlinkDirect .linkMvAnc{
    position: absolute;
    bottom: 12vw;
    right: 13vw;
}
.wrapMV .innerMV#kaigai .linkMvAnc{
    position: absolute;
    bottom: 12vw;
    right: 15vw;
}
.wrapMV .innerMV#fastLane .linkMvAnc{
    position: absolute;
    bottom: 14vw;
    right: 13vw;
}
.wrapMV .innerMV#sbuscPlus .linkMvAnc{
    position: absolute;
    bottom: 9vw;
    right: 11vw;
}
.wrapMV .innerMV#ponta .linkMvAnc{
    position: absolute;
    bottom: 12vw;
    right: 15vw;
}
}

	

/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 1010px) {
    #floatNav .ulLnav > li a{font-size: 1.8vw;}
    .sw-Bg_g {
        width: 98%;
        height: calc(100% + 4px);
        top: 0;
        left: 0;
    }
    
    .bgRl .sw-Bg_g {
        width: 98%;
        height: calc(100% + 4px);
        top: 0;
        right: 0;
        left: auto;
    }
    .bgW{background: #fff;}
    .bgW {
        width: calc(98% - 2px);
        height: calc(100% - 0px);
        top: 2px;
        left: 0;
    }
    .bgRl .bgW {
        width: calc(98% - 2px);
        height: calc(100% - 0px);
        top: 2px;
       right: 0;
       left: auto;
    } 
    #c01 .inner{
        width: 96%;
    }

}
@media (max-width: 1199px){    
    .cmp-au-com-container__width__1column__980>.cmp-au-com-container>.cmp-au-com-container__contents{padding:0;}
    #newPlanLP{margin-top: 36px  }
    #newPlanLP.ver1126{margin-top: 26px  }
    .anchorPoint{    position: absolute;    top:0;    display: block;}
    .cBox > .anchorPoint{    position: absolute;    top:0;    display: block;}
    .cBox > .anchorPoint#ancC01-01,.cBox > .anchorPoint#ancC01-02,.cBox > .anchorPoint#ancC01-03,.cBox > .anchorPoint#ancC01-04,.cBox > .anchorPoint#ancC01-05{    position: absolute;    top:-50px;    display: block;}
    /*.anchorPoint{    position: absolute;    top:-100px;    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;}*/
#newPlanLP,
#newPlanLP.ver1126 { margin-top: 44px !important;   font-size: 3.8vw; position: relative;}
.anchorPoint{    position: absolute;    top:-5vw;    display: block;}
.cBox > .anchorPoint{    position: absolute;    top:-5vw;    display: block;}
.cBox > .anchorPoint#ancC01-01,.cBox > .anchorPoint#ancC01-02,.cBox > .anchorPoint#ancC01-03,.cBox > .anchorPoint#ancC01-04,.cBox > .anchorPoint#ancC01-05{    position: absolute;    top:-10vw;    display: block;}
/*.anchorPoint{    position: absolute;    top:-22vw;    display: block;}*/


.linkTxt{text-decoration: none !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: none !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;}
.fcOrange.linkTxt:link,.fcOrange.linkTxt:active,.fcOrange.linkTxt:hover, .fcOrange.linkTxt:visited,
.fcOrange.linkIcon:link,.fcOrange.linkIcon:active, .fcOrange.linkIcon:hover, .fcOrange.linkIcon:visited {    color:#EB5505!important;}
.linkTxt:hover,.fcRed .linkTxt:hover{text-decoration: underline !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(/content/dam/au-com/pr/newplan/img/icon_sprite_f1a9db069cbaebe5.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-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);
}


.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{
    transform: rotate(0) scale(1, 1);

    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    background-image: url(/content/dam/au-com/pr/newplan/img/icon_sprite_f1a9db069cbaebe5.webp);
    background-position: 0.5px -100px;
    width: 9px;
    height: 9px;
    background-size: 121px 118px;
}
.btnWhite.btnBlank::after{
    content: "";
    position: absolute;
    top: calc(50% - 1.5vw);
    right: 4vw;
    
    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;
}

.btnPlus,
.btnFL{
    display: block;
    width: 50vw;
    height: 12vw;
    line-height: 12vw;
    background-image: linear-gradient(90deg, #A72BBE, #1165E3);
    margin-inline: auto;
    font-weight: bold;
    position: relative;
    box-shadow: 0px 4px 3px 0 rgba(124, 185, 255, 0.25);
}
#c05 .btnPlus{width: 80%;}
.btnFL{width: 60vw; box-shadow: none;}
.btnPlus::before,
.btnFL::before{
    content: '';
    display: block;
    transform: scale(1);
    width: calc(100% - .8vw);
    height: calc(100% - .8vw);
    background: #fff;
    border-radius: 6vw;
    position: absolute;
    top: .4vw;
    left: .4vw;
}
.btnPlus::after{
    content: '\FF0B';
    display: block;
    transform: rotate(0) scale(1);
    font-weight: bold;
    position: absolute;
    right: 1em;
    top: calc(50% - 1.6em);
    color: #007FFF;
}
.btnFL::after {
    content: '\FF1E';
    display: block;
    transform: rotate(0) scale(.6, 1);
    font-weight: bold;
    color: #007FFF;
    position: absolute;
    right: .6em;
    top: calc(50% - 6vw);
}
.btnPlus .txtGradient,
.btnFL .txtGradient{
  display: inline-block;
  background: linear-gradient(90deg, #A72BBE, #1165E3);
  background-clip:text;
  -webkit-background-clip: text;
  color: rgb(0 0 0 / 20%);
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}

.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;}



/*アコーディオン*/
.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;
   
}
#c03 .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 5%;}
.tableBD{ margin: 0 auto; border: solid 1px #FFD6B3; 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 #FFD6B3; border-right: solid 1px #FFD6B3;background: #FFF8EF;padding: 3% 2%;text-align: left;}
.tableBD table tr td{border-bottom: solid 1px #FFD6B3;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: #FFE6CB;}
.tableBD table tr th.bgKhaki{ background: #FFD6B2;}
.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: #FFD6B3;
    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;}
.wrapTableBD .noteArea .boxNote{
    padding: 5%;
    border: solid .2vw #FFD6B3;
    margin: 0 auto 3%;
}

.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: #FFF8EF;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{}

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

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

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

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

.boxFukidashi{
    background: #FFF8EF;
    padding: 3vw;
    text-align: left;
    position:relative;
}
/*.boxFukidashi::before{
    content: '';
    display: block;
    background: #FFF8EF;
    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;}


/*モーダル中身*/
.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%;}


/* 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;
}

.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; text-align: left;}
.ulNote > li:not(:last-child){margin: 0 auto 3%;}

/*------------------------------------SP本編-----------------------------------------*/
.wrapMV {/*
    position: relative;
    background: url(../img/bg-kv-sp_873610a8e9d62641.webp);
    background-size: 100% 100%;
    padding: 20vw 5% 25vw;
    width: 100%;*/
}
.wrapMV .innerMV{position: relative;margin: 0 auto; display: none;}
.wrapMV .innerMV h1{margin: 0 auto;}
.wrapMV .innerMV img{width: 100%; max-width:100%; margin: 0 auto; display: block;}
.wrapMV .innerMV .lead{ text-align: center; margin: 0 auto 10%;}
.wrapMV .innerMV .ulNote{margin: 0 auto; }
.wrapMV .innerMV .ulNote > li{text-align: left; font-size: 2.2vw !important; line-height: 1.2 !important;}

.wrapMV .innerMV .linkMvAnc{font-size: 3.0vw;}
.wrapMV .innerMV .linkMvAnc::after {
content: '';
        display: block;
        transform: scale(1);
        font-weight: bold;
        position: absolute;
        right: -.5em;
        top: calc(50% - 0.5em);
        width: 1.2em;
        height: 1.2em;
        background: url(../img/icon-mvlink_3125c6a2a44f6831.webp);
        background-repeat: no-repeat;
        background-size: 100%;
}

.wrapMV .innerMV#starlinkDirect{}
.wrapMV .innerMV#starlinkDirect .linkMvAnc{
        position: absolute;
        bottom: 32vw;
        right: 9.4vw;
}
.wrapMV .innerMV#kaigai .linkMvAnc{
    position: absolute;
    bottom: 32vw;
        right: 12vw;
}
.wrapMV .innerMV#fastLane .linkMvAnc{
    position: absolute;
        bottom: 41vw;
        right: 10.6vw;
}
.wrapMV .innerMV#sbuscPlus .linkMvAnc{
    position: absolute;
bottom: 35vw;
        right: 5.6vw;
}
.wrapMV .innerMV#ponta .linkMvAnc{
    position: absolute;
    bottom: 32vw;
        right: 14vw;
}

#wrapContent{position: relative;}

.wrapLnav{
    width: 100%;
    position: absolute;
    margin: 0 auto 10px;
    z-index: 5;
    left: 0;
}
.boxLnav{
    width: 100%;
padding: 2vw 0;
    margin: 0 auto;
    background:#d9ddf9;
    /*border-radius: 4vw;
    box-shadow: 0px 6px 8px 0 rgba(124, 185, 255, 0.25);*/
    background:rgba(0,0,0,0.6);
}
.boxLnav .ulLnav{ margin: 0 auto; display: flex; justify-content: center; }
.boxLnav .ulLnav > li{
    /*width: calc(100% / 2);*/
    width: 100%;
    text-align: center;
    font-size: 3.2vw;
    /* font-weight: bold; */
    padding: 0;
    position: relative;
}
.boxLnav .ulLnav > li.link-current::after{
    content: '';
    display: block;
    height: .6vw;
    width: 70%;
    background: #EBBE92;
    background: linear-gradient(90deg, rgba(235, 190, 146, 1) 0%, rgba(244, 167, 201, 1) 30%, rgba(161, 100, 188, 1) 60%, rgba(103, 118, 232, 1) 75%, rgba(46, 183, 255, 1) 100%);
    bottom: .6vw;
    left: 15%;
    position: relative;
}
.boxLnav .ulLnav > li a{
    display: block;
    /*border-right: solid .2vw #E6E6E6;*/
    /*height: 100%;
    padding: 3vw 0 3vw;
    */
}
.boxLnav .ulLnav > li:last-child a{border: none;}
.boxLnav .ulLnav > li.link-current a{
    transition: none !important;
}
.boxLnav .ulLnav > li .txtLnav{
    border-right: solid .2vw #E6E6E6;
    display: block;
    background: url(../img/icon-arrow-lnav_7cc0f901ed1b5d3d.webp);
    background-repeat: no-repeat;
    background-size: 3.8vw;
    background-position: bottom .1vw center;
    height: 40px;
    line-height: 40px;
    height: 100%;
    line-height: 1.4;
}
.boxLnav .ulLnav > li:last-child .txtLnav{padding: 2vw 0 0 0;}
#c01 .boxImg{
    position: relative;
    border-radius: 5vw;
    width: 90%;
}
#c01 .boxImg::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5vw;
    position: absolute;
    right: -2vw;
    top: 0;
    transform: rotate(3deg);
    background: #ACDFFF;
    background: linear-gradient(135deg, rgba(232, 224, 255, 1) 0%, rgba(239, 237, 253, 1) 40%, rgba(172, 223, 255, 1) 100%);
    z-index: 0;
}
#c01 .bgRl .boxImg::after{
    position: absolute;
    right: auto;
    left: -2vw;
    top: 0;
    transform: rotate(-3deg);
    background: #ACDFFF;
    background: linear-gradient(45deg,rgba(172, 223, 255, 1) 0%, rgba(239, 237, 253, 1) 40%, rgba(232, 224, 255, 1) 100%);
}
.boxMov{
    position: relative;
    border-radius: 5vw;
    z-index: 1;
}
.boxMov video{
    width: 100%;
    border-radius: 5vw;
}


.bgGradient{background:#fff url(../img/bg-gradient-sp_4986b3a12b5ce4c.webp) no-repeat; background-size: 100% auto; background-position: bottom center; border-radius:0 0 15vw 15vw ; padding-bottom: 15vw; position: relative;}
.sw-Bg_g {background: #A957B7;
    background: linear-gradient(90deg,rgba(169, 87, 183, 1) 0%, rgba(118, 97, 191, 1) 38%, rgba(79, 104, 197, 1) 68%, rgba(98, 189, 255, 1) 100%);
    border-radius:0 10vw 10vw 0;
}
.bgRl .sw-Bg_g {
    background: linear-gradient(90deg,rgba(169, 87, 183, 1) 100%, rgba(118, 97, 191, 1) 68%, rgba(79, 104, 197, 1) 38%, rgba(98, 189, 255, 1) 0%);
    border-radius:10vw 0 0 10vw;
}
.sw-Bg_g {
    display: block;
    position: absolute;
    z-index: 0;
    width: 95vw;
    height: calc(100% + 0px);
    top: 0;
    left: 0;
}

.bgRl .sw-Bg_g {
    display: block;
    position: absolute;
    z-index: 0;
    width: 95vw;
    height: calc(100% + 0px);
    top: 0;
    left: auto;
    right: 0;
}
.bgW{background: #fff;}
.bgW {
    display: block;
    position: absolute;
    z-index: 0;
    width: calc(95vw - .3vw);
    height: calc(100% - .8vw);
    top: .4vw;
    left: 0;
    border-radius: 0 9.6vw 9.6vw 0;
}
.bgRl .bgW {
    display: block;
    position: absolute;
    z-index: 0;
    width: calc(95vw - .3vw);
    height: calc(100% - .8vw);
    top: .4vw;
    left: auto;
    right: 0;
    border-radius: 9.6vw 0 0 9.6vw;
} 
#c01{
    padding: 25vw 0 0;
}
#c01 .inner{
    margin: 0 auto;
    padding: 18vw 8.4vw 18vw 4.6vw;
    position: relative;
}
#c01 .bgRl .inner{
    margin: 0 auto;
    padding: 18vw 4.6vw 18vw 8.4vw;
    position: relative;
}


#c01 > H2{
    text-align: center;
    width: 70vw;
    margin: 0 auto 5vw;
}
#c01 > H2 + .lead{text-align: center; font-weight: bold;}

#c01 .inner > .num{
    display: block;
    position: absolute;
    width: 14vw;
    height: 7vw;
    top: -3.5vw;
    left: calc(50% - 7vw);
    /*background: #fff;*/
    text-align: right;
    z-index: 1;
}
#c01 .inner > .num img{
    display: block;
    z-index: 1;
    position: relative;
}
#c01 .inner > .num::after{
    content: '';
    display: block;
    width: 14vw;
    height: 3.5vw;
    background: #fff;
    bottom: 0;
    position: absolute;
    z-index: 0;
}
#c01 .inner .wrapFlex{
    margin: 0 auto;
}
#c01 .inner .wrapFlex .boxTxt > .badge{
    display: block;
    position: absolute;
    width: 20.2vw;
    height: 20.2vw;
    top: -10vw;
    right: 2vw;
    z-index: 2;
}
#c01 .bgRl .inner .wrapFlex .boxTxt > .badge{
    left: 2vw;
    right: unset;
}
#c01 .inner .wrapFlex .boxTxt{        margin: 0 auto 10%;}
#c01 .inner .wrapFlex .boxImg,#c01 .inner .wrapFlex > .img{
    position: relative;
    margin: 0 auto 10%;
}
#c01 .inner .wrapFlex .img img{}
#c01 .inner .wrapFlex .img .ponta img{width: 100%; max-width: none;}
#c01 .inner .wrapFlex .img + .ulNote > li{
    font-size: 2.2vw;
    line-height: 1.2;
    margin: 0 auto 5%;
}
#c01-04 .inner .wrapFlex .img .ponta {
    display: block;
    position: absolute;
    bottom: -3vw;
    right: -4vw;
    width: 18vw;
    height: auto;
    z-index: 1;
}
#c01-05 .inner .wrapFlex .img .ponta {
        display: block;
        position: absolute;
        width: 22vw;
        height: auto;
        bottom: -10vw;
        left: unset;
        right: -4vw;
        z-index: 1;
}

/*wrapBtnMovie*/
.wrapBtnMovie{margin: 3vw auto; text-align: center;}
.wrapBtnMovie .btnMovie{
margin: 0 auto;
padding: 3vw 5vw 3vw 3vw;
border: solid .2vw #ccc;
display: flex;
justify-content: space-between;
}
.wrapBtnMovie .btnMovie .img{width: 35% !important;}
.wrapBtnMovie .btnMovie .img img{width: 100%;}
.wrapBtnMovie .btnMovie .txt{width: 62% !important; display: flex; align-items: center; justify-content: center;}

#c01 .inner .wrapFlex .boxTxt h3{
    width: 90%;
    margin: 0 auto 8%;
}
#c01 .inner .wrapFlex .boxTxt .tit{margin: 0 auto 5%; font-size: 5vw; font-weight: bold;text-align: center;}
#c01 .inner .wrapFlex .boxTxt .txt{}
#c01 .inner .wrapFlex .boxTxt .ulNote > li{font-size: 2.2vw; line-height: 1.2; margin:3% auto 0}
#c01 .inner .wrapFlex .boxTxt .btn{margin: 40px auto 0;}
#c01 .inner .txtLinkAtt{margin: 10% auto;}

#c01 #c01-01{margin: 20vw 0 0 0;}
#c01 #c01-02{margin: 16vw 0 0 0;}
#c01 #c01-03{margin: 16vw 0 0 0;}
#c01 #c01-04{margin: 16vw 0 0 0;}
#c01 #c01-05{margin: 16vw 0 0 0;}

#c01 #c01-05 .inner .wrapFlex .boxTxt h3{width: 100%;}

#c02{
    padding: 20vw 0 20vw;
}
#c02 .innerCbox{ margin: 0 5%;}
#c02 .innerCbox > h2{width: 90%; margin: 0 auto 8%;}
#c02 .innerCbox > h2 img{display: block; margin: 0 auto;}
#c02 .ulWrapBenefit{
}
#c02 .ulWrapBenefit > li{

    background: #fff;
    border-radius: 5vw;
    position: relative;
    padding: 10% 5%;
    text-align: center;
}
#c02 .ulWrapBenefit > li:not(:last-child){margin: 0 auto 5%;}
#c02 .ulWrapBenefit > li .catch{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5vw 0 0;
    width: 30vw;
    overflow: hidden;
}
#c02 .ulWrapBenefit > li .catch img{width: 100%;}
#c02 .ulWrapBenefit > li h3{
    font-size: 5vw;
    font-weight: bold;    
    line-height: 1.2;
    margin: 0 auto 10%;
}
#c02 .ulWrapBenefit > li:nth-child(2) h3{
    height: 14vw;
    line-height: 14vw;
    margin: 0 auto 10%;
}
#c02 .ulWrapBenefit > li h3 img{
    display: inline-block;
    height: 100%;
    margin: 0 3% 0 0;
}
#c02 .ulWrapBenefit > li .wraoBenefit{
    position: relative;
    background: #F6F6F6;
    border-radius: 10px;
    padding: 5% 3% 3%;
    margin: 0 auto 5%;
}
#c02 .ulWrapBenefit > li .wraoBenefit h4{margin: 0 auto 5%}
#c02 .ulWrapBenefit > li .wraoBenefit .ulBenefit > li:not(:last-child){margin: 0 auto 3%;}
#c02 .ulWrapBenefit > li .wraoBenefit .ulBenefit > li img{display: block; border-radius: 2vw;}
#c02 .ulWrapBenefit > li .wraoBenefit .ponta{
    display: block;
    position: absolute;
    bottom: -3vw;
    left: -4vw;
    width: 18vw;
    height: auto;
    z-index: 1;
}
#c02 .ulWrapBenefit > li:nth-child(2) .wraoBenefit .ponta{
    width: 22vw;
    bottom: -15vw;
    left: unset;
    right: -6vw;
}
#c02 .ulWrapBenefit > li .btnPlus{margin-top: 5%;}

#c03{
    padding: 20vw 0 0;
    margin: 0 auto;    
}
#c03 .innerCbox{
    margin: 0 5%;
    padding: 0 0 12%;
}

#c03 .innerCbox > .wrapH2{text-align: center;}
#c03 .innerCbox > .wrapH2 h2{
    display: inline-block;
    font-size: 7vw;
    font-weight: bold;
    width: 30vw;
    padding: 5% 0;
    border: .8vw solid;
    border-image: linear-gradient(to right, #2EB7FF, #6776E8 25%, #A164BC 55%, #F4A7C9 75%, #EBBE92 100%);
    border-image-slice: 1;
    border-left: none;
    border-right: none;
    line-height: 1;

}
#c03 .img-logo-plus{width: 75%; margin: 10% auto 8%;}
#c03 .chargeArea{
    margin: 0 auto;
    padding: 10% 3%;
    background: #fff;
    /* border: solid 1px #BCBCBC; */
    text-align: center;
}
#c03 .chargeArea .boxPlan h3 {
    margin: 0 auto 12%;
}
#c03 .titPlan{}
#c03-01 h3 .titPlan{color: #000;}
#c03-01 .titPlan{font-size: 6vw; font-weight: 900; color: #EB5505; margin: 0 auto 5%;}
#c03-02 .titPlan {
    font-size: 4.0vw;
    font-weight: 700;
    margin: 0 auto 5%;
    line-height: 1.2;
}
#c03 .chargeArea .boxPlan{margin: 0 auto 5%;}
#c03 .chargeArea .boxPlan .txtPlan{margin: 0 auto 5%;font-size: 3.2vw;}

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

#c03 .chargeArea .boxPlan .imgChargeNorm .wrapPrice{line-height:1;}
#c03 .chargeArea .boxPlan .imgChargeNorm .boxPrice{ margin: 0 auto 3%;}
#c03 .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;
}

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

#c03 .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;
}
#c03 .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .bracket{ font-size:8vw; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
#c03 .chargeArea .boxPlan .imgChargeNorm .boxInTaxPrice .yen{font-size: 3.4vw;font-weight: bold; display: inline-block;}

#c03 .chargeArea .boxPlan .imgChargeOtoku{margin: 5% auto ; text-align: center; font-weight: bold;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .tit{ background: #EB5506; color: #fff; 
    height: 10vw;
    font-size: 4vw;
    font-weight: bold;
    line-height: 10vw;
    margin: 0 auto 5%;
}
#c03 .chargeArea .boxPlan .imgChargeOtoku .wrapPrice{line-height:1; color: #EB5506;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxPrice{ margin: 0 auto 3%;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxPrice .effectivePrice{
    display: inline-block;
    font-size: 5vw;
    color: #000;
    margin: 0 .5vw 0 0;
    line-height: 1.4;
}
#c03 .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;
}

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

#c03 .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;
}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .bracket{ font-size: 8vw; font-family: "noto-sans-cjk-jp"; font-weight: normal;}
#c03 .chargeArea .boxPlan .imgChargeOtoku .boxInTaxPrice .yen{font-size: 3.4vw; font-weight: bold; display: inline-block;}

#c03 .chargeArea .boxPlan .arrowCharge{
        /* width: 85vw; */
        height: 26vw;
        background: url(/content/dam/au-com/pr/newplan/img/bg-c02-arrow-sp_25670577a1183965.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;
}

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


#c03-02 .chargeArea{border: 1px solid #e5e5e5; border-top: none;}
#c03-02{padding: 20% 0 0 ;}
#c03-02 .inner{margin: 0 auto;}
#c03-02 .inner > h3{margin: 0 auto 10%; width: 80%;}
#c03-02 .inner > h3 img{display: block ; margin: 0 auto;}
.icon-recom {
    width: 24vw;
    position: absolute;
    top: 0;
    left: 0;
}

/*アコーディオン　料金詳細　内訳*/
#c03 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-trig h3,
#c03 .chargeArea > .toggleBox .toggleInBox.toggleBD .wrapDummyTglTrig h3{
    position: relative;
    background: #F5F5F5;
    border: solid 1px #BCBCBC;
    margin: 0 auto;
    height: auto;
    padding: 5% 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    /*font-size: 3vw;*/
}
#c03 .chargeArea > .toggleBox .toggleInBox.toggleBD .tgl-content-inner{
    background: #fff;
    padding: 10% 3%;
    border: solid 1px #BCBCBC;
    border-top: none;
}
/* アコーディオン　料金詳細　その他のサービス */
#c03 .inner > .toggleBox.otherPlan .ulToggle > li{margin: 0 auto 3%;}
#c03 .inner > .toggleBox.otherPlan .ulToggle > li:nth-child(6) {    margin: 10% auto 3%;}
#c03 .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li:last-child{margin:0 auto 0 ;}

#c03 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig{display: block;}
#c03 .inner > .toggleBox.otherPlan .ulToggle > li > .tgl-trig h3,
#c03 #c03-01 > h3 {
    position: relative;
    /* display: inline-block; */
    background: #E5F5FF;
    border-radius: 2vw;
    margin: 0 auto;
    height: auto;
    padding: 3% 0;
    line-height: 1.2;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 3vw;
    color: #231815;
    box-shadow: 0px 4px 0px #B9E0F8;
}
#c03 .inner > .toggleBox.otherPlan .ulToggle.mvlinkPlan > li > .tgl-trig h3{
    background: #F8F0D5;
    box-shadow: 0px 4px 0px #EADCA9;
}

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

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

.tabArea{}
.tabArea .ulTab{ display: flex;justify-content: center;align-items: flex-start; margin: 0 auto -.4vw;}
.tabArea .ulTab li{width: 49%; display: block;}
.tabArea .ulTab li:nth-child(1){margin: 0 1% 0 0;}
.tabArea .ulTab li:nth-child(2){margin: 0 0 0 1%;}
.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.4;
    padding: 4vw 0;
    transition: none !important;
    text-align: center;
}
.tabArea .ulTab li a:hover{transition: none !important;}
.tabArea .ulTab li:nth-child(1) a{background: #E4F5FF;border: solid .4vw #E4F5FF;border-bottom:none ;}
.tabArea .ulTab li:nth-child(2) a{background: #F8F0D5;border: solid .4vw #F8F0D5;border-bottom:none ;}
.tabArea .ulTab li a.cur{ opacity: 1;    z-index: 4;  font-size: 4vw ;font-weight: 900;border: solid .4vw #E6E6E6;border-bottom:none ; background: #fff;}


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

#c04{}
#c04 .innerCbox { margin: 0 5%; padding: 10vw 0 10vw;}
#c04 .innerCbox > .inner h2{ text-align: center; margin: 0 auto 10%;}

#c04 .innerCbox .inner .ulNote{margin: 0 auto 5%;}
#c04 .wrapTable { margin: 5% 0 5%;}
#c04 .wrapTable table{width: 100%; margin: 0 auto;border-collapse: collapse; table-layout: fixed;}
#c04 .wrapTable table th,#c04 .wrapTable table td{ padding: 2%; border: solid 1px #333; text-align: left; font-size: 2.8vw; line-height: 1.4;word-wrap: break-word;}
#c04 .ulToggle > li:nth-child(4) .wrapTable table th{background: #fff; width: 25%;}

#c04 #tglFinanceAtt .wrapTable {max-width:unset; margin: 5% 0 5%;}
#c04 #tglFinanceAtt .wrapTable table{width: 100%;}
#c04 #tglFinanceAtt .wrapTable table tr th{ width: 10%;}
#c04 #tglFinanceAtt .wrapTable table tr td.td1,
#c04 #tglFinanceAtt .wrapTable table tr td.td2{ width: 20%;}
#c04 #tglFinanceAtt .wrapTable table tr td.td3{ width: 50%;}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex{display: flex; justify-content: space-between ;align-items: center;}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex > p{width: 18%; display: flex; align-items: center;}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner{
    width: 80%;
    padding: 5%;
    border: solid .2vw #333;
    background: #F0F0F0;
}
#c04 #tglFinanceAtt .wrapTable table tr td .wrapFlex .boxTableInner .ulNote{margin: 0 auto;}
#c04 #tglFinanceAtt .wrapFlex.boxPoint{
    display:flex;
    justify-content: space-between;
    font-size:2.8vw;
    line-height: 1.4;
    margin: 0 auto 5%;
}
#c04 #tglFinanceAtt .wrapFlex.boxPoint .boxL{
    width:32% ;
    padding:2% 3%;
    border: solid .2vw #333;
    display: flex; justify-content: center ;align-items: center;
}
#c04 #tglFinanceAtt .wrapFlex.boxPoint .boxR{
    width:66% ;
    padding: 2% 3%;
    border: solid .2vw #333;
    display: flex; justify-content: center ;align-items: center;
}

/*ご注意事項Tgl*/
#c04 .ulToggle > li:not(:last-child){margin: 0 auto 5%;}
#c04 .noteBox{padding: 5% 0 0;}
#c04 .noteBox .tit{font-size: 2.8vw; font-weight: bold; margin: 0 auto 3%;}

#c04 .tgl-trig{
    display: block;
    background: #F0F0F0;
    border-radius: 2vw;
        line-height: 15.2vw;
        font-weight: bold;
        text-align: center;
        padding: 0 10vw 0 5vw;
        margin: 0 auto 0;
        position: relative;
        min-height: 16vw;
}
#c04 .tgl-trig.l2SP{
padding: 3.4vw 10vw 0 5vw;
line-height: 1.2;
}
#c04 .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;
}
#c04 .tgl-trig.l2SP::after{top: calc(50% - 2vw);}

#c04 .tgl-trig.open::after {
    transform: rotate(270deg) scale(.6, 1);
}
#c04 .tgl-trig:link,#c04 .tgl-trig:hover,#c04 .tgl-trig:active,#c04 .tgl-trig:visited {
    color: #333;
}
#c04 .toggleInBox .tgl-trig{
        border: solid 0.4vw #eee;
}
#c04 .toggleInBox{margin: 0 auto 5%;}
#c04 .toggleInBox .tgl-content-inner{padding: 5% 0;}

#c05 {padding: 15vw 0 0;}
#c05 .innerCbox{
    width: 100%;
background:#fff url(../img/bg-inquary-sp_c744dbe0d615c350.webp) no-repeat; background-size: 100% 100%; background-position: top center; border-radius:15vw 15vw 0 0;
text-align: center;
padding: 15% 0;
}
#c05 .innerCbox h2{margin: 0 auto 10%;}
#c05 .titWai {
    display: flex;
    justify-content: center;
    font-size: 5vw; 
    font-weight: bold;
    line-height: 1.4;
    margin: 0 auto 5%;
}
#c05 .titWai .titWaiSlashL { 
    padding-right: 3vw;
    transform: scaleY(2.0) translateY(3.4vw);
}
#c05 .titWai .titWaiSlashR {
    padding-left: 3vw;
    transform: scaleY(2.0) translateY(3.4vw);
}
#c06{padding: 15vw 0 0 0;}
#c06 .innerCbox{
    margin: 0 5%;
}
#c06 .innerCbox > h2{width:50vw; margin: 0 auto 10%;}
/* アコーディオン　料金詳細　その他のサービス */
#c06 .toggleBox .ulToggle{margin: 0 auto 10%;}
/* アコーディオン　FAQ */
#c06 .toggleBox .ulToggle > li{margin: 0 auto 3%;}
#c06 .toggleBox .ulToggle > li:nth-child(6) {    margin: 10% auto 3%;}
#c06 .toggleBox .ulToggle.mvlinkPlan > li:last-child{margin:15% auto 0 ;}

#c06 .toggleBox .ulToggle > li > .tgl-trig{display: block;}
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt{
    position: relative;
    background: #E5F5FF;
    border-radius: 2vw;
    margin: 0 auto;
    height: auto;
    padding: 3% 12vw 3% 12vw;
    line-height: 1.2;
    display: block;
    text-align: left;
    font-weight: bold;
    color: #231815;
    box-shadow: 0px 4px 0px #B9E0F8;
}

/*#c06 .toggleBox .ulToggle > li > .tgl-trig.open .tglTrigTxt{box-shadow: none; border-radius: 10px 10px 0 0;}*/
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt::after{
    content: '';
    display: block;
    width: 6vw;
    height: 4.4vw;
    position: absolute;
    top: 3.4vw;
    left: 21px;
    background: url(../img/icon-q_82a92f123639146e.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt .em,
#c06 h3 .em{font-size: 4vw;}
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt .arrow {
    display: block;
    width: 7vw;
    height: 7vw;
    border-radius: 3.5vw;
    background: #fff;
    position: absolute;
    top: calc(50% - 3.5vw);
    right: 3vw;
    overflow: hidden;
}
#c06 .toggleBox .ulToggle > li > .tgl-trig .tglTrigTxt .arrow::after {
    content: '';
    transform: rotate(0deg) scale(1, 1);
    display: block;
    line-height: 1;
    background: url(/content/dam/au-com/pr/newplan/img/icon-arrow_2adba8d17bd2824c.webp) no-repeat;
    background-size: 100% 100%;
    width: 7vw;
    height: 7vw;
    position: absolute;
    right: calc(50% - 3.5vw);
    top: calc(50% - 3.5vw);
}
#c06 .toggleBox .ulToggle > li > .tgl-trig.open .tglTrigTxt .arrow::after {    transform: rotate(180deg) scale(1, 1);}
#c06 .toggleBox .ulToggle > li .tgl-content-inner{padding: 5%;}

}


/* 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;}
.tdU{text-decoration: underline !important;}
.taL{text-align: left !important;}
.taR{text-align: right !important;}
/*.LinkBeige:link,.LinkBeige:hover,.LinkBeige:active,.LinkBeige:visited{color: #9F8439;}*/
.taC{text-align: center !important;}
.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;}
.dBlock{display: block;}
.innerCbox{position: relative;}
.measureTag{position: absolute; bottom:0; z-index: -2;}
.measureTag.moneyactivity-planplus-read06{position: relative;}
.cBox{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;}*/

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

/*youtube*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*動画サムネイル*/
.movie{
  /*width: 600px;
  height: 360px;
  margin: 30px auto 30px;*/
  position: relative;
}
.movie-inner{
  display: block;    
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.thumb{
  width: 100%;
  max-width: 100%;
  cursor: pointer;
}
.movie-player{
  position: relative;
  z-index: 10;
}

/*movie*/
video {
    width: 100%;
}

/*Animation*/
.js_anime.anime_flip {
    opacity: 0;
  }
  
  .js_anime.anime_flip.on {
    animation-name: move-anim;
    animation-duration: 0.5s;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    will-change: transform;
}
@keyframes move-anim {
    from {
      transform: rotateY(45deg) translateY(20px);
      filter: blur(5px);
      opacity: 0;
    }
  
    to {
      transform: rotateY(0deg) translateY(0px);
      filter: blur(0);
      opacity: 1;
    }
  }