/* ENAS記載 */
.cta_wptypeA,
.cta_wptypeB,
.cta_wptypeC{
    width: 100%;
    max-width: 64rem;
    transition: .3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(75deg, #1F9DFF 0%, #0974E8 100%);
    padding-top: 1.6rem;
    padding-bottom: 1.4rem;
}
.cta_wptypeA span,
.cta_wptypeB span,
.cta_wptypeC span{
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 700;
    transition: .3s ease-in-out;
}

.cta_wptypeA .title,
.cta_wptypeC .title{
    width: 95%;
    display: flex;
    justify-content: center;
    margin-bottom: 1.6rem;
}
.cta_wptypeA .title span,
.cta_wptypeC .title span{
    color: #FFF;
    font-size: 1.8rem;
    line-height: 150%; /* 27px */
}
.cta_wptypeA .title span{
    font-size: 18px;
}

.cta_wptypeA .title span .yetxt,
.cta_wptypeC .title span .yetxt{
    color: #FFCA3A;
}
.cta_wptypeA .wbgdiv,
.cta_wptypeB .wbgdiv,
.cta_wptypeC .wbgdiv{
    border-radius: 0.6rem;
    display: flex;
    background: #fff;
    width: 95%;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    align-self: center;
    justify-content: center;
}

.cta_wptypeC .wbgdiv{
    padding-top: 4rem;
}

.cta_wptypeA .wbgdiv .wbgdivmain,
.cta_wptypeB .wbgdiv .wbgdivmain,
.cta_wptypeC .wbgdiv .wbgdivmain{
    width: 95%;
    display: flex;
    flex-direction: row;
    gap: 2.4rem;
}

.cta_wptypeC .wbgdiv .wbgdivmain {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cta_wptypeB .wbgdiv .wbgdivmain .btndiv_mini{
    display: none;
}

.cta_wptypeB .wbgdiv .wbgdivmain .txtdiv{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%;
}
.cta_wptypeB .wbgdiv .wbgdivmain .txtdiv .stitle{
    display: flex;
    flex-direction: column;
}
.cta_wptypeB .wbgdiv .wbgdivmain .txtdiv .stitle span{
    font-size: 1.8rem;
    line-height: 150%;
    display: block;
}

.cta_wptypeA .wbgdiv .imgdiv,
.cta_wptypeB .wbgdiv .imgdiv,
.cta_wptypeC .wbgdiv .imgdiv  {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    max-width: 22rem;
    align-self: center;
}
.cta_wptypeC .wbgdiv .imgdiv {
    max-width: 54.7rem;
}

.cta_wptypeA .wbgdiv .imgdiv img,
.cta_wptypeB .wbgdiv .imgdiv img,
.cta_wptypeC .wbgdiv .imgdiv img{
    display: block;
    width: 100%;
    height: auto;
}
.cta_wptypeA .wbgdiv .txtdiv{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta_wptypeA .wbgdiv .txtdiv .stitle span{
    color: #252729;
    font-size: 18px;
    line-height: 150%;
    display: flex;
    width: 100%;
}
.cta_wptypeA .wbgdiv .txtdiv .stitle span br{
    display: none;
}
.cta_wptypeA .wbgdiv .txtdiv .subtitle{
    margin-top: 0.8rem;
    margin-bottom: 2.4rem;
    width: 100%;
}
.cta_wptypeA .wbgdiv .txtdiv .subtitle span{
    font-size: 16px;
    font-weight: 400;
    line-height: 160%; /* 19.2px */
    display: block;
}
.cta_wptypeA .wbgdiv .txtdiv .subtitle span .yline{
    display: inline;
    box-shadow: inset 0 -0.6rem 0rem #FFEC40;
}
.cta_wptypeA .wbgdiv .txtdiv .btndiv{
    display: flex;
    width: 100%;
    justify-content: center;
}
.cta_wptypeC .wbgdiv .txtdiv .btndiv{
    display: flex;
    justify-content: center;
}
.cta_wptypeA .wbgdiv .txtdiv .btndiv a,
.cta_wptypeB .wbgdiv .txtdiv .btndiv a,
.cta_wptypeB .wbgdiv .wbgdivmain .btndiv_mini a,
.cta_wptypeC .wbgdiv .txtdiv .btndiv button{
    cursor: pointer;
    color: #000;
    display: flex;
    text-decoration: none;
    height: 6rem;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    width: 100%;
    max-width: 32rem;
    border-radius: 3rem;
    background: #FFCA3A;
    box-shadow: 0rem 0.3rem 1rem 0rem rgba(0, 0, 0, 0.25);
}
.cta_wptypeC .wbgdiv .txtdiv .btndiv button {
    border: 0;
    max-width: 36rem;
    height: 6.6rem;
}

.cta_wptypeA .wbgdiv .txtdiv .btndiv a:hover,
.cta_wptypeB .wbgdiv .txtdiv .btndiv a:hover,
.cta_wptypeB .wbgdiv .wbgdivmain .btndiv_mini a:hover,
.cta_wptypeC .wbgdiv .txtdiv .btndiv button:hover {
    transform: translateY(0.3rem);
    box-shadow: none;
}

.cta_wptypeA .wbgdiv .txtdiv .btndiv a span{
    font-size: 1.8rem;
    line-height: 134%; /* 24.12px */
}
.cta_wptypeB .wbgdiv .txtdiv .btndiv a span,
.cta_wptypeB .wbgdiv .wbgdivmain .btndiv_mini a span,
.cta_wptypeC .wbgdiv .txtdiv .btndiv button span{
    font-size: 2rem;
    line-height: 134%;
}

/* sp-> size */ 
@media screen and (max-width: 780px) {
    .cta_wptypeA,
    .cta_wptypeB{
        max-width: 32.7rem;
        margin: 0 auto;
    }
    .cta_wptypeA .wbgdiv .wbgdivmain {
        flex-direction: column;
        gap: 1.6rem;
    }
    .cta_wptypeA .wbgdiv {
        flex-direction: column;
        width: 90%;
        align-items: center;
    }
    .cta_wptypeA .wbgdiv .txtdiv .stitle span {
        max-width: 26.9rem;
    }
    .cta_wptypeA .wbgdiv .txtdiv .btndiv a{
        max-width: 26.9rem;;
    }
    .cta_wptypeA .title {
        width: 90%;
    }

    /* cta type B */
    .cta_wptypeB .wbgdiv .wbgdivmain .txtdiv .stitle span:nth-child(1){
        font-size: 1.6rem;
    }
    .cta_wptypeB .wbgdiv .wbgdivmain {
        flex-direction: column;
    }
    .cta_wptypeB .wbgdiv .txtdiv .btndiv{
        display: none;
    }
    .cta_wptypeB .wbgdiv .wbgdivmain .btndiv_mini{
        display: block;
    }
    .cta_wptypeB .wbgdiv .txtdiv .btndiv a span,
    .cta_wptypeB .wbgdiv .wbgdivmain .btndiv_mini a span{
        font-size: 1.8rem;
    }
}

/* CTA TYPE C */
.cta_wptypeC .wbgdiv .wbgdivmain .txtdiv{
    display: flex;
    width: 100%;
    max-width: 52rem;
    flex-direction: column;
}

/* form style  */
.txtdiv .hbspt-form{
    width: 100%;
    margin-bottom: 1.6rem;
}
.txtdiv .hbspt-form form{
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.txtdiv .hbspt-form form ul{
    list-style: none;
    margin: 0;
    margin-top: 0.8rem;
    padding: 0; 
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.txtdiv .hbspt-form form ul label{
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -0.0225rem;
    display: flex;
    color: #FD3F4A;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.txtdiv .hbspt-form form ul .hs-form-radio label,
.txtdiv .hbspt-form form ul .hs-form-booleancheckbox label{
    color: #252729;
}
.txtdiv .hbspt-form form ul .hs-form-radio label span{
    font-size: 1.4rem;
    font-weight: 400;
}

.txtdiv .hbspt-form form a{
    text-decoration: none;
    color: #18A0FB;
    text-decoration: underline;
    font-size: 1.2rem;
    font-weight: 400;
}
.txtdiv .hbspt-form form span{
    font-size: 1.4rem;
    line-height: 120%;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.txtdiv .hbspt-form form #label-company-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span:nth-child(1){
    display: inline-flex;
}
.txtdiv .hbspt-form form #label-company-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-numemployees-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-toiawase_form_busho__c-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-position-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-lastname-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-firstname-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-email-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-phone-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-e_or_b-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before,
.txtdiv .hbspt-form form #label-system-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before{
    height: 1.1rem;
    content: "必須";
    margin-right: 0.5rem;
    display: flex;
    padding: 0.3rem 0.5rem;
    justify-content: center;
    width: 2.2rem;
    align-items: center;
    border-radius: 0.2rem;
    border: 0.1rem solid #FD3F4A;
    color: #FD3F4A;
    font-weight: 400;
    line-height: 100%;
    font-size: 1.1rem;
    white-space: nowrap;
}
.txtdiv .hbspt-form form #label-contact_detail-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span{
    visibility: inherit;
    font-size: 0;
    display: inline-flex;
    align-items: center;
    height: 0rem; 
}
.txtdiv .hbspt-form form #label-contact_detail-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::before{
    height: 1.1rem;
    content: "任意";
    margin-right: 0.5rem;
    display: flex;
    padding: 0.3rem 0.5rem;
    justify-content: center;
    width: 2.2rem;
    align-items: center;
    border-radius: 0.2rem;
    border: 0.1rem solid #ACACAC;
    color: #ACACAC;
    font-weight: 400;
    line-height: 100%;
    font-size: 1.1rem;
    visibility: initial;
    white-space: nowrap;
}
.txtdiv .hbspt-form form #label-contact_detail-9e9d8bd0-d3ae-4ddc-b1a3-b8f54c3ec31f span::after{
    content: 'お問い合わせ詳細';
    visibility: visible;
    font-size: 1.4rem;  
    display: flex;
    line-height: 120%;
    font-family: 'Noto Sans JP', sans-serif !important;
}


.hs-custom-style>div input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]), 
.hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
    min-height: 4.2rem !important;
    color: #252729;
    line-height: 0 !important;
    border-radius: 0.3rem;
    border: 0.1rem solid #E2E2E2;
    background: #F7F7F7;
    width: 100%;
    margin-top: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.txtdiv .hbspt-form form select{
    min-height: 4.2rem !important;
    color: #252729;
    line-height: 0 !important;
    border-radius: 0.3rem;
    border: 0.1rem solid #E2E2E2;
    background: #F7F7F7;
    width: 100%;
    margin-top: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif !important;
    padding: 0 1.5rem;
}

.txtdiv .hbspt-form form .hs-form-required{
    color: #FD3F4A;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -0.0225rem;
    display: none;
}
.txtdiv .hbspt-form form .hs-form-required::before{
    display: none;
}

.txtdiv .hbspt-form form .hs-form-field textarea {
    border-radius: 0.3rem;
    border: 0.1rem solid #E2E2E2;
    background: #F7F7F7;
    display: flex;
    height: 8rem;
    padding: 0.8rem 1.6rem;
    flex-direction: column;
    align-items: flex-start;
    width: 92% !important;
    margin-top: 0.8rem;
    font-family: 'Noto Sans JP', sans-serif !important;
    resize: none;
}
.txtdiv .hs_submit{
    display: none;
}

.txtdiv .hbspt-form form .form-columns-1 .input{
    margin-right: 0 !important;
    display: flex;
}

.txtdiv .hbspt-form form .form-columns-0 p{
    margin: 0;
    text-align: -webkit-center;
}
.txtdiv .hbspt-form form .form-columns-0 p a{
    text-decoration: underline !important;
}
.txtdiv .hbspt-form form .form-columns-0 p span{
    display: contents;
}

.txtdiv .hbspt-form form .form-columns-1:nth-child(n+12),
.txtdiv .hbspt-form form .hs_error_rollup{
    display: flex;
    align-self: center;
    justify-content: center;
}

.txtdiv .hbspt-form form .form-columns-1:nth-child(n+13):nth-child(-n+18){
    display: none;
} 

.txtdiv .hbspt-form form .form-columns-2{
    display: flex;
}

.txtdiv .hbspt-form form ul .hs-form-booleancheckbox label span{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 100%; /* 16px */
}

/* sp-> size */ 
@media screen and (max-width: 750px) {
    .cta_wptypeC .wbgdiv {
        padding-top: 2.4rem;
    }
    .cta_wptypeC .wbgdiv .wbgdivmain {
        gap: 1.6rem;
    }
    .cta_wptypeC .wbgdiv .txtdiv .btndiv button {
        height: 6rem;
    }
    .cta_wptypeC .wbgdiv .txtdiv .btndiv button span {
        font-size: 1.8rem;
        line-height: 134%;
    }
}