@charset "UTF-8";

@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";
  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;
}
body #mb2023 {
  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: 14px;
  text-align: left;
}
html {
    scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 120px;
}
/* --- mb2023 --- */
#mb2023{
    width:100%;
    margin:0;
    padding:0;
    background-color:#fff;
    color:#131313;
}
.kvBlock{
    width:100%;
    max-width:1100px;
    margin:15px auto 0 auto;
    /*
    padding-bottom:115px;
    background:url("../_img_bg/bg01.png") repeat-x left bottom;
    background-size: auto; 
    */
}
.kvBlock .kvh1{
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
    position:relative;
}
.kvBlock .kvpc{
    width:100%;
    height:auto;
}
/*
.kvBlock .a01{
    width:99px;
    position:absolute;
    right:43px;
    bottom:0;
}
.kvBlock .a02{
    width:73px;
    position:absolute;
    left:0;
    bottom:0;
}
.kvBlock .a03{
    width:145px;
    position:absolute;
    left:327px;
    bottom:91px;
}
*/

.willBeRenew{
    width:100%;
    background-color:#f6f6f6;
    padding:48px 0 32px 0;
    margin:0 0 94px 0;
}
.willBeRenew .ttl02{
    font-size:32px;
    font-weight:550;
    line-height:1.3;
    text-align:center;
}
.willBeRenew .ttl02 b{
    color:#e2001d;
    font-weight:550;
}
.willBeRenew .gotBetter{
    display: flex;
    width:840px;
    margin:55px auto 100px auto;
}
.gotBetter {
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
    box-sizing: border-box;
    justify-content: center; 
}
.gotBetter .point{
    display:block;
    box-sizing: border-box;
    width:280px;
}
.gotBetter .ptx{
    font-size:16px;
    font-weight:550;
    text-align:center;
    white-space:nowrap;
}
.gotBetter .ptx b{
    font-weight:550;
    padding-bottom:4px;
    border-bottom:dotted 4px #e2001d;
}
.gotBetter .pimg{
    width:200px;
    height:200px;
    margin:0 auto 16px auto;
    overflow:hidden;
    background-color:#fff;
    border-radius:50%;
    text-align:center;
}
.gotBetter .pimg img{
    width:100%;
}
.willBeRenew .mov01{
    width:674px;
    height:379px;
    margin:0 auto;
    background:#ccc;
}
.mov01 iframe{
    width:100%;
    height:100%;
}
/* --- toAnchor --- */
#mb2023 .toAnchor{
    width:640px;
    margin:0 auto 80px auto;
    display: flex;
    justify-content: space-between;
}
#ov{
    height:18px;
}

.toAnchor .anctx{
    width:300px;
    font-size:22px;
    font-weight:550;
    border-bottom:1px solid #111;
}
.toAnchor .anctx a{
    display:block;
    font-size:22px;
    font-weight:550;
    line-height:1.5;
    color:#111;
}
.toAnchor .anctx a:after {
    content: "↓";
    float:right;
    margin-right:0.3em;
    font-size:22px;
    font-weight:500;
}

#overview{
    width:100%;
    border-top:3px solid #000;
    padding:120px 0 0 0;
    position:relative;
}


#overview .divid{
    position:absolute;
    top:-18px;
    left:0;
    width:100%;
    text-align:center;
    display: flex;
    justify-content: center; 
}
#overview .ttl02{
    font-size:32px;
    font-weight:700;
    line-height:57px;
    background-color:#CF2C2B;
    color:#fff;
    text-align:center;
    display:inline-block;
    padding:0 1.5em;
    border-radius: 0 0 15px 15px / 0 0 15px 15px;
}

.divid .bkL {
    background:url("../_img_bg/divid_left.png") no-repeat left top;
    background-size:18px 18px;
    display:block;
    width:18px;
    height:18px;
    vertical-align: top;
}
.divid .bkR {
    background:url("../_img_bg/divid_right.png") no-repeat left top;
    background-size:18px 18px;
    display:block;
    width:18px;
    height:18px;
    vertical-align: top;
}
#overview .ttl03{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin:0 0 60px 0;
}

#overview .rankimg{
    width:530px;
    margin:0 auto 60px auto;
    text-align:center;
}
#overview .rankimg img{
    width:100%;
}


.aboutBacs{
    width:1000px;
    margin:0 auto 96px auto;
    border:1px solid #000;
}
.aboutBacs .ttl04{
    font-size:22px;
    font-weight:550;
    background-color:#000;
    color:#fff;
    padding:0 24px 0 63px;
    line-height:50px;
    background:#000 url("../_img_bg/rank-bacs-icon_wht.svg") no-repeat 1em center;
    background-size:30px 30px;
}
.aboutBacs .acdopn{
    width:30px;
    height:50px;
    float:right;
    background: url("../_img_bg/arrow_close.svg") no-repeat center center;
    background-size:20px 20px;
    cursor:pointer;
}
.aboutBacs .acdcls{
    display:none;
    width:30px;
    height:50px;
    float:right;
    background: url("../_img_bg/arrow_open.svg") no-repeat center center;
    background-size:20px 20px;
    cursor:pointer;
}

.abbinner{
    display: flex;
    justify-content: space-between; 
    padding:0 0 54px 0;
}
.abbinner .ableft{
    width:50%;
}
.abbinner .abright{
    width:50%;
}
.abbinner .ableft .tx1{
    font-size:16px;
    padding:60px 0 24px 54px;
}
.abbinner .ableft .tx2{
    font-size:14px;
    padding:0 0 0 54px;
}
.abbinner .minibox{
    margin:45px 53px 0 40px;
    background-color:#f5f5f5;
    border-radius: 10px;
}
.minibox .tx3{
    font-size:16px;
    font-weight:550;
    text-align:center;
    padding:18px 0;
}
.minibox .icontx1{
    display: flex;
    justify-content : space-between; 
    list-style-type:none;
    padding:0 18px 18px 18px;
}
.minibox .icontx1 li{
    width:auto;
    height:25%;
    font-size:14px;
    text-align:center;
    white-space:nowrap;
    letter-spacing:0.5px;
}
/* --- BenefitsRankPC --- */
.BenefitsRankSP{
    display:none;
}
.BenefitsRankPC{
    width:1000px;
    margin:0 auto;
    padding:0 0 160px 0;
    position:relative;
}
.BenefitsRankPC .ttl05{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:60px;
}
.BenefitsRankPC .RankTb{
    width:100%;
    box-sizing: border-box;
    padding:0;
    margin:0 0 24px 0;
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;
}
.RankTb .hd .tedge {
    background-image: linear-gradient(
        to top right,
        transparent, transparent 50%,
        #aaa 49.5%, #aaa 50.5%,
        transparent 50%, transparent
    );
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
}
.RankTb th {
    font-size:16px;
    font-weight:550;
    text-align:left;
    vertical-align: middle;
    padding:0.6em 0.3em;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
}
.RankTb .hd th{
    font-size:16px;
    font-weight:550;
    color:#111;
    text-align:center;
    vertical-align: middle;
    background-color:#f6f6f6;
    line-height:1.3;
    padding:0.7em 0.5em;
}
.RankTb th span{
    font-size:12px;
    font-weight:normal;
    display:block;
}
.RankTb th i{
    font-size:11px;
    font-weight:normal;
}
.RankTb th s{
    font-size:12px;
    font-weight:550;
}
.RankTb .bronze{
    background-color:#F9F3EF;
    color:#A44424;
}
.RankTb .sapphire{
    background-color:#F2F7FB;
    color:#3D72A1;
}
.RankTb .diamond{
    background-color:#FCF9EB;
    color:#D7A650;
}
.RankTb th img{
    width:45px;
    vertical-align: middle;
    margin:0 9px 0 9px;
}
.RankTb th.diamond img{
    width:53px;
    margin:0 5px 0 5px;
}
.RankTb td {
    font-size:22px;
    font-weight:700;
    text-align:center;
    vertical-align: middle;
    padding:0.8em 0.4em;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    font-family: "DINAlternate", "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.RankTb 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;
}
.RankTb td b.min{
    min-width:auto;
}
.RankTb td i{
    font-size:16px;
    font-weight:550;
    font-family: "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.RankTb td.nb{
    border-bottom:none;
}
.BenefitsRankPC .note1{
    margin:0 0 96px 0;
    padding:0;
}
.BenefitsRankPC .note1 li{
    list-style-type: none;
    font-size:14px;
    display:inline;
}
.BenefitsRankPC .note2{
    font-size:22px;
    font-weight:550;
    color:#e2001d;
    text-align:center;
    margin:0 0 25px 0;
}
.BenefitsRankPC .btn a{
    display:block;
    width:400px;
    background-color:#000;
    color:#fff;
    font-size:22px;
    font-weight:550;
    text-align:center;
    margin:0 auto;
    line-height:3em;
    border-radius: 8px;
}
.BenefitsRankPC .tireAnm{
    position:absolute;
    bottom:-5px;
    left:735px;
    width:118px;
}
.BenefitsRankPC .tireAnm img{
    width:100%;
}
/* --- menteOpt --- */
.menteOpt{
    width:100%;
    background-color:#f6f6f6;
    padding:96px 0 77px 0;
}
.menteOpt .ttl08{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:40px;
}
.menteOpt .note4{
    font-size:16px;
    font-weight:500;
    text-align:center;
    margin-bottom:60px;
}
.menteOpt .aboutOpt{
    width:1000px;
    margin:0 auto 24px auto;
    display: flex;
    justify-content: left; 
}
.aboutOpt .service{
    width:480px;
    box-sizing: border-box;
    margin-right:40px;
    background-color:#fff;
    border-radius: 0px 0px 10px 10px;
}
.aboutOpt .ttl09{
    font-size:22px;
    font-weight:550;
    text-align:center;
    line-height:64px;
    background-color:#000;
    color:#fff;
    border-radius: 10px 10px 0px 0px;
}
.aboutOpt .ttl09 i{
    font-size:16px;
    font-weight:normal;
}
.aboutOpt .price{
    width:480px;
    box-sizing: border-box;
    background-color:#fff;
    border-radius: 0px 0px 10px 10px;
}
.service .icontx2{
    display: flex;
    justify-content: left; 
    flex-wrap: wrap;
    box-sizing: border-box;
    list-style-type:none;
    padding:22px 0 0 0;
    margin:0;
}
.service .icontx2 li{
    font-size:16px;
    font-weight:normal;
    text-align:center;
    box-sizing: border-box;
    margin:0;
    width:50%;
    padding:0 0 20px 0;
    line-height:1.5;
}
.price .icontx3{
    display: block;
    box-sizing: border-box;
    list-style-type:none;
    padding:22px 0 0 0;
    margin:0 auto;
    width:320px;
}
.price .icontx3 li{
    font-size:16px;
    font-weight:normal;
    text-align:left;
    margin:0 0 10px 0;
    padding-bottom:12px;
    white-space:nowrap;
    border-bottom:1px solid #ddd;
}
.price .icontx3 li.diamond{
    border-bottom:none;
}

.price .icontx3 li span{
    display:inline-block;
    font-size:16px;
    font-weight:550;
    text-align:right;
    float:right;
    line-height:2.1;
}
.price .icontx3 li span:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.price .icontx3 li span i{
    font-size:12px;
    font-weight:normal;
}
.price .icontx3 img{
    width:33px;
    vertical-align:middle;
    margin:0 10px 0 3px;
}
.price .icontx3 .diamond img{
    width:39px;
    margin:0 7px 0 0;
}
.menteOpt .ltthalf{
    width:1000px;
    margin:0 auto;
}
.ltthalf.note3{
    font-size:14px;
    font-weight:normal;
}
.ltthalf .note4{
    margin:60px 0 25px 0;
}
.ltthalf .note4 b{
    font-size:22px;
    font-weight:550;
    color:#e2001d;
    text-align:center;
    padding-left:28px;
    background:url("../_img_bg/exclamation_point.svg") no-repeat left center;
    background-size: 24px 24px;
}
#mb2023 .toAnchor2{
    padding-bottom:96px;
    margin-bottom:96px;
    border-bottom:1px solid #ccc;
    /* text-align:center; */
}
/* 
.toAnchor2 .anctx{
    display:inline-block;
    width:auto;
    font-size:16px;
    font-weight:550;
    border-bottom:1px solid #111;
}
.toAnchor2 .anctx a{
    display:block;
    font-size:16px;
    font-weight:550;
    line-height:1.5;
    color:#111;
}
.toAnchor2 .anctx a:after {
    content: "↓";
    float:right;
    margin-right:0.3em;
    font-size:17px;
    font-weight:900;
    } 
*/

.webReserve{
    width:1000px;
    margin:0 auto;
    display: flex;
    justify-content: left; 
}
.webReserve .reserveL{
    width:510px;
    margin-right:30px;
}
.webReserve .reserveL .ttl10{
    font-size:32px;
    font-weight:550;
    margin-bottom:28px;
}
.webReserve .reserveL .note5{
    font-size:16px;
    font-weight:normal;
}
.webReserve .reserveR{
    width:460px;
    margin-right:40px;
}
.webReserve .reserveR img{
    width:100%;
}
/* --- migration --- */
#mg{
    height:18px;
    background-color:#f6f6f6;
}
#migration{
    width:100%;
    border-top:3px solid #000;
    padding:157px 0 0 0;
    position:relative;
}
#migration .divid{
    position:absolute;
    top:-18px;
    left:0;
    width:100%;
    text-align:center;
    display: flex;
    justify-content: center; 
}
#migration .ttl02{
    font-size:32px;
    font-weight:700;
    line-height:57px;
    background-color:#CF2C2B;
    color:#fff;
    text-align:center;
    display:inline-block;
    padding:0 1.5em;
    border-radius: 0 0 15px 15px / 0 0 15px 15px;
}
.mginner{
    width:1000px;
    margin:0 auto 0 auto;
}
.mginner .automyg{
    background-color:#000;
    border-radius: 10px;
    text-align:center;
    padding:0 0 40px 0;
    margin-bottom:96px;
}
.mginner .automyg img{
    width:507px;
    margin:-37px 0 0 0;
}
.mginner .automyg .ttl11{
    color:#fff;
    font-size:32px;
    font-weight:550;
    padding:32px 0 40px 0;
}
.mginner .currentSys a{
    color:#fff;
    font-size:16px;
    font-weight:normal;
    border-bottom:1px solid #ccc;
    line-height:1.2;
}
.convertRank{
    margin:0;
    padding:0 0 96px 0;
    position:relative;
}
.convertRank .ttl12{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:40px;
}
.convertRank .note6{
    font-size:16px;
    font-weight:normal;
    text-align:center;
    margin-bottom:60px;
}

/* --- convMethod --- */
.forSPwrapper{
    width:auto;
    margin:0;
    padding:0;
}
.convMethod{
    width:1000px;
    margin:0 auto 55px auto;
    display: flex;
    justify-content: left; 
}
.convMethod .pointMb{
    width:310px;
    margin-right:35px;
    padding:0;
    box-sizing: border-box;
    background-image: linear-gradient(
        90deg,
        #f6f6f6 0%, #f6f6f6 50%,
        #fbe8e0 50%, #fbe8e0 100%
    );
    border-radius:10px;
}
.pointMb .canScroll{
    display:none;
}
.pointMb .iconBox{
    display: flex;
    justify-content: left; 
    flex-wrap: wrap;
}
.iconBox .icontx4{
    width:50%;
    box-sizing: border-box;
    text-align:center;
}
.iconBox .icontx5{
    width:50%;
    box-sizing: border-box;
    text-align:center;
    background:url("../_img_bg/sankaku_r.png") no-repeat left center;
    background-size:  18px auto;
}
.pointMb .iconBox .icontx4 img{
    height:37px;
    margin:27px 0 9px 0;
}
.pointMb .iconBox .icontx5 img{
    height:60px;
    margin:16px 0 10px 0;
}
.iconBox .icontx4 b{
    display:block;
    text-align:center;
    font-size:14px;
    font-weight:normal;
    padding-bottom:8px;

}
.iconBox .icontx5 b{
    display:block;
    text-align:center;
    font-size:14px;
    font-weight:550;
    padding-bottom:16px;
}

.convMethod dl{
    display: flex;
    justify-content: left; 
    flex-wrap: wrap;
}
.convMethod dt{
    width:100%;
    margin:0 16px 14px 16px;
    text-align:center;
    background-color:#fff;
    font-size:14px;
    border-radius: 20px;
    padding:6px 0;
}
.convMethod dt i{
    font-size:12px;
    font-weight:normal;
}
.convMethod dd{
    width:50%;
    text-align:center;
    font-size:14px;
    padding:0 0 20px 0;
    line-height:1.4;
}
.convMethod dd.mdl{
    line-height:2.8;
}
.convMethod dd i{
    font-size:10px;
    font-weight:normal;
}

.convMethod .goldMb{
    width:310px;
    margin-right:35px;
    padding:0 15px;
    box-sizing: border-box;
    background-image: linear-gradient(
        90deg,
        #f6f6f6 0%, #f6f6f6 50%,
        #e2ecf2 50%, #e2ecf2 100%
    );
    border-radius:10px;
}
.goldMb .iconBox{
    display: flex;
    justify-content: left; 
    flex-wrap: wrap;
}
.goldMb .iconBox .icontx4 img{
    height:37px;
    margin:27px 0 22px 0;
}
.goldMb .iconBox .icontx5 img{
    height:60px;
    margin:16px 0 10px 0;
}

.convMethod .platinaMb{
    width:310px;
    padding:0 15px;
    box-sizing: border-box;
    background-image: linear-gradient(
        90deg,
        #f6f6f6 0%, #f6f6f6 50%,
        #f8f4e5 50%, #f8f4e5 100%
    );
    border-radius:10px;
}
.platinaMb .iconBox{
    display: flex;
    justify-content: left; 
    flex-wrap: wrap;
}
.platinaMb .iconBox .icontx4 img{
    height:37px;
    margin:27px 0 22px 0;
}
.platinaMb .iconBox .icontx5 img{
    height:60px;
    margin:16px 0 10px 0;
}
/* --- convMethodここまで --- */

.convertRank .ttl13{
    font-size:14px;
    font-weight:normal;
    line-height:1.4;
    margin-bottom:80px;
}
.convertRank .giveTpt{
    font-size:14px;
    font-weight:normal;
    line-height:1.5;
    margin:0;
    padding:0;
}
.convertRank .giveTpt li{
    line-height:1.4;
    list-style-type: disc;
    margin-left:1.5em;
    padding:0;
}
.convertRank .note7{
    font-size:22px;
    font-weight:550;
    color:#e2001d;
    text-align:center;
    margin:96px 0 25px 0;
}
.convertRank .btn a{
    display:block;
    width:400px;
    background-color:#000;
    color:#fff;
    font-size:22px;
    font-weight:550;
    text-align:center;
    margin:0 auto;
    line-height:3em;
    border-radius: 8px;
}
.convertRank .wrenchAnm{
    position:absolute;
    bottom:-5px;
    left:205px;
    width:88px;
}
.convertRank .wrenchAnm img{
    width:100%;
}
/* --- aboutEndSvc --- */
#aboutEndSvc{
    width:100%;
    background-color:#f6f6f6;
    padding:96px 0;
}
.aboutEndSvcInner{
    width:auto;
}
#aboutEndSvc .ttl14{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:40px;
}
#aboutEndSvc .note8{
    font-size:16px;
    font-weight:normal;
    text-align:center;
    margin-bottom:60px;
}
.crntBnefit{
    width:1000px;
    margin:0 auto;
    border-radius: 10px;
    background-color:#fff;
}
.crntBnefit .ttl15{
    background-color:#000;
    color:#fff;
    font-size:20px;
    font-weight:550;
    text-align:center;
    border-radius: 10px 10px 0 0;
    padding:17px 0;
}
.crntBnefit .freeItems{
    width:870px;
    margin:0 0 0 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding:32px 0;
}
.crntBnefit .freeItems li{
    line-height:1.68;
    list-style-type: disc;
    margin:0 1em 0 0;
    padding:0;
    font-size:16px;
    white-space:nowrap;
    margin-right:2.5em;
}
.downArrow{
    height:33px;
    background:url("../_img_bg/down_arrow.svg") no-repeat top center;
    margin-bottom:40px;
}
.periodTm .ttl16{
    font-size:24px;
    font-weight:550;
    color:#e2001d;
    text-align:center;
    margin-bottom:40px;
}
.periodTm .eachCard1{
    width:1000px;
    margin:0 auto 24px auto;
    display: flex;
    justify-content: left;
}
.eachCard1 .menteMb{
    width:490px;
    background-color:#fff;
    border-radius: 10px;
    margin-right:20px;
    padding:32px 0;
    text-align:center;
}
.eachCard1 .gldpltMb{
    width:490px;
    background-color:#fff;
    border-radius: 10px;
    margin:0;
    padding:32px 0;
    text-align:center;
}
.eachCard1 img{
    height:70px;
    margin-bottom:16px;
}
.eachCard1 .note9{
    font-size:16px;
    line-height:1.4;
    background:url("../_img_bg/sankaku_dwn.svg") no-repeat bottom center;
    background-size:18px 11px;
    padding-bottom:1em;
    margin-bottom:10px;
}
.eachCard1 .note10{
    font-size:22px;
}
.eachCard1 .note10 b{
    font-weight:550;
}
.eachCard1 .note10 i{
    font-size:12px;
}
.periodTm .note11{
    width:1000px;
    margin:0 auto;
    font-size:14px;
}
/* --- available --- */
#available{
    width:100%;
    margin:30px auto 0 auto;
    padding:96px 0 110px 0;
    background:url("../_img_bg/bg01.png") repeat-x left bottom;
    background-size:  auto;
}
#available .ttl17{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:96px;
}
#available .eachCard2{
    width:1000px;
    margin:0 auto 96px auto;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.eachCard2 .cdimg{
    width:296px;
    padding:0;
    margin:0 32px 0 0;
    text-align:center;
}
.eachCard2 .cdimg img{
    width:100%;
    margin:0
}   
.eachCard2 .img3 img{
    width:144px;
}   
.eachCard2 .cdtext{
    width:672px;
    padding:0;
    margin:0 0 60px 0;
}
.eachCard2 .cdtext .ttl18{
    font-size:24px;
    font-weight:550;
    margin-bottom:24px;
}
.eachCard2 .cdtext .note12{
    font-size:16px;
    font-weight:normal;
}
.eachCard2 .cdtext .link a{
    font-size:16px;
    font-weight:normal;
    display:inline-block;
    margin-top:16px;
    color:#111;
    border-bottom:1px solid #111;
    line-height:1.2;
}
#available .note13{
    text-align:center;
}
#available .note13 a{
    font-size:16px;
    font-weight:normal;
    display:inline-block;
    margin-top:16px;
    color:#111;
    border-bottom:1px solid #111;
    line-height:1.2;
}
/* --- summary --- */
#summaryWrap{
    width:100%;
    background-color:#f6f6f6;
    margin:0;
    padding:0;
}
.summaryList{
    width:1000px;
    margin:0 auto;
    padding:96px 0;
    position:relative;
}
.summaryList .ttl19{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:40px;
}
.summaryList .listblock{
    width:615px;
    background-color:#fff;
    padding:30px 55px 55px 55px;
    margin:0 auto;
}
.summaryList .listblock li{
    font-size:24px;
    font-weight:550;
    list-style-type:none;
    margin:0;
    padding:20px 0;
    border-bottom:1px solid #ccc;
}

.summaryList .listblock li b{
    font-size:24px;
    font-weight:550;
    color:#e2001d;
    padding-right:1em;
}

.summaryList .carAnm{
    position:absolute;
    bottom:-5px;
    left:0;
    width:188px;
}
.summaryList .carAnm img{
    width:100%;
}
/* --- migrationFAQ --- */
#migrationFAQ{
    padding:96px 0;
}
#migrationFAQ .ttl20{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:48px;
}
.asQA{
    width:1000px;
    margin:0 auto 96px auto;
}
.asQA dl{
    width:100%;
    font-size:16px;
}
.asQA dt{
    background : url("../_img_bg/icon_question.svg") no-repeat 20px center, #f3f3f3;
    background-size:28px 28px;
    padding:24px 30px 24px 60px;
    border-bottom:1px solid #fff;
    font-size:16px;
    font-weight:500;
    line-height:1.3;
}
.asQA dd{
    padding:20px 30px 20px 70px;
    font-size:14px;
    line-height:1.5;
    background : url("../_img_bg/icon_answer.svg") no-repeat 20px 20px;
    background-size:28px 28px;
}
.asQA .accordionDL dt{
    cursor:pointer;
}
.asQA .accordionDL dd{
    display:none;
}
.asQA .linkTx {
    padding:1em 0;
    font-size:14px;
}
.asQA dd.with_link .linkTx{
    padding:1em 0 0 0;
}
.asQA dd.linkOnly .linkTx{
    padding:0 0 1em 0;
}
.asQA dd.linkOnly{
    padding:0 30px 0 70px;
    background:none;
}
#migrationFAQ .btn a{
    display:block;
    width:400px;
    background-color:#000;
    color:#fff;
    font-size:22px;
    font-weight:550;
    text-align:center;
    margin:0 auto;
    line-height:3em;
    border-radius: 8px;
}
/* --- recomApps --- */
#recomApps{
    width:100%;
    padding:96px 0 96px 0;
    background-color:#000;
    color:#fff;
    margin-bottom:96px;
}
#recomApps .ttl21{
    font-size:32px;
    font-weight:550;
    text-align:center;
    margin-bottom:60px;
    color:#fff;
}
.canDo{
    width:1000px;
    margin:0 auto 96px auto;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.canDo li{
    width:220px;
    font-size:16px;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    padding:27px 0 16px 0;
    text-align:center;
    box-sizing: border-box;
}
.canDo li img{
    width:73px;
    margin-bottom:8px;
}
#recomApps .ttl22{
    font-size:24px;
    font-weight:550;
    text-align:center;
    margin-bottom:60px;
}
.usefulAppsTbSP{
    display:none;
}
.usefulAppsTbPC{
    display:table;
    width:1000px;
    box-sizing: border-box;
    padding:0;
    margin:0 auto 60px auto;
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;
}
.usefulAppsTbPC .hd .tedge {
    background-image: linear-gradient(
        to top right,
        transparent, transparent 50%,
        #aaa 49.5%, #aaa 50.5%,
        transparent 50%, transparent
    );
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
}
.usefulAppsTbPC th{
    color:#000;
    font-size:16px;
    font-weight:550;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    padding:1.5em 1em;
    background-color:#fff;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
}
.usefulAppsTbPC .hd th{
    background-color:#f6f6f6;
}
.usefulAppsTbPC .onlyCard th img{
    width:60px;
    margin-right:5px;
    vertical-align:middle;
    background-color:#fff;
    text-align:left;
    /* border:1px solid #ddd; */
    border-radius:2px;
}
.usefulAppsTbPC .useApp th img{
    width:50px;
    margin-right:5px;
    vertical-align:middle;
    /* border-radius:8px; */
    background-color:#fff;
    text-align:left;
}
.usefulAppsTbPC td{
    background-color:#fff;
    color:#111;
    font-size:16px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    padding:1.5em 1em;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
}
.usefulAppsTbPC .onlyCard td{
    font-weight:normal;
}
.usefulAppsTbPC .useApp td{
    font-weight:550;
}
#recomApps .ttl23{
    font-size:24px;
    font-weight:550;
    text-align:center;
    margin-bottom:20px;
    color:#fff;
}
#recomApps .QRbox{
    width:100px;
    margin:0 auto;
    background-color:#fff;
    border-radius:10px;
    padding:10px;
}
#recomApps .QRbox img{
    width:100px;
    vertical-align:bottom;
}
.inqBtnBox{
    padding-bottom:240px;
}
.inqBtnBox .btn a{
    display:block;
    width:400px;
    background-color:#000;
    color:#fff;
    font-size:22px;
    font-weight:550;
    text-align:center;
    margin:0 auto;
    line-height:3em;
    border-radius: 8px;
}

/* --- common --- */
#mb2023 a:link{text-decoration:none;}
#mb2023 a:visited{text-decoration:none;}
#mb2023 a:hover{text-decoration:none;opacity:0.6;transition: 0.25s ease-in-out;}
#mb2023 a:active{text-decoration:none;}

.kari {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:48px;
  color:#888;
}
/* --- スクロールしてきたらフェードイン --- */
.fdinTop {
  opacity: 0;
  transform: translateY(35px);
   transition: opacity 1s, transform 2s;
}
.top-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.fdinElm {
  opacity: 1;
  transform: translateY(35px);
  transition: opacity 1s, transform 1s;
}
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* --- 臨時のお知らせ --- */
#notice1002{
    width:100%;
    margin-bottom:120px;
    padding:120px 0;
    background-color:#f6f6f6;
    text-align:center;
}
#notice1002 .tx01{
    font-size:32px;
    font-weight:550;
    margin-bottom:1em;
}
#notice1002 .link01{
    font-size:16px;
    font-weight:400;
}
#notice1002 a:link{text-decoration:underline;color:#333;}
#notice1002 a:visited{text-decoration:underline;color:#333;}
#notice1002 a:hover{text-decoration:underline;color:#333;opacity:0.7;transition: 0.25s ease-in-out;}
#notice1002 a:active{text-decoration:underline;color:#333;}


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

    .kvBlock{
        width:100%;
        margin:3vw auto 0 auto;
/*
        padding-bottom:22vw;
        background:url("../_img_bg/bg01.png") repeat-x left bottom;
        background-size:  auto 16.5vw;
*/
    }
    .kvBlock .kvh1{
        width:100%;
        height:auto;
        margin:0;
        padding:0;
    }

    .kvBlock .kvsp{
        width:100%;
        height:auto;
    }
/*
    .kvBlock .a01{
        width:12vw;
        position:absolute;
        right:0;
        bottom:0;
    }
    .kvBlock .a02{
        width:8vw;
        position:absolute;
        left:33%;
        top:16%;
    }
    .kvBlock .a03{
        width:16.5vw;
        position:absolute;
        left:36%;
        bottom:14%;
    }
*/
    .willBeRenew{
        width:100%;
        padding:55px 0 0 0;
        margin:0 0 50px 0;
    }
    .willBeRenew .ttl02{
        font-size:6.5vw;
        text-align:center;
    }
    .willBeRenew .gotBetter{
        display: block;
        width:100%;
        margin:54px auto 60px auto;
    }
    .gotBetter {
        width:100%;
    }
    .gotBetter .point{
        display:block;
        width:100%;
        margin-bottom:55px;
    }
    .gotBetter .ptx{
        font-size:5vw;
        margin-top:0.5em;
    }
    .gotBetter .pimg{
        width:53vw;
        height:53vw;
        margin:0 auto;
    }
    .willBeRenew .mov01{
        width:100vw;
        height:51.2vw;
        margin:0 auto;
        background:#ccc;
    }
    .mov01 iframe{
        width:100%;
        height:100%;
    }
    /* --- toAnchor --- */
    #mb2023 .toAnchor{
        width:90vw;
        margin:0 auto 55px auto;
        display: block;
    }
    .toAnchor .anctx{
        width:100%;
        font-weight:550;
        border-bottom:1px solid #000;
        margin-bottom:7vw;
    }
    .toAnchor .anctx a{
        display:block;
        font-size:5.5vw;
        font-weight:550;
        line-height:1.5;
        color:#111;
    }
    .toAnchor .anctx a:after {
        content: "↓";
        float:right;
        margin-right:0.3em;
        font-size:6vw;
        font-weight:500;
    }
    #overview{
        width:100%;
        border-top:3px solid #000;
        padding:80px 0 0 0;
        position:relative;
    }
    #overview .divid{
        position:absolute;
        top:-15px;
        left:0;
        width:100%;
        text-align:center;
        display: flex;
        justify-content: center; 
    }
    #overview .ttl02{
        font-size:5.5vw;
        font-weight:700;
        line-height:2em;
        background-color:#CF2C2B;
        color:#fff;
        text-align:center;
        display:inline-block;
        padding:0 1.5em;
        border-radius: 0 0 12px 12px / 0 0 12px 12px;
    }
    .divid .bkL {
        background:url("../_img_bg/divid_left.png") no-repeat left top;
        background-size:15px 15px;
        display:block;
        width:15px;
        height:15px;
        vertical-align: top;
    }
    .divid .bkR {
        background:url("../_img_bg/divid_right.png") no-repeat left top;
        background-size:15px 15px;
        display:block;
        width:15px;
        height:15px;
        vertical-align: top;
    }
    #overview .ttl03{
        font-size:6.5vw;
        font-weight:550;
        text-align:center;
        margin:0 0 32px 0;
    }
    #overview .rankimg{
        width:88vw;
        margin:0 auto 40px auto;
        text-align:center;
    }
    .aboutBacs{
        width:90vw;
        margin:0 auto 32px auto;
    }
    .aboutBacs .ttl04{
        font-size:5.5vw;
        font-weight:550;
        color:#fff;
        padding:0 0.5em 0 14vw;
        line-height:13vw;
            background:#000 url("../_img_bg/bacs.png") no-repeat 0.5em center;
            background-size:9vw 9vw;
    }
    .aboutBacs .acdopn{
        width:10vw;
        height:13vw;
        float:right;
        background-size:5vw 5vw;
        cursor:auto;
    }
    .aboutBacs .acdcls{
        display:none;
        width:10vw;
        height:13vw;
        float:right;
        background-size:5vw 5vw;
        cursor:auto;
    }
    
    
    .abbinner{
        display: block;
        padding:0 0 1.5em 0;
    }
    .abbinner .ableft{
        width:100%;
    }
    .abbinner .abright{
        width:100%;
    }
    .abbinner .ableft .tx1{
        font-size:4.3vw;
        padding:1.5em 1em;
    }
    .abbinner .ableft .tx2{
        font-size:3.8vw;
        padding:0 1em;
    }
    .abbinner .minibox{
        margin:1.5em 1em 0 1.5em;
    }
    .minibox .tx3{
        font-size:4.5vw;
        padding:1em 0;
    }
    .minibox .icontx1{
        display: flex;
        justify-content : space-between; 
        flex-wrap: wrap;
        list-style-type:none;
        padding:0 0 1em 0;
    }
    .minibox .icontx1 li{
        width:50%;
        height:auto;
        font-size:4vw;
        box-sizing: border-box;
        padding:0 0.5em 1em 0.5em;
        text-align:center;
        white-space:nowrap;
    }
/* --- BenefitsRankSP --- */
    BenefitsRankPC{
        display:none;
    }
    .BenefitsRankSP{
        width:90vw;
        margin:0 auto;
        padding:0 0 30vw 0;
        position:relative;
    }
    .BenefitsRankSP .ttl06{
        font-size:5.5vw;
        font-weight:550;
        text-align:center;
        margin-bottom:1em;
    }
    .BenefitsRankSP .note3{
        font-size:4.5vw;
        margin-bottom:1em;
    }
    .BenefitsRankSP .midLinBox{
        position:relative;
        text-align:center;
        font-size:4.5vw;
        line-height:1;
        margin-bottom:1.5em;
    }
    .BenefitsRankSP .ttl07{
        font-size:4.5vw;
        line-height:1;
        font-weight:550;
        display:inline-block;
        background-color:#fff;
        padding:0 0.7em;
        margin:0 auto;
        position:relative;
        z-index:10;
    }
    .BenefitsRankSP .midLinBox s{
        height:2px;
        margin:0;
        padding:0;
        border:none;
        display:block;
        width:100%;
        border-top:2px solid #000;
        position:absolute;
        left:0;
        top:2.25vw;
        z-index:0;
    }
    .BenefitsRankSP .RankTbSP{
        width:100%;
        box-sizing: border-box;
        padding:0;
        margin:0 0 1em 0;
    }
    .BenefitsRankSP .RankTbSP img{
        width:100%;
    }
    .BenefitsRankSP .note1sp{
        font-size:3.7vw;
        margin-bottom:4em;
    }
    .BenefitsRankSP .note2{
        font-size:5.5vw;
        font-weight:550;
        text-align:center;
        color:#e2001d;
        margin-bottom:1em;
    }
    .BenefitsRankSP .btn a{
        display:block;
        width:100%;
        background-color:#000;
        color:#fff;
        font-size:5vw;
        font-weight:550;
        text-align:center;
        margin:0 auto;
        line-height:3em;
        border-radius: 8px;
    }
    .BenefitsRankSP .tireAnm{
        position:absolute;
        bottom:-5px;
        right:0;
        width:22vw;
    }
    .BenefitsRankSP .tireAnm img{
        width:100%;
    }
/* --- menteOpt --- */
    .menteOpt{
        width:100%;
        background-color:#f6f6f6;
        padding:56px 0;
    }
    .menteOpt .ttl08{
        font-size:6.3vw;
        font-weight:550;
        text-align:center;
        margin-bottom:1em;
    }
    .menteOpt .note4{
        width:90vw;
        font-size:4.5vw;
        font-weight:500;
        text-align:left;
        margin:0 auto 2em;
    }
    .menteOpt .aboutOpt{
        width:90vw;
        margin:0 auto 1em auto;
        display: block;
    }
    .aboutOpt .service{
        width:100%;
        box-sizing: border-box;
        margin:0 0 2em 0;
        background-color:#fff;
        border-radius: 0px 0px 10px 10px;
    }
    .aboutOpt .ttl09{
        font-size:5vw;
        font-weight:550;
        text-align:center;
        line-height:2.5;
        background-color:#000;
        border-radius: 10px 10px 0px 0px;
    }
    .aboutOpt .ttl09 i{
        font-size:4.3vw;
        font-weight:normal;
    }
    .aboutOpt .price{
        width:100%;
        box-sizing: border-box;
        background-color:#fff;
        border-radius: 0px 0px 10px 10px;
    }
    .service .icontx2{
        display: flex;
        justify-content: left; 
        flex-wrap: wrap;
        font-size:4.3vw;
        box-sizing: border-box;
        list-style-type:none;
        padding:1.5em 0 0 0;
        margin:0;
    }
    .service .icontx2 li{
        font-size:4.3vw;
        font-weight:normal;
        text-align:center;
        box-sizing: border-box;
        margin:0;
        width:50%;
        padding:0 0 1.5em 0;
        line-height:1.5;
    }
    .service .icontx2 li span{
        display:none;
    }
    .price .icontx3{
        display: block;
        box-sizing: border-box;
        list-style-type:none;
        padding:1.5em  0 0.5em 0;
        margin:0 auto;
        width:88%;
    }
    .price .icontx3 li{
        font-size:4.2vw;
        font-weight:normal;
        text-align:left;
        margin:0 0 1em 0;
        white-space:nowrap;
    }
    .price .icontx3 li span{
        display:inline-block;
        font-size:4.5vw;
    }
    .price .icontx3 li span i{
        font-size:3.5vw;
        font-weight:normal;
    }
    .price .icontx3 img{
        width:9vw;
        vertical-align:middle;
        margin:0 3vw 0 1vw;
    }
    .price .icontx3 .diamond img{
        width:11vw;
        margin:0 2vw 0 0;
    }
    .menteOpt .ltthalf{
        width:90vw;
        margin:0 auto;
    }
    .ltthalf.note3{
        font-size:4.3vw;
        font-weight:normal;
    }
    .ltthalf .note4{
        margin:2.5em 0 1.5em 0;
        text-align:center;
    }
    .ltthalf .note4 b{
        font-size:4.3vw;
        font-weight:550;
        color:#e2001d;
        padding-left:6vw;
        background:url("../_img_bg/exclamation_point.svg") no-repeat left center;
        background-size: 5vw 5vw;
    }
    #mb2023 .toAnchor2{
        padding-bottom:15vw;
        margin-bottom:15vw;
        border-bottom:1px solid #ccc;
        text-align:center;
    }
    .toAnchor2 .anctx{
        display:inline-block;
        width:auto;
        font-size:4.5vw;
        font-weight:550;
        border-bottom:1px solid #111;
    }
    .toAnchor2 .anctx a:after {
        content: "↓";
        float:right;
        margin-right:0.3em;
        font-size:5vw;
        font-weight:900;
    }
    .webReserve{
        width:90vw;
        margin:0 auto;
        display: block;
    }
    .webReserve .reserveL{
        width:100%;
        margin:0 0 2em 0;;
    }
    .webReserve .reserveL .ttl10{
        font-size:7vw;
        font-weight:550;
        margin-bottom:1em;
        text-align:center;
        line-height:1.3;
    }
    .webReserve .reserveL .note5{
        font-size:4.3vw;
        font-weight:normal;
        text-align:left;
    }
    .webReserve .reserveR{
        width:100%;
        margin:0;
    }
/* --- migration --- */
    #mg{
        height:4vw;
        background-color:#f6f6f6;
    }
    #migration{
        width:100%;
        border-top:3px solid #000;
        padding:40vw 0 0 0;
        position:relative;
    }
    #migration .divid{
        position:absolute;
        top:-15px;
        left:0;
        width:100%;
        text-align:center;
        display: flex;
        justify-content: center; 
    }
    #migration .ttl02{
        font-size:5.5vw;
        font-weight:700;
        line-height:2em;
        background-color:#CF2C2B;
        color:#fff;
        text-align:center;
        display:inline-block;
        padding:0 1em;
        border-radius: 0 0 12px 12px / 0 0 12px 12px;
    }
    .mginner{
        width:100%;
    }
    .mginner .automyg{
        width:90vw;
        background-color:#000;
        border-radius: 10px;
        text-align:center;
        padding:0 0 2.5em 0;
        margin:0 auto 15vw auto;
    }
    .mginner .automyg img{
        width:70vw;
        margin:-37px 0 0 0;
    }
    .mginner .automyg .ttl11{
        color:#fff;
        font-size:7vw;
        font-weight:550;
        text-align:center;
        padding:1em 0 0.7em 0;
    }
    .mginner .currentSys a{
        color:#fff;
        font-size:4.3vw;
        font-weight:normal;
        border-bottom:1px solid #ccc;
        line-height:1.2;
    }
    .convertRank{
        margin:0;
        padding:0 0 10vw 0;
        position:relative;
    }
    .convertRank .ttl12{
        font-size:7vw;
        font-weight:550;
        text-align:center;
        margin-bottom:10vw;
    }
    .convertRank .note6{
        width:90vw;
        font-size:4.3vw;
        font-weight:normal;
        text-align:left;
        margin:0 auto 7vw;
    }
    /* --- convMethod --- */
    .forSPwrapper{
        width:100%;
        overflow:auto;
        box-sizing: border-box;
        margin-bottom:5vw;
    }
    
    .convMethod{
        width:277vw;
        box-sizing: border-box;
        margin-bottom:1em;
    
    }
    .convMethod:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    
    .convMethod .pointMb{
        width:87vw;
        display: block;
        float:left;
        box-sizing: border-box;
        margin-left:5vw;
        margin-right:3vw;
        position:relative;
    }
    .pointMb .canScroll{
        display:block;
        position:absolute;
        top:41vw;
        left:25vw;
        width:31vw;
        height:19vw;
        border-radius: 10px;
        opacity: 0.5;
        color:#fff;
        font-size:3vw;
        text-align:center;
        padding:1em;
        background:#000 url("../_img_bg/hint_hand2.svg") no-repeat center center;
        background-size:  16vw auto;
    }
    .pointMb .canScroll p{
        text-align:center;
        position:absolute;
        bottom:1em;
        width:31vw;
    }
    
    .convMethod .goldMb{
        width:87vw;
        display: block;
        float:left;
        box-sizing: border-box;
        margin:0;
    }
    .convMethod .platinaMb{
        width:87vw;
        display: block;
        float:left;
        box-sizing: border-box;
        margin-left:3vw;
        margin-right:0;
    }
    
    .iconBox .icontx5{
        background-size:  5vw auto;
    }
    .pointMb .iconBox .icontx4 img{
        height:10vw;
        margin:7.5vw 0 2.5vw 0;
    }
    .pointMb .iconBox .icontx5 img{
        height:16vw;
        margin:4.3vw 0 2.5vw 0;
    }
    .iconBox .icontx4 b{
        font-size:4.3vw;
        padding-bottom:1.3em;
    }
    .iconBox .icontx5 b{
        font-size:4.3vw;
        font-weight:550;
        padding-bottom:1em;
    }
    .convMethod dl{
        display: flex;
        justify-content: left; 
        flex-wrap: wrap;
    }
    .convMethod dt{
        width:100%;
        margin:0 1em 0.8em 1em;
        font-size:4.3vw;
        border-radius: 20px;
        padding:0.5em 0;
    }
    .convMethod dt i{
        font-size:3.5vw;
    }
    .convMethod dd{
        font-size:4vw;
        padding:0 0 1em 0;
    }
    .convMethod dd i{
        font-size:3vw;
    }

/* --- convMethodここまで --- */
    .forSPwidth{
        width:90vw;
        margin:0 auto;
    }
    .convertRank .ttl13{
        font-size:3.7vw;
        margin-bottom:16vw;
    }
    .convertRank .giveTpt{
        font-size:4.3vw;
    }
    .convertRank .giveTpt li{
        font-size:4.3vw;
        margin-bottom:2px;
    }
    .convertRank .note7{
        font-size:5.3vw;
        text-align:left;
        margin:19vw 0 7vw 0;
    }
    .convertRank .btn a{
        width:100%;
        font-size:4.3vw;
    }
    .convertRank .wrenchAnm{
        position:absolute;
        bottom:-5px;
        left:2vw;
        width:14vw;
    }
/* --- aboutEndSvc --- */
    #aboutEndSvc{
        padding:15vw 0;
    }
    .aboutEndSvcInner{
        width:90vw;
        margin:0 auto;
    }
    #aboutEndSvc .ttl14{
        font-size:6.4vw;
        text-align:left;
        margin-bottom:6.5vw;
    }
    #aboutEndSvc .note8{
        font-size:4.3vw;
        font-weight:normal;
        text-align:left;
        margin-bottom:10vw;
    }
    .crntBnefit{
        width:100%;
    }
    .crntBnefit .ttl15{
        font-size:4.3vw;
        padding:0.8em 0;
    }
    .crntBnefit .freeItems{
        width:100%;
        margin:0;
        display: block;
        text-align: left;
        padding:5vw 1em 5vw 2.5em;
        box-sizing: border-box;
    }
    .crntBnefit .freeItems li{
        line-height:1.5
        margin:0;
        padding:0;
        font-size:4vw;
        white-space:nowrap;
        margin-right:2.5em;
    }
    .downArrow{
        height:8.8vw;
        background:url("../_img_bg/down_arrow.svg") no-repeat top center;
        margin-bottom:3vw;
    }
    .periodTm .ttl16{
        font-size:5.3vw;
        margin-bottom:6.5vw;
    }
    .periodTm .eachCard1{
        width:90vw;
        margin:0 auto 5vw auto;
        display: block;
    }
    .eachCard1 .menteMb{
        width:100%;
        margin:0 0 5vw 0;
        padding:6.4vw 0;

    }
    .eachCard1 .gldpltMb{
        width:100%;
        margin:0 0 5vw 0;
        padding:6.4vw 0;
    }
    .eachCard1 img{
        height:12vw;
        margin-bottom:4.2vw;
    }
    .eachCard1 .note9{
        font-size:4.3vw;
        background-size:5vw 3vw;
        padding-bottom:1em;
        margin-bottom:0.5em;
    }
    .eachCard1 .note10{
        font-size:4.3vw;
    }
    .eachCard1 .note10 i{
        font-size:3.2vw;
    }
    .periodTm .note11{
        width:90vw;
        font-size:3.8vw;
    }
/* --- available --- */
    #available{
        width:100%;
        margin:0;
        padding:15vw 0 20vw 0;
    }
    #available .ttl17{
        font-size:6.4vw;
        margin-bottom:8.5vw;
        line-height:1.25;
    }
    #available .eachCard2{
        width:90vw;
        margin:0 auto 15vw auto;
        display: block;
    }
    .eachCard2 .cdimg{
        width:67vw;
        padding:0;
        margin:0 auto 0.5em auto;;
    }
    .eachCard2 .cdimg img{
        margin:0 0 4vw 0
    }   
    .eachCard2 .img3 img{
        width:37vw;
    }   
    .eachCard2 .cdtext{
        width:100%;
        padding:0;
        margin:0 0 10vw 0;
    }
    .eachCard2 .cdtext .ttl18{
        font-size:4.3vw;
        margin-bottom:0.5em;
        text-align:center;
    }
    .eachCard2 .cdtext .note12{
        font-size:3.9vw;
        margin-bottom:0.8em;
    }
    .eachCard2 .cdtext .link{
        text-align:center;
        margin-bottom:1em;
    }
    .eachCard2 .cdtext .link a{
        font-size:4.3vw;
        margin-top:1em;
    }
    #available .note13{
        text-align:center;
    }
    #available .note13 a{
        font-size:3.7vw;
        margin-top:1em;
        margin-bottom:0.5em;
    }
/* --- summary --- */
    .summaryList{
        width:90vw;
        margin:0 auto;
        padding:7vw 0 15vw 0;
    }
    .summaryList .ttl19{
        font-size:6.4vw;
        margin-bottom:1em;
    }
    .summaryList .listblock{
        width:100%;
        padding:1.5em;
        margin:0 auto;
        box-sizing: border-box;
    }
    .summaryList .listblock li{
        font-size:4vw;
        font-weight:550;
        list-style-type:none;
        margin:0;
        padding:3.5vw 0;
    }
    .summaryList .listblock li:after{
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .summaryList .listblock li b{
        font-size:4.3vw;
        padding-right:0.3em;
        font-family: "DINAlternate", "NotoSansJP", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        display:block;
        float:left;
    }
    .summaryList .carAnm{
        position:absolute;
        bottom:-5px;
        left:0;
        width:30vw;
    }
/* --- migrationFAQ --- */
    #migrationFAQ{
        padding:12vw 0;
    }
    #migrationFAQ .ttl20{
        font-size:6.4vw;
        margin-bottom:8vw;
    }
    .asQA{
        width:90vw;
        margin:0 auto 8vw auto;
    }
    .asQA dl{
        width:100%;
        font-size:4.3vw;
    }
    .asQA dt{
        background : url("../_img_bg/icon_question.svg") no-repeat 5vw center, #f3f3f3;
        background-size:7vw 7vw;
        padding:6vw 1.5em 6vw 16vw;
        font-size:4.3vw;
        line-height:1.4;
    }
    .asQA dd{
        padding:5vw 8vw 5vw 16vw;
        font-size:4vw;
        line-height:1.4;
        background : url("../_img_bg/icon_answer.svg") no-repeat 5vw 5vw;
        background-size:7vw 7vw;
    }
    .asQA .accordionDL dt{
        cursor:auto;
    }
    .asQA .linkTx {
        padding:1em 0;
        font-size:3.7vw;
    }
    #migrationFAQ .btn a{
        display:block;
        width:90vw;
        font-size:4.3vw;
}
/* --- recomApps --- */
    #recomApps{
        width:100%;
        padding:14vw 0 14vw 0;
        margin-bottom:14vw;
    }
    #recomApps .ttl21{
        font-size:6.4vw;
        font-weight:550;
        text-align:center;
        margin-bottom:8.5vw;
        color:#fff;
    }
    .canDo{
        width:90vw;
        margin:0 auto 10vw auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .canDo li{
        width:44vw;
        border-radius: 10px;
        padding:6vw 0 3vw 0;
        margin-bottom:2vw;
        line-height:1.3;
        font-size:3.7vw;
    }
    .canDo li:nth-child(1){
        padding-bottom:7vw;
    }
    .canDo li img{
        width:auto;
        height:13vw;
        margin-bottom:1vw;
    }
    #recomApps .ttl22{
        font-size:5.3vw;
        margin-bottom:6.4vw;
    }
    .usefulAppsTbPC{
        display:none;
    }
    .usefulAppsTbSP{
        display:table;
        width:90vw;
        box-sizing: border-box;
        padding:0;
        margin:0 auto 10vw auto;
        border-top:1px solid #aaa;
        border-left:1px solid #aaa;
    }
    .usefulAppsTbSP .hd .tedge {
        background-image: linear-gradient(
            to top right,
            transparent, transparent 50%,
            #aaa 49.5%, #aaa 50.5%,
            transparent 50%, transparent
        );
        border-bottom:1px solid #aaa;
        border-right:1px solid #aaa;
        background-color:#fff;
    }
    .usefulAppsTbSP th{
        color:#000;
        font-size:3.5vw;
        font-weight:550;
        text-align:center;
        vertical-align:middle;
        white-space:nowrap;
        padding:1.5em 0.5em;
        background-color:#fff;
        border-right:1px solid #aaa;
        border-bottom:1px solid #aaa;
        background-color:#f6f6f6;
    }
    .usefulAppsTbSP .hd th{
        background-color:#fff;
    }
    .usefulAppsTbSP th.onlyCard {
        font-weight:normal;
    }
    .usefulAppsTbSP th.onlyCard img{
        height:11vw;
        margin:0 0 5px 0;
        /* border:1px solid #ddd; */
        border-radius:2px;
    }
    .usefulAppsTbSP  th.useApp img{
        height:11vw;
        margin:0 0 5px 0;
        /* border:1px solid #000; */
        border-radius:8px;
    }
    .usefulAppsTbSP td{
        background-color:#fff;
        color:#111;
        font-size:3.5vw;
        text-align:center;
        vertical-align:middle;
        padding:1.5em 0.2em;
        border-right:1px solid #aaa;
        border-bottom:1px solid #aaa;
    }
    .usefulAppsTbSP .onlyCard td{
        font-weight:normal;
    }
    .usefulAppsTbSP tr td:nth-child(3){
        font-weight:550;
    }
    #recomApps .ttl23{
        font-size:24px;
        font-weight:550;
        text-align:center;
        margin-bottom:20px;
        color:#fff;
    }
    .dlAppNow{
        width:90vw;
        margin:0 auto;
    }
    .dlAppNow .btn a{
        display:block;
        width:100%;
        background-color:#fff;
        color:#000;
        font-size:4.5vw;
        font-weight:550;
        text-align:center;
        margin:0 auto;
        line-height:3em;
        border-radius: 8px;
    }
    .inqBtnBox{
        padding-bottom:10vh;
    }
    .inqBtnBox .btn a{
        width:90vw;
        font-size:4.5vw;
    }

    /* --- 臨時のお知らせ --- */
    #notice1002{
        margin-bottom:21vw;
        padding:21vw 0;
    }
    #notice1002 .tx01{
        font-size:6.4vw;
        margin-bottom:1em;
    }
    #notice1002 .link01{
        font-size:3.7vw;
    }
    
}/* スマホ */