@charset 'UTF-8';

/* **********************************************************************
 *
 *       Title:   lyna-contact.css
 *
 ********************************************************************** */

section.questionnaire.form__section{
    border-top: none;
    padding-top: 3px;
    align-items: center;
}

.questionnaire .form__title{
    font-weight: bold;
    width: 40%;
}

.questionnaire .form__content{
    width: 60%;
}

.questionnaire .questionnaire__list{
    display: flex;
    flex-wrap: wrap;
}

.questionnaire .questionnaire__list__item {
    width: 50%;
}

.questionnaire .questionnaire__list__item:nth-of-type(n+3) {
    margin-top: 2rem;
}

section.confirm.form__section{
    text-align: center;
}

.confirm .form__content{
    width: 100%;
}

.confirm .confirm__check__label{
    justify-content: center;
}

.confirm .confirm_block{
    font-size: 1.7rem;
    border: 1px solid #dbdada;
    margin: 0 0 30px;
    padding: 32px 34px;
    text-align: left;
}

.confirm .confirm_block .block01{
    display: flex;
    margin: 0 0 18px;
}

.confirm .confirm_block .block01 .tit{
    font-weight: bold;
    width: 32%;
}

.confirm .confirm_block .block01 .txt{
    width: 68%;
}

.confirm .confirm_block .caution{
    margin-left: 1em;
    text-indent: -1em;
}

.confirm .confirm_block .block02{
    text-align: center;
}

.confirm_block02{
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0 0 55px;
}

.confirm .confirm_block .block02 a,
.confirm .confirm_block02 a{
    text-decoration: underline;
}

.confirm .confirm_block .block02 a:hover,
.confirm .confirm_block02 a:hover{
    text-decoration: none;
}

.form_lead{
    font-size: 1.7rem;
    line-height: 1.88;
    margin: 0 0 35px;
    text-align: center;
}


@media (max-width: 749px){

    .questionnaire .form__title{
        width: 100%
    }
    .questionnaire .form__title br{
        display: none
    }
    .questionnaire .form__content{
        width: 100%
    }
    .questionnaire .questionnaire__list__item {
        width: calc(50% - 1rem);
    }
    .questionnaire .questionnaire__list__item:nth-of-type(odd) {
        margin-right: 0.5rem;
    }
    .questionnaire .questionnaire__list__item:nth-of-type(n+3) {
        margin-top: 2rem;
    }
    .confirm .confirm_block .block01{
        display: block
    }
    .confirm .confirm_block .block01 .tit{
        width: 100%;
        margin: 0 0 10px
    }
    .confirm .confirm_block .block01 .txt{
        width: 100%
    }
    .form_lead{
        margin: 0 0 30px;
        text-align: left
    }
    .form_lead br{
        display: none
    }

}