@charset "utf-8";
@media screen and (any-pointer:fine),(-ms-high-contrast: active), (-ms-high-contrast: none) {
/* @media(any-pointer:fine){ */
    dl, dl dt, dl dd {
        margin:0; padding:0;
    }

    dl.form-body {
        overflow:visible;
        padding:10px 0px 25px 0px;
    }

    dl.form-body.member-reg {
        height:330px;
    }
    dl.form-body.corp-reg {
        height:555px;
    }

    .corp dl.form-body {
        height:605px;
    }

    .form-body dd {
        width:1005px;
        padding-left:0px !important;
    }
    .form-body dt {
        font-size:15px;
        font-weight:bold;
        color:#000;
        padding-left:50px !important;
        width:145px;
    }
    .form-body dt, .form-body dd {
        line-height:45px;
        height:45px;
        float:left;
        padding-top:5px;
        padding-bottom:5px;
        font-size:14px;
    }
    button{
        border:1px solid #c3c3c3;
        width:150px;
        height:43px;
        line-height:43px;
        font-size:14px;
        vertical-align:middle;
        background:#333;
        color:#fff;
    }
    button.gray {
        background:#c3c3c3;
    }
    input.half {
        display:block;
        float:left;
        margin-right:5px !important;
        width:190px !important;
    }
    button.half {
        display:block;
        float:left;
        margin-right:1px;
        width:192px;
    }
    .form-body dd input, button {
        border:1px solid #c3c3c3;
        height:43px;
        line-height:43px;
        font-size:14px;
        vertical-align:top;
        box-sizing: border-box;
    }
    .form-body dd input {
        width:385px;
        margin-right:20px;
    }
    .form-body dd .divide3 {
        width:123px;
        margin-right:8px !important;
        float:left;
    }

    .form-body .select-items div,
    .form-body .select-selected {
        height:43px !important;
        text-indent:15px;
        background-position:right 10px top 16px;
    }
    .form-body-1 {
        padding-bottom:35px;
        background:#fff;
    }
    .form-body-1 dt {
        font-size:15px;
        font-weight:bold;
        color:#000;
        padding-left:50px !important;
        width:145px;
        height:55px;
        line-height:55px;
        padding-top:0px;
        padding-bottom:0px;
    }
    .form-body-1 dd {
        color:#000;
        background:#f2f2f2;
        padding-left:130px;
        line-height:36px;
        height:72px;
        font-size:15px;
        font-weight:700;
    }
    .form-body-1 dd .red {
        color:#d10f0f;
    }

    .mr-10 { margin-right:10px !important; }
    .mr-15 { margin-right:15px !important; }
    .ml-15 { margin-left:15px !important; }

    .w230 {width:230px !important;}


    input.radio {
        margin:0px;
        line-height:38px;
        height:38px;
        width:20px !important;
        margin-right:8px !important;
        margin-left:20px;
    }


    .button-wrapper {
        text-align:center;
        padding-top:75px;
        padding-bottom:95px;
    }
    .button-wrapper button {
        color:#fff;
        height:40px;
        line-height:40px;
        width:297px;
        font-size:20px;
        font-weight:700;
        border:none;
    }
    .button-wrapper button.blue {
        background:#007ad6;
    }
    .button-wrapper button.black {
        background:#333;
    }

    .join .check-all-wrapper {
        text-indent:35px;
        font-size:15px;
        font-weight:700;
        color:#000;
        padding:25px 0px 20px 0px;
    }
    .join .check-all-wrapper label{
        margin-left:10px;
    }
    .join h4 {
        font-size:14px;
        font-weight:700;
        color:#464646;
        height:20px;
        line-height:20px;
        padding-left:38px;
    }
    .join h4 .checkbox-wrapper{ 
        float:right;
    }
    .join .rule-wrapper {
        margin-left:35px;
        margin-top:10px;
        margin-bottom:15px;
        height:145px;
        border:1px solid #c3c3c3;
        overflow-y:auto;
        padding:25px 20px;
    }
    .join .rule-wrapper pre {
        margin:0;
        line-height:22px;
        font-size:14px;
        color:#464646;
    }
    .corp a.validate-before-submit {
        display:block;
        margin:50px auto 0px;
        width:195px;
        height:40px;
        line-height:40px;
        color:#fff;
        text-decoration:none;
        text-align:center;
        font-weight:900;
        font-size:20px;
        background-color:#007ad6;
    } 
    .corp input {
        text-indent:15px;
    }
    .corp input.radio {
        margin-left:10px;
    }
    .corp .input-rule-desc {
        font-size:14px;
        color:#333;
    }
    .corp .input-rule-desc.blue {
        color:#0066cc;
    }
    .corp .required {
        vertical-align:top;
        color:#0066cc;
        padding-left:3px;
        font-weight:700;
    }
}

@media(any-pointer:coarse){
    body {
        background-color:#f7f7f7 !important;
    }
    fieldset {
        border:0;
        padding:0;
        margin:0;
    }

    fieldset legend {
        font-weight:300;
        letter-spacing: 0.05rem;
        font-size:0.9rem;
    }

    fieldset .text_1 {
        height:2.5rem;
        line-height:1rem;
        font-family:"Roboto";
        font-size:1.2rem;
        font-weight:400;
        letter-spacing: 0rem;
        border-radius: 0;
    }
    
    .mobile_wrapper .m-title {
        padding:1.5rem; 
        margin:0px auto;
        background-color: #F7F7F7;
    }
    .mobile_wrapper .m-title .titles {
        font-size:1.125rem; 
        font-weight:700;
    }
    .mobile_wrapper .m-title .titles span{
        float:right; 
        font-size:0.875rem; 
        font-weight:500;
    }
    .present_mid {
        margin-top:1.6rem;
    }
    .mobile_wrapper .m-content {
        background-color:#fff; 
        padding: 0rem 1.7rem 1.7rem 1.7rem;
        box-sizing:border-box; 
        box-shadow:0px 5px 15px #2424240D;
    }
    .mobile_wrapper .m-content input[name=m_biz_addr]{
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        width: calc(100% - 6.7rem);
        border:0rem;
        box-sizing: border-box;
    }
    .mobile_wrapper .m-button-wrapper {
        display:flex;
        margin:0px auto;
        flex-wrap: wrap;
        justify-content: center; /* flex-start; space-around; */
        background-color: #F7F7F7;
        padding:1rem;
    }
    .mobile_wrapper .m-button-wrapper a {
        display:block;
        flex-basis:45%;
        height:2.5rem;
        line-height:2.5rem;
        text-align:center;
        background-color:#919294;
        font-size:0.875rem;
        color:#fff;
        margin-bottom:0.5rem;
        margin-right:0.1rem;
        margin-left:0.1rem;
    }
}