.p-signup-v2{background-color:#f7f5ef;position:relative}
.p-signup-v2>.wrapper{padding:108px 30px 0}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper{padding:45px 3.4% 0}
}
.p-signup-v2>.wrapper>.title{
    color:#8C691E;
    font-size: 28px;
    font-weight:700;
    text-align:center;
    margin-bottom:73px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.title{font-size:18px;margin-bottom:50px}
}
.p-signup-v2>.wrapper>.form-area{
    width:100%;padding:87px 0 160px;margin:0 auto;background-color:#fff
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area{padding:40px 3.46% 79px}
}
/* エラーメッセージ表示エリア　start */
.p-signup-v2>.wrapper>.form-area>.error{padding:50px 0 160px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.error{padding:15px 3.46% 79px}
}
.p-signup-v2>.wrapper>.form-area>.error-message{
    max-width:868px;
    width:100%;
    padding:24px 101px;
    margin:0 auto 66px;
    background:#f5e6e5;
    border:2px solid #DD0000;
    border-radius:1px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.error-message{margin-bottom:44px;padding:15px 10px}
}

.p-signup-v2>.wrapper>.form-area>.error-message>.text{
    width:250px;color:#DD0000;
    font-family:Noto Sans JP,sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.6;
    letter-spacing:.1em;
    text-align:left;
    margin:0 auto
}
/* エラーメッセージ表示エリア　end */

.p-signup-v2>.wrapper>.form-area>.form{max-width:730px;width:100%;margin:0 auto;text-align:center}
.p-signup-v2>.wrapper>.form-area>.form>.label{
    font-size:18px;
    line-height:100%;
    font-weight:700;margin:35px 0 15px;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:baseline;align-items:baseline
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.label{font-size:14px;margin-bottom:12px;text-align:left}
}
.p-signup-v2>.wrapper>.form-area>.form>.label:first-child{margin-top:0}
.p-signup-v2>.wrapper>.form-area>.form>.label>.tag{
    color:#fff;font-size:12px;line-height:100%;padding:6px 12px 7px;background-color:#DD0000;margin-right:12px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.label>.tag{font-size:10px;padding:5px 12px}
}
.p-signup-v2>.wrapper>.form-area>.form>.label>span{font-size:11px;font-weight:400}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.label>span{display:inline-block;width:100%;text-align:left;margin-top:8px}
}
.p-signup-v2>.wrapper>.form-area>.form>.label.checkbox{
    display:inline-block;position:relative;text-align:center;padding-left:40px;margin-bottom:24px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.label.checkbox{margin:52px 0 12px;text-align:left}
}
.p-signup-v2>.wrapper>.form-area>.form>.label.checkbox:before{
    background:#fff;
    border:2px solid #8C691E;
    content:"";
    display:block;
    height:21px;
    left:5px;
    margin-top:-11.5px;
    position:absolute;
    top:50%;width:21px
}
.p-signup-v2>.wrapper>.form-area>.form>.label.checkbox:after{
    border-right:3px solid #DD0000;border-bottom:3px solid #DD0000;content:"";display:block;height:13px;left:13px;margin-top:-8px;opacity:0;position:absolute;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px
}
.p-signup-v2>.wrapper>.form-area>.form>.input{
    width:100%;font-size:16px;font-weight:700;line-height:100%;border:2px solid #8C691E;padding:16px 18px;background-color:#f7f5ef
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.input{font-size:14px}
}
.p-signup-v2>.wrapper>.form-area>.form input[type=checkbox]{display:none}
.p-signup-v2>.wrapper>.form-area>.form input[type=checkbox]:checked+.checkbox:after{opacity:1}
.p-signup-v2>.wrapper>.form-area>.form>.announce{font-size:14px;font-weight:700;margin-top:70px;margin-bottom:40px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.announce{font-size:12px;text-align:left;margin-top:44px;margin-bottom:20px}
}
.p-signup-v2>.wrapper>.form-area>.form>.announce>a{
    display:inline;color:#255398;text-decoration:underline
}
.p-signup-v2>.wrapper>.form-area>.form>.button{
    position:relative;width:335px;height:70px;font-size:20px;font-weight:700;line-height:70px;color:#8C691E;text-align:center;margin:0 auto;border:1px solid #8C691E
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.button{width:240px;height:60px;font-size:14px;line-height:60px}
}
.p-signup-v2>.wrapper>.form-area>.form>.button:after{
    position:absolute;content:"";display:block;top:50%;right:19px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8.46px;height:17px;background-image:url(../assets/images/common/pagenation-arrow-right.png);background-size:contain;background-repeat:no-repeat;background-position:50%
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.button:after{width:7.05px;height:15px;right:15.9px}
}
.p-signup-v2>.wrapper>.form-area>.form>.button.regist{margin-top:50px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.button.regist{margin-top:34px}
}
.p-signup-v2>.wrapper>.form-area>.form>.button.send{margin-top:50px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.button.send{margin-top:40px}
}
.p-signup-v2>.wrapper>.form-area>.form>.text{font-size:16px;font-weight:700;line-height:160%}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.form-area>.form>.text{text-align:left}
}
.p-signup-v2>.wrapper.complete{padding-top:26px}
.p-signup-v2>.wrapper.complete>.message-area{
    width:100%;text-align:center;padding:80px 0 160px;margin:0 auto;background-color:#fff
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area{padding:40px 3.46% 79px}
}
.p-signup-v2>.wrapper.complete>.message-area>.headline{
    color:#8C691E;font-weight:700;margin-bottom:37px
}
.p-signup-v2>.wrapper.complete>.message-area>.headline>.title{font-size:26px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.headline>.title{font-size:18px;line-height:140%;margin-bottom:9px}
}
.p-signup-v2>.wrapper.complete>.message-area>.headline>.text{font-size:18px;line-height:160%}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.headline>.text{font-size:15px;line-height:140%;text-align:left}
}
.p-signup-v2>.wrapper.complete>.message-area>.note-1{
    font-size:16px;font-weight:700;line-height:160%;margin-bottom:20px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.note-1{font-size:14px;text-align:left}
}
.p-signup-v2>.wrapper.complete>.message-area>.note-1.mgb-50{margin-bottom:50px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.note-1.mgb-50{margin-bottom:40px}
}
.p-signup-v2>.wrapper.complete>.message-area>.note-2{font-size:15px;line-height:1.8;margin-bottom:63px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.note-2{font-size:12px;line-height:1.7;text-align:left}
}
.p-signup-v2>.wrapper.complete>.message-area>.note-2.mgb-50{margin-bottom:50px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.note-2.mgb-50{margin-bottom:40px}
}
.p-signup-v2>.wrapper.complete>.message-area>.button{
    position:relative;width:335px;height:70px;font-size:20px;font-weight:700;line-height:70px;color:#8C691E;text-align:center;margin:0 auto;border:1px solid #8C691E
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.button{
        width:240px;height:60px;font-size:14px;line-height:60px
    }
}
.p-signup-v2>.wrapper.complete>.message-area>.button.agree-button{
    width:543px;height:70px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.complete>.message-area>.button.agree-button{
        width:240px;height:60px;font-size:14px;padding:13px 24px;line-height:16.2px;margin-left:7%
    }
}
.p-signup-v2>.wrapper.login{padding:92px 30px 0}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login{padding:76px 3.4% 0}
}
.p-signup-v2>.wrapper.login>.account-area{
    max-width:1380px;
    width:100%;
    margin:0 auto;
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:stretch;
    align-items:stretch
}
.p-signup-v2>.wrapper.login>.account-area>.area{
    position:relative;width:calc(50% - 16px);
    background-color:#fff;
    padding:0 30px 158px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area{
        width:100%;
        padding:0 4.3% 80px
    }
    .p-signup-v2>.wrapper.login>.account-area>.area:first-child{margin-bottom:66px}
}

.p-signup-v2>.wrapper.login>.account-area>.area>.circle{
        width:160px;
        height:160px;
        border-radius:50%;
        background-color:#fff;
        text-align:center;
        margin:-52px auto 27px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.circle{
        width:100px;
        height:100px;
        margin:-38px auto 36px
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area>.circle>.title{
    font-size:26px;
    font-weight:700;
    color:#8C691E
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.circle>.title{
        font-size:18px;line-height:140%
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content{
    max-width:434px;
    width:100%;
    text-align:center;
    margin:0 auto
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.label{
    font-size:18px;
    font-weight:700;
    line-height:100%;
    text-align:left;
    margin-bottom:20px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.label{
        ont-size:14px;margin-bottom:15px
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.label.checkbox{
    display:inline-block;
    position:relative;
    font-size:16px;
    font-weight:400;
    text-align:center;
    padding-left:40px;
    margin-bottom:29px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.label.checkbox{
        margin-bottom:27px;
        text-align:left
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.label.checkbox:before{
    background:#fff;
    border:2px solid #8C691E;
    content:"";
    display:block;
    height:21px;
    left:5px;
    margin-top:-11.5px;
    position:absolute;
    top:50%;
    width:21px
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.label.checkbox:after{
    border-right:3px solid #DD0000;
    border-bottom:3px solid #DD0000;
    content:"";
    display:block;
    height:13px;
    left:13px;
    margin-top:-8px;
    opacity:0;
    position:absolute;
    top:50%;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    width:6px
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.text{
    font-size:18px;
    font-weight:700;
    line-height:100%;
    margin-bottom:35px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.text{
        font-size:14px;
        line-height:140%;
        text-align:left;
        margin-bottom:34px
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content input[type=checkbox]{display:none}
.p-signup-v2>.wrapper.login>.account-area>.area>.content input[type=checkbox]:checked+.checkbox:after{opacity:1}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.input{
    width:100%;
    font:16px;
    font-weight:700;
    color:#8C691E;
    line-height:100%;
    padding:17px 18px;
    border:2px solid #8C691E;
    border-radius:3px;
    background-color:#f7f5ef;
    margin-bottom:37px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.input{
        font-size:14px;
        padding:16px 18px 15px;
        margin-bottom:30px
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.input.password{margin-bottom:11px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.input.password{font-size:12px;margin-bottom:15px}
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.note{font-size:14px;font-weight:700;text-align:center;margin-bottom:65px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.note{margin-bottom:56px}
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.note.mt_20{font-size:12px}

}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.note>a{
    display:inline;
    text-decoration:underline;
    color:#8C691E;
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.note.mt_20{
    margin-top:20px
}

.p-signup-v2>.wrapper.login>.account-area>.area>.content>.button{
    position:relative;
    width:335px;
    height:70px;
    font-size:20px;
    font-weight:700;
    line-height:70px;
    color:#8C691E;
    text-align:center;
    margin:0 auto;
    border:1px solid #8C691E
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.button{
        width:240px;
        height:60px;
        font-size:14px;
        line-height:60px
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area>.content>.button:after{
    position:absolute;
    content:"";
    display:block;
    top:50%;
    right:19px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:8.46px;height:17px;
    background-image:url(../assets/images/common/pagenation-arrow-right.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area>.content>.button:after{
        width:7.05px;
        height:15px;
        right:15.9px
    }
}
.p-signup-v2>.wrapper.login>.account-area>.area.login-area{margin-right:32px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area.login-area{margin-right:0}
}

/* エラーメッセージ表示エリア　start */
.p-signup-v2>.wrapper.login>.account-area>.login-area.area>.error{padding:50px 0 160px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.login-area.area>.error{padding:15px 3.46% 79px}
}
.p-signup-v2>.wrapper.login>.account-area>.login-area.area>.error-message{
    max-width:868px;
    width:100%;
    padding:24px 101px;
    margin:0 auto 66px;
    background:#f5e6e5;
    border:2px solid #DD0000;
    border-radius:1px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.login-area.area>.error-message{margin-bottom:44px;padding:15px 10px}
}

.p-signup-v2>.wrapper.login>.account-area>.login-area.area>.error-message>.text{
    width:250px;color:#DD0000;
    font-family:Noto Sans JP,sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.6;
    letter-spacing:.1em;
    text-align:left;
    margin:0 auto
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.login-area.area>.error-message>.text{width:100%;font-size:12px;line-height:1.8}
}

.p-signup-v2>.wrapper.login>.account-area>.login-area.area>content>.error{position:relative;padding-bottom:24px}

.p-signup-v2>.wrapper.login>.account-area>.login-area.area>content>.error:after{
    position:absolute;
    display:block;
    left:101px;
    bottom:-8px;
    width:319px;
    height:24px;
    font-family:Noto Sans JP,sans-serif;
    font-weight:400;
    color:#DD0000;
    font-size:16px;
    line-height:1;
    text-align:left
}
@media screen and (max-width:767px){    
    .p-signup-v2>.wrapper.login>.account-area>.login-area.area>content>.error:after{width:100%;left:0;font-size:12px}
}
.p-signup-v2>.wrapper.login>.account-area>.login-area.area>content>.error>.input{
    background:#f5e6e5;
    border:2px solid #DD0000;
    border-radius:1px
}
/* エラーメッセージ表示エリア　end */

.p-signup-v2>.wrapper.login>.account-area>.area.login-area>.circle{padding-top:41.03px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area.login-area>.circle{padding-top:24.64px}
}
.p-signup-v2>.wrapper.login>.account-area>.area.login-area>.circle>img{
    width:34px;
    height:41.56px;
    margin:0 auto 28.47px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area.login-area>.circle>img{margin:0 auto 18.61px}
}
.p-signup-v2>.wrapper.login>.account-area>.area.signup-area>.circle{padding-top:36px}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area.signup-area>.circle{padding-top:26px}
}
.p-signup-v2>.wrapper.login>.account-area>.area.signup-area>.circle>img{
    width:48px;
    height:48px;
    margin:0 auto 25px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper.login>.account-area>.area.signup-area>.circle>img{width:40px;height:40px}
}
.p-signup-v2>.wrapper>.breadcrumb{
    color:#896621;
    font-size:12px;
    padding:20px 0;
    display:-webkit-box;
    display:flex;flex-wrap:nowrap;
    -webkit-box-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    align-items:center
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.breadcrumb{font-size:10px;line-height:100%;padding:15px 0}
}
.p-signup-v2>.wrapper>.breadcrumb>.list{
    position:relative;
    width:auto;
    margin-left:9px
}
@media screen and (max-width:767px){
    .p-signup-v2>.wrapper>.breadcrumb>.list{
        white-space:nowrap;
        text-overflow:ellipsis
    }
}
.p-signup-v2>.wrapper>.breadcrumb>.list:first-child{
    margin-left:0;
    padding-bottom:2px
}
.p-signup-v2>.wrapper>.breadcrumb>.list:first-child:before{
    content:none;
    background-image:none
}
.p-signup-v2>.wrapper>.breadcrumb>.list:last-child{overflow:hidden}
.p-signup-v2>.wrapper>.breadcrumb>.arrow{
    width:4px;
    height:7px;
    margin-left:9px;
    vertical-align:middle
}