@charset "UTF-8";
/*member TOP*/
.mnbCnt_wrap {
    background: #F3F6F5;
}
.mnbCnt_in {
    padding: 80px 0 0
}
.mnbTop_wrap {
    margin-bottom: 40px;
}
.mnbTop_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.mnbTop_box .box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mnbTop_box .name {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    margin-left: 30px;
}
.mnbTop_box .name span {
    font-size: 40px;
    margin-right: 10px;
}
.mnbInfo_box {
    background: #fff;
    padding: 20px 40px;
    border-radius: 16px;
    margin-top: 40px;
}
.mnbInfo_box .txt {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    line-height: 2;
}
.mnbInfo_box .txt.add {
    color: #E82C64;
}
.mnbInfo_box .txt:last-child {
    margin-bottom: 0
}
.mnbMenu_wrap {
    position: relative;
    z-index: 3;
}
.mnbMenu_wrap .lst {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #E6E6E6;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}
.mnbMenu_wrap .lst li {
    /*width: 16.666%;*/
    width: 20%;
    border-left: 1px solid #E6E6E6;
    box-sizing: border-box;
}
.mnbMenu_wrap .lst li a {
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1;
    background: #fff;
}
.mnbMenu_wrap .lst li a span {
    padding-top: 46px;
    position: relative;
    display: inline-block;
}
.mnbMenu_wrap .lst li a span:before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: 1;
}
.mnbMenu_wrap .lst li.is-nm2 a span:before {
    background: url(../svg/icn_favorite.svg) no-repeat center / auto 100%;
}
.mnbMenu_wrap .lst li.is-nm3 a span:before {
    background: url(../svg/icn_history.svg) no-repeat center / 100% auto;
}
.mnbMenu_wrap .lst li.is-nm4 a span:before {
    background: url(../svg/icn_document.svg) no-repeat center / 100% auto;
}
.mnbMenu_wrap .lst li.is-nm5 a span:before {
    background: url(../svg/icn_cubic.svg) no-repeat center / auto 100%;
}
.mnbMenu_wrap .lst li.is-nm6 a span:before {
    background: url(../svg/icn_scout.svg) no-repeat center / 100% auto;
}
.mnbMenu_wrap .lst li.is-nm7 a span:before {
    background: url(../svg/icn_setting.svg) no-repeat center / auto 100%;
}
.mnbMenu_wrap .econ-btn {
    display: none;
}
.mnbDtl_wrap {
    background: #fff;
    padding: 142px 0 92px;
    margin-top: -65px;
    position: relative;
    z-index: 1;
}
.mnbDtl_box {
    margin-bottom: 80px;
}
.mnbDtl_box:last-child {
    margin-bottom: 0;
}
.mnbDtl_ttl {
    font-size: 24px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1;
}
.mnbDtl_ttl span {
    display: inline-block;
    padding-left: 22px;
    position: relative;
}
.mnbDtl_ttl span:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../svg/icn_plus.svg) no-repeat center / 100% auto;
    z-index: 1;
}
.mnbDtl_in {
    margin-top: 40px;
}
.mnbDtl-txt {
    font-size: 16px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1.6;
}
.mnbSv_wrap {
    padding: 80px 0 90px;
}
.mnbSv_ttl {
    font-size: 24px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1;
}
.mnbSv_ttl span {
    display: inline-block;
    padding-left: 22px;
    position: relative;
}
.mnbSv_ttl span:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../svg/icn_plus.svg) no-repeat center / 100% auto;
    z-index: 1;
}
.mnbSv_lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.mnbSv_box {
    width: 560px;
    border-radius: 16px;
    background: #fff;
    padding: 40px 40px;
    box-sizing: border-box;
    border: 1px solid #fff;
}
.mnbSv_box .ttl {
    border-bottom: 1px solid #E6E6E6;
    font-size: 20px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1.6;
    padding-bottom: 20px;
}
.mnbSv_box .txt {
    font-variation-settings: "wght" 400;
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    padding: 30px 0;
}
.mnbSv_box .lst {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mnbSv_box .lst li {
    width: 520px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 0 0;
    border-top: 1px solid #E6E6E6;
}
.mnbSv_box .lst .txt {
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    box-sizing: border-box;
    padding: 0 0 0 20px;
    font-variation-settings: "wght" 400;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
}
.mnbSv_box .flxbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 30px;
}
.mnbSv_box .flxbox .txt {
    width: -webkit-calc(100% - 520px);
    width: calc(100% - 520px);
    box-sizing: border-box;
    padding: 0 76px 0 0;
}
#service.mnbSv_wrap .mnbSv_box {
    margin-bottom: 40px;
}
#service.mnbSv_wrap .mnbSv_box:last-child {
    width: 100%;
    margin-bottom: 0;
}
#support.mnbSv_wrap {
    background: #fff;
}
#support.mnbSv_wrap .mnbSv_box {
    border: 1px solid #E6E6E6;
    /*margin-top: 40px;*/
}
/*
#support.mnbSv_wrap .mnbSv_box:first-child {
    width: 100%;
    margin-top: 0;
}
*/
.myp-mv {
    padding-top: 30px;
    text-align: center;
}
.myp-mv a {
    position: relative;
}
.mnbSv_box .lst .img source,
.mnbSv_box .lst .img img,
.myp-mv source,
.myp-mv img {
    border-radius: 8px;
}
.myp-mv a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    transition: all .2s ease-out;
}
.myp-mv a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    background: url(../svg/icn_arw_mv_play.svg) no-repeat center / 16px auto;
    z-index: 2;
}
.mnbSv_btn {
    display: flex;
    flex-wrap: wrap;
}
.mnbSv_btn li {
    /*width: 250px;*/
    width: 229px;
    margin-left: 20px;
}
.mnbSv_btn li:first-child {
    margin-left: 0;
}
.mnbSv_box .c-btn {
    max-width: 480px;
}
.econ-btn {
    width: 100%;
    max-width: 260px;
    height: 73px;
}
.econ-btn a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 1;
    color: #1C4A40;
    border: 1px solid #E6E6E6;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
}
.econ-btn a span {
    display: inline-block;
    position: relative;
    padding-left: 58px;
}
.econ-btn a span:before {
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/econ_icon.png) no-repeat center / 100% auto;
    z-index: 1;
}
.sv-btn {
    width: 100%;
    max-width: 480px;
    height: 52px;
}
.sv-btn a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 1;
    color: #1C4A40;
    border: 1px solid #1C4A40;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
}
.myp_popbg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #3c3a38;
    opacity: .6;
    pointer-events: painted
}
.myp_pop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999999;
    line-height: 0;
    width: 100%;
    max-width: 1000px
}
.myp-close {
    position: absolute;
    top: -24px;
    right: -24px;
    z-index: 99;
}
.myp-close a {
    display: block;
    width: 48px;
    height: 48px;
    padding: 16px;
    box-sizing: border-box;
}
.myp-close a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1C4A40;
    border-radius: 50%;
    transition: transform .4s;
}
.myp-close span {
    position: relative;
    margin: 8px 0 0;
    transform: rotate(45deg);
}
.myp-close span,
.myp-close span:before,
.myp-close span:after {
    display: block;
    width: 16px;
    height: 2px;
    background: #fff;
}
.myp-close span:before,
.myp-close span:after {
    position: absolute;
    content: "";
}
.myp-close span:before {
    top: -12px;
}
.myp-close span:after {
    top: 12px;
}
.myp-close span:after {
    transform: translate(0px, -12px) rotate(-90deg);
}
.myp-close span:before {
    transform: translate(0px, 12px) rotate(-90deg);
}
.myp_pop_in {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto;
}
.myp_pop_in video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}
.splide {
    padding-left: -webkit-calc((100% - 1160px) / 2);
    padding-left: calc((100% - 1160px) / 2);
}
.splide_part {
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    margin: auto;
}
.splide:not(.is-overflow) .splide_part {
    display: none;
}
.splide__arrows {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.splide__arrow {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
}
.splide__arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #1C4A40;
    background: #1C4A40;
    border-radius: 50%;
    z-index: 1;
    transition:all .2s ease-out;
}
.splide__arrow:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
    transition:all .2s ease-out;
}
.splide__arrow.splide__arrow--next:after {
    background: url(../svg/icn_arw_r.svg) no-repeat center / 14px auto;
}
.splide__arrow.splide__arrow--prev:after {
    background: url(../svg/icn_arw_l.svg) no-repeat center / 14px auto;
}
.splide__arrow span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.splide__arrow source,
.splide__arrow img {
    display: block;
}
.splide__pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 20px;
    max-width: 240px;
}
.splide__pagination li {
    width: 30px;
    height: 2px;
    flex: 1;
}
.splide__pagination__page {
    display: block;
    width: 100%;
    height: 100%;
    background: #D9D9D9;
}
.splide__pagination__page.is-active {
    background: #000000;
}
.mnbDtl_box .c-job_box {
    width: 260px;
}
.mnbDtl_box .c-job_img {
    height: 146px;
}
.mnbDtl_box .c-job_txt .company {
    font-size: 12px;
}
.mnbDtl_box .c-job_txt .ttl {
    font-size: 16px;
    margin-bottom: 10px;
}
.mnbDtl_box .c-job_txt .txt {
    font-size: 12px;
    margin-bottom: 10px;
}
/*login*/
.loginCnt_wrap {
    background: #F3F6F5;
    padding: 0 0 120px;
}
.loginCnt_in {
    padding-top: 80px;
}
.loginTtl_ttl .en {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 1;
    color: #1C4A40;
    margin-bottom: 30px;
}
.loginTtl_ttl .en span {
    display: inline-block;
    position: relative;
    padding-left: 24px;
}
.loginTtl_ttl .en span:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../svg/icn_plus.svg) no-repeat center / 100% auto;
    z-index: 1;
}
.loginTtl_ttl .ttl {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 40px;
    line-height: 1;
}
.loginInfo_box {
    background: #fff;
    padding: 20px 40px;
    border-radius: 16px;
    margin-bottom: 60px;
}
.loginInfo_box .txt {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    line-height: 2;
}
.loginInfo_box .txt.add {
    color: #E82C64;
}
.loginDtl_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px
}
.loginDtl_box {
    width: 48.3%;
    padding: 60px;
    background: #fff;
    border-radius: 16px;
    box-sizing: border-box;
}
.loginDtl_box:last-child {
    width: 100%;
    margin-top: 40px;
}
.loginDtl_ttl {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 24px;
    line-height: 1;
}
.loginDtl_ttl span {
    display: inline-block;
    position: relative;
    padding-left: 24px;
}
.loginDtl_ttl span:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../svg/icn_plus.svg) no-repeat center / 100% auto;
    z-index: 1;
}
.login_det {
    margin-top: 40px;
}
.login_form dl {
    margin-bottom: 20px;
    width: 100%
}
.login_form dl:last-child {
    margin-bottom: 0;
}
.login_form dl dt {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.login_form dl dd input {
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 20px;
    border-radius: 8px;
    background: #F3F6F5;
    border: 1px solid #F3F6F5;
}
.login-check {
    margin-top: 30px;
}
.login-check input[type="checkbox"] {
    display: block;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.login-check .parts {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    line-height: 2;
    position: relative;
    padding-left: 34px;
    display: inline-block
}
.login-check .parts:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    border-radius: 4px;
    box-sizing: border-box;
}
.login-check .parts:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 7px;
    width: 7px;
    height: 12px;
    margin: -10px 0 0 0;
    transform: rotate(40deg);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    opacity: 0;
}
.login-check input[type="checkbox"]:checked + .parts:before {
    background: #222;
    border: 1px solid #222;
}
.login-check input[type="checkbox"]:checked + .parts:after {
    opacity: 1;
}
.login-check input[type="checkbox"]:focus + .parts:before {
    outline:2px solid var(--focus-color,#000);
    outline-offset:1px;
}
.login-check input[type="checkbox"]:focus:not(:focus-visible) + .parts:before {
    outline: 0;
}
.login-stx,
.login-lnk {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
}
.login-stx a,
.login-lnk a {
    color: #1c4a40;
}
.login_error {
    margin: 0 0 40px;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 16px;
    line-height: 2;
    color: #E82C64;
}
.login-btn {
    margin: 0 auto;
    margin-top: 30px;
    max-width: 440px;
}
.login_dl dl {
    margin-bottom: 20px;
}
.login_dl dl:last-child {
    margin-bottom: 0;
}
.login_dl dt {
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.login_dl dd {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 14px;
    line-height: 2;
}
.regist-btn {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 440px;
}
.econ_det {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.econ_flx {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
}
.econ_flx .box {
    padding-left: 30px;
}
.econ_flx .txt {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 14px;
    line-height: 2;
    margin-top: 16px;
}
.ec-btn {
    width: 440px;
    max-width: 440px;
}
/*履歴 お気に入り おすすめ*/
.mnbRec_wrap {
    background: #fff;
    padding: 120px 0;
}
.mnbRec_txt {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 18px;
    line-height: 2;
}
/*お気に入り削除*/
.delbtn {
    display: table;
    width: 230px;
    height: 40px;
    margin: 0 auto;
    margin-top: 35px;
}
.delbtn a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1;
    color: #222222;
    background: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    box-sizing: border-box;
    text-decoration: none;
}
@media only screen and (min-width:767px) {
    /*member TOP*/
    .econ-btn a:hover {
        border: 1px solid #1C4A40;
    }
    .mnbMenu_wrap .lst li a:hover {
        color: #fff;
        background: #1C4A40;
    }
    .mnbMenu_wrap .lst li a:hover span:before {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(335deg) brightness(106%) contrast(101%);
    }
    .sv-btn a:hover {
        color: #fff;
        background: #1C4A40;
    }
    .splide__arrow:hover:before {
        background: #fff;
        /*transform: scale(1.13, 1.13);*/
    }
    .splide__arrow.splide__arrow--next:hover:after {
        background: url(../svg/icn_arw_r_green.svg) no-repeat center / 14px auto;
    }
    .splide__arrow.splide__arrow--prev:hover:after {
        background: url(../svg/icn_arw_l_green.svg) no-repeat center / 14px auto;
    }
    .myp-close a:hover:before {
        transform: scale(1.1429, 1.1429);
    }
    .mnbSv_box .lst li:nth-child(-n+2) {
        border-top: none;
        padding: 30px 0;
    }
    .myp-mv a:hover {
        opacity: .8;
    }
    .myp-mv a:hover:before {
        transform: scale(1.13, 1.13);
    }
    /*login*/
    .login-stx a:hover,
    .login-lnk a:hover {
        text-decoration: none;
    }
    /*お気に入り削除*/
    .delbtn a:hover {
        border: 1px solid #222222;
    }
}
@media screen and (min-width:1024px) and (max-width:1240px) {
    /*member TOP*/
    .mnbSv_box {
        width: 49%;
    }
    .mnbSv_box .lst li {
        width: 49%;
    }
    .myp_pop_in {
        width: 80vw;
        height: 100%;
        aspect-ratio: 16 / 9;
        margin: 0 auto;
        padding-top: 0;
    }
    .splide {
        padding-left: -webkit-calc((100% - 89.063vw) / 2);
        padding-left: calc((100% - 89.063vw) / 2);
    }
    /*login*/
    .econ_det {
        display: block;
    }
    .econ_flx {
        justify-content: center;
        flex-direction: row;
    }
    .econ_flx .box {
        padding-left: 0;
    }
    .ec-btn {
        width: 440px;
        max-width: 440px;
        margin: 0 auto;
        margin-top: 30px;
    }
    .mnbSv_btn {
        justify-content: space-between;
    }
    .mnbSv_btn li {
        width: 16.581vw;
        margin-left: 1.0;
    }
}
@media screen and (min-width:767px) and (max-width:1024px) {
    /*member TOP*/
    .mnbMenu_wrap .lst li a {
        font-size: 14px;
    }
    .mnbSv_lst {
        display: block;
    }
    .mnbSv_box {
        width: 100%;
        margin-top: 40px;
    }
    .mnbSv_box:first-child {
        margin-top: 0;
    }
    .mnbSv_box .lst li {
        width: 100%;
    }
    .mnbSv_box .flxbox {
        display: block;
    }
    .mnbSv_box .flxbox .txt {
        width: 100%;
        padding: 0 0 30px;
    }
    .mnbSv_btn {
        justify-content: center;
    }
    .mnbSv_box .c-btn {
        margin: 0 auto;
    }
    .sv-btn {
        margin: 0 auto;
    }
    .myp_pop_in {
        width: 80vw;
        height: 100%;
        aspect-ratio: 16 / 9;
        margin: 0 auto;
        padding-top: 0;
    }
    .splide {
        padding-left: -webkit-calc((100% - 89.063vw) / 2);
        padding-left: calc((100% - 89.063vw) / 2);
    }
    /*login*/
    .loginDtl_wrap {
        display: block;
    }
    .loginDtl_box {
        width: 100%;
        margin-top: 40px;
    }
    .loginDtl_box:first-child {
        margin-top: 0;
    }
    .loginDtl_ttl {
        text-align: center;
    }
    .login_det {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .regist-btn {
        width: 440px;
    }
    .econ_det {
        display: block;
    }
    .econ_flx {
        justify-content: center;
        flex-direction: row;
    }
    .econ_flx .box {
        padding-left: 0;
    }
    .ec-btn {
        width: 440px;
        max-width: 440px;
        margin: 0 auto;
        margin-top: 30px;
    }
}
/*tab*/
@media only screen and (max-width:1024px) {
}
/*sp*/
@media only screen and (max-width:767px) {
    /*member TOP*/
    .mnbCnt_in {
        padding: 40px 0 0
    }
    .mnbTop_wrap {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .mnbTop_wrap .econ-btn {
        display: none;
    }
    .mnbTop_box .name {
        font-size: 14px;
        margin-left: 15px;
    }
    .mnbTop_box .name span {
        font-size: 24px;
        margin-right: 10px;
    }
    .mnbInfo_box {
        padding: 20px 20px;
        border-radius: 8px;
        margin-top: 20px;
    }
    .mnbInfo_box .txt {
        font-size: 14px;
    }
    .mnbInfo_box .txt:last-child {
        margin-bottom: 0
    }
    .mnbMenu_wrap {
        padding: 0 20px 20px;
    }
    .mnbMenu_wrap .lst {
        width: 100%;
        margin-bottom: 10px;
    }
    .mnbMenu_wrap .lst li {
        width: 33.3333%;
        border-left: 1px solid #E6E6E6;
        border-top: 1px solid #E6E6E6;
        box-sizing: border-box;
    }
    .mnbMenu_wrap .lst li:nth-child(-n+3) {
        border-left: 1px solid #E6E6E6;
        border-top: none;
    }
    .mnbMenu_wrap .lst li:nth-child(1),
    .mnbMenu_wrap .lst li:nth-child(4) {
        border-left: none;
    }
    .mnbMenu_wrap .lst li a {
        height: 72px;
        font-size: 12px;
    }
    .mnbMenu_wrap .lst li a span {
        padding-top: 26px;
    }
    .mnbMenu_wrap .lst li a span:before {
        width: 20px;
        height: 20px;
    }
    .mnbMenu_wrap .econ-btn {
        display: block;
    }
    .mnbDtl_wrap {
        padding: 40px 0;
        margin-top: 0;
    }
    .mnbDtl_box {
        margin-bottom: 40px;
    }
    .mnbDtl_ttl {
        font-size: 20px;
        padding: 0 20px;
    }
    .mnbDtl_in {
        margin-top: 20px;
    }
    .mnbDtl-txt {
        font-size: 14px;
        padding: 0 20px;
    }
    .mnbSv_wrap {
        padding: 40px 20px;
    }
    .mnbSv_ttl {
        font-size: 20px;
        line-height: 1.4;
        padding: 0 20px;
    }
    .mnbSv_lst {
        display: block;
        margin-top: 20px;
    }
    .mnbSv_box {
        width: 100%;
        padding: 20px;
    }
    .mnbSv_box .ttl {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .mnbSv_box .txt {
        font-size: 14px;
        padding: 20px 0;
    }
    .mnbSv_box .lst {
        display: block;
    }
    .mnbSv_box .lst li {
        width: 100%;
        padding: 20px 0;
    }
    .mnbSv_box .lst li:first-child {
        border-top: none;
    }
    .mnbSv_box .lst li:last-child {
        padding-bottom: 0;
    }
    .mnbSv_box .lst .txt {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        padding: 0 0 0 15px;
        font-size: 12px;
    }
    .mnbSv_box .flxbox {
        display: block;
        padding-top: 20px;
    }
    .mnbSv_box .flxbox .txt {
        width: 100%;
        padding: 0 0 20px;
    }
    #service.mnbSv_wrap .mnbSv_box {
        margin-bottom: 20px;
    }
    #support.mnbSv_wrap .mnbSv_box {
        margin-top: 20px;
    }
    .myp-mv {
        padding-top: 20px;
    }
    .myp-mv source,
    .myp-mv img {
        width: 100%;
        max-width: 295px;
        height: auto;
    }
    .mnbSv_btn {
        display: block;
        flex-wrap: wrap;
    }
    .mnbSv_btn li {
        width: 100%;
        margin: 10px 0 0;
    }
    .mnbSv_btn li:first-child {
        margin: 0;
    }
    .mnbSv_box .c-btn {
        max-width: 480px;
    }
    .econ-btn {
        width: 100%;
        max-width: 335px;
        margin: 0 auto;
        height: 60px;
    }
    .econ-btn a {
        font-size: 14px;
    }
    .econ-btn a span {
        padding-left: 50px;
    }
    .econ-btn a span:before {
        width: 40px;
        height: 40px;
        background: url(../img/sp/econ_icon.png) no-repeat center / 100% auto;
    }
    .sv-btn {
        width: 100%;
        max-width: 295px;
        height: 42px;
        margin: 0 auto;
    }
    .sv-btn a {
        font-size: 12px;
    }
    .myp-close a {
        top: -20px;
        right: -20px;
        width: 40px;
        height: 40px;
        padding: 12px;
    }
    .myp_pop_in {
        width: 88vw;
        height: 100%;
        aspect-ratio: 16 / 9;
        margin: 0 auto;
        padding-top: 0;
    }
    .mnbDtl_box .splide {
        padding-bottom: 60px;
    }
    .mnbRec_wrap .splide {
        padding-bottom: 60px;
    }
    .splide_part {
        top: auto;
        bottom: 0;
    }
    .splide__arrows {
        justify-content: center;
        max-width: 375px;
    }
    .splide__pagination li {
        width: 30px;
        height: 2px;
        max-width: 30px;
    }
    .splide {
        padding-left: 20px;
    }
    .splide__pagination {
        /*width: -webkit-calc(100% - 140px);
        width: calc(100% - 140px);*/
        box-sizing: border-box;
        max-width: calc(100% - 140px);
    }
    .mnbDtl_box .c-job_box {
        width: 240px;
    }
    .mnbDtl_box .c-job_img {
        height: 146px;
    }
    .mnbDtl_box .c-job_txt .company {
        font-size: 12px;
    }
    .mnbDtl_box .c-job_txt .ttl {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .mnbDtl_box .c-job_txt .txt {
        font-size: 12px;
    }
    /*login*/
    .loginCnt_wrap {
        padding: 0 0 60px;
    }
    .loginCnt_in {
        padding: 0 20px;
        padding-top: 40px;
    }
    .loginTtl_ttl .en {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .loginTtl_ttl .ttl {
        font-size: 24px;
    }
    .loginInfo_box {
        padding: 20px 20px;
        margin-bottom: 40px;
    }
    .loginInfo_box .txt {
        font-size: 14px;
    }
    .loginDtl_wrap {
        display: block;
        margin-top: 40px
    }
    .loginDtl_box {
        width: 100%;
        padding: 20px;
        margin-top: 20px;
    }
    .loginDtl_box:last-child {
        margin-top: 20px;
    }
    .loginDtl_ttl {
        font-size: 20px;
        line-height: 1.4;
    }
    .login_det {
        margin-top: 20px;
    }
    .login_form dl {
        margin-bottom: 15px;
    }
    .login_form dl dt {
        font-size: 14px;
    }
    .login_form dl dd input {
        height: 52px;
        font-size: 14px;
        padding: 0 20px;
    }
    .login-check {
        margin-top: 20px;
    }
    .login-check input[type="checkbox"] {
        display: block;
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
    .login-check .parts {
        font-size: 12px;
    }
    .login-stx,
    .login-lnk {
        font-size: 12px;
    }
    .login_error {
        margin: 0 0 20px;
        font-size: 14px;
    }
    .login-btn {
        max-width: 335px;
    }
    .login_dl dt {
        font-size: 16px;
    }
    .login_dl dd {
        font-size: 12px;
    }
    .regist-btn {
        margin-top: 20px;
        max-width: 335px;
    }
    .econ_det {
        display: block;
    }
    .econ_flx {
        display: block;
    }
    .econ_flx .box {
        padding-left: 0;
    }
    .econ_flx .txt {
        font-size: 12px;
        margin-top: 20px;
    }
    .econ_flx .img {
        text-align: center;
    }
    .ec-btn {
        margin: 0 auto;
        margin-top: 20px;
        width: 100%;
        max-width: 335px;
    }
    /*履歴 お気に入り おすすめ*/
    .mnbRec_wrap {
        padding: 60px 0;
    }
    .mnbRec_txt {
        font-size: 14px;
        line-height: 2;
        padding: 0 20px;
    }
}
@media only screen and (max-width: 340px) {
    .mnbSv_box .c-btn a {
        font-size: 12px;
    }
}