@media screen and (max-width: 640px){
    .l-content-wrapper{
        padding:0 15px;
    }
    .l-question .l-question_list{
        justify-content: center;
    }
    .l-question .l-question_list .l-question_list-item{
        width: auto !important;
        margin:0 5px;
    }
    .l-question .l-question_list .l-question_list-item img{
        height:40px;
        width: auto;
    }
}
@media screen and (max-width: 480px) {
    .l-header .l-content-wrapper{
        padding:0 10px;
    }
    .l-header .l-header_inner{
        justify-content: space-between;
    }
    .l-header .l-header_inner .l-header_inner-logo{
        width:75%;
    }
    .p-form .p-form-step table{
        padding:0 10px;
    }
    .p-form .p-form-step table tbody tr .p-form_table-td-input {
        width: 80%;
    }
    .p-form .p-form-step table tbody tr .p-form_table-td-input input{
        font-size:2rem;
        height: 60px;
    }
    .p-form .p-form-step table tbody tr .p-form_table-td-unit{
        width:20%;
        font-size:2rem;
        padding-left:0;
        text-align: center;
        font-weight: bold;
    }

    .p-form .p-form-step .p-form-txt{
        font-size:1.4rem;
    }
    .p-form .p-form-step .p-form-txt a img{
        height:20px;
        width:20px;
    }
    .p-form .p-form-submit{
        bottom: -30px;
    }

    .p-output .p-output-num{
        width: 80%;
        font-size:2.4rem;
        height: 60px;
        line-height: 60px;
    }
    .p-output .p-output-unit{
        width:20%;
        font-size:2rem;
        padding-left:0;
        text-align: center;
        font-weight: bold;
    }

    .l-fiveseconds_inner-output-txt{
        font-size: 1.4em;
    }

    .l-assessment .l-assessment_links .l-assessment_links-txt{
        letter-spacing: 0.2em;
    }

    .l-assessment .l-assessment_links .l-assessment_links_list{
        justify-content: center;
    }
    .l-assessment .l-assessment_links .l-assessment_links_list .l-assessment_links_list-item{
        margin:0 5px;
    }
    .l-assessment .l-assessment_links .l-assessment_links_list .l-assessment_links_list-item img{
        width:80px;
        height:80px;
    }

    .l-footer .l-footer_inner .l-footer_inner_left p{
        letter-spacing: 0;
    }


    .c-modal .c-modal_inner .c-modal_inner-heading{
        height: 35px;
        font-size: 1.8rem;
    }
    .c-modal .c-modal_inner .c-modal_inner-title{
        font-size: 1.6rem;
        margin-top: 15px;
    }
    .c-modal .c-modal_inner .c-modal_inner-txt{
        font-size: 1.4rem;
        padding: 0 5px;
        margin-top: 10px;
        line-height: 1.5;
    }
    .c-modal .c-modal_inner{
        max-height: 90vh;
    }
    .c-modal .c-modalClose{
        width: 40px;
        right: 7px;
    }
}



.satei-wrapper{
    position: relative;
    background-color: #ffffff;
    width:100%;
    padding:10px 0 0;
    border-top:solid 1px #efefef;
}
.satei-wrapper * {
    font-family: 'mplus-regular';
}
.satei-wrapper .satei-inner{
    position:relative;
    width:100%;
    max-width:640px;
    margin:0 auto;
}

.satei-wrapper .satei-inner .form-heading{
    padding: 15px 10px;
    position: relative;
    width: 100%;
    background-color: #6c8fd3;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom:20px;
}
.satei-wrapper .satei-inner .form-row{
    position:relative;
    width:100%;
    margin:0 auto;
}
.satei-wrapper .satei-inner .form-row .form-group{
    width:100%;
    padding:0;

}
.satei-wrapper .satei-inner .form-row .title-label{
    padding: 10px 10px;
    position: relative;
    width: 100%;
    background-color: #eeeeee;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom:20px;
}
.satei-wrapper .satei-inner .form-row .wpcf7-form-control-wrap{
    position: relative;
    width:100%;
    display: block;
}

.satei-wrapper .satei-inner .form-row .wpcf7-form-control-wrap input{
    border:solid 1px #cccccc;
    font-size:1.6rem;
}
.satei-wrapper .satei-inner .form-row .wpcf7-form-control-wrap input:read-only{
    background-color:#efefef;
}

.form-flex{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 10px;
    margin-bottom:20px;
}
.form-flex.wrap{
    flex-wrap: wrap;
}
.form-flex span.tani{
    margin-left:10px;
    font-size:1.4rem;
    font-weight:bold;
}

.form-flex + .form-flex{
    margin-top:20px;
}

.form-flex-title{
    position: relative;
    width:100%;
    font-size:1.4rem;
    margin-bottom:10px;
}

.form-flex .select-list{
    margin-bottom:0;
}
.form-flex .select-list::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border: 3px solid;
    border-color: transparent transparent #999999 #999999;
    transform: rotate(-45deg) translateY(-100%);
    right: 10px;
    top: 50%;
    position: absolute;
}

.form-flex .select-list .wpcf7-select{
    border: solid 1px #cccccc;
    font-size: 1.6rem;
    padding: 14px 20px;
    width: 100%;
    border-radius: 5px;
}

.wpcf7-form-control-wrap{
    display: block;
}
.wpcf7-form-control.wpcf7-radio{
    display: flex;
}

span.wpcf7-list-item{
position: relative;
flex-basis: 50%;
width: 100%;
}
span.wpcf7-list-item.first{
 margin: 0!important
 }

.wpcf7-list-item-label{
color: #333;
cursor: pointer;
font-size: 13px;
}

input[type="radio"]{
    position: absolute;
    opacity: 0;
}

.wpcf7-list-item-label:before{
content: '';
background: #fff;
border-radius: 100%;
border: 1px solid #888888;
display: inline-block;
width: 1.4em;
height: 1.4em;
position: relative;
top: -0.2em;
margin-right: 14px;
vertical-align: middle;
cursor: pointer;
text-align: center;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}

input[type="radio"]:checked + .wpcf7-list-item-label:before {
    background-color: #0065d3;
    box-shadow: inset 0 0 0 2px #fff;
}
input[type="radio"] + input[type="hidden"] + .wpcf7-list-item-label:before {
    background-color: #0065d3;
    box-shadow: inset 0 0 0 2px #fff;
}

.full{
    position: relative;
    width:100%;
}

.form-input:last-of-type{
    margin-bottom:50px;
}

.wpcf7-response-output{
    position: relative;
    padding: 10px ;
    font-size:1.2rem;
    line-height:1.8em;
}

.btn-check,
.btn-submit{
    background-color: #0065d3;
    border-radius: 30px;
    color:#ffffff;
    margin:15px 0;
}
.btn-check:focus,
.btn-submit:focus{
    border: 1px solid #002fd3;
}
.btn-back{
    background-color: #cccccc;
    border-radius: 30px;
    color:#333333;
    margin:15px 0;
}
.btn-back:focus{
    border: 1px solid #999999;
}

.wpcf7c-conf{
    background-color: #efefef;
}

.satei-complete-message{
    position: relative;
    width:90%;
    border:solid 2px #0065d3;
    padding:30px 15px;
    margin:50px auto;
    text-align: center;
}
.satei-complete-message h3{
    color:#333333;
    font-weight: bold;
    font-size:1.8rem;
    line-height: 1.6em;
    margin-bottom:20px;
}
.satei-complete-message p{
    font-size:1.4rem;
    line-height: 1.6em;
    margin-bottom:10px;
    color:#333333;
    font-weight: normal;
}

.btn-gotop{
    background-color: #0065d3;
    border-radius: 30px;
    color:#ffffff;
    margin:30px 0 15px;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    padding: 14px 20px;
    font-size: 14px;
    display: block;
    width: 100%;
}
.wpcf7-not-valid-tip{
    margin-top:10px;
}

.l-fiveseconds .l-fiveseconds_inner .l-fiveseconds_inner-img {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9999;
    top: auto;
    width: 240px;
    transform: none;
}


@media screen and (max-width: 960px) {
    .p-btn-honsatei {
        position: fixed;
        display: block;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70px;
        background-color: #FF4500;
        color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        line-height:30px;
        text-align: center;
        z-index: 999;
        font-family: 'mplus-bold';
        padding:10px;
    }
    .p-btn-honsatei span{
        font-size: 14px;
        line-height:20px;
        font-family: 'mplus-bold';
        display: block;
    }
    .l-footer{
        padding-bottom: 70px;
    }
}
@media screen and (min-width: 961px) {
    .p-btn-honsatei {
    display:none !important;}
}


.p-form .p-form-step table tbody tr .p-form_table-td-input ::placeholder{
    color: #ededed !important;
}
/* IE */
.p-form .p-form-step table tbody tr .p-form_table-td-input :-ms-input-placeholder {
    color:#ededed !important;
}
/* Edge */
.p-form .p-form-step table tbody tr .p-form_table-td-input ::-ms-input-placeholder {
    color:#ededed !important;
}