@charset "UTF-8";
/* --- font --- */
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"), local("NotoSansJP-Regular"), local("NotoSansJP-Regular"), url("/font/NotoSansJP-Regular.woff2") format("woff2"), url("/font/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansJP-Bold"), local("NotoSansJP-Bold"), url("/font/NotoSansJP-Bold.woff2") format("woff2"), url("/font/NotoSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP-Black";
  font-style: normal;
  font-weight: 900;
  src: local("NotoSansJP-Black"), local("NotoSansJP-Black"), url("/font/NotoSansJP-Black.woff2") format("woff2"), url("/font/NotoSansJP-Black.woff") format("woff");
} 
@font-face {
  font-family: "DINAlternate";
  font-style: normal;
  font-weight: 700;
    src: local("DINAlternate-Bold"), local("DINAlternate-Bold"), url("/font/DINAlternate-Bold.woff2") format("woff2"), url("/font/DINAlternate-Bold.woff") format("woff");
}
.fDIM{
    font-family: "DINAlternate", "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.nsjp{
  font-family: "NotoSansJP", "DINAlternate", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.fdvis{
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

body #mbsRwd {
  font-family: "NotoSansJP", "DINAlternate", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1.5;
 /*  overflow: hidden; */
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  text-align: left;
}

/* --- フェードイン --- */
.fdinBlock {
    opacity: 0.5;
    transition: opacity 0.5s;
    /* transform: translateY(10px); */
    /* transition: opacity 1s, transform 2s; */
}
.block-fadein {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* --- キービジュアル --- */
#mbsRwd .kv{
    width:100%;
    height:280px;
    background-color:#FDF8ED;
    padding-top:36px;
    box-sizing: border-box;
    margin:0 0 80px 0;
}
#mbsRwd .ttl01{
    width:500px;
    height:210px;
    margin:0 auto;
    box-sizing: border-box;
    padding-left:295px;
    font-size:50px;
    font-weight:700;
    color:#FF6E00;
    background:url("../_img_bg/tokuten.svg") no-repeat;
    background-position: left center;
    background-size:257px 208px;
    white-space:nowrap;
    line-height:210px;
}

/* --- T-POINT --- */
#mbsRwd .TpointTB{
    width:1000px;
    margin:0 auto;
}
.TpointTB .ttlTpoint{
    text-align:center;
    font-size:32px;
    font-weight:700;
    /* height:42px; */
    line-height:42px;
    margin-bottom:0.2em;
}
.TpointTB .ttlTpoint img{
    height:65px;
    width:auto;
    margin:0 0 -8px 0;
    vertical-align:baseline;
}
.TpointTB .ttl03a{
    text-align:center;
    font-size:32px;
    font-weight:700;
    margin-bottom: 64px;
}
.TpointTB .RankTbSP{
    display:none;
}
.TpointTB .RankTbPC{
    display:block;
    width:100%;
    box-sizing: border-box;
    padding:0;
    margin:0 0 40px 0;
}

.RankTbPC .hd .tedge {
    border:none;
    background: transparent;
}
.RankTbPC th {
    font-size:16px;
    font-weight:550;
    text-align:left;
    vertical-align: middle;
    padding:0.6em 0.3em;
    border-right:3px solid #fff;
    box-sizing: border-box;
        white-space:nowrap;
        width:14%;
}
.RankTbPC th:last-child {
    border-right:3px solid #f6f6f6;
}

.RankTbPC .hd th{
    font-size:14px;
    font-weight:550;
    color:#111;
    text-align:center;
    vertical-align: middle;
    background-color:#f6f6f6;
    line-height:1.3;
    padding:0.7em 0.5em;
}
.RankTbPC .hd th.narrow{
    letter-spacing:-0.7px;
}
.RankTbPC th span{
    font-size:12px;
    font-weight:normal;
    display:block;
}
.RankTbPC th i{
    font-size:11px;
    font-weight:normal;
}
.RankTbPC th s{
    font-size:12px;
    font-weight:550;
}
.RankTbPC .bronze{
    background-color:#F9F3EF;
    color:#A44424;
    border-bottom:3px solid #F6F0EC;
}
.RankTbPC .sapphire{
    background-color:#F2F7FB;
    color:#3D72A1;
    border-bottom:3px solid #fff;
}
.RankTbPC .diamond{
    background-color:#FCF9EB;
    color:#D7A650;
    border-bottom:3px solid #fff;
        width:16%;
}
.RankTbPC th img{
    width:45px;
    vertical-align: middle;
    margin:0 9px 0 9px;
}
.RankTbPC th.diamond img{
    width:53px;
    margin:0 5px 0 5px;
}

.RankTbPC td {
    font-size:22px;
    font-weight:700;
    text-align:center;
    vertical-align: middle;
    padding:0.8em 0.4em;
    border-right:3px solid #f6f6f6;
    border-bottom:3px solid #f6f6f6;
    background: #ffffff;
    font-family: "DINAlternate", "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    box-sizing: border-box;
}
.RankTbPC td b{
    background:#fff  url("../_img_bg/logo_V.png") no-repeat left center;
    background-size: 18px 18px;
    padding-left:23px;
    font-size:22px;
    font-weight:700;
    text-align:left;
    display:inline-block;
    white-space:nowrap;
    min-width:3em;
}
.RankTbPC td b.min{
    min-width:auto;
}
.RankTbPC td i{
    font-size:16px;
    font-weight:550;
    font-family: "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.RankTbPC td.maru{
    font-weight:900;
    color:#000;
}

.table-text-mini {
    font-size: 12px;
}

.js_tab-item {
    margin: 0 calc((100% - 100vw) / 2);
}
.js_tab-item_inner {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0 120px;
}

/* ---  --- */
.TpointTB .tx01{
    text-align:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:24px;
}
.TpointTB .link01{
    text-align:center;
    font-size:16px;
    font-weight:400;
    margin-bottom:32px;
}
.txlink a:link{text-decoration:underline;color:#000;}
.txlink a:visited{text-decoration:underline;color:#000;}
.txlink a:hover{text-decoration:underline;color:#000;opacity:0.6;transition: 0.25s ease-in-out;}
.txlink a:active{text-decoration:underline;color:#000;}

.TpointTB .tx02{
    font-size:14px;
	text-indent: -1.1em;
	margin:0 0 5px 1.5em;
	padding:0;
    line-height:1.4;
}

.TpointTB .tx02__red {
    color: #E2001D;
}

.section_vPoint {
    background: #EFF4FA;
}

.section_rPoint {
    background: #FFF8F8;
}

/* --- ポイント特典について --- */
.aboutBenefits{
    width:100%;
    background-color:#f6f6f6;
    padding:120px 0;
    margin:0 0 120px 0;
}
.aboutBenefits .ttl02{
    text-align:center;
    font-size:32px;
    font-weight:700;
    margin:0 0 32px 0;
}
.aboutBenefits_lead {
    margin: 32px 64px;
    text-align: center;
    font-size: 18px;
}
.aboutBenefits_lead__strong {
    font-weight: bold;
}

.aboutBenefits .birthMpt{
    width:1000px;
    margin:0 auto 50px;
    padding:40px 75px;
    background-color:#fff;
    border-radius: 20px;
    box-sizing: border-box;
}
.aboutBenefits .ttl02a{
    font-size:32px;
    font-weight:700;
    color:#FF6E00;
    border-bottom: 5px solid #FF6E00;
}
.aboutBenefits .tx03{
    font-size:18px;
    font-weight:700;
    margin:15px 0 32px 0;
}
.aboutBenefits .rankRange{
    display: flex;
    justify-content: space-between;
     margin:0 auto 32px auto;
}
.rankRange.threeBox{
    width:735px;
}
.aboutBenefits .rankRange dl{
    width:205px;
}
.aboutBenefits .rankRange dt{
    font-size:19px;
    font-weight:700;
    box-sizing: border-box;
    height:40px;
}
.aboutBenefits .rankRange .bronze dt{
    color:#CC6132;
    background : url("../_img_bg/bronze.svg") no-repeat left 45px top 1px;
    background-size: auto 29px;
    line-height:1;
    padding:6px 0 0 79px;
    border-bottom:1px solid #CC6132;
}
.aboutBenefits .rankRange .sapphire dt{
    color:#529CC7;
    background : url("../_img_bg/sapphire.svg") no-repeat left 38px top;
    background-size: auto 32px;
    line-height:1;
    padding:6px 0 0 70px;
    border-bottom:1px solid #529CC7;
}
.aboutBenefits .rankRange .diamond dt{
    color:#E0A43B;
    background : url("../_img_bg/diamond.svg") no-repeat left 27px top;
    background-size: 32px auto;
    line-height:1;
    padding:6px 0 0 64px;
    border-bottom:1px solid #E0A43B;
}
.aboutBenefits .rankRange dd{
    font-size:41px;
    font-weight:700;
    font-family: "DINAlternate", "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    padding:10px 0 0 50px;
    line-height:33px;
    background : url("../_img_bg/logo_V.png") no-repeat left 10px center;
    background-size: 33px auto;
    white-space:nowrap;
}
.aboutBenefits .rankRange dd span{
    font-size:18px;
    font-weight:700;
   font-family: "NotoSansJP", "DINAlternate", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.birthMpt .bftCondition{
    width:840px;
    background-color:#f6f6f6;
    border-radius: 20px;
    margin:0 auto 25px;
    padding:30px 0;
}
.birthMpt .bftCondition .ttl04{
    font-size:18px;
    font-weight:700;
    text-align:center;
    margin-bottom:30px;
}
.birthMpt .bftCondition .ttl04 span{
    display:inline-block;
    font-size:18px;
    font-weight:700;
    padding:6px 27px;
    border-radius: 40px;
    background-color:#fff;
    line-height:1;
}
.birthMpt .bftCondition .list01{
    width:377px;
    margin:0 auto;
    padding:0 0 0 2em;;
}
.birthMpt .bftCondition .list01 li{
    font-size:14px;
    font-weight:400;
    list-style-type: disc;
    padding:0;
    margin:0;
}
.aboutBenefits .tx04{
    font-size:14px;
	text-indent: -1.1em;
	margin:0 0 1px 1.5em;
	padding:0;
    line-height:1.4;
}

/* --- ランクキープポイント --- */
.aboutBenefits .rancKeepPt{
    width:1000px;
    margin:0 auto 80px;
    padding:40px 75px;
    background-color:#fff;
    border-radius: 20px;
    box-sizing: border-box;
}
.aboutBenefits .ttl02b{
    font-size:32px;
    font-weight:700;
    color:#FF6E00;
    border-bottom: 5px solid #FF6E00;
}
.aboutBenefits .tx05{
    font-size:18px;
    font-weight:700;
    margin:15px 0 32px 0;
    letter-spacing:-0.1px;
}
.rankRange.twoBox{
    width:470px;
}
.rancKeepPt .timing{
    width:840px;
    background-color:#f6f6f6;
    border-radius: 20px;
    margin:0 auto 25px;
    padding:30px 0;
}
.rancKeepPt .timing .ttl04{
    font-size:18px;
    font-weight:700;
    text-align:center;
    margin-bottom:3px;
}
.rancKeepPt .timing .ttl04 span{
    display:inline-block;
    font-size:18px;
    font-weight:700;
    padding:6px 27px;
    border-radius: 40px;
    background-color:#fff;
    line-height:1;
}
.rancKeepPt .imgDiagram{
    width:703px;
    margin:0 auto;
}
.rancKeepPt .imgDiagram img{
    width:100%;
}
.rancKeepPt .bftCondition2{
    width:840px;
    background-color:#f6f6f6;
    border-radius: 20px;
    margin:0 auto 25px;
    padding:30px 0;
}
.rancKeepPt .bftCondition2 .ttl04{
    font-size:18px;
    font-weight:700;
    text-align:center;
    margin-bottom:30px;
}
.rancKeepPt .bftCondition2 .ttl04 span{
    display:inline-block;
    font-size:18px;
    font-weight:700;
    padding:6px 27px;
    border-radius: 40px;
    background-color:#fff;
    line-height:1;
}
.rancKeepPt .bftCondition2 .list02{
    width:693px;
    margin:0 auto;
    padding:0 0 0 2em;
}
.rancKeepPt .bftCondition2 .list02 li{
    font-size:14px;
    font-weight:400;
    list-style-type: disc;
    padding:0;
    margin:0;
}
/* --- そのほかにも！ --- */
.aboutBenefits .pttl01{
    margin:0 0 40px 0;
    text-align:center;
}
.aboutBenefits .pttl01 em{
    font-size:32px;
    font-weight:700;
}
.aboutBenefits .etcMembOnly{
    width:1000px;
    height:209px;
    margin:0 auto 0;
    padding:40px 75px 40px 278px;
    border-radius: 20px;
    box-sizing: border-box;
    background :#fff url("../_img_bg/tokuten-campaign.svg") no-repeat left 65px bottom;
    background-size: 180px auto;
}
.etcMembOnly .ttl02c{
    font-size:32px;
    font-weight:700;
    color:#FF6E00;
    border-bottom: 5px solid #FF6E00;
}
.etcMembOnly .tx06{
    font-size:18;
    font-weight:700;
    margin-top:1em;
}
.aboutBenefits .spgtBnr{
    width:1000px;
    margin:80px auto 0;
}
.aboutBenefits .spgtBnr img{
    width:100%;
}



/* --- サファイア・ダイヤモンド会員 限定特典について --- */
.aboutLmtBft{
    width:1000px;
    margin:0 auto 120px auto;
    padding:0;
}
.aboutLmtBft .ttl02d{
    font-size:32px;
    font-weight:700;
    text-align:center;
    line-height:1.2;
}
.aboutLmtBft .kugiri2col{
    width:180px;
    height:5px;
    margin:40px auto 80px auto;
    background-image: linear-gradient(
        90deg,
        #649BC3 0%, #649BC3 50%,
        #E4C552 50%, #E4C552 100%
    );
}
.aboutLmtBft .ttl03b{
    font-size:32px;
    font-weight:700;
    text-align:center;
    margin-bottom:30px;
}
.aboutLmtBft .tx07{
    font-size:18px;
    font-weight:700;
    text-align:center;
    margin-bottom:16px;
}
.aboutLmtBft .link02{
    text-align:center;
    font-size:16px;
    font-weight:400;
    margin:16px 0 32px 0;
}

/* --- 1年間何度でも4種類の基本工賃が無料！ --- */
.aboutLmtBft .asManyTimes{
    width:100%;
    box-sizing: border-box;
    margin:0 0 120px 0;
    padding:40px 80px;
    border: 3px solid #061463;
    border-radius: 20px;
}
.aboutLmtBft .asManyTimes .ttl03c{
    font-size:32px;
    font-weight:700;
    color:#011463;
    border-bottom:5px solid #011463;
}
.asManyTimes .iconParade{
    display: flex;
    justify-content: space-between;
    margin:40px 0;
    padding:0;
}
.asManyTimes .iconParade li{
    margin:0;
    padding:0;
    list-style-type: none;
    text-align:center;
    font-size:16px;
    font-weight:400;
    color:#011463;
}
.asManyTimes .iconParade li img{
    width:122px;
    height:122px;
    margin:0 auto 6px auto;
    display:block;
}
.asManyTimes .innerbox{
    width:100%;
    background-color:#EBECF2;
    border-radius: 20px;
    box-sizing: border-box;
    padding:40px 60px;
}
.asManyTimes .ttl03d{
    font-size:32px;
    font-weight:700;
    color:#011463;
    border-bottom:5px solid #011463;
}
.asManyTimes .ttl03d span{
    font-size:16px;
    font-weight:400;
}

.asManyTimes .aboutPrice{
    display: flex;
    justify-content: center;
    margin:40px 0;
    padding:0;
}

.aboutPrice .normal{
    margin-right:70px;
}
.aboutPrice  dt {
    margin-bottom:15px;
}
.aboutPrice .normal dt {
    font-size:18px;
    font-weight:700;
    line-height:43px;
    text-align:center;
    color:#000;
    background-color:#fff;
    border-radius: 60px;
    width:100%;
}
.aboutPrice  dd {
    height:52px;
}
.aboutPrice .normal dd {
    font-size:41px;
    font-weight:700;
    line-height:52px;
    text-align:center;
}
.aboutPrice .normal dd i{
    font-size:14px;
    font-weight:400;
}
.aboutPrice .advanced{
    width:auto;
}
.aboutPrice .advanced dt {
    font-size:18px;
    font-weight:700;
    line-height:43px;
    text-align:center;
    color:#fff;
    background-color:#011463;
    border-radius: 60px;
    width:100%;
}
.aboutPrice .advanced dd {
    display: flex;
    justify-content: left;
}
.aboutPrice .advanced dd .sapphire {
    font-size:41px;
    font-weight:700;
    line-height:52px;
    padding-left:47px;
    padding-right:10px;
    background :url("../_img_bg/sapphire.svg") no-repeat left center;
    background-size: 42.19px auto;
}
.aboutPrice .advanced dd .rancTx{
    display:none;
}
.aboutPrice .advanced dd .yenTx{
    font-weight:700;
}
.aboutPrice .advanced dd .taxTx{
    font-size:14px;
    font-weight:400;
}
.aboutPrice .advanced dd .diamond {
    font-size:30px;
    font-weight:700;
    line-height:52px;
    padding-left:54px;
    background :url("../_img_bg/diamond.svg") no-repeat left center;
    background-size: 49.18px auto;
}

/* --- 作業当日受付開始時間の予約を優遇 --- */
.aboutLmtBft .ttl02e{
    font-size:32px;
    font-weight:700;
    text-align:center;
    line-height:1.2;
    margin-bottom:30px;
}
.aboutLmtBft .tx08{
    font-size:18px;
    font-weight:700;
    text-align:center;
    margin-bottom:38px;
}
.aboutLmtBft .receptionStart{
    width:100%;
    box-sizing: border-box;
    padding:35px 100px;
    background-color: #F6F6F6;
    border-radius: 20px;
    margin:0 0 25px 0;
}
.receptionStart .ttl03e{
    font-size:18px;
    text-align:center;
    margin:0 0 30px 0;
}
.receptionStart .ttl03e span{
    font-size:18px;
    font-weight:700;
    text-align:center;
    background-color:#fff;
    border-radius: 40px;
    padding:5px 40px;
}
.receptionStart .receptionTime{
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.receptionTime .clock img{
    width:190px;
    height:auto;
    margin:0 55px 0 0;
}
.receptionTime .sapphire .icon{
    font-size:19px;
    height:32px;
    padding:0 0 0 35px;
    font-weight:700;
    color:#529CC7;
    background :url("../_img_bg/sapphire.svg") no-repeat left center;
    background-size: auto 31.45px;
}
.receptionTime .sapphire .start{
    font-size:32px;
    font-weight:700;
    border-top:1px solid #529CC7;
    margin:8px 40px 0 0;
    line-height:1.5
}
.receptionTime .sapphire .start i{
    font-size:22px;
    font-weight:700;
}
.receptionTime .diamond .icon{
    font-size:19px;
    height:32px;
    padding:0 0 0 35px;
    font-weight:700;
    color:#E0A43B;
    background :url("../_img_bg/diamond.svg") no-repeat left center;
    background-size: auto 31.75px;
}
.receptionTime .diamond .start{
    font-size:32px;
    font-weight:700;
    border-top:1px solid #E0A43B;
    margin:8px 0 0 0;
    line-height:1.5
}
.receptionTime .diamond .start i{
    font-size:22px;
    font-weight:700;
}
.aboutLmtBft .tx09{
    font-size:14px;
    font-weight:400;
}

/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:767px){

    #mbsRwd{
        width:100%;
        overflow:hidden;
    }
/* --- キービジュアル --- */
    #mbsRwd .kv{
        width:100%;
        height:102.4vw;
        background-color:#FDF8ED;
        padding-top:0;
        box-sizing: border-box;
        margin:0 0 20vw 0;
    }
    #mbsRwd .ttl01{
        width:73vw;
        height:91vw;
        margin:0 auto;
        box-sizing: border-box;
        padding-left:0;
        font-size:9.5vw;
        font-weight:900;
        color:#FF6E00;
        background:url("../_img_bg/tokuten.svg") no-repeat;
        background-position: center bottom;
        background-size:73vw auto;
        white-space:nowrap;
        line-height:1.5;
        text-align:center;
        padding-top:11vw;
    }

/* --- T-POINT --- */
    #mbsRwd .TpointTB{
        width:100%;
    }
    .TpointTB .ttlTpoint{
        text-align:center;
        font-size:6.4vw;
        font-weight:700;
        height:auto;
        line-height:1.5;
        margin-bottom:0;
    }
    .TpointTB .ttlTpoint img{
        height:10.4vw;
        width:auto;
        /* margin:0 0.3em -5px 0; */
        margin: 0 auto -8px;
        vertical-align:baseline;
    }
    .TpointTB .ttl03a{
        text-align:center;
        font-size:6.4vw;
        font-weight:700;
        margin-bottom:8.5vw;
        line-height:1.4;
    }
    .TpointTB .RankTbPC{
        display:none;
    }
    .TpointTB .RankTbSP{
        display:block;
        width:92vw;
        margin:0 auto 6.4vw;
    }
    .TpointTB .RankTbSP img{
        width:100%;
    }
    .TpointTB .tx01{
        font-size:5vw;
        margin:0 5vw 6.4vw 5vw;
        text-align:left;
        line-height:1.4;
    }
    .TpointTB .link01{
        text-align:center;
        font-size:4.3vw;
        font-weight:400;
        margin-bottom:10vw;
    }
    .TpointTB .tx02{
        font-size:3.7vw;
        text-indent: -1.1em;
        margin:0 0 5px 1.5em;
        padding:0 5vw 0 3vw;
        line-height:1.4;
    }

    .js_tab-item_inner {
        width: auto;
        padding: 32px 0 80px;
    }

/* --- ポイント特典について --- */
    .aboutBenefits{
        width:100%;
        padding:20vw 0;
        margin:0 0 20vw 0;
    }
    .aboutBenefits .ttl02{
        font-size:7vw;
        margin:0 0 8.5vw 0;
    }

    .aboutBenefits_lead {
        margin: 8.53vw 6.4vw;
        text-align: left;
        font-size: 4.8vw;
    }
    
    .aboutBenefits .birthMpt{
        width:90vw;
        margin:0 auto 12vw;
        padding:10vw 4vw;
    }
    .aboutBenefits .ttl02a{
        font-size:7vw;
        border-bottom: 1.3vw solid #FF6E00;
    }
    .aboutBenefits .tx03{
        font-size:4.5vw;
        margin:8vw 0 8vw 0;
    }
    .aboutBenefits .rankRange{
        display: block;
        margin:0 auto 9vw auto;
    }
    .rankRange.threeBox{
        width:100%;
    }
    .aboutBenefits .rankRange dl{
        width:100%;
        display:flex;
    }
    .aboutBenefits .rankRange dt{
        font-size:3.8vw;
        font-weight:900;
        height:12vw;
        width:42%;
        margin-bottom:1.5vw;
    }
    .aboutBenefits .rankRange .bronze dt{
        background : url("../_img_bg/bronze.svg") no-repeat left bottom 1.5vw;
        background-size: auto 8vw;
        padding:0 0 0 10vw;
        line-height:12vw;
    }
    .aboutBenefits .rankRange .sapphire dt{
        background : url("../_img_bg/sapphire.svg") no-repeat left bottom 1.5vw;
        background-size: auto 8.5vw;
        padding:0 0 0 10vw;
        line-height:12vw;
    }
    .aboutBenefits .rankRange .diamond dt{
        background : url("../_img_bg/diamond.svg") no-repeat left bottom 1.5vw;
        background-size: auto 8.6vw;
        padding:0 0 0 10vw;
        line-height:12vw;
    }
    .aboutBenefits .rankRange dd{
        font-size:7.7vw;
        padding:0 0 0 7.5vw;
        line-height:12vw;
        /* background : url("../_img_bg/T-point_mark.svg") no-repeat left bottom 4.8vw; */
        /* background : url("../_img_bg/logo_V.svg") no-repeat; */
        background-size: 5.8vw auto;
        margin-left:7vw;
        background-position-x: left;
        background-position-y: 11px;
    }
    .aboutBenefits .rankRange dd span{
        display:inline-block;
        font-size:3.8vw;
        line-height:1;
    }
    .birthMpt .bftCondition{
        width:100%;
        margin:0 auto 8.5vw;
        padding:5vw 0 8vw;
    }
    .birthMpt .bftCondition .ttl04{
        font-size:4.5vw;
        margin-bottom:6.4vw;
    }
    .birthMpt .bftCondition .ttl04 span{
        display:block;
        font-size:4.5vw;
        padding:2vw 0;
        margin:0 5vw;
    }
    .birthMpt .bftCondition .list01{
        width:auto;
        margin:0;
        padding:0 4vw 0 8vw;
    }
    .birthMpt .bftCondition .list01 li{
        font-size:3.9vw;
        font-weight:400;
        list-style-type: disc;
        padding:0;
        margin:0;
    }
    .aboutBenefits .tx04{
        font-size:3.7vw;
        text-indent: -1.1em;
        margin:0 0 3px 1.5em;
        padding:0;
        line-height:1.4;
    }

/* --- ランクキープポイント --- */
    .aboutBenefits .rancKeepPt{
        width:90vw;
        margin:0 auto 15vw;
        padding:10vw 4vw;
    }
    .aboutBenefits .ttl02b{
        font-size:7vw;
        border-bottom: 1.3vw solid #FF6E00;
    }
    .aboutBenefits .tx05{
        white-space:normal;
        font-size:4.5vw;
        margin:8vw 0 8vw 0;
    }
    .rankRange.twoBox{
        width:100%;
    }
    .rancKeepPt .timing{
        width:100%;
        margin:0 auto 8.5vw;
        padding:5vw 0 8vw;
    }
    .rancKeepPt .timing .ttl04{
        font-size:4.5vw;
        margin-bottom:6.4vw;
    }
    .rancKeepPt .timing .ttl04 span{
        display:block;
        font-size:4.5vw;
        padding:2vw 0;
        margin:0 5vw;
    }
    .rancKeepPt .imgDiagram{
        width:77vw;
        margin:0 auto;
    }
    .rancKeepPt .imgDiagram img{
        width:100%;
    }
    .rancKeepPt .bftCondition2{
        width:100%;
        margin:0 auto 8.5vw;
        padding:5vw 0 8vw;
    }
    .rancKeepPt .bftCondition2 .ttl04{
        font-size:4.5vw;
        margin-bottom:6.4vw;
    }
    .rancKeepPt .bftCondition2 .ttl04 span{
        display:block;
        font-size:4.5vw;
        padding:2vw 0;
        margin:0 5vw;
    }
    .rancKeepPt .bftCondition2 .list02{
        width:auto;
        margin:0;
        padding:0 4vw 0 8vw;
    }
    .rancKeepPt .bftCondition2 .list02 li{
        font-size:3.9vw;
        font-weight:400;
        list-style-type: disc;
        padding:0;
        margin:0;
    }

/* --- そのほかにも！ --- */
    .aboutBenefits .pttl01{
        margin:0 0 8.5vw 0;
        text-align:center;
    }
    .aboutBenefits .pttl01 em{
        font-size:7vw;
    }
    .aboutBenefits .etcMembOnly{
        width:90vw;
        height:auto;
        margin:0 auto 0;
        padding:9vw 4vw 40vw 4vw;
        background :#fff url("../_img_bg/tokuten-campaign.svg") no-repeat center bottom;
        background-size: 40vw auto;
    }
    .etcMembOnly .ttl02c{
        font-size:7vw;
        padding-bottom:0.3em;
        border-bottom: 1.3vw solid #FF6E00;
        line-height:1.3;
    }
    .etcMembOnly .tx06{
        white-space:wrap;
        font-size:4.5vw;
        margin:8vw 0 8vw 0;
    }
    .aboutBenefits .spgtBnr{
        width:90vw;
        margin:20vw auto 0;
    }
    .aboutBenefits .spgtBnr img{
        width:100%;
    }

/* --- サファイア・ダイヤモンド会員 限定特典について --- */
    .aboutLmtBft{
        width:100vw;
        margin:0 auto 21vw auto;
        padding:0;
    }
    .aboutLmtBft .ttl02d{
        font-size:6.5vw;
        line-height:1.3;
        margin:0 4vw;
    }
    .aboutLmtBft .kugiri2col{
        width:180px;
        height:5px;
        margin:7vw auto 20vw auto;
        background-image: linear-gradient(
            90deg,
            #649BC3 0%, #649BC3 50%,
            #E4C552 50%, #E4C552 100%
        );
    }
    .aboutLmtBft .ttl03b{
        font-size:6.5vw;
        line-height:1.3;
        margin-bottom:6.5vw;
    }
    .aboutLmtBft .tx07{
        font-size:4.3vw;
        text-align:left;
        margin:0 6vw 4.5vw 6vw;
    }
    .aboutLmtBft .link02{
        text-align:center;
        font-size:4.5vw;
        margin:4.3vw 0 11vw 0;
    }

/* --- 1年間何度でも4種類の基本工賃が無料！ --- */
    .aboutLmtBft .asManyTimes{
        width:90vw;
        margin:0 auto 20vw auto;
        padding:8.5vw 4vw;
    }
    .aboutLmtBft .asManyTimes .ttl03c{
        font-size:6.4vw;
        line-height:1.4;
        padding-bottom:0.2em;
        border-bottom:1.3vw solid #011463;
    }
    .asManyTimes .iconParade{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin:8vw 0;
        padding:0;
    }
    .asManyTimes .iconParade li{
        width:50%;
        margin:0 0 1.5em 0;
        padding:0;
        list-style-type: none;
        text-align:center;
        font-size:3.7vw;
    }
    .asManyTimes .iconParade li img{
        width:33vw;
        height:33vw;
        margin:0 auto 2.5vw auto;
    }
    .asManyTimes .innerbox{
        width:100%;
        background-color:transparent;
        border-radius: 0;
        padding:0;
    }
    .asManyTimes .ttl03d{
        font-size:7vw;
        font-weight:700;
        border-bottom:1.3vw solid #011463;
    }
    .asManyTimes .ttl03d span{
        font-size:4vw;
    }

    .asManyTimes .aboutPrice{
        display: block;
        margin:8vw 0 0 0;
    }
    .aboutPrice .normal{
        margin:0 0 7vw 0;
    }
    .aboutPrice  dt {
        margin-bottom:0;
    }
    .aboutPrice .normal dt {
        width:50%;
        margin:0 auto 3vw auto;
        font-size:4.4vw;
        line-height:1.6;
        text-align:center;
        background-color:#f6f6f6;
        border-radius: 50px;
        padding:1.5vw 0;
    }
    .aboutPrice  dd {
        height:auto;
    }
    .aboutPrice .normal dd {
        font-size:7.5vw;
        line-height:7.5vw;
        font-weight:700;
    }
    .aboutPrice .normal dd i{
        font-size:3.3vw;
    }
    .aboutPrice .advanced{
        width:100%;
    }
    .aboutPrice .advanced dt {
        font-size:4.3vw;
        font-weight:700;
        line-height:2.4em;
        width:100%;
    }
    .aboutPrice .advanced dd {
        display: block;
    }
    .aboutPrice .advanced dd p{
        display: flex;
        justify-content: left;
        align-items: center; 
    }
    .aboutPrice .advanced dd .rancTx{
        display:block;
        font-size:3.7vw;
        font-weight:900;
    }
    .aboutPrice .advanced dd .sapphire {
        font-size:8.5vw
        line-height:8.5vw;
        padding-left:10vw;
        padding-right:0;
        background-size: 7.4vw auto;
        margin:4vw 0 2vw 7vw;
    }
    .aboutPrice .advanced dd .sapphire .rancTx{
        color:#529CC7;
        margin-right:6vw;
    }
    .aboutPrice .advanced dd .diamond .rancTx{
        color:#E0A43B;
        margin-right:3.7vw;
    }
    .aboutPrice .advanced dd .sapphire .yenTx{
        font-size:7.5vw;
    }
    .aboutPrice .advanced dd .taxTx{
        font-size:3.3vw;
    }
    .aboutPrice .advanced dd .diamond {
        font-size:8.6vw;
        line-height:8.6vw;
        padding-left:10.7vw;
        background-size: 8.6vw auto;
        margin:0 0 0 6.3vw;
    }
    .aboutPrice .advanced dd .diamond .yenTx{
        font-size:6.4vw;
    }

/* --- 作業当日受付開始時間の予約を優遇 --- */
.aboutLmtBft .ttl02e{
    font-size:6.4vw;
    margin-bottom:6.4vw;
    line-height:1.4;
}
.aboutLmtBft .tx08{
    font-size:4.3vw;
    margin:0 5vw 13vw 5vw;
    text-align:left;
}
.aboutLmtBft .receptionStart{
    width:90vw;
    padding:7vw 0;
    margin:0 auto 8.5vw;
}
.receptionStart .ttl03e{
    font-size:4.3vw;
    margin:0 0 6vw 0;
}
.receptionStart .ttl03e span{
    font-size:4.3vw;
    padding:1.3vw 10vw;
}
.receptionStart .receptionTime{
    text-align: center;
    display: block;
}
.receptionTime .clock{
    width:50vw;
    margin:8vw auto;
}
.receptionTime .clock img{
    width:100%;
}
.receptionTime .sapphire,
.receptionTime .diamond {
    display:flex;
    justify-content: center;
    margin-bottom:4vw;
}
.receptionTime .sapphire .icon{
    font-size:3.7vw;
    line-height:11vw;
    padding:0 3.5vw 3vw 11vw;
    margin-right:7vw;
    background-size: auto 8.5vw;
    border-bottom:1px solid #529CC7;
}
.receptionTime .sapphire .start{
    font-size:7vw;
    border-top:none;
    margin:0;
}
.receptionTime .sapphire .start i{
    font-size:4vw;
}
.receptionTime .diamond .icon{
    font-size:3.7vw;
    line-height:11.5vw;
    padding:0 3.5vw 3vw 11vw;
    margin-right:4vw;
    background-size: auto 8.6vw;
    border-bottom:1px solid #E0A43B;
}
.receptionTime .diamond .start{
    font-size:7vw;
    border-top:none;
    margin:0;
}
.receptionTime .diamond .start i{
    font-size:4vw;
}
.aboutLmtBft .tx09{
    font-size:3.7vw;
    margin:0 5vw;
    text-align:left;
}




}/* スマホ */

/* ナビゲーション */
.nav_pointTable {
    --nav-border-bw: 4px;
}

.nav_list {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin: 0 calc((100% - 100vw) / 2);
    border-bottom: var(--nav-border-bw) solid #E6E6E6;
}
.nav_item {
    width: 372px;
    margin-bottom: calc(-1 * var(--nav-border-bw));
    /* padding: 15px 6px; */
    border-radius: 8px 8px 0px 0px;
    background-color: #FAFAFA;
    border-bottom: var(--nav-border-bw) solid #E6E6E6;
    font-size: min(4.53333vw,17px);
    text-align: center;
    color: #999999;
}

.nav_item_small {
    font-weight: inherit;
    font-size: min(3.2vw,12px);
}

.nav_item .current {
    font-weight: bold;
    color: initial;
}

.nav_item.--vpoint:has(.current) {
    background-color: #EFF4FA;
    border-bottom: var(--nav-border-bw) solid #003C80;
}
.nav_item.--rpoint:has(.current) {
    background-color: #FFF8F8;
    border-bottom: var(--nav-border-bw) solid #CF2C2B;
}
.js_nav-item {
    padding: 15px 6px;
}
.js_nav-item:hover {
    cursor: pointer;
}
.js_nav-item.current:hover {
    cursor: initial;
}

@media screen and (max-width:767px){
    .nav_list {
        gap: 2.4vw;
        padding: 0 2.13333vw;
    }
    .nav_pointTable {
        --nav-border-bw: 0.533333333vw;
    }
}