@charset "utf-8";

/* placeholderの色指定 */
::placeholder{
    color: rgba(34, 34, 34, 0.4);
}

.secCmnForm .hidden,.secCmnForm .wpcf7-not-valid-tip{
    display: none !important;
}

/* secCmnForm */
.secCmnForm{
    margin-top: 8rem;
}
.secCmnForm .formIcon{
    text-align: center;
}
.secCmnForm .titEng{
    text-align: center;
    margin-top: 2rem;
}
.secCmnForm .formMainTit{
    font-size: var(--pcFontSize14);
    text-align: center;
    font-weight: 700;
    margin-top: 2rem;
}
.secCmnForm .formWrapper{
    background: var(--bgColor01);
    padding: 4rem 4rem 8rem;
}
.secCmnForm .formMainTit + .formWrapper{
    margin-top: 4rem;
}
.secCmnForm .txtPresent{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_22);
    text-align: center;
    padding: 1.55rem 0;
    color: var(--whiteColor);
    background: var(--categoryColor01);
    margin-top: 4rem;
    font-weight: 700;
    border-radius: 0.5rem 0.5rem 0 0;
}
.secCmnForm .spanYellow{
    color: var(--yellowColor);
}
@media only screen and (max-width:1215px){
    .secCmnForm{
        margin-top: 6rem;
    }
    .secCmnForm .formIcon{
        width: 2.8rem;
        margin: 0 auto;
    }
    .secCmnForm .titEng{
        margin-top: 1.6rem;
    }
    .secCmnForm .titEng img{
        width: auto;
        height: 1.9rem;
    }
    .secCmnForm .formMainTit{
        font-size: var(--spFontSize14);
        margin-top: 1.8rem;
    }
    .secCmnForm .formWrapper{
        padding: 3rem 2rem 6rem;
    }
    .secCmnForm .formMainTit + .formWrapper{
        margin-top: 2.8rem;
    }
    .secCmnForm .txtPresent{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding: 1.25rem 0;
        margin-top: 2.8rem;
    }
}
/* secFormStep */
.secFormStep{
    display: flex;
    justify-content: center;
    position: relative;
}
.secFormStep::before{
    position: absolute;
    content: "";
    width: 18rem;
    height: 0.1rem;
    background: var(--borderColor);
    top: 1rem;
    left: calc(50% - 9rem);
}
.secFormStep .formStepItem{
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_100);
    padding-top: 4rem;
    position: relative;
}
.secFormStep .formStepItem::after{
    position: absolute;
    content: "";
    width: 2rem;
    height: 2rem;
    background: var(--whiteColor);
    top: 0;
    left: calc(50% - 1rem);
    border-radius: 50%;
    border: 0.1rem solid var(--borderColor);
    z-index: 10;
}
.secFormStep .formStepItem.active::after{
    background: var(--borderColor);
}
.secFormStep .formStepItem:nth-child(n+2){
    margin-left: 6rem;
}
@media only screen and (max-width:1215px){
    .secFormStep::before{
        top: 1rem;
        left: calc(50% - 6.5rem);
        width: 13rem;
    }
    .secFormStep .formStepItem{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_100);
        padding-top: 3.5rem;
    }
    .secFormStep .formStepItem:nth-child(n+2){
        margin-left: 3.3rem;
    }
}

/*==============================
    secFormTable
==============================*/
.secFormTable{
    width: 100%;
    margin: 4rem auto 0;
    font-size: 0;
}
.secFormTable tr{
    background: linear-gradient(to right, var(--blackColor) 0.1rem, transparent 0.1rem, transparent 0.4rem) left bottom / 0.4rem 0.1rem repeat-x;
    display: block;
    padding: 3rem 0;
}
.secFormTable tr:first-child{
    padding-top: 0;
}
.secFormTable th,
.secFormTable td{
    width: 100%;
    display: block;
}
.secFormTable th{
	position: relative;
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
    padding-left: 5rem;
    font-weight: 700;
}
.secFormTable td{
    padding-top: 1.8rem;
}
.secCmnForm .txtMust{
	position: absolute;
	width: 3.9rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_18);
	left: 0;
    top: -0.2rem;
	color: #fff;
    background: var(--redColor);
    border-radius: 0.3rem;
}
.secCmnForm .no_must{
    background: var(--bgNoMust);
}

.secFormTable input[type="text"], 
.secFormTable input[type="tel"], 
.secFormTable input[type="email"], 
.secFormTable input[type="number"], 
.secFormTable input[type="password"], 
.secFormTable select,
.secFormTable textarea{
    height: 6rem;
    font-size: var(--pcFontSize16);
    padding: 0 1.8rem;
    background: var(--whiteColor);
    position: relative;
    font-family: inherit;
    color: var(--textColor);
    border: none;
    border-radius: 0.3rem;
}
.secFormTable input[name='f_item_loginpass'],.secFormTable input[name='f_item_loginpass_co'],.secFormTable input[name='f_item_password']{
    padding-right: 5rem;
}
.secFormTable textarea{
    width: 100%;
    height: 22rem;
    padding: 1rem 1.8rem;
    line-height: var(--pcLineHeight16_30);
    display: block;
}
.secFormTable input::placeholder,
.secFormTable textarea::placeholder{
    color: rgba(0, 0, 0, 0.5);
}

/* calendar */
.secFormTable .calendar{
    padding-bottom: 2.4rem;
}
.secFormTable .timeWrapper{
    margin-top: 1rem;
    display: flex;
    align-items: center;
}
.secFormTable .timeTxt{
    width: 5rem;
    font-size: var(--pcFontSize16);
}
.secFormTable .txtSub{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_22);
    margin-top: 1.5rem;
}
.secFormTable .spanRed{
    color: var(--redColor);
}

/* zip */
.secFormTable .boxZip.flex{
    display: flex;
    align-items: center;
}
.secFormTable .boxZip{
    margin-top: 1rem;
    font-size: var(--pcFontSize16);
}
.secFormTable .boxZip.top{
    margin-top: 0;
}
.secFormTable .zipbtn{
    width: 11.6rem;
    height: 4.4rem;
    background: var(--textColor);
    border-radius: 0.3rem;
    font-size: var(--pcFontSize14);
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--whiteColor);
    margin-left: 1rem;
    font-weight: 700;
}
.secFormTable .boxZip .selectbox + .citybox{
    margin-top: 1rem;
}
.secCmnForm .txtNote{
	font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_22);
	margin-top: 2.5rem;
}
/* boxPrivacy */
.secCmnForm .boxPrivacy{
    text-align: center;
    margin-top: 3.5rem;
}
.secCmnForm .wpcf7-list-item{
    display: block;
}
.secCmnForm .boxPrivacy .wpcf7-list-item-label {
    padding: 0.1rem 0 0px 4.5rem;
    position: relative;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
}
.secCmnForm .boxPrivacy input[type="checkbox"]{
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 3px 0 0;
    visibility: hidden;
    position: absolute;
}
.secCmnForm .boxPrivacy input[type="checkbox"] + .wpcf7-list-item-label::before{
    content: '';
    height: 3.2rem;
    width: 3.2rem;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    position: absolute;
    top: -0.1rem;
    left: 0;
    border-radius: 50%;
}
.secCmnForm .boxPrivacy input[type="checkbox"]:checked + .wpcf7-list-item-label::after{
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.9rem;
    background: var(--textColor);
    position: absolute;
    top: 0.6rem;
    left: 0.7rem;
}
.secCmnForm .boxPrivacy a{
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}
.secFormTable .w100{width: 100%;}
.secFormTable .w470{width: 47rem;}
.secFormTable .w200{width: 20rem;}
.secFormTable .ml8{margin-left: 0.8rem;}
.secFormTable .h150{height: 15rem;}
@media only screen and (max-width:1215px){
    .secFormTable{
        margin: 3rem auto 0;
    }
    .secFormTable,
	.secFormTable tbody,
	.secFormTable tr,
	.secFormTable th,
	.secFormTable td {
		display: block;
	}
    .secFormTable tr{
        padding: 2.4rem 0 2.5rem;
    }
    .secFormTable th{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        padding-left: 3.9rem;
    }
    .secFormTable td{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        padding-top: 1.5rem;
    }
    .secCmnForm .txtMust{
        width: 3.5rem;
        height: 2.2rem;
        font-size: var(--spFontSize11);
        top: 0.15rem;
    }
    .secFormTable input[type="text"], 
    .secFormTable input[type="tel"], 
    .secFormTable input[type="email"], 
    .secFormTable input[type="number"], 
    .secFormTable input[type="password"], 
    .secFormTable select,
    .secFormTable textarea {
        height: 4.5rem;
        padding: 0 1.5rem;
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
    }
    .secFormTable textarea{
        height: 16.5rem;
        padding: 1rem 1.5rem;
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
    }
    .secFormTable input::placeholder{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_20);
    }
    /* calendar */
    .secFormTable .calendar{
        padding-bottom: 2.2rem;
    }
    .secFormTable .timeTxt{
        width: 4rem;
        font-size: var(--spFontSize14);
        flex-shrink: 0;
    }
    .secFormTable .txtSub{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_18);
        margin-top: 1.1rem;
    }

    /* zip */
    .secFormTable .boxZip{
        font-size: var(--spFontSize14);
    }
    .secFormTable .zipbtn{
        width: 8.9rem;
        height: 3.5rem;
        font-size: var(--spFontSize12);
        margin-left: 0.5rem;
    }
    .secCmnForm .txtNote{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_20);
        margin-top: 2rem;
    }
    /* boxPrivacy */
    .secCmnForm .boxPrivacy{
        text-align: center;
        margin-top: 3.5rem;
    }
    .secCmnForm .boxPrivacy .wpcf7-list-item-label {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
    }

    .secFormTable .w100{width: 100%;}
    .secFormTable .w470{
        width: calc(100vw - 8rem);
        max-width: 100%;
    }
    .secFormTable .w200{width: 12.5rem;}
    .secFormTable .ws100{width: 100%;}
    .secFormTable .ml8{margin-left: 0.8rem;}
    .secFormTable .h150{height: 16.5rem;}
}

/* secCmnForm */
.secCmnForm .btnForm{
    margin: 4rem auto 0;
    width: 44rem;
}
.secCmnForm .btn{
    text-align: center;
    width: 100%;
    height: 9rem;
    border-radius: 4.5rem;
    background: var(--redColor);
    color: var(--whiteColor);
    font-size: var(--pcFontSize20);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: inset 0px -4px 0px 0px rgba(1, 1, 1, 0.08);
}
.secCmnForm .btn::after{
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    top: 50%;
    right: 3rem;
    top: calc(50% - 1.5rem);
    border: 0.1rem solid var(--whiteColor);
    border-radius: 50%;
}
.secCmnForm .btn.lazyloaded::after{
    background: url(../img/common/iconArrow_white02.png) center center  / 1rem auto no-repeat var(--redColor);
}
.secCmnForm .btn input,.secCmnForm .btn .wpcf7-spinner{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    font-size: 0;
    background: inherit;
    border: none;
}
@media only screen and (max-width:1215px){
    .secCmnForm .btnForm{
        margin: 4rem auto 0;
        width: 100%;
    }
    .secCmnForm .btn{
        text-align: center;
        width: 100%;
        height: 8rem;
        border-radius: 4rem;
        font-size: var(--spFontSize18);
    }
    .secCmnForm .btn::after{
        width: 3rem;
        height: 3rem;
        right: 2.5rem;
        top: calc(50% - 1.5rem);
    }
}

/* secCmnFormBtn back */
.secCmnForm .btnBack{
    width: 29rem;
    height: 6rem;
    border-radius: 3rem;
    font-size: var(--pcFontSize14);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--textColor);
    border: 0.1rem solid var(--borderColor);
    margin: 8rem auto 0;
}
.secCmnForm .btnBack.lazyloaded{
    background: url(../img/common/iconCmnBackArrow.png) left 3rem center / 1.4rem auto no-repeat var(--whiteColor);
}
@media only screen and (max-width:1215px){
    .secCmnForm .btnBack{
        font-size: var(--spFontSize14);
        margin-top: 6rem;
    }
}
/* secFormTxtBox */
.secFormTxtBox{
    margin-top: 30px;
    background: #f8f8f8;
    padding: 32.5px 40px;
}
.secFormTxtBox .txt{
    font-size: 13px;
    line-height: 2.07;
    color: #333;
}
@media only screen and (max-width:1215px){
    .secFormTxtBox{
        margin: 25px auto 0;
        width: 92%;
        padding: 24px 20px;
    }
    .secFormTxtBox .txt{
        font-size: 11px;
        line-height: 2;
    }
}

.secCmnForm .boxConditions{
    margin-top: 4.6rem;
    border-radius: 0.5rem;
    overflow: hidden;
}
.secCmnForm .btnConditions{
    font-size: var(--pcFontSize16);
    padding: 2rem 1.8rem;
    background: var(--textColor);
    color: var(--whiteColor);
    cursor: pointer;
    font-weight: 700;
    position: relative;
}
.secCmnForm .btnConditions::after{
    position: absolute;
    content: "";
    width: 0.8rem;
    height: 0.6rem;
    background: var(--whiteColor);
    top: calc(50% - 0.3rem);
    right: 1.8rem;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}
.secCmnForm .btnConditions.on::after{
    transform: rotate(180deg);
}
.secCmnForm .innerConditions{
    padding: 3rem 4.3rem 2.5rem;
    background: var(--whiteColor);
    display: none;
}
.secCmnForm .titConditions{
    font-size: var(--pcFontSize14);
    color: var(--redColor);
    font-weight: 700;
}
.secCmnForm .txtConditions{
    font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_22);
    color: var(--textColor);
    margin-top: 0.5rem;
}
.secCmnForm .txtConditions + .txtConditions{
    margin-top: 2.3rem;
}
@media only screen and (max-width:1215px){
    .secCmnForm .boxConditions{
        margin-top: 4rem;
    }
    .secCmnForm .btnConditions{
        font-size: var(--spFontSize12);
        padding: 1.7rem 1.5rem;
    }
    .secCmnForm .btnConditions::after{
        width: 0.7rem;
        height: 0.5rem;
        top: calc(50% - 0.25rem);
        right: 1.5rem;
    }
    .secCmnForm .innerConditions{
        padding: 1.8rem 2.4rem;
    }
    .secCmnForm .titConditions{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_18);
    }
    .secCmnForm .txtConditions{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_18);
        margin-top: 0;
    }
    .secCmnForm .txtConditions + .txtConditions {
        margin-top: 1.5rem;
    }
}

/* secWelcome */
.secWelcome{
    margin-top: 8rem;
    text-align: center;
}
.secWelcome .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_34);
    text-align: center;
    margin-top: 2.2rem;
}
.secWelcome .spanLine{
    background: linear-gradient(transparent 70%, var(--markerColor) 70% ,var(--markerColor) 90%,transparent 90%);
}
.secWelcome .spanRed{
    color: var(--redColor);
    font-weight: 700;
}
.secWelcome .btn{
    text-align: center;
    box-shadow: inset 0px -4px 0px 0px rgba(1, 1, 1, 0.08);
    width: 44rem;
    height: 9rem;
    border-radius: 4.5rem;
    background: var(--redColor);
    color: var(--whiteColor);
    font-size: var(--pcFontSize20);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 2.2rem auto 0;
}
.secWelcome .btn::after{
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    top: 50%;
    right: 3rem;
    top: calc(50% - 1.5rem);
    border: 0.1rem solid var(--whiteColor);
    border-radius: 50%;
}
.secWelcome .btn.lazyloaded::after{
    background: url(../img/common/iconArrow_white02.png) center center  / 1rem auto no-repeat;
}
.secWelcome .iconSpan{
    position: relative;
    padding-left: 2.4rem;
}
.secWelcome .iconSpan::after{
    position: absolute;
    content: "";
    width: 2.5rem;
    height: 2.6rem;
    top: calc(50% - 1.25rem);
    left: -2rem;
}
.secWelcome .iconSpan.lazyloaded::after{
    background: url(../img/common/iconFormWelcome.png) center center  / cover;
}
@media only screen and (max-width:1215px){
    .secWelcome{
        margin-top: 5rem;
    }
    .secWelcome .tit img{
        height: 1.9rem;
        width: auto;
    }
    .secWelcome .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        margin-top: 2.2rem;
    }
    .secWelcome .btn{
        width: 35rem;
        height: 8rem;
        border-radius: 4rem;
        font-size: var(--spFontSize18);
        margin: 2.6rem auto 0;
    }
    .secWelcome .btn::after{
        right: 2rem;
    }
    .secWelcome .iconSpan{
        position: relative;
        padding-left: 2.4rem;
    }
    .secWelcome .iconSpan::after{
        width: 2.2rem;
        height: 2.3rem;
        top: calc(50% - 1.15rem);
        left: -1rem;
    }
}


/* co */
.secCmnForm.co{
    margin-top: 5.6rem;
}
.secCmnForm.co .formIcon{
    width: 2.8rem;
    margin: 0 auto;
}
.secCmnForm.co .formMainTit{
    font-size: var(--pcFontSize24);
}
.secCmnForm.co th{
    padding-left: 0;
}
.secCmnForm.co td{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
}
.secCmnForm.co .tdTextarea{
    white-space: pre-line;
}
.secCmnForm.co .btnForm{
    margin-top: 5rem;
}
@media only screen and (max-width:1215px){
    .secCmnForm.co{
        margin-top: 3.6rem;
    }
    .secCmnForm.co .formIcon{
        width: 2.8rem;
        margin: 0 auto;
    }
    .secCmnForm.co .formMainTit{
        font-size: var(--spFontSize18);
        margin-top: 1.5rem;
    }
    .secCmnForm.co .btnForm{
        margin-top: 4rem;
    }
}

.btnSendCo.no_tap,
.btnSendCoBack.no_tap{
    opacity: 0.3!important;
    pointer-events: none!important;
    transition: none!important;
}
.btnSendCo.no_tap{
    background: url(../img/common/iconLoader.png) center center / 32px auto no-repeat,var(--whiteColor)!important;
    font-size: 0!important;
}

/* ok */
.secCmnForm.ok{
    margin-top: 5.6rem;
}
.secCmnForm.ok .formIcon{
    width: 2.8rem;
    margin: 0 auto;
}
.secCmnForm.ok .formMainTit{
    font-size: var(--pcFontSize24);
}
.secCmnForm.ok .formWrapper{
    padding: 4rem 4rem 7.2rem;
}
.secCmnForm.ok .okTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    text-align: center;
    margin-top: 3rem;
}
@media only screen and (max-width:1215px){
    .secCmnForm.ok{
        margin-top: 3.6rem;
    }
    .secCmnForm.ok .formIcon{
        width: 2.8rem;
        margin: 0 auto;
    }
    .secCmnForm.ok .formMainTit{
        font-size: var(--spFontSize18);
        margin-top: 1.5rem;
    }
    .secCmnForm.ok .okTxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        text-align: center;
        margin-top: 2.5rem;
        text-align: left;
    }
    .secCmnForm.ok .formWrapper{
        padding: 3rem 2rem 4.2rem;
    }
}
/* mypage */
.secCmnForm .txtMypage{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
}
.secCmnForm.co .txtMypage,.secCmnForm.ok .txtMypage{
    text-align: center;
    margin-top: 1.5rem;
}
.secCmnForm.leaveForm.ok{
    padding: 4rem 4rem;
}
@media only screen and (max-width:1215px){
    .secCmnForm .txtMypage,.secCmnForm.ok .txtMypage{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secCmnForm.leaveForm.ok{
        padding: 3rem 2rem;
    }
}

/* secQuestionnaire */
.secQuestionnaire{
    padding: 8rem 0;
}
.secQuestionnaire.lazyloaded{
    background: url(../img/common/bgQuestionnaire.jpg) left top / cover;
}
.secQuestionnaire .tit{
    font-size: var(--pcFontSize20);
    color: var(--yellowColor);
    text-align: center;
    font-weight: 700;
}
.secQuestionnaire .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    text-align: center;
    margin-top: 2.2rem;
    color: var(--whiteColor);
}
.secQuestionnaire .spanLine{
    font-weight: 700;
    border-bottom: 0.1rem solid var(--whiteColor);
}
.secQuestionnaire .btn{
    text-align: center;
    box-shadow: inset 0px -4px 0px 0px rgba(1, 1, 1, 0.08);
    width: 44rem;
    height: 9rem;
    border-radius: 4.5rem;
    background: var(--yellowColor);
    color: var(--textColor);
    font-size: var(--pcFontSize20);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 2.2rem auto 0;
}
.secQuestionnaire .btn::after{
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    top: 50%;
    right: 3rem;
    top: calc(50% - 1.5rem);
    border: 0.1rem solid var(--borderColor);
    border-radius: 50%;
}
.secQuestionnaire .btn.lazyloaded::after{
    background: url(../img/common/iconArrowQuestionnaire.png) center center  / 1rem auto no-repeat;
}
.secQuestionnaire .iconSpan{
    position: relative;
    padding-left: 2.4rem;
}
.secQuestionnaire .iconSpan::after{
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    top: calc(50% - 1.2rem);
    left: -1rem;
}
.secQuestionnaire .iconSpan.lazyloaded::after{
    background: url(../img/common/iconQuestionnaire.png) center center  / cover;
}
@media only screen and (max-width:1215px){
    .secQuestionnaire{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 31.1rem;
    }
    .secQuestionnaire.lazyloaded{
        background: url(../img/common/bgQuestionnaire_sp.jpg) left top / cover;
    }
    .secQuestionnaire .tit{
        font-size: var(--spFontSize16);
    }
    .secQuestionnaire .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 2rem;
    }
    .secQuestionnaire .btn{
        width: 35rem;
        height: 8rem;
        border-radius: 4rem;
        font-size: var(--spFontSize18);
        margin: 2.2rem auto 0;
    }
    .secQuestionnaire .btn::after{
        right: 2.5rem;
    }
    .secQuestionnaire .iconSpan{
        padding-left: 2rem;
    }
    .secQuestionnaire .iconSpan::after{
        width: 2.2rem;
        height: 2.2rem;
        top: calc(50% - 1.1rem);
        left: -1rem;
    }
}

/* wpcf7 */
[data-name="f_item_mail"] .wpcf7-not-valid-tip,
[data-name="your_email"] .wpcf7-not-valid-tip,
[data-name="f_item_tel"] .wpcf7-not-valid-tip {
    display: block !important;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_22);
    margin-top: 0.5rem;
}