@charset "utf-8";

/*-----------------------------------------------
    main
-----------------------------------------------*/
#main.formCoOk{
    padding-top: 90px;
}
@media only screen and (max-width:767px){
    #main.formCoOk{
        padding-top: 50px;
    }
}

/*-----------------------------------------------
    フォーム共通パーツ
-----------------------------------------------*/
/* secForm */
.secForm{
    margin-top: 100px;
    position: relative;
}
#pnkz + .secForm{
    margin-top: 60px;
}
@media only screen and (max-width:767px){
    .secForm{
        margin-top: 38px;
    }
    #pnkz+.secForm {
        margin-top: 27px;
    }
}

/* secFormTit */
.secFormTit{
    text-align: center;
}
.secFormTit .tit{
    font-size: 30px;
    font-weight: bold;
}
.secFormTit .txt{
    font-size: 15px;
    line-height: 2;
    margin-top: 40px;
}
@media only screen and (max-width:767px){
    .secFormTit.ok{
        text-align: left;
    }
    .secFormTit .tit{
        font-size: 20px;
    }
    .secFormTit .txt{
        font-size: 14px;
        line-height: 2.142;
        margin-top: 10px;
    }
    .secFormTit.ok .txt{
        margin-top: 20px;
    }
}

/* secFormStep */
.secFormStep{
    display: flex;
    justify-content: center;
    margin-top: 40px;
    position: relative;
    letter-spacing: 1px;
}
.secFormOkTit + .secFormStep{
    margin-top: 60px;
}
.secFormStep::after{
    content: "";
    width: 180px;
    height: 1px;
    background: #b7b7b7;
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 90px);
}
.secFormStep li{
    margin-right: 36px;
    position: relative;
    z-index: 10;
}
.secFormStep li:last-child{
    margin-right: 0;
}
.secFormStep .eng{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.secFormStep .circle{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 15px auto 0;
    border: 1px solid #b7b7b7;
    background: #fff;
}
.secFormStep li.active .circle{
    background: #009944;
}
.secFormStep .jpn{
    font-size: 13px;
    margin-top: 22px;
    text-align: center;
}
@media only screen and (max-width:767px){
    .secFormStep{
        margin-top: 20px;
    }
    .secFormOkTit + .secFormStep {
        margin-top: 27px;
    }
    .secFormStep::after{
        width: 160px;
        top: 50%;
        left: calc(50% - 80px);
    }
    .secFormStep li{
        margin-right: 35px;
    }
    .secFormStep .eng{
        font-size: 15px;
    }
    .secFormStep .circle{
        width: 20px;
        height: 20px;
    }
    .secFormStep .jpn{
        font-size: 13px;
        margin-top: 15px;
    }
}

/* secFormTable */
.secFormTable{
    margin-top: 50px;
}
.secFormTable.questionnaire{
    margin-top: -35px;
}
.secFormQuestionnaire + .secFormTable{
    margin-top: 0;
}
.secFormTable .txtError{
    width: 100%;
    color: #F00;
    font-size: 12px;
    line-height: 1.5;
    padding: 0 0 0 17px;
    margin-top: 10px;
}
.secFormTable.lazyloaded .txtError{
    background: url(../img/common/iconError.png) left 2px / 14px auto no-repeat;
}
.secFormTable tr{
    border-top: 1px solid #e3e2df;
}
.secFormTable.co tr:last-child{
    border-bottom: 1px solid #e3e2df;
}
.secFormTable.questionnaire tr:first-child{
    border-top: none;
}
.secFormTable:not(.questionnaire) tr:last-child{
    border-bottom: 1px solid #e3e2df;
}
.secFormTable th{
    width: 240px;
    padding: 49px 0;
    vertical-align: top;
}
.secFormTable th.calendar{
    padding-top: 70px;
}
.secFormTable.privacy th{
    padding: 33px 0;
}
.secFormTable .innerTh{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.secFormTable .txtQuestionLine01{
    padding-top: 15px;
}
.secFormTable .txtTh,
.secFormTable.co td{
    font-size: 15px;
    line-height: 1.74;
}
.secFormTable .icoRequired{
    width: 36px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cd2929;
    color: #fff;
    font-weight: bold;
}
.secFormTable td{
    width: 1040px;
    padding: 33.5px 0 33.5px 72px;
    vertical-align: middle;
    position: relative;
    font-size: 15px;
}
#dateTimePicker .tableCalendar td {
    width: auto;
}
.secFormTable input[type="text"],
.secFormTable input[type="tel"],
.secFormTable input[type="email"],
.secFormTable select{
	height: 54px;
	border: 1px solid #bababa;
	font-size: 15px;
	padding-left: 15px;
    background: #FFF;
}
.secFormTable select{
	max-width: 100%;
	padding-right: 15px;
}
_:-ms-lang(x)::-ms-backdrop, .secFormTable select{
	padding-right: 0;
}
.secFormTable textarea{
    height: 150px;
    padding: 15px;
	border: 1px solid #bababa;
    resize: none;
}
.secFormTable input[type="text"].inputRequired,
.secFormTable input[type="tel"].inputRequired,
.secFormTable input[type="email"].inputRequired,
.secFormTable select.inputRequired,
.secFormTable textarea.inputRequired{
    border: 1px solid #cd2929;
	background: #fffef7;
}
.secFormTable .mw200{
    min-width: 200px;
}
.secFormTable .mw360{
    min-width: 360px;
}
.secFormTable .w55{
    width: 55px;
}
.secFormTable .w95{
    width: 95px;
}
.secFormTable .w100{
    width: 100px;
}
.secFormTable .w120{
    width: 120px;
}
.secFormTable .w150{
    width: 150px;
}
.secFormTable .w360{
    width: 360px;
}
.secFormTable .w400{
    width: 400px;
}
.secFormTable .w800{
    width: 800px;
}
.secFormTable .w100p{
    width: 100%;
}
.secFormTable .txtNote01{
    font-size: 12px;
    margin-left: 10px;
}
.secFormTable .txtZip{
    font-size: 15px;
    margin-right: 7px;
}
.secFormTable .btnZip{
    width: 100px;
    height: 40px;
    border-radius: 20px;
    background: #1d1d1d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    margin-left: 13px;
}
.secFormTable .rowAddress{
    margin-top: 10px;
}
.secFormTable .inputAddress{
    margin-left: 9px;
}
.secFormTable .txtNote02{
    font-size: 12px;
    margin-top: 15px;
}
.secFormTable .txtNote03{
    font-size: 12px;
    margin-top: 12px;
}
.secFormTable input[type="radio"],
.secFormTable .txtRadio::before{
    width: 20px;
    height: 20px;
}
.secFormTable input[type="radio"]{
    visibility: hidden;
    position: absolute;
    margin: 0;
}
.secFormTable .labelRadio{
    position: relative;
    font-size: 15px;
    display: inline-block;
}
.secFormTable .itemRadio:nth-child(n+2){
    margin-top: 15px;
}
.secFormTable .txtRadio{
    display: inline-flex;
    line-height: 20px;
}
.secFormTable .txtRadio::before{
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fff;
    margin-right: 10px;
    border: 1px solid #bababa;
}
.secFormTable input[type="radio"]:checked + .txtRadio::after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 5px;
}
.secFormTable input[type="checkbox"],
.secFormTable .txtCheck::before{
    width: 20px;
    height: 20px;
}
.secFormTable input[type="checkbox"]{
    visibility: hidden;
    position: absolute;
    margin: 0;
}
.secFormTable .labelCheck{
    position: relative;
    font-size: 15px;
    display: inline-block;
}
.secFormTable .itemCheck:nth-child(n+2){
    margin-top: 15px;
}
.secFormTable .txtCheck{
    display: inline-flex;
    line-height: 20px;
}
.secFormTable .txtCheckIn{
    display: block;
}
.secFormTable .txtCheck::before{
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #fff;
    margin-right: 10px;
    border: 1px solid #bababa;
}
.secFormTable .txtCheck.checkRequired::before{
    background: #fff;
    border-color: #bababa;
}
.secFormTable input[type="checkbox"]:checked + .txtCheck.lazyloaded::before{
    background: url(../img/common/iconCheckbox.gif) center center / 14px auto no-repeat;
}
.secFormTable .linkPrivacy{
    color: #009944;
    text-decoration: none;
    border-bottom:1px solid #009944;
    padding-bottom:3px;
    
}
.secFormTable .boxInputList{
    padding-top: 2px;
}
.secFormTable .itemInput{
    display: flex;
    align-items: center;
}
.secFormTable .itemInput:nth-child(n+2){
    margin-top: 10px;
}
.secFormTable .boxQuestionRow{
    display: flex;
    align-items: center;
}
.secFormTable .boxQuestionRow + .boxQuestionRow{
    margin-top: 10px;
}
.secFormTable .txtQuestionRow01{
    margin-left: 10px;
    font-size: 15px;
}
.secFormTable .inputListText{
    margin-top: 10px;
}
.secFormTable .inputListTextArea{
    max-width: 360px;
    height: 100px;
}
.secFormTable .txtQuestionRow02{
    font-size: 15px;
    width: 50px;
}
.secFormTable .txtCalendarNote{
    font-size: 16px;
    line-height: 1.8125;
    margin-top: 18px;
}
.secFormTable .fNotePoint{
    color: #cd2929;
}
@media only screen and (max-width:767px){
    .secFormTable{
        margin-top: 35px;
    }
    .secFormTable.questionnaire{
        margin-top: -20px;
    }
    .secFormTable,
    .secFormTable tbody,
    .secFormTable tr,
    .secFormTable th,
    .secFormTable td{
        display: block;
    }
    .secFormTable tr{
        padding: 20px 5.334%;
    }
    .secFormTable th,
    .secFormTable th.calendar,
    .secFormTable.privacy th{
        width: 100%;
        padding: 0;
    }
    .secFormTable .innerTh{
        height: auto;
    }
    .secFormTable .txtQuestionLine01{
        padding-top: 0;
    }
    .secFormTable .txtTh,
    .secFormTable.co td{
        font-size: 14px;
        line-height: 1.43;
    }
    .secFormTable .txtTh{
        font-weight: bold;
    }
    .secFormTable td{
        width: 100%;
        padding: 12px 0 0;
    }
    .secFormTable input[type="text"],
    .secFormTable input[type="tel"],
    .secFormTable input[type="email"],
    .secFormTable select{
        height: 44px;
        font-size: 16px;
        padding-left: 10px;
    }
    .secFormTable select{
        padding-right: 10px;
    }
    .secFormTable textarea{
        height: 120px;
        font-size: 16px;
        padding: 10px;
    }
    .secFormTable .ws100p{
        width: 100%;
        min-width: auto;
    }
    .secFormTable .ws100{
        width: 100px;
        min-width: auto;
    }
    .secFormTable .ws120{
        width: 120px;
        min-width: auto;
    }
    .secFormTable .mws170{
        min-width: 170px;
    }
    .secFormTable .txtNote01{
        display: block;
        margin: 10px 0 0;
    }
    .secFormTable .inputAddress{
        margin: 10px 0 0;
    }
    .secFormTable .txtNote02{
        font-size: 12px;
        line-height: 1.67;
        margin: 6px 0 -3px;
    }
    .secFormTable .txtNote03{
        font-size: 12px;
        line-height: 1.67;
        margin: 1px 0 -3px;
    }
    .secFormTable .boxInputList{
        padding-top: 0;
    }
    .secFormTable .txtCheck::before,
    .secFormTable .txtRadio::before{
        width: 18px;
        height: 18px;
    }
    .secFormTable input[type="radio"]:checked + .txtRadio::after{
        width: 10px;
        height: 10px;
        top: 4px;
        left: 4px;
    }
    .secFormTable .txtCalendarNote{
        font-size: 13px;
        line-height: 1.769;
        margin-top: 2px;
    }
    .secFormTable .labelCheck{
        font-size: 14px;
    }
    .secFormTable .txtCheck.checkRequired::before{
        background: #fffef7;
        border-color: #cd2929;
        margin-top:3px;
    }
    .secFormTable .inputListTextArea{
        max-width: none;
    }
}
@media only screen and (max-width:359px){
    .secFormTable tr{
        padding: 20px 2.67%;
    }
}

/* secFormCalendarLegend */
.secFormCalendarLegend{
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
}
.secFormCalendarLegend li{
    display: flex;
    align-items: center;
    white-space: nowrap;
    letter-spacing: 0.25px;
}
.secFormCalendarLegend li:nth-child(n+2){
    margin-left: 28px;
}
.secFormCalendarLegend img{
    margin-right: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    .secFormCalendarLegend img{
        image-rendering: -webkit-optimize-contrast;
    }
}
@media only screen and (max-width:767px){
    .secFormCalendarLegend{
        font-size: 12px;
    }
    .secFormCalendarLegend li{
        letter-spacing: 0;
    }
    .secFormCalendarLegend li:nth-child(n+2){
        margin-left: 16px;
    }
    .secFormCalendarLegend img{
        width: auto;
        height: 18px;
        margin-right: 5px;
    }
    .secFormCalendarLegend li:nth-child(3) img{
        height: 14px;
    }
}

/* secFormCalendar */
.secFormCalendar{
    width: 967px;
    margin: 20px auto 0;
    font-size: 0;
}
.secFormCalendar input[type="text"]{
    display: block;
    width: 100%;
	height: 0;
    padding: 0;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
}
@media only screen and (max-width:767px){
    .secFormCalendar{
        width: 100%;
        margin-top: 10px;
    }
}

/* secFormQuestionnairePoint */
.secFormQuestionnairePoint{
    margin-top: 37px;
    margin-bottom: 30px;
}
.secFormQuestionnairePoint .txt{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}
.secFormQuestionnairePoint .boxList{
    display: flex;
    justify-content: space-between;
    margin-top: 38px;
}
.secFormQuestionnairePoint .imgList{
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width:767px){
    .secFormQuestionnairePoint{
        margin-top: 19px;
        margin-bottom: 20px;
    }
    .secFormQuestionnairePoint .txt{
        font-size: 16px;
        line-height: 1.53;
        letter-spacing: 0;
    }
    .secFormQuestionnairePoint .boxList{
        display: block;
        width: 95.523%;
        margin: 14px auto 0;
        max-width: 320px;
    }
    .secFormQuestionnairePoint .item:nth-child(n+2){
        margin-top: 14px;
    }
    .secFormQuestionnairePoint .imgList{
        margin: 0 auto;
    }
    .secFormQuestionnairePoint .imgList li{
        width: 34%;
    }
}

/* secFormQuestionnaire */
.secFormQuestionnaire .btnQuestionnaire{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    margin: 30px auto 35px;
    text-align: center;
    text-decoration: none;
    background: #e60012;
    color: #fff;
    font-size: 33px;
    font-weight: bold;
    letter-spacing: 0.5px;
    position: relative;
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.2)
}
.secFormQuestionnaire:not(.co) .btnQuestionnaire::before,
.secFormQuestionnaire:not(.co) .btnQuestionnaire::after{
    content: "";
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
    right: 40px;
    z-index: 10;
}
.secFormQuestionnaire .btnQuestionnaire::after{
    transform: rotate(90deg);
    transform-origin: center center;
}
.secFormQuestionnaire .btnQuestionnaire.on::after{
    display: none;
}
.secFormQuestionnaire .btnQuestionnaire:not(.on) .txtQuestionnaireOn,
.secFormQuestionnaire .btnQuestionnaire.on .txtQuestionnaireOff,
.secFormQuestionnaire input[name="isQuestionnaire"],
.secFormQuestionnaire:not(.co) .boxQuestionnaire{
    display: none;
}
/* secFormInfo  */
.secFormQuestionnaire.secFormInfo .btnQuestionnaire{
    margin: -20px auto 35px;
    background: #171c61;
}
.secFormQuestionnaire.secFormInfo .formInfoBox{
    display: none;
    margin: 0 auto 40px;
}
@media only screen and (max-width:767px){
    .secFormQuestionnaire .btnQuestionnaire{
        font-size: 16px;
        letter-spacing: 0;
        height: 60px;
        width: 89.334%;
        margin: 20px auto;
        letter-spacing: 0.5px;
    }
    .secFormQuestionnaire .btnQuestionnaire::before,
    .secFormQuestionnaire .btnQuestionnaire::after{
        width: 14px;
        top: calc(50% - 1px);
        right: 25px;
    }
    .secFormQuestionnaire:not(.co) .btnQuestionnaire::before,
    .secFormQuestionnaire:not(.co) .btnQuestionnaire::after{
        content: "";
        width: 14px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: calc(50% - 1px);
        right: 25px;
        z-index: 10;
    }
    /* secFormInfo  */
    .secFormQuestionnaire.secFormInfo .btnQuestionnaire{
        margin: 0 auto 20px;
        line-height: 22px;
    }
    .secFormQuestionnaire.secFormInfo .formInfoBox{
        margin: 0 auto 20px;
    }
}
@media only screen and (max-width:359px) {
    .secFormQuestionnaire:not(.co) .btnQuestionnaire::before,
    .secFormQuestionnaire:not(.co) .btnQuestionnaire::after {
        right: 20px;
    }
}

/* secFormMail */
.secFormMail{
    background: #f1f1f1;
    padding: 50px;
    font-weight: 500;
    margin-top: 35px;
}
.secFormMail .tit{
    font-size: 15px;
}
.secFormMail .txt{
    font-size: 13px;
    line-height: 2.16;
    margin-top: 15px;
}
.secFormMail .fPoint{
    color: #cd2929;
}
@media only screen and (max-width:767px){
    .secFormMail{
        padding: 25px 20px;
        margin-top: 20px;
    }
    .secFormMail .tit{
        font-size: 14px;
        line-height: 1.43;
        font-weight: bold;
    }
    .secFormMail .txt{
        line-height: 1.69;
        margin-top: 10px;
    }
}

/* secFormBtn */
.secFormBtn .btn{
    width: 550px;
    height: 100px;
    border-radius: 50px;
    background: #009944;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color:#fff;
    margin: 50px auto 0;
    letter-spacing: 3px;
    text-decoration: none;
    position: relative;
}
.secFormBtn .btn::after{
    content: "";
    width: 25px;
    height: 15px;
    position: absolute;
    right: 50px;
    top: calc(50% - 7.5px);
}
.secFormBtn .btn.lazyloaded::after{
    background: url(../img/common/imgFormBtn.gif) center top / cover no-repeat;
}
@media only screen and (max-width:767px){
    .secFormBtn .btn{
        width: 85.334%;
        height: 60px;
        font-size: 16px;
        margin: 30px auto 0;
        letter-spacing: 1px;
        text-decoration: none;
    }
    .secFormBtn .btn::after{
        width: 18px;
        height: 13px;
        right: 10.667vw;
        top: calc(50% - 6.5px);
    }
    .secFormBtn .btn.lazyloaded::after{
        background-image: url(../img/common/imgFormBtn_sp.gif);
    }
}

/* secFormOkTit */
.secFormOkTit .tit {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    border: 2px solid #000;
    font-weight: bold;
    padding: 16px;
    letter-spacing: 1px;
}
@media only screen and (max-width:767px) {
    .secFormOkTit .tit {
        font-size: 15px;
        padding: 14px 10px;
        letter-spacing: 0;
    }
}

/* secFormOkTxt */
.secFormOkTxt{
    margin-top: 50px;
}
.secFormOkTxt .tit{
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-align: center;
}
.secFormOkTxt .txt{
    font-size: 15px;
    line-height: 2;
    margin-top: 20px;
    text-align: center;
}
.secFormOkTxt .txt:first-child{
    margin-top: 0;
}
@media only screen and (max-width:767px) {
    .secFormOkTxt {
        margin-top: 30px;
    }
    .secFormOkTxt .tit {
        font-size: 15px;
        letter-spacing: 0;
    }
    .secFormOkTxt .txt {
        font-size: 13px;
        line-height: 1.77;
        margin-top: 13px;
        text-align: left;
    }
}
/*-----------------------------------------------
    co
-----------------------------------------------*/
.secFormTable.co th.calendar{
    padding:49px 0;
}
@media only screen and (max-width:767px) {
    .secFormTable.co th.calendar{
        padding:0;
    }
}
.formInfoBox{
    margin: 50px auto 0;
    background-color: rgba(175, 181, 181, 0.15);
}
.formInfoBox .inner{
    position: relative;
    text-align: center;
    padding: 50px 0 40px 0;
}
.formInfoBox .inner .infoTit{
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #ebd306;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    color: #e60012;
    font-size: 20px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 600px;
    height: 40px;
}
.formInfoBox .inner .minTit{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 26px;
}
.formInfoBox .inner .infoContentsImg{
    width: 700px;
    margin: 0 auto;
}
.formInfoBox .inner .infoContents{
    width: 700px;
    margin: 10px auto 0;
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.formInfoBox .inner .infoContents .list .txt{
    font-size: 13px;
    line-height: 24px;
}
.formInfoBox .inner .txtRed{
    font-size: 13px;
    color: #e60012;
    margin-top: 52px;
    padding: 8px 81.5px;
    border: 1px solid #e60012;
    display: inline-block;
}
@media only screen and (max-width:767px){
    .formInfoBox{
        margin: 40px auto 0;
    }
    .formInfoBox .inner{
        padding: 38px 5px 25px;
    }
    .formInfoBox .inner .infoTit{
        font-size: 18px;
        line-height: 1.3;
        width: 100%;
        height: 40px;
    }
    .formInfoBox .inner .minTit{
        font-size: 14px;
        text-align: left;
        margin-bottom: 20px;
    }
    .formInfoBox .inner .infoContentsImg{
        width: 100%;
    }
    .formInfoBox .inner .infoContents{
        width: 100%;
        margin-top: 5px;
        flex-direction: column;
    }
    .formInfoBox .inner .infoContents .list .txt{
        font-size: 11px;
        line-height: 22px;
    }
    .formInfoBox .inner .txtRed{
        font-size: 11px;
        text-align: left;
        line-height: 1.3;
        margin-top: 10px;
        padding: 4px 5px;
    }
}
@media only screen and (max-width:360px){
    .formInfoBox .inner .infoTit{
        font-size: 14px;
    }
}
/* 221205 */
.secFormTable .purposebox{
    margin-left: 20px;
    width: 600px;
}
@media only screen and (max-width:767px){
    .secFormTable .itemInput.exception{
        flex-wrap: wrap;
    }
    .secFormTable .purposebox{
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
}


/* 2025506 */
/* secQuestionnaireTop */
.secQuestionnaireTop{
    margin-top: 75px;
}
.secQuestionnaireTop .boxQuestionnaireTop{
    width: 100%;
    border: 5px solid #33373d;
    border-radius: 5px;
    box-shadow: 0px 0px 5.76px 0.24px rgba(0, 0, 0, 0.15);
    position: relative;
}
.secQuestionnaireTop .txtTit{
    width: 100%;
    padding: 17px 0 22px;
    background: #33373d;
    font-size: 26px;
    text-align: center;
    color: #ebd306;
}
.secQuestionnaireTop .boxConditions{
    padding: 39px 0 66px;
}
.secQuestionnaireTop .boxImg{
    text-align: center;
}
.secQuestionnaireTop .txtUnder{
    width: 280px;
    padding: 19px 0;
    background: #33373d;
    border-radius: 30px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.secQuestionnaireTop .imgUnder{
    position: absolute;
    bottom: -119px;
    left: 50%;
    transform: translateX(-50%);
}
.formCoOk .secFormQuestionnairePoint{
    margin-top: 149px;
}
@media only screen and (max-width:767px){
    .secQuestionnaireTop{
        margin-top: 24px;
    }
    .secQuestionnaireTop .boxQuestionnaireTop{
        border: 3px solid #33373d;
    }
    .secQuestionnaireTop .txtTit{
        padding: 8px 0 13px;
        font-size: 18px;
        line-height: 1.56;
    }
    .secQuestionnaireTop .boxConditions{
        padding: 25px 0 42px;
    }
    .secQuestionnaireTop .boxConditions .boxImg{
        width: 299px;
        max-width: 90%;
        margin: 0 auto;
    }
    .secQuestionnaireTop .txtUnder{
        width: 180px;
        padding: 12.5px 0;
        border-radius: 20px;
        font-size: 15px;
        bottom: -24px;
    }
    .secQuestionnaireTop .imgUnder{
        width: 26px;
        bottom: -85px;
    }
    .formCoOk .secFormQuestionnairePoint{
        margin-top: 100px;
    }
}

.secFormTit .txt span{
    color: #cd2929;
    background: linear-gradient(transparent 70%, #ebd306 70%, #ebd306 95%, transparent 95%);
}
@media only screen and (max-width:359px){
    .secFormTit .txt {
        font-size: 12px;
    }
}