form{
    display: flex;
    flex-direction: column;
    gap: 24px;    
    width: 95%;
    max-width: 596px;
}
.hs_submit{
    display: none;
}

.hbspt-form{
    display: flex;
    justify-content: center;
}

/* error message  */
.hbspt-form form ul{
    list-style: none;
    margin: 0;
    margin-top: 8px;
    padding: 0;
}

.hbspt-form form ul label{
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.0225rem;
    display: flex;
    color: var(--red-0, #FF595E);
    position: relative;
    line-height: normal;
    font-family: 'Noto Sans JP', sans-serif !important;
}
/* error message end */

.hbspt-form form > div {

}
.hbspt-form form .hs-form-field > label{
    display: flex;
}
.hbspt-form form .hs-form-field > label span{
    color: var(--black, #252729);
    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    gap: 8px;
}
.hbspt-form form .hs-form-field > label span::after{
    display: flex;
    width: 30px;
    height: 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    color: #FF595E;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    content: "必須";
    
    border: 1px solid #FF595E;
}
.hbspt-form form .hs-form-field > label .hs-form-required{
    display: none !important;
}
.hbspt-form form .hs_contact_detail span{
    /* height: 18px;
    color: transparent !important; */
}
.hbspt-form form .hs_contact_detail span::after{
    /* display: none !important; */
}
.hbspt-form form .hs_contact_detail span::before{
    /* content: 'お問い合わせ詳細';
    visibility: visible;
    font-size: 1.4rem;
    display: flex;
    line-height: 120%;
    color: var(--black, #252729);

    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    width: 100%; */
}

.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]),
.hs-custom-style>div>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]) {
    display: flex;
    max-width: 596px;
    width: 100%;
    padding: 10px 8px 9px 8px;
    align-items: center;
    gap: 10px;

    height: 48px;
    border-radius: 2px;
    background: #F3F3F3;
    margin-top: 8px;
    border-style: none;
}

.hbspt-form form .hs_privacypolicy{

}
.hbspt-form form .hs_privacypolicy .input ul .hs-form-booleancheckbox input{
    width: fit-content;
}
.hbspt-form form .hs_privacypolicy .input ul .hs-form-booleancheckbox label{
    justify-content: center;
}
.hbspt-form form .hs_privacypolicy .input ul .hs-form-booleancheckbox input{
    width: fit-content;
}
.hbspt-form form .hs_privacypolicy .input ul .hs-form-booleancheckbox label span{
    color: var(--black, #252729);

    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 24px */
}
.hbspt-form form .hs_privacypolicy .input ul .hs-form-booleancheckbox label .hs-form-required{
    display: none;
}
.hbspt-form form .hs-richtext p a,
.hbspt-form form .hs-richtext p span{
    background-color: transparent;
    mix-blend-mode: multiply;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}
.hbspt-form form .hs_privacypolicy .hs-field-desc{
    background: transparent;
    text-align: left;
    color: var(--black, #252729);
    font-size: 12px;
}
.hbspt-form form .hs_privacypolicy .hs-field-desc a{
    text-decoration: none;
    color: var(--blue, #0974e8);
    font-size: 12px;
    cursor: pointer;
}
.hbspt-form form .hs_privacypolicy .hs-field-desc a:hover{
    transition: all .3s;
    opacity: .5;
}

.hbspt-form form .hs-fieldtype-textarea {
    display: flex;
    flex-direction: column;
    /* gap: 8px; */
}
.hbspt-form form .hs-fieldtype-textarea .input{
    display: flex;
}
.hbspt-form form .hs-fieldtype-textarea .input textarea{
    resize: none;
    height: 81px !important;
    margin-top: 8px;
}
.hbspt-form form .hs_contact_detail textarea{
    border-radius: 2px;
    background: #F3F3F3;
    border-style: none;
}
.hbspt-form form .hs-form-booleancheckbox{

}
.hbspt-form form .hs_privacy_policy_techtouch{

}
.hbspt-form form .hs_privacy_policy_techtouch .hs-field-desc{
    font-size: 12px;
    text-align: center;
}
.hbspt-form form .hs_privacy_policy_techtouch .input{
    justify-items: center;
}
.hbspt-form form .hs_privacy_policy_techtouch ul{
    justify-items: center;
}
#label-contact_detail-6d76ce82-2ad3-4a27-8e45-6a2a37475e4e span::after {
    display: none !important;
}
.hbspt-form form .hs-form-booleancheckbox label span{
    font-size: 12px;
}
.hbspt-form form .hs-form-booleancheckbox label span .hs-form-required{
    display: none !important;
}

/* select type  */
.hs-fieldtype-select select{
    display: flex;
    max-width: 596px;
    width: 100%;
    padding: 10px 8px 9px 8px;
    align-items: center;
    gap: 10px;
    height: 48px;
    border-radius: 2px;
    background: #F3F3F3;
    margin-top: 8px;
    border-style: none;
}
/* first name custom  */
.hbspt-form form .hs_firstname label{

}
.hbspt-form form .hs_firstname label span{

}
.hbspt-form form .hs_firstname label span::after{
    border: 1px solid transparent;
    color: transparent;
}

@media screen and (max-width: 480px){
    .hbspt-form form .hs_firstname label {
        height: 8px;
    }
}