@charset "utf-8";
body a { word-break: break-all!important; }
#wp{position: relative;}
img{max-width: 100%; margin: 0 auto;}
#renewal2025 *{box-sizing: border-box;}
#renewal2025{color: #333;  position:relative;font-weight:400;}
/*#renewal2025 a:link,#renewal2025 a:hover,#renewal2025 a:active,#renewal2025 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%;}
#renewal2025{    margin: 0 auto 0; font-size: 14px;}

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

.footerSiteMap {padding-bottom: 120px;}
.footerSiteMap.closeFL {padding-bottom: 30px; }
.linkTxt{/* color: #333;*/}
/*.linkTxt:link,.linkTxt:active,.linkTxt:hover,.linkTxt:visited,
.linkIcon:link,.linkIcon:active,.linkIcon:hover,.linkIcon:visited{color: #333;}*/
.fcRed .linkTxt{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;}
.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{
    content: '';
    transform: scale(1);
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    background-image: url(/content/dam/au-com/pr/renewal2025/img/icon_sprite_29f4b3919b2451be.webp);
    /*background-position: 0.5px -100px;*/
    background-position: -92.5px -83px;
    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/renewal2025/img/icon_sprite_29f4b3919b2451be.webp);
    background-position: -41px -20px;
    width: 16px;
    height: 16px;
    background-size: 121px 118px;
}
/*BTN*/
.btn {
    background: #eb5505;
    height: 60px;
    line-height: 60px;
    color: #fff !important;
    border-radius: 30px;
    max-width: 450px;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
    font-weight: 600;
    font-size: 16px;
}
.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::after {
    content: '';
    display: block;
    width: 19px;
    height: 16px;
    background: url(/content/dam/au-com/pr/renewal2025/img/icon-arrow_b035790bd5fb032.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 25px;
    top: calc(50% - 8px);
}
.btn.l2::after {
    top: calc(50% - 0.6em);
}
.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff !important;}

.btnSearch/*,.btnChangePlan*/{
    background: #000;
    max-width:450px;
}
/*.btnChangePlan::after{background: none;}*/
.btnSearch::after{
    content: '';
    display: block;
    transform: rotate(0) scale(1, 1);
    width: 24px;
    height: 24px;
    background: url(/content/dam/au-com/pr/renewal2025/img/icon-search_bfa52b8b7ed39588.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 1em;
    top: calc(50% - 12px);
}

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




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

/*モーダル中身*/
.boxModal{line-height: 1.4;}
.boxModal > .tit{text-align: center; font-size: 20px; font-weight: 900; margin: 0 auto 20px;}
.boxModal > .lead{text-align: center; margin: 0 auto 20px;}
.boxModal > .img{margin:0 auto 20px; text-align: center;}
.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;}

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

#wrapMV {
    width: 100%;
    
}
#wrapMV{position: relative;  background: #FDEEE6; padding: 15px 0 0; }
#wrapMV #mv{max-width: 896px; margin: 0 auto; }
#wrapMV #mv img{width:100%;}

.cBox > .innerCbox{padding: 50px 0; max-width: 980px; margin: 0 auto;}
#c06.cBox > .innerCbox{padding: 0 0;}
.innerCbox .wrapH2{
    height: 50px;
    position: relative;
}
.innerCbox .wrapH2 h1,.innerCbox .wrapH2 h2{line-height: 34px; font-size: 22px;}
.innerCbox .wrapH2::before{
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #F5F5F5;
    bottom: 0;
}
.innerCbox .wrapH2::after{
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    width: 12%;
    background: #EB5505;
    bottom: 0;
    left: 0;
}
.cBox > .innerCbox .boxTxt{margin: 30px auto;}

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

#c02{ }
#c02 .ulServiceList{
    display: flex;
    justify-content:start;
    flex-wrap: wrap;
}
#c02 .ulServiceList > li{
    width: 24.1%;
    border: solid 1px #E5E5E5;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0.6% 15px;
}
#c02 .ulServiceList > li:nth-child(4n-3){margin: 0 0.6% 15px 0;}
#c02 .ulServiceList > li:nth-child(3n){margin: 0 0 15px 0.6%;}
#c02 .ulServiceList > li .tit{
    line-height: 48px;
    background: #FDEEE6;
    border-bottom: solid 1px #E5E5E5;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-weight: bold;
}
#c02 .ulServiceList > li .boxTxt {
    width: 80%;
    margin: 16px auto;
}
#c02 .ulServiceList > li .boxTxt .txt{margin: 0 auto ;}
#c02 .ulServiceList > li .boxTxt .wrapTable{margin: 10px auto 10px;}
#c02 .ulServiceList > li .boxTxt .wrapTable table{width: 100%;border-collapse: collapse; }
#c02 .ulServiceList > li .boxTxt .wrapTable table th{
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    background: #E5E5E5;
    padding:5px 2px;
    width: 35%;
    border-bottom: 5px solid #fff;
}
#c02 .ulServiceList > li .boxTxt .wrapTable table td{
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    padding:5px 10px;
    width: 65%;
    border-bottom: 5px solid #fff;
}
#c02 .ulServiceList > li .boxTxt .boxTxt02{padding-bottom: 3%;}

#c03 .lead{font-size: 18px; font-weight: bold; margin: 0 auto 40px;}
#c03 .img a,#c03 .img img{display: block; margin: 0 auto;}


/*ご注意事項Tgl*/
#c04 .ulToggle{margin: 0 auto 20px;}
#c04 .ulToggle > li:not(:last-child){margin: 0 auto 15px;}
#c04 .boxFaq{
    max-width: 750px;
    padding: 50px;
    margin: 0 auto;
}
#c04 .boxFaq.last{margin: 0 auto;}
#c04 .boxFaq > .tit{text-align: center; font-size: 20px; font-weight: 700; margin: 0 auto 30px; }
#c04 .boxFaq > .tit span{    border-bottom: solid 1px #808080;    margin: 0 auto 0;    padding: 0 0 10px 0;}

#c04 .tgl-trig{
    display: block;
    background: #FDEEE6;
    line-height: 1.2;
    font-weight: bold;
    padding: 30px 50px 30px 20px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    border-radius: 10px;
}


/*#c04 .tgl-trig::after {
    content: '\FF0B';
    position: absolute;
    top: calc(50% - 11px);
    right: 0;
    margin: 0;
    width: 22px;
    height: 22px;
    line-height: 21px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}
#c04 .tgl-trig.open::after {
    content: "\FF0D";
}*/
#c04 .tgl-trig .arrow{
    display: block;
    width: 26px; 
    height: 26px; 
    border-radius: 15px; 
    background: #EB5505; 
    line-height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    right: 15px;
}
#c04 .tgl-trig.open .arrow{    background: #7D7D7D; }
#c04 .tgl-trig .arrow::after{
    content: '\FF0B';
    display: block;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: calc(50% - 0.76em);
    right: calc(50% - 0.52em);
}
#c04 .tgl-trig.open .arrow::after{
    content: "\FF0D";
}

#c04 .tgl-trig:link,#c04 .tgl-trig:hover,#c04 .tgl-trig:active,#c04 .tgl-trig:visited {
    color: #333;
}

#c04 .tgl-content-inner{padding: 15px 20px 10px;}

#c06 .ulCharge{margin: 30px auto 0;}



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

#floatNavWrap{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index:0;
    width: 100%;
    transition: .6s;
    opacity: 0;
}

}


	

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

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

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


/*SP*/
@media screen and (min-width: 0px) and (max-width: 767.98px) {
/*common*/
/*.contArea {padding-top:0 !important;}*/
#renewal2025,
#renewal2025.ver1126 { margin-top: 44px !important;   font-size: 3.4vw; position: relative;}
.anchorPoint{    position: absolute;    top:-55px;    display: block;}

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

.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{
    content: '';
    transform: scale(1);
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    background-image: url(/content/dam/au-com/pr/renewal2025/img/icon_sprite_29f4b3919b2451be.webp);
    /*background-position: 0.5px -100px;*/
    background-position: -92.5px -83px;
    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/renewal2025/img/icon_sprite_29f4b3919b2451be.webp);
    background-position: -41px -20px;
    width: 16px;
    height: 16px;
    background-size: 121px 118px;
}
/*BTN*/
.btn {
    background: #eb5505;
    height: 14vw;
    line-height: 14vw;
    color: #fff;
    border-radius: 10vw;
    width: 70vw;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
    font-weight: 600;
    font-size: 4vw;
}

.btn::after {
    content: '';
    display: block;
    background: url(/content/dam/au-com/pr/renewal2025/img/icon-arrow_b035790bd5fb032.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 4vw;
    height: 3.4vw;
    position: absolute;
    right: .6em;
    top: calc(50% - 1.7vw);
}

.btn:link,.btn:hover,.btn:active,.btn:visited{color: #fff !important;}
.btnSearch{
    background: #000;
    line-height: 1.2;
    padding: 3vw;
    height: auto;
}
/*.btnChangePlan{    background: #000;}
.btnChangePlan::after{background: none;}*/
.btnSearch::after{
    content: '';
    display: block;
    transform: rotate(0) scale(1, 1);
    width: 5vw;
    height: 5vw;
    background: url(/content/dam/au-com/pr/renewal2025/img/icon-search_bfa52b8b7ed39588.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 1em;
    top: calc(50% - 2.5vw);
}

.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{
    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.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;
}
#c05-01 .btn.l2sp {
	/*background: #eb5505 ;*/
    padding: 2.2vw 0;
}
.btnCV::after, .btnReview::after, .btnTrans::after, .btnW::after, .btnBeige::after {
    content: '\FF1E';
    display: inline-block;
    position: absolute;
    right: 3%;
    top: 0;
    transform: scale(.6, 1);
    font-size: 4.4vw;
    font-weight: bold;
}
.btnCV.l2sp::after,.btnCloseLect.l2sp::after,.btnReview.l2sp::after,.btnTrans.l2sp::after,.btnW.l2sp::after,.btnBeige.l2sp::after,.btn.l2sp::after{
    content: '\FF1E';
    display: inline-block;
    position: absolute;
    right: 3%;
    top: calc(50% - 2.6vw);
    transform: scale(.6, 1);
    font-weight: bold;
}


.footerSiteMap {padding: 20px 3% 35vw;  }
.footerSiteMap.closeFL {padding: 20px 3% 15px; }
.fsS{font-size: 3.3vw;}
.note{font-size: 3.2vw; font-weight:normal;}
.ulNote li{font-size: 3.2vw; font-weight:normal;}
.sup {
	/*font-size:3.2vw; */
    font-size: 70%;
	vertical-align: top;
	position: relative;
	top: -0.1em; 
    font-weight: normal !important;
}
.sub {
	font-size: 70%;
    vertical-align: bottom;
    position: relative;
    bottom: 0.2em;
    font-weight: normal !important;
}
.mt10{margin-top: 3% !important;}
.mt20{margin-top: 5% !important;}
.mb5{margin-bottom: 2% !important;}
.mb10{margin-bottom: 3% !important;}
.mb20{margin-bottom: 5% !important;}
.mb30{margin-bottom: 8% !important;}
.mb40{margin-bottom: 10% !important;}
.pb5{padding-bottom: 2% !important;}
.measureTag{min-height: 30px; width: 100%;}

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

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



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



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

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

.boxModal .btnWhite{width: 80%;}


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

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

#wrapMV {    width: 100%;   }
#wrapMV #mv{position: relative;  background: #FDEEE6; padding:0;margin: 0 auto; }
#wrapMV #mv img{width:100%;}

.cBox > .innerCbox{padding: 10% 0; margin: 0 5%;}
#c06.cBox > .innerCbox{padding: 0 0 0;}
.innerCbox .wrapH2{
    position: relative;
    padding: 0 0 3vw;
}
.innerCbox .wrapH2 h1,.innerCbox .wrapH2 h2{line-height: 1.2; font-size: 5vw;}
.innerCbox .wrapH2::before{
    content: '';
    display: block;
    position: absolute;
    height: .8vw;
    width: 100%;
    background: #F5F5F5;
    bottom: 0;
}
.innerCbox .wrapH2::after{
    content: '';
    display: block;
    position: absolute;
    height:.8vw;
    width: 35%;
    background: #EB5505;
    bottom: 0;
    left: 0;
}
.cBox > .innerCbox .boxTxt{margin: 10% auto;}
#c01 .boxTxt + .lead{
    font-weight: bold;
    text-align: center;
    margin: 0 auto 10%;
}

#c02{ }
#c02 .ulServiceList{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
#c02 .ulServiceList > li{
    width: 48%;
    border: solid .2vw #E5E5E5;
    border-radius: 2vw;
    overflow: hidden;
    margin-bottom:5vw ;
}
/*#c02 .ulServiceList > li:nth-child(3n-2){margin: 0 0.7% 15px 0;}
#c02 .ulServiceList > li:nth-child(3n){margin: 0 0 15px 0.7%;}*/
#c02 .ulServiceList > li .tit{
    line-height:1.2;
    background: #FDEEE6;
    border-bottom: solid 1px #E5E5E5;
    border-radius: 2vw 2vw 0 0;
    text-align: center;
    font-weight: bold;
    
    padding:12.4% 5% 8%;
    height: 15vw;
}
#c02 .ulServiceList > li:last-child .tit{padding: 8% 5%;}
#c02 .ulServiceList > li .boxTxt {
    margin: 5vw 5%;
}
#c02 .ulServiceList > li .boxTxt .txt{margin: 0 auto ;}
#c02 .ulServiceList > li .boxTxt .wrapTable{margin: 5vw auto 3vw;}
#c02 .ulServiceList > li .boxTxt .wrapTable table{width: 100%;border-collapse: collapse; table-layout: fixed;}

#c02 .ulServiceList > li .boxTxt .wrapTable table tr{display: flex; flex-wrap: wrap;}
#c02 .ulServiceList > li .boxTxt .wrapTable table th{
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    background: #E5E5E5;
    padding:5px 2px;
    display: block; 
    width: 40%;
    margin: 0 auto 1.4vw;
}
#c02 .ulServiceList > li .boxTxt .wrapTable table td{
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    padding:5px 2px;
    display: block; 
    width: 60%;
    margin: 0 auto 1.4vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
#c02 .ulServiceList > li .boxTxt .boxTxt02{padding-bottom: 10px;}

#c03 .lead{font-size: 4vw; font-weight: bold; margin: 0 auto 5%;}
#c03 .img a,#c03 .img img{display: block; margin: 0 auto; width: 100%;}


/*ご注意事項Tgl*/
#c04 .ulToggle{margin: 0 auto 5%;}
#c04 .ulToggle > li:not(:last-child){margin: 0 auto 2vw;}
#c04 .boxFaq{
    padding: 10% 0 0;
    margin: 0 auto;
}
#c04 .boxFaq.last{margin: 0 auto;}
#c04 .boxFaq > .tit{text-align: center; font-size: 4vw; font-weight: 700; margin: 0 auto 30px; }
#c04 .boxFaq > .tit span{    border-bottom: solid 1px #808080;    margin: 0 auto 0;    padding: 0 0 10px 0;}

#c04 .tgl-trig{
    display: block;
    background: #FDEEE6;
    line-height: 1.2;
    font-weight: bold;
    padding: 5vw 12vw 5vw 3vw;
    margin: 0 auto;
    position: relative;
    text-align: left;
    border-radius: 2vw;
}
#c04 .tgl-trig .arrow{
    display: block;
    width: 8vw;
    height: 8vw;
    border-radius: 5vw;
    background: #EB5505;
    line-height: 8vw;
    position: absolute;
    top: calc(50% - 4vw);
    right: 3vw;
}
#c04 .tgl-trig.open .arrow{    background: #7D7D7D; }
#c04 .tgl-trig .arrow::after{
    content: '\FF0B';
    display: block;
    line-height: 10vw;
    font-weight: bold;
    color: #fff;
    font-size: 5vw;
    position: absolute;
    top: calc(50% - 1.0em);
    right: calc(50% - 0.52em);
}
#c04 .tgl-trig.open .arrow::after{
    content: "\FF0D";
}

#c04 .tgl-trig:link,#c04 .tgl-trig:hover,#c04 .tgl-trig:active,#c04 .tgl-trig:visited {
    color: #333;
}

#c04 .tgl-content-inner{padding: 5% 3% 5%;}

#c06 .ulCharge{margin: 10% auto 0;}

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

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

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

.linkBlue:link,.linkBlue:active,.linkBlue:hover,.linkBlue:visited,
.LinkBeige:link,.LinkBeige:active,.LinkBeige:hover,.LinkBeige:visited{color: #0066AA !important;}
.link-pdf, .link-pdf:active, .link-pdf:focus, .link-pdf:visited, .link-pdf-blue, .link-pdf-blue:active, .link-pdf-blue:focus, .link-pdf-blue:visited, .link-pdf-white, .link-pdf-white:active, .link-pdf-white:focus, .link-pdf-white:visited{color: #06a;}
.red, .fcRed { color: #ff0000; }
.fcBeige{color: #8D875B;}
.fcOrange{color: #eb5505;}
.fcOrange.linkTxt:link,.fcOrange.linkTxt:hover,.fcOrange.linkTxt:active,.fcOrange.linkTxt:visited{color: #eb5505;}
.fcG{color:#cda657;}
.fcGray{color: #A2A2A2;}
.fwB {font-weight: bold!important}
.fwBlack{font-weight: 900;}
.fwN{font-weight: normal !important;}
.taL{text-align: left !important;}
.taR{text-align: right !important;}
/*.LinkBeige:link,.LinkBeige:hover,.LinkBeige:active,.LinkBeige:visited{color: #9F8439;}*/
.taC{text-align: center;}
.fsS{font-size: 80%;}
.fsL{font-size: 130%;}
.disB{display: block;}
.mb0{margin-bottom: 0 !important;}
.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;}
.oac0{opacity: 0;}
.dBlock{display: block;}

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

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



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




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

}

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

  
