/* media query 640px以下 */
@media only screen and (max-width: 640px){

/* easing */
#gnvPnl {
    -webkit-transition: visibility .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: visibility .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
    -o-transition: visibility .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
    transition: visibility .25s cubic-bezier(.5, 0, 0, 1), opacity .25s cubic-bezier(.5, 0, 0, 1);
}
body>header>.subWrp {
    -webkit-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    -moz-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(.5, 0, 0, 1);
}
/* easing end */

/* common */
br.frcNonSp {display: none !important;}
.fPc {display: none !important;}
.fSp {display: block !important;}
#cttWrp,
body>header,
body>footer {
    min-width: 0;
}
body>header>.unt>.inr,
body>footer>.inr, .sec>.inr {width: 100%;}
#cttWrp {padding-top: 86px;}
/*#cttWrp>.ctt {padding-bottom: 100px;}*/
#cttWrp .imgWrp {padding: 7px 0;}
body>header>.unt>.inr,
body>footer>.inr,
.sec>.inr {padding: 0 3.4vw;}
.sec>.inr>.ttlWrp *,
#inrPag>#atf .ttlWrp * {/*letter-spacing: .05em;*/letter-spacing: .25vw;}
.sec>.inr>.ttlWrp,
.sec>.inr>.bdyFrm>.ttlWrp,
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp,
#inrPag>#atf .ttlWrp {font-size: 20px;margin-bottom: 30px;}
.sec>.inr>.ttlWrp>.ttl>br,
#inrPag>#atf .ttlWrp>.ttl>br {display: block;}
.ctt>.sec:first-child {margin-top: 30px;}
.sec .btnWrp,
.hrzRptWrp>.unt>.hrzWrp>.unt>.btnWrp,
.itmWrp>.cmnMask>.hrzWrp>.unt>.btnWrp {width: 70vw;max-width: 400px;}
.cmnBtn>span {font-size: 15px;padding: 15px 10px;}

.btnWrp>.unt>.dec {font-size: 12px;letter-spacing: 0;max-width: 240px;}

.ctt>*:last-child {margin-bottom: 100px;}
.ctt>.cotBg:last-child {margin-bottom: 0;padding-bottom: 100px;}

.btnWrp.flx>.unt {width: 100% !important;flex-basis: 100% !important;}
.btnWrp.flx>.unt:nth-child(n+2) {margin-top: 10px !important;}

.sec,
.sec>.inr>.bdyFrm+.bdyFrm,
.sec.dnmStl,
.sec.dnmStl>.inr>.bdyFrm+.bdyFrm {margin-top: 60px;}/* 220128adj */
.sec>.inr>.bdyFrm>.bdyWrp.slim {width: 70vw;margin: auto;}
.sec>.inr>.bdyFrm>.ttlWrp {font-size: 18px;}
.sec>.inr>.bdyFrm>.bdyWrp+.bdyWrp,
.sec>.inr>.bdyFrm>.bdyWrp>*:nth-child(n+2) {margin-top: 30px;}
.sec>.inr>.bdyFrm>.ttlWrp>.ttl {letter-spacing: .05em;}
.sec>.inr>.bdyFrm>.ttlWrp>.dec {width: 20px;height: 39px;}

.sec.cotBg {padding-top: 60px;padding-bottom: 60px;}

.flx.set2>.unt,
.flx.set3>.unt,
.flx.set4>.unt {width: 100%;flex-basis: 100%;margin-right: 0%;}
.flx.set2>.unt:nth-child(n+2),
.flx.set3>.unt:nth-child(n+2),
.flx.set4>.unt:nth-child(n+2) {margin-top: 40px;}
.flx>.unt>*:nth-child(n+2) {margin-top: 20px;}
.flx>.unt>.ttlWrp {/*font-size: 16px;*/font-size: 18px;}

.sec.dnmStl>.inr>.bdyFrm:nth-child(odd):before {left: 10vw;}
.sec.dnmStl>.inr>.bdyFrm:nth-child(even):before {right: 10vw;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp {width: 100%;position: relative;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>* {float: none;width: 100%;text-align: center;}
.sec>.inr>.ttlWrp>.sub,
#inrPag>#atf .ttlWrp>.sub,
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>.sub,
.hrzWrp>.unt>.ttlWrp>.sub {font-size: .5em;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>.sub {/*font-size: .46em;*/margin-bottom: 5px;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>.ttl {font-size: 1em;}
.sec.dnmStl>.inr>.bdyFrm>.ttlWrp>.ttl>br {display: none;}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp>*:nth-child(n+2) {margin-top: 30px;}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp>.imgWrp {left: -5vw !important;right: 0 !important;width: 100vw;}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp>.imgWrp>.cmnMask {-webkit-mask-image: none;}

.hrzWrp,
.hrzWrp>.unt {display: block;width: 100%;}
.hrzWrp>.unt:nth-child(n+2) {margin-top: 30px;}
.hrzWrp>.unt>.ttlWrp {font-size: 18px;}

.hrzWrp.prfStl {/*max-width: 280px;*/margin-top: 60px !important;}
.hrzWrp.prfStl:first-child {margin-top: 0 !important;}
.hrzWrp.prfStl>.unt {margin-left: auto;margin-right: auto;}
.hrzWrp.prfStl>.unt:nth-child(1) {padding-right: 0;max-width: 220px;}
.hrzWrp.prfStl>.unt:nth-child(2) {padding-left: 0;}
.hrzWrp.prfStl>.unt:nth-child(1)>.imgWrp {padding: 0 !important;}
.hrzWrp.prfStl>.unt>*:nth-child(n+2) {}
.hrzWrp.prfStl>.unt>.ttlWrp {font-size: 20px;}
.hrzWrp.prfStl>.unt>.ttlWrp * {text-align: center;}
.hrzWrp.prfStl>.unt>.txtWrp>* {}

.hrzRptWrp>.unt>.hrzWrp>.unt>*:nth-child(n+2) {margin-top: 30px;}
.hrzRptWrp>.unt>.hrzWrp>.unt:nth-child(1)>.imgWrp {padding-left: 0 !important;padding-right: 0 !important;width: 95vw;transform: translateX(-5vw);}
.hrzRptWrp>.unt>.hrzWrp>.unt:nth-child(1)>.imgWrp>.cmnMask {
    -webkit-mask-image: url(../../img/common/mask-square.png),url(../../img/common/mask-circle.svg),url(../../img/common/mask-circle.svg);
    -webkit-mask-size: 100% 100%, 30px 30px, 30px 30px;
    -webkit-mask-repeat: repeat,no-repeat,no-repeat;
}
.hrzRptWrp>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp>.cmnMask,
.hrzRptWrp.inv>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp>.cmnMask,
.hrzRptWrp.inv>.unt:nth-child(odd)>.hrzWrp>.unt:nth-child(1)>.imgWrp>.cmnMask {
    -webkit-mask-position: 0 0,calc(100% + 15px) -15px,calc(100% + 15px) calc(100% + 15px);
}
.hrzRptWrp>.unt>.hrzWrp.imgFrmIn>.unt:nth-child(1)>.imgWrp {transform: translateX(0);width: 100%;}
.hrzRptWrp>.unt>.hrzWrp.imgFrmIn>.unt:nth-child(1)>.imgWrp>.cmnMask {
    -webkit-mask-image: url(../../img/common/mask-square.png),url(../../img/common/mask-circle.svg),url(../../img/common/mask-circle.svg),url(../../img/common/mask-circle.svg),url(../../img/common/mask-circle.svg);
    -webkit-mask-size: 100% 100%, 30px 30px, 30px 30px, 30px 30px, 30px 30px;
    -webkit-mask-position: 0 0,-15px -15px,calc(100% + 15px) -15px,-15px calc(100% + 15px),calc(100% + 15px) calc(100% + 15px);
    -webkit-mask-repeat: repeat,no-repeat,no-repeat,no-repeat,no-repeat;
}
.hrzRptWrp>.unt>.hrzWrp.imgFrmIn>.unt:nth-child(2)>.ttlWrp * {text-align: center;}

.hrzRptWrp>.unt:nth-child(even)>.hrzWrp>.unt:nth-child(1)>.imgWrp>.cmnMask {
    -webkit-mask-position: 0 0,-15px -15px,-15px calc(100% + 15px);
}

.hrzRptWrp>.unt>.hrzWrp>.unt:nth-child(1)>.imgWrp.enishi {width: 100%;transform: none;}


.pstLstWrp>ul>li>article .frm>* {display: block;width: 100% !important;}
.pstLstWrp>ul>li>article .frm>time {font-size: 12px;margin-bottom: 5px;}
.pstLstWrp>ul>li>article>a>.frm>.ttlWrp {padding-right: 30px;}

.itmWrp.pickup:before,
.itmWrp.pickup:after {display: none;}
.itmWrp.pickup>.cmnMask:before {
    padding: 15px 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    height: 50px;
    transform: rotate(-45deg) translate(-50%, 100%);
}
.itmWrp>.cmnMask {padding: 10vw 7.5vw;}
.itmWrp>.cmnMask>.hrzWrp,
.itmWrp>.cmnMask>.hrzWrp>.unt {display: block;}
.itmWrp>.cmnMask>.hrzWrp>.unt:nth-child(1) {display: block;width: 60vw;margin: auto;}
.itmWrp>.cmnMask>.hrzWrp>.unt:nth-child(2) {padding-left: 0;width: 100%;margin-top: 30px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.imgWrp {width: 60vw;height: 60vw;padding: 0 !important;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.imgWrp>img {max-width: 60vw;max-height: 60vw;/*padding: 20px;*/}
.itmWrp>.cmnMask>.hrzWrp>.unt>.ttlWrp {font-size: 16px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>* {float: none;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.bgWrp {transform: scale(1);margin: auto;width: 35vw;height: 35vw;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.txtWrp {width: 100%;padding-left: 0;margin-top: -10px;}
.itmWrp>.cmnMask>.hrzWrp>.unt>.dtlWrp>.txtWrp>.frm:before {top: 0;right: 0;margin: auto;transform: translateX(0) translateY(-50%) rotate(45deg);}

.itmLstWrp {}
.itmLstWrp.flx>.unt {width: 100%;flex-basis: initial;margin-right: 0;display: block;}
.itmLstWrp>.unt:nth-child(n+2) {margin-top: 30px !important;}
.itmLstWrp>.unt>.frm>a {padding: 5vw;}
.itmLstWrp>.unt>.frm>a>.imgFrm {
    width: 80vw;
    height: 80vw;
    margin: auto;
}
.itmLstWrp>.unt>.frm>a>.imgFrm>.imgWrp {
    width: 80vw;
    height: 80vw;
    padding: 0 !important;
}
.itmLstWrp>.unt>.frm>a>.imgFrm>.imgWrp>img {
    max-width: 80vw;
    max-height: 80vw;
    /* padding: 20px; */
}
.itmLstWrp>.unt>.frm>a>.ttlWrp {min-height: auto;}
.itmLstWrp>.unt>.frm>.btnWrp {width: 100%;max-width: 100%;}
.itmLstWrp>.unt>.frm>.btnWrp * {font-size: 12px;padding-left: 0;padding-right: 0;}
.itmLstWrp>.unt>.frm>.btnWrp.flx.set2>.unt {width: calc(50% - 5px) !important;flex-basis: calc(50% - 5px) !important;}
.itmLstWrp>.unt>.frm>.btnWrp.flx.set2>.unt:nth-child(2) {margin-top: 0 !important;}

.itmDtlWrp>.ttlWrp {font-size: 18px;margin-bottom: 20px;}
.itmDtlWrp>.ttlWrp>.ttl {text-align: justify;}
.itmDtlWrp>.hrzWrp>.unt:nth-child(1),
.itmDtlWrp>.hrzWrp>.unt:nth-child(2) {width: 100%;padding-right: 0;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb {margin: auto;width: 80vw;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm>.imgWrp {width: 80vw;height: 80vw;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm>.imgWrp,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp {padding: 0 !important;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.main>.frm>.imgWrp>img {max-width: 80vw;max-height: 80vw;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt {width: 24vw;flex-basis: 24vw;height: 24vw;margin-right: 4vw;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm,
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp {width: 24vw;height: 24vw;}
.itmDtlWrp>.hrzWrp>.unt>.swcImgWrp>.thumb>.unt>.frm>.imgWrp>img {max-width: 24vw;max-height: 24vw;}
.itmDtlWrp>.hrzWrp>.unt>.dscWrp>p {font-size: 15px;}
.itmDtlWrp>.hrzWrp>.unt>.tblWrp>table>tbody>tr>th,
.itmDtlWrp>.hrzWrp>.unt>.tblWrp>table>tbody>tr>td {display: table-cell;padding: 15px 0;}
.itmDtlWrp>.hrzWrp>.unt>.tblWrp>table>tbody>tr>th {padding-right: 10px;}


.crsWrp .slick-track>.unt .imgWrp {height: 22.5vw;min-height: 0;}


.sec.stl2 {margin-top: 30px;}
.sec.stl2 .pstLstWrp,
.sec .box {padding: 7.5vw 5vw;}
.sec.stl2>.inr>.ttlWrp {font-size: 18px;margin-bottom: 20px;}
.sec.stl2 .pstLstWrp {}
.sec.stl2 .pstLstWrp>ul>li>article>.frm {padding: 10px;}
.sec.stl2 .pstLstWrp>ul>li>article>.frm>.ttlWrp>.ttl {font-size: 13px;}

.sec.stl2 .hrzWrp>.unt>*:nth-child(n+2) {margin-top: 20px;}

.sec.stl2>.inr>.bdyFrm>.bdyWrp>*:nth-child(n+2),
.sec.stl2>.inr>.bdyFrm>.bdyWrp+.bdyWrp {margin-top: 30px;}

.favItmWrp>.hrzWrp>.unt:nth-child(1) {margin: auto;}
.favItmWrp>.hrzWrp>.unt:nth-child(2) {width: 100%;padding-left: 0;}
.favItmWrp>.hrzWrp>.unt>.ttlWrp {font-size: 16px;}
.favItmWrp>.hrzWrp>.unt>.imgWrp {padding: 0 !important;}

.frmWrp>.frm>table>thead,
.tblWrp>table>thead {margin-bottom: 10px;}
.frmWrp>.frm>table>tbody>tr>th,
.frmWrp>.frm>table>tbody>tr>td,
.tblWrp>table>tbody>tr>th,
.tblWrp>table>tbody>tr>th,
.tblWrp>table>tbody>tr>td {display: block;width: 100%;}
.tblWrp.spHrz>table>tbody>tr>th,
.tblWrp.spHrz>table>tbody>tr>td {display: table-cell;padding: 15px 0;vertical-align: top;}
.tblWrp.spHrz>table>tbody>tr>th,
.tblWrp.spHrz>table>tbody>tr>td * {font-size: 13px;}
.tblWrp.spHrz>table>tbody>tr>th {width: 35%;padding-right: 10px;}
.tblWrp.spHrz>table>tbody>tr>td {width: 65%;}
.frmWrp>.frm>table>tbody>tr>th,
.tblWrp>table>tbody>tr>th {font-size: 0.9em;/*opacity: .5;*/font-weight: 600;padding-top: 0;padding-bottom: 0;margin: 15px 0 2.5px;padding-right: 0;}
.frmWrp>.frm>table>tbody>tr>th+td,
.tblWrp>table>tbody>tr>th+td {padding-top: 2.5px;}
.tblWrp>table>tbody>tr>td>.frm,
.frmWrp>.frm>table>tbody>tr>td>.frm {padding: 0;}
.frmWrp>.frm>table>tbody>tr>td>.validation {text-align: left;font-size: 11px;}
.frmWrp>.frm>table>tbody>tr textarea {height: 150px;min-height: 150px;}
.frmWrp>.frm>.btnWrp,
.tblWrp>.btnWrp {margin-top: 30px;}

.frmWrp.delStl>.frm>table>thead>tr>th,
.tblWrp.delStl>table>thead>tr>th {font-size: 16px;}
.frmWrp>.frm>table>tbody>tr>td>.box,
.tblWrp>table>tbody>tr>td>.box {padding: 3vw 5vw;}
.frmWrp>.frm>table>tbody>tr>td>.box *,
.tblWrp>table>tbody>tr>td>.box * {font-size: 12px;line-height: 1.75em;}
.frmWrp>.frm>table>tbody>tr>td table>tbody>tr>th,
.tblWrp>table>tbody>tr>td table>tbody>tr>th {padding-right: 10px;}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt {width: 100%;flex-basis: 100%;}
.frmWrp>.frm>table>tbody>tr>td>.clm.btnStl>.unt:nth-child(n+2) {margin-top: 15px;}

.hisPnlWrp>.frm {padding: 2.5vw 5vw;}
.hisPnlWrp>.frm * {font-size: 13px;}
.hisPnlWrp>.frm>.frm>.unt {border-top: 1px solid #f0ebea;margin-top: 0;}
.hisPnlWrp>.frm>.frm>.unt>* {float: left;}
.hisPnlWrp>.frm>.frm>.unt>.ttl {width: 40%;padding-right: 10px;}
.hisPnlWrp>.frm>.frm>.unt>.dtl {width: 60%;}
.hisPnlWrp>.frm>.frm.flx>.unt {width: 100% !important;flex-basis: 100% !important;}
.hisPnlWrp>.frm>.frm:first-child>.unt:first-child {border-top: none;}

.pgrWrp>ul>li {width: 30px;height: 30px;margin: 0 2px;}
.pgrWrp>ul>li>* {line-height: 28px;}


#brdcrm>.inr {width: 100%;padding: 0 5vw;}
#brdcrm * {font-size: 12px;}

.dntWrp>dl>dt {margin-bottom: 15px;}
.dntWrp>dl>dt:nth-child(n+2) {margin-top: 30px;}
.dntWrp>dl>dd>dl>dt {}


.trmWrp {padding: 4vw 5vw;}
.trmWrp.scr {height: 150px;}
.frmWrp>.frm>.agrWrp>.cbxWrp>label {font-size: 13px;}


/* okometer */
.okometer {background-image: url(../../img/common/okometer/okometer-bg-sp.png);padding: 10vw 7.5vw 35%;}
.okometer>.frm {display: block;}
.okometer>.frm>.unt {display: block;width: 100% !important;}
.okometer>.frm>.unt.ttlWrp {border-right: none;border-bottom: 2px solid;}
.okometer>.frm>.unt.ttlWrp>.ttl {padding: 0 5vw 10px;}
.okometer>.frm>.unt.amtWrp>span {font-size: 35vw;}
/* okometer end */

/* cttWrp */
#cttWrp>.msgWrp>.frm {padding: 0 5vw;}
#cttWrp>.msgWrp>.frm .txtWrp>p {text-align: justify;}
/* cttWrp end */

/* prgWrp */
.prgWrp {display: table;margin: auto;}
.prgWrp>.unt {width: 100%;flex-basis: 100%;}
.prgWrp>.unt:before {width: 2px;height: 100%;left: 7px;top: 50%;}
.prgWrp>.unt * {text-align: justify;}
.prgWrp>.unt>.dot {position: absolute;top: 0;bottom: 0;left: 0;width: 16px;height: 16px;}
.prgWrp>.unt>.lbl {margin-top: 0;padding: 7px 0 7px 40px;}
/* prgWrp end */

/* tblLblWrp */
.tblLblWrp>table {padding: 0 5vw;}
.tblLblWrp>table>tbody>tr,
.tblLblWrp>table>tbody>tr>th,
.tblLblWrp>table>tbody>tr>td {display: block;width: 100% !important;}
.tblLblWrp>table>tbody>tr>th {padding-right: 0;}
.tblLblWrp>table>tbody>tr>th:before {width: 100%;right: 0;opacity: .25;}
.tblLblWrp>table>tbody>tr>th:after {display: none;}
.tblLblWrp>table>tbody>tr>td {margin-top: .5em;}
.tblLblWrp>table>tbody>tr>th>.frm {left: 50%;transform: translateX(-50%);}
/* tblLblWrp end */

/* tblBasWrp */
.tblBasWrp>table>*>tr>*:first-child * {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    margin: auto;
    width: 1.5em;
}
.tblBasWrp>table>*>tr * {font-size: 12px !important;line-height: 1.5em !important;}
.tblBasWrp>table>*>tr>* {padding: 10px 10px;}
.tblBasWrp>table>*>tr>*:first-child {width: 13%;padding: 0;}
.tblBasWrp>table>*>tr>td>.frm>.icn>* {font-size: 20px !important;}
.tblBasWrp>table>thead>tr>th>.frm>br {display: block;}
/* tblBasWrp end */

/* plnWrp */
.plnFrm {padding: 7.5vw 5vw;}
.plnFrm>:nth-child(n+2) {margin-top: 40px;}
.plnWrp>.flx>.unt>.frm>.ttlWrp {font-size: 16px;border-radius: 5px;}
.plnWrp>.flx>.unt>.frm>.ttlWrp>.ttl {letter-spacing: inherit;}
.plnWrp>.flx>.unt>.frm>.prcWrp>.frm {font-size: 30px;padding: 15px 0;margin-bottom: 7px;}
.plnWrp>.flx>.unt>.frm>.prcWrp>.frm>.sub2 {text-align: center;margin-top: 7px;display: block;margin-left: 0;font-size: .4em;}
.plnWrp>.flx>.unt>.frm>.imgWrp {padding: 15px 0 !important;border-radius: 5px;}
.plnWrp>.flx>.unt>.frm>.imgWrp>img {width: 65%;}
.plnWrp>.flx>.unt>.frm>.imgWrp>.lbl {font-size: 12px;line-height: 1.5em;}
.plnWrp>.flx>.unt>.frm>.imgWrp>.lbl>br {display: block;}
.plnFrm>*>.ttlWrp {font-size: 16px;margin-bottom: 20px;}
.plnFrm>*>.ttlWrp>.ttl>br {display: block;}
/* plnWrp end */

/* komettaHrzWrp */
.komettaHrzWrp {display: block;}
.komettaHrzWrp>.unt {display: block !important;width: 100% !important;}
.komettaHrzWrp>.unt:nth-child(1) {margin-bottom: 10px;}
.komettaHrzWrp>.unt:nth-child(2) {padding-left: 0;}
.komettaHrzWrp>.unt>.characterWrp {margin: auto;width: 60%;max-width: 250px;}
/* komettaHrzWrp end */

/* common end */

/* header */
body>header>.mainWrp>.inr {padding-top: 15px;padding-bottom: 10px;}
body>header>.subWrp,
body>header>.mainWrp {width: 100%;position: fixed;left: 0;}
body>header>.mainWrp {top: 0;}
body>header>.subWrp {bottom: 0;z-index: 1;background-color: transparent;transform: translateY(200%);}

body>header>.unt>.inr>.frm>.txtWrp {display: none;}
#hdrLogo>a,
#hdrLogo>a>img {display: block;width: 120px;height: 61px;}
body>header>.unt>.inr>.frm>* {float: none !important;}
#gnvPnl {
    float: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255,255,255,.95);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #f0ebea;
    margin-top: 86px;
}
#gnvPnl>.btnWrp {
    width: 100%;
    height: 100%;
    padding-bottom: 5vw;
}
#gnvPnl>.btnWrp>nav {
    overflow-y: scroll;
    /*scrollbar-width: none;*/
    /*-ms-overflow-style: none;*/
    width: 100%;
    height: 100%;
    padding: 5vw 5vw 200px;
}
/*#gnvPnl>.btnWrp>nav::-webkit-scrollbar {display: none;}*/
body>header>.unt>.inr>.frm .btnWrp>nav>ul {float: none;width: 100%;}
body>header>.subWrp>.inr {padding-top: 15px;padding-bottom: 15px;background-color: #FFF;}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul:nth-child(n+2) {margin-right: 0;margin-top: 10px;}
body>header>.subWrp>.inr>.frm .btnWrp>nav>ul>li {width: calc(50% - 5px);flex-basis: calc(50% - 5px);margin-right: 10px;}
body>header>.subWrp>.inr>.frm .btnWrp>nav>ul>li:nth-child(2n) {margin-right: 0;}
body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li:nth-child(n+2) {margin-left: 0;}
body>header>.subWrp>.inr>.frm .btnWrp>nav>ul>li:nth-child(n+3) {/*margin-top: 4%;*/}

body>header>.subWrp>.inr>.frm>.btnWrp>nav>ul>li>a {width: 100%;padding: 15px 10px;}

body>header>.mainWrp {background-color: #FFF;}
body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li {float: none;width: 100%;border-bottom: 1px solid rgba(107,60,49,.15);padding: 10px 0;}
body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li:first-child {border-top: 1px solid rgba(107,60,49,.15);}
body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li:nth-child(n+2) {margin-left: 0;padding-left: 0;}
body>header>.mainWrp>.inr>.frm .btnWrp>nav>ul>li:nth-child(n+2):before {display: none;}

body>header.on>.subWrp {transition-delay: .25s;transform: translateY(0);display: none;}
body>header.on #gnvPnl {opacity: 1;visibility: visible;}


#gnvBtn {display: block;}

#prcBtnWrp {top: 15px;right: 83px;transform: unset;width: 27vw;height: 57px;}
#prcBtnWrp>.frm>.unt.chargeBtn>a {border-radius: 0 5px 5px 0;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.imgWrp {top: 0;bottom: 0;left: 0;width: 61px;height: 61px;transform: translate(-50%,0);}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp {padding: 0 0 0 23px;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp * {font-size: 14px;line-height: 50px;text-align: center;letter-spacing: -.025em;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp>p:before {display: none;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp>p>span {display: none;}

#prcBtnWrp {width: 123px;padding: 0 0;display: block;}
#prcBtnWrp>.frm {display: flex;flex-wrap: wrap;}
#prcBtnWrp>.frm>.unt {width: 100%;}
#prcBtnWrp>.frm>.unt:nth-child(n+2) {margin-left: 5px;display: none;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.imgWrp {display: none;}
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp {padding: 0;}
#prcBtnWrp>.frm>.unt>a {background-color: #88a80d;display: block;}
#prcBtnWrp>.frm>.unt>a,
#prcBtnWrp>.frm>.unt.chargeBtn>a {border-radius: 3px;}
#prcBtnWrp>.frm>.unt>a>.txtWrp *,
#prcBtnWrp>.frm>.unt.chargeBtn>a>.txtWrp * {color: #FFF;font-size: 14px;line-height: 40px;text-align: center;letter-spacing: -.1em;height: 57px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
}

/* header end */
/* footer */
body>footer {padding-top: 80px;}
body>footer>.inr>.unt {padding: 30px 0;}
body>footer>.inr>.unt>.ttlWrp {margin-bottom: 20px;}
body>footer>.inr>.unt.topWrp>* {float: none !important;}
body>footer>.inr>.unt.topWrp>.logoWrp {float: none;width: 100%;}
body>footer>.inr>.unt.topWrp>.logoWrp>#ftrLogo>a,
body>footer>.inr>.unt.topWrp>.logoWrp>#ftrLogo>a>img {width: 50vw;height: 16.6vw;max-width: 250px;max-height: 83px;}
body>footer>.inr>.unt.topWrp>.logoWrp>#ftrLogo>a {margin: auto;}
body>footer>.inr>.unt.topWrp>.menuWrp {width: 100%;margin-top: 0;}
body>footer>.inr>.unt.topWrp>*:nth-child(n+2) {margin-top: 30px;}
body>footer>.inr>.unt.topWrp>.menuWrp * {text-align: center;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm {width: 100%;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm>nav>.unt {float: none;width: 100%;border-top: 1px solid rgba(107,60,49,.15);padding: 30px 0;}
body>footer>.inr>.unt.topWrp>.menuWrp>.frm>nav>.unt:last-child {padding-bottom: 0;}
body>footer>.inr>.unt.snsWrp>.frm>ul>li:nth-child(n+2) {padding-left: 15px;}
body>footer>.inr>.unt.cprWrp>p {letter-spacing: .2em;}
/* footer end */
/* top */
#slide1 * {
    /*-webkit-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
}
#topPag #atf>.inr>.ttlWrp {font-size: 24px;}
#topPag #atf {
    height: 100vw;
    min-height: 350px;
    max-height: 450px;
    margin-top: 40px;
}
#topPag #atf>.inr {padding-top: 180px;}
#topPag #atf>.inr>.frm {/*padding: 0 5vw;*/padding: 0;}
#topPag #atf>.inr>.frm:before {width: 80%;right: 30%;}
#slide1.cmnMask {
    -webkit-mask-image: none;
    /*-webkit-mask-size: 100% 100%, 30px 30px, 30px 30px, 30px 30px, 30px 30px;*/
    /*-webkit-mask-position: 0 0,-15px -15px,calc(100% + 15px) -15px,-15px calc(100% + 15px),calc(100% + 15px) calc(100% + 15px);*/
}
#topPag #atf+.bnrWrp {margin-top: 5vw;}
#topPag #topic>.inr:before,
#topPag #topic>.inr:after {opacity: .25;}
/* top end */

/* pstSinWrp */
.sec>.inr>.bdyFrm.pstSinWrp>.ttlWrp {font-size: 18px;}
/* pstSinWrp end */

/* thx */
.komettaWrp>.ttlWrp,
.komettaWrp>.characterWrp {width: 280px;}
.komettaWrp>.ttlWrp {padding-top: 0;}
.komettaWrp>.bgWrp {height: 200px;}
.komettaWrp>.bgWrp>.frm>span {background-size: 150% auto;}
/* thx end */

/* inrPag */
#inrPag>#atf .ttlWrp {font-size: 22px;}
#inrPag>#atf>.bgWrp {height: 60vw;min-height: 0;}
#inrPag>#atf>.bgWrp>.bg:before {opacity: .85;}
#inrPag>#atf>.bgWrp>.ttlWrp>.msg {font-size: 14px;margin-bottom: .5em;}
/*#inrPag>#atf>.bgWrp>.ttlWrp>.msg>br {display: block;}*/
#inrPag>#atf>.bgWrp>.ttlWrp>.msg:before {width: 50px;top: -1.1em;opacity: .75;}
#inrPag .sec.dnmStl {margin-top: 60px;}/* 220128adj */
#inrPag #atf+.sec,
#inrPag #atf+.sec.dnmStl {margin-top: 60px;}
#inrPag #atf+.sec.cotBg {margin-top: 0;padding-top: 60px;}
#inrPag .sec.dnmStl>.inr>.bdyFrm+.bdyFrm {/*margin-top: 40px;*/margin-top: 60px;}
#inrPag .sec.dnmStl>.inr>.bdyFrm>.bdyWrp>.hrzRptWrp {margin-top: 30px;}
#inrPag .hrzRptWrp>.unt:nth-child(n+2) {margin-top: 40px;}

/* about */
#aboutIntro:before {height: calc(100% - 130px);}
#aboutIntro .txtWrp>p {text-align: justify;font-size: 14px;line-height: 2.14em;}
#aboutIntro .txtWrp>p:nth-child(n+2):before {display: none;}
.sec.dnmStl>.inr>.bdyFrm#aboutIntro>.bdyWrp>*:nth-child(n+2) {margin-top: 20px;}
/* about end */

/* inrPag end */

/* mypage */
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr {width: 100%;padding: 0 5vw;}
.hrzNavWrp>.btn,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>.btn {display: block;text-align: center;border: 1px solid;padding: 10px 40px;position: relative;font-weight: 600;background-color: #FFF;}
.hrzNavWrp>ul,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul {margin-top: 0;display: none;}
.hrzNavWrp>ul>li,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li {width: 100%;padding: 0;margin-top: 0}
.hrzNavWrp>ul>li,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li {border: 1px solid rgba(107,60,49,.25);border-top: none;}
.hrzNavWrp>ul>li>a,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a {border-radius: 0;;border: none;padding: 10px 35px 10px 15px;}
.hrzNavWrp>ul>li>a>.icn,
#cttWrp>#myPag.ctt>.myPagNavWrp>.inr>ul>li>a>.icn,
.acBtn+.unt>.frm>ul>li>a>.icn {right: 15px;}

.acBtn+.unt {position: relative;display: none;transform: translateY(0);padding: 0;}
.acBtn+.unt>.frm {margin-top: 0;border: none;border-radius: 0;border-top: 1px solid rgba(107,60,49,.25);padding: 0;}
.acBtn+.unt>.frm:before {display: none;}
.acBtn+.unt>.frm>ul>li:nth-child(n+2) {margin-top: 0;padding-top: 0;}
.acBtn+.unt>.frm>ul>li>a {padding: 10px 35px 10px 15px;border-radius: 0;}
/* mypage end */

/* modal */
.modal {min-width: 0;}
.modal>.btn {width: 40px;height: 40px;}
.modal>.btn>span {line-height: 40px;}
.modal-content,
.modal-content.slim {width: calc(100% - 10vw);margin: auto;}
.modal-content>.frm>.frm {padding: 7.5vw 5vw;}
/* modal end */

/* 検討 */
.sec.dnmStl>.inr {padding: 0 10vw;}
.sec.dnmStl>.inr>.bdyFrm>.bdyWrp>.imgWrp {left: -10vw !important;}
.hrzRptWrp>.unt>.hrzWrp>.unt:nth-child(1)>.imgWrp {transform: translateX(-10vw);width: 90vw;}
/* 検討 end */

}

/* media query 320px以下 */
@media only screen and (max-width: 320px){
}

@media screen and (max-width:767px){
    #gnvPnl>.btnWrp>nav{
        padding: 5vw 8vw 200px;
    }
}

@media screen and (max-width:767px){
    #gnvPnl {
        background-color: #FBF6F1;
    }

}