body {
    padding: 0;
    margin: 8.4rem 0 0;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
}
.submit-group>input {
    background: #0089D0;
    color: #fff;
}
.submit-group>input:hover {
    opacity: .5;
}
.submit-group>input[disabled="true"] {
    background: var(--grayscale-gray300, #C2CBD8);
    color: var(--grayscale-gray800, #A0AFC3);
    pointer-events: none;
}
.submit-group svg {
    position: absolute;
    right: 2.5rem;
    pointer-events: none;
}
.submit-group svg path {
    fill: #fff;
}
.submit-group>input[disabled="true"] + svg path {
    fill: #A0AFC3;
}

/*** スマホ ***/
@media screen and (max-width: 899px) {
    body {
        margin-top: 7rem;
    }
    .service-dl-link-texts-title-text-pc {
        display: none;
    }

    .service-dl-link-texts-title-text-sp {
        margin: 0px;
        display: block;
    }

    .sp-only {
        display: block;
    }

    .form-page-title {
        padding: 30px 16px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        background: #0089D0;
        color: #fff;
        position: relative;
    }
    .form-page-title h2 {
        font-size: 26px;
        font-weight: 600;
        margin: 0 0 10px;
        z-index: 1;
        position: relative;
    }
    .form-page-title p {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.04em;
        margin: 0;
        z-index: 1;
        position: relative;
    }

    .form-page-bred-crumbs {
        width: 100%;
        color: var(--grayscale-black, #222);
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        margin: 0 auto;
        padding: 8px 20px;
        line-height: 34px;
    }

    .form-container form {
        width: 100%;
        box-sizing: border-box;
    }

    .form-sentence-container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        background: #F1F3F6;
        color: #222222;
        padding: 30px 20px 20px;
        box-sizing: border-box;
    }

    .form-sentence-container h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 10px;
    }

    .form-sentence-container p {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
    }
    .form-sentence-container p a {
        color: #222222;
        text-decoration: underline;
        transition: 0.3s;
    }

    .form-body {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }

    .form-container {
        display: flex;
        padding: 0px 20px 60px 20px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        align-self: stretch;
        background: var(--grayscale-white, #FFF);
    }

    .form-sentence {
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;

        /* P SP */
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        /* 28.8px */
        padding: 0px 16px 0px 16px;
        margin: 0px;
    }


    .service-dl-link-container {
        order: -1;
        display: flex;
        /* padding: 0px 16px 60px 16px; */
        padding: 0px 0px 60px 0px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        width: 100%;

        background: var(--grayscale-gray100, #F1F3F6);
    }

    .service-dl-link-text-group {
        display: flex;
        width: 100%;
        /* padding: 0px 16px; */
        flex-direction: column;
        align-items: center;
    }

    .service-dl-link-text-group-frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .service-dl-link-text-group-frame-elements {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .service-dl-link-texts-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .service-dl-link-texts-title>p {
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;

        /* H2 SP */
        font-family: "Noto Sans JP";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 31.2px */
    }

    .service-dl-link-texts-sentence-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .service-dl-link-texts-sentence-group-frame {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .service-dl-link-texts-sentence-element {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-bottom: 0.5px solid #209cff;
    }

    .service-dl-link-texts-sentence-element>a {
        margin: 0px;
        color: #209cff;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        text-decoration: none;
        /* 25.2px */
        position: relative;
        padding-right: 28px; /* アイコンのスペースを確保 */
    }

    .service-dl-link-texts-sentence-element>a::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 24px; /* アイコンの幅 */
        height: 24px; /* アイコンの高さ */
        background-image: url('./assets/icon-external-blue.svg');
        background-size: cover;
        cursor: pointer;
    }

    .form-items-contaier {
        display: flex;
        padding: 4rem 2rem;
        flex-direction: column;
        align-items: center;
        gap: 4rem;
        align-self: stretch;
        border-radius: 6px;
        background: var(--grayscale-gray100, #F1F3F6);
    }

    .form-items {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 2.4rem;
        align-self: stretch;
    }

    .form-item {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
    }

    .form-item-title {
        display: flex;
        align-items: center;
        gap: .8rem;
    }

    .form-item-title-text {
        display: flex;
        align-items: center;
        gap: .4rem;
    }

    .form-item-title-text>label {
        color: var(--logo-gray, #222222);

        /* leading-normal/weight-bold/m */
        font-family: "Noto Sans JP";
        font-size: 1.4;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5;
        /* 24px */
    }

    .form-item-title-text>svg {
        width: 10px;
        height: 10px;
        flex-shrink: 0;
    }

    .form-item-title-tag {
        display: flex;
        font-family: "Helvetica Neue";
        padding: 4px;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        border: 0px solid var(--Light-Blue-Blue-400, #B7DAFD);
        background: var(--colors-bg-blue-selected, #D1E5F9);
    }

    .form-item-title-tag-frame {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .form-item-title-tag-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        color: #005B8E;
        font-size: 12px;
    }

    .form-item-input-group {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .form-item-input-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
    }

    .form-item-input-body-input {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        outline: none;
        border-radius: 4px;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8);
        background: var(--colors-grey-0, #FFF);
        width: 100%;
        box-sizing: border-box;
    }

    .form-item-input-body-input.error {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        outline: none;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-input-body-error-input {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-message {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        align-self: stretch;
    }

    .form-item-message>span {
        color: var(--colors-text-grey-default, #4E5960);

        /* leading-normal/weight-normal/s */
        font-family: "Helvetica Neue";
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        /* 20.568px */
    }

    .form-item-input-body>input::placeholder {
        color: var(--colors-text-grey-placeholder, #D2D9DE);

        /* leading-oneline/weight-normal/m */
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        /* 16.002px */
    }

    .form-item-input-group-select {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .form-item-input-body-select {
        position: relative;
        display: flex;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8);
        background: var(--colors-grey-0, #FFF);
    }

    .form-item-input-body-select>select {
        flex: 1 0 0;
        appearance: none;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        border: none;
        outline: none;
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        color: #D2D9DE;
        background: var(--colors-grey-0, #FFF);
    }

		.form-item-input-body-select > select option:not(:first-child) {
				color: #222;
		}

    .form-item-input-body-select::after {
        content: '';
        position: absolute;
        right: 8px;
        /* Adjust according to your padding */
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        /* Width of the SVG */
        height: 16px;
        /* Height of the SVG */
        background-image: url('./assets/icon-select-box.svg');
        background-size: cover;
        pointer-events: none;
        /* Ensure the pseudo-element does not interfere with clicks */
    }

    .form-item-input-body-select.error {
        display: flex;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-input-body-select.error>select {
        border-radius: 4px;
        background: var(--colors-bg-red-default, #FFF6F4);
        flex: 1 0 0;
        appearance: none;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        border: none;
        outline: none;
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        color: #D2D9DE;
    }

    .form-item-input-body-select>svg {
        width: 14px;
        height: 14px;
    }

    .form-item-textarea-body-textarea {
        display: flex;
        height: 102px;
        padding: 8px;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 4px;
        background: var(--colors-grey-0, #FFF);
        resize: none;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid #B5C0C8;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        outline: none;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    .form-item-textarea-body-textarea.error {
        resize: none;
        appearance: none;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        outline: none;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-textarea-body-textarea::placeholder {
        color: var(--colors-text-grey-placeholder, #D2D9DE);
    }

    .privacy-policy-flame {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .privacy-policy-flame-title {
        color: var(--logo-gray, #222222);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        /* 200% */
    }

    .privacy-policy-flame-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: var(--logo-blue, #209CFF);
        font-family: "Noto Sans JP";
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
    }

    .privacy-policy-flame-link>span {
        display: none;
    }

    .privacy-policy-flame-link>a {
        color: var(--logo-blue, #209CFF);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.8;
        /* 200% */
        text-decoration-line: underline;
    }

    .privacy-policy-flame-message {
        color: var(--logo-gray, #222222);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        /* 200% */
    }

    .accept-checkbox-group {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        flex-wrap: wrap;
        width: 100%;
    }

    .accept-checkbox-group>svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .accept-checkbox-group-label {
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--logo-gray, #222222);
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        padding-left: 3rem;
        /* 21.6px */
    }

    input[type="checkbox"] {
        outline: none;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8) !important;
        border-radius: 4px;
        background: var(--colors-grey-0, #FFF);
        width: 1.6rem;
        height: 1.6rem;
        top: .3rem;
        margin: 0 auto;
    }

    .g-recaptcha {
        width: 302px;
        height: 76px;
    }

    .submit-group {
        display: flex;
        width: 100%;
        
        align-items: center;
        gap: 4.5rem;
        border-radius: 7rem;
        background: var(--grayscale-gray300, #C2CBD8);
    }

    .submit-group>input {
        outline: none;
        border: none;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        padding: 1.4rem 0 1.6rem 3.6rem;
        border-radius: 7rem;
        width: 100%;
        text-align: left;
        /* 25.2px */
    }

    .submit-group-active {
        display: flex;
        width: 100%;
        padding: 14px 0px 15px 10px;
        justify-content: center;
        align-items: center;
        gap: 7px;
        border-radius: 106px;
        background: var(--grayscale-black, #222);
        cursor: pointer;
    }

    .submit-group-active>input {
        cursor: pointer;
        color: var(--grayscale-white, #FFF);
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        background: var(--grayscale-black, #222);
        border: none;
        /* 25.2px */
    }

    .submit-group-active:hover {
        transition: 0.3s;
        border-radius: 106px;
        background: #333;
    }

    .submit-group-active:hover>input {
        transition: 0.3s;
        background: #333;
    }

    .submit-group-active>svg {
        width: 11.25px;
        height: 18px;
    }

		.submit-group-active>svg path {
			fill: var(--grayscale-white, #FFF);
		}

    .error-form {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .error-form-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .error-form-texts {
        display: flex;
        padding: 6px 8px;
        align-items: center;
        gap: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .error-form-texts>svg {
        width: 14px;
        height: 14px;
    }

    .error-form-texts>span {
        flex: 1 0 0;
        color: var(--colors-text-red-default, #AE3008);

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    .form-error-messages {
        display: none;
    }

    .form-error-messages.active {
        display: flex;
        align-items: center;
        gap: 4px;
        width: 100%;
    }

    .form-error-messages>svg {
        display: flex;
        width: 12px;
        height: 18px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
    }

    .form-error-messages>span {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: var(--colors-text-red-default, #AE3008);

        /* leading-normal/weight-normal/s */
        font-family: "Helvetica Neue";
        font-size: 13.712px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 20.568px */
    }
}

/*** 通常PCより小さい ***/
@media (min-width: 900px) {

    .service-dl-link-texts-title-text-pc {
        margin: 0px;
        display: block;
    }

    .service-dl-link-texts-title-text-sp {
        display: none;
    }

    .form-title-pc {
        display: block;
        margin: 0px;
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 38.4px */
    }

    .form-title-sp {
        display: none;
    }

    .sp-only {
        display: none;
    }

    .form-page-border {
        z-index: 100;
    }

    .form-page-title {
        margin-top: -10px;
        padding: 48px 20px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        background: #0089D0;
        color: #fff;
        position: relative;
    }
    .form-page-title::before {
        content: "";
        position: absolute;
        background: url(assets/bg_title.png) no-repeat;
        background-size: 100% 100%;
        width: 435px;
        height: 195px;
        right: 0;
        bottom: 0;
    }
    .form-page-title h2 {
        font-size: 32px;
        font-weight: 600;
        margin: 0 0 10px;
        z-index: 1;
        position: relative;
    }
    .form-page-title p {
        font-size: 18px;
        line-height: 1.7;
        margin: 0;
        z-index: 1;
        position: relative;
    }

    .form-page-bred-crumbs {
        box-sizing: border-box;
        width: 100%;
        max-width: 1200px;
        color: var(--grayscale-black, #222);
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin: 0 auto;
        padding: 20px;
    }


    .form-body {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }

    .form-container {
        display: flex;
        /* padding: 60px 0px; */
        padding: 0px 0px 80px 0px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        align-self: stretch;
        background: var(--grayscale-white, #FFF);
    }
    .form-container form {
        width: 728px;
    }

    .form-sentence-container {
        width: 100%;
        max-width: 728px;
        margin: 0 auto;
        text-align: center;
        background: #F1F3F6;
        color: #222222;
        padding: 30px 0;
    }

    .form-sentence-container h3 {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 10px;
    }

    .form-sentence-container p {
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        letter-spacing: 0.04em;
    }
    .form-sentence-container p a {
        color: #222222;
        text-decoration: underline;
        transition: 0.3s;
    }
    .form-sentence-container p a:hover {
        color: #239FFF;
        text-decoration: none;
    }


    .service-dl-link-container {
        display: flex;
        width: 100%;
        padding: 60px 0px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        background: var(--grayscale-gray100, #F1F3F6);
    }

    .service-dl-link-text-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        align-self: stretch;
    }

    .service-dl-link-text-group-frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .service-dl-link-text-group-frame-elements {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .service-dl-link-texts-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .service-dl-link-texts-title>p {
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 38.4px */
    }

    .service-dl-link-texts-sentence-group {
        display: flex;
        align-items: flex-start;
        gap: 60px;
    }

    .service-dl-link-texts-sentence-group-frame {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .service-dl-link-texts-sentence-element {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-bottom: 0.5px solid #209cff;
    }

    .service-dl-link-texts-sentence-element>a {
        margin: 0px;
        color: #209cff;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        text-decoration: none;
        /* 25.2px */
        position: relative;
        padding-right: 28px; /* アイコンのスペースを確保 */
    }

    .service-dl-link-texts-sentence-element>a::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 24px; /* アイコンの幅 */
        height: 24px; /* アイコンの高さ */
        background-image: url('./assets/icon-external-blue.svg');
        background-size: cover;
        cursor: pointer;
    }

    .form-items-contaier {
        display: flex;
        padding: 4rem;
        flex-direction: column;
        align-items: center;
        gap: 4rem;
        border-radius: 1.2rem;
        background: var(--grayscale-gray100, #F1F3F6);
    }

    .form-items {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 2.4rem;
    }

    .form-item {
        display: flex;
        width: 45.7rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.2rem;
    }

    .form-item-title {
        display: flex;
        align-items: center;
        gap: .8rem;
    }

    .form-item-title-text {
        display: flex;
        align-items: center;
        gap: .4rem;
    }

    .form-item-title-text>label {
        color: var(--logo-gray, #222222);

        /* leading-normal/weight-bold/m */
        font-family: "Helvetica Neue";
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.8;
        /* 24px */
    }

    .form-item-title-text>svg {
        width: 10px;
        height: 10px;
        flex-shrink: 0;
    }

    .form-item-title-tag {
        display: flex;
        padding: 4px;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        border: 0px solid var(--Light-Blue-Blue-400, #B7DAFD);
        background: var(--colors-bg-blue-selected, #D1E5F9);
    }

    .form-item-title-tag-frame {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .form-item-title-tag-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        color: #005B8E;
        font-size: 12px;
    }

    .form-item-input-group {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .form-item-input-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
    }

    .form-item-input-body-input {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        outline: none;
        border-radius: 4px;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8);
        background: var(--colors-grey-0, #FFF);
    }

    .form-item-input-body-input.error {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        outline: none;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-input-body-error-input {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-message {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .form-item-message>span {
        color: var(--colors-text-grey-default, #4E5960);

        /* leading-normal/weight-normal/s */
        font-family: "Helvetica Neue";
        font-size: 13.712px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 20.568px */
    }

    .form-item-input-body>input::placeholder {
        color: var(--colors-text-grey-placeholder, #D2D9DE);

        /* leading-oneline/weight-normal/m */
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        /* 16.002px */
    }

    .form-item-input-group-select {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .form-item-input-body-select {
        position: relative;
        display: flex;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8);
        background: var(--colors-grey-0, #FFF);
    }

    .form-item-input-body-select>select {
        flex: 1 0 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        outline: none;
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        color: #D2D9DE;
        background: var(--colors-grey-0, #FFF);
        padding-right: 24px;
        /* Adjust to make space for the background icon */
    }

    .form-item-input-body-select > select option:not(:first-child) {
        color: #222;
    }

    .form-item-input-body-select::after {
        content: '';
        position: absolute;
        right: 8px;
        /* Adjust according to your padding */
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        /* Width of the SVG */
        height: 16px;
        /* Height of the SVG */
        background-image: url('./assets/icon-select-box.svg');
        background-size: cover;
        pointer-events: none;
        /* Ensure the pseudo-element does not interfere with clicks */
    }

    .form-item-input-body-select.error {
        display: flex;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-input-body-select.error>select {
        border-radius: 4px;
        background: var(--colors-bg-red-default, #FFF6F4);
        flex: 1 0 0;
        appearance: none;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        border: none;
        outline: none;
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        color: #D2D9DE;
    }

    .form-item-textarea-body-textarea {
        display: flex;
        height: 102px;
        padding: 8px;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 4px;
        background: var(--colors-grey-0, #FFF);
        width: 100%;
        resize: none;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid #B5C0C8;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        outline: none;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    .form-item-textarea-body-textarea.error {
        resize: none;
        appearance: none;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        outline: none;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-textarea-body-textarea::placeholder {
        color: var(--colors-text-grey-placeholder, #D2D9DE);
    }

    .privacy-policy-flame {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }

    .privacy-policy-flame-title {
        color: var(--logo-gray, #222222);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2;
        /* 200% */
    }

    .privacy-policy-flame-link {
        color: var(--logo-blue, #209CFF);
        font-family: "Noto Sans JP";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2;
    }

    .privacy-policy-flame-link>a {
        color: var(--logo-blue, #209CFF);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2;
        /* 200% */
        text-decoration-line: underline;
    }

    .privacy-policy-flame-message {
        color: var(--logo-gray, #222222);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2;
        /* 200% */
    }

    .accept-checkbox-group {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .accept-checkbox-group input[type="checkbox"] {
        margin: 0;
        top: -.1rem;
    }
    .accept-checkbox-group .form-error-messages.active {
        width: 100%;
        justify-content: center;
    }

    .accept-checkbox-group>svg {
        width: 16px;
        height: 16px;
    }

    .accept-checkbox-group-label {
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--logo-gray, #222222);
        padding-left: 2.5rem;

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 1.3rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        /* 24px */
    }

    input[type="checkbox"] {
        outline: none;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8) !important;
        border-radius: 4px;
        background: var(--colors-grey-0, #FFF);
        width: 16px;
        height: 16px;
        margin: 0 auto;
    }

    .g-recaptcha {
        width: 302px;
        height: 76px;
    }

    .submit-group {
        display: flex;
        width: 32.4rem;
        align-items: center;
        gap: 4.8rem;
        border-radius: 7rem;
        background: var(--grayscale-gray300, #C2CBD8);
    }

    .submit-group>input {
        outline: none;
        border: none;
        background: #222;
        color: #fff;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.4;
        padding: 1.8rem 0 2rem 3.6rem;
        border-radius: 7rem;
        display: block;
        width: 100%;
        text-align: left;
        transition: 0.3s;
        /* 25.2px */
    }

    .submit-group-active {
        display: flex;
        width: 460px;
        padding: 14px 0px 15px 10px;
        justify-content: center;
        align-items: center;
        gap: 7px;
        border-radius: 106px;
        background: var(--grayscale-black, #222);
        cursor: pointer;
    }

    .submit-group-active>input {
        cursor: pointer;
        color: var(--grayscale-white, #FFF);
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        background: var(--grayscale-black, #222);
        border: none;
        /* 25.2px */
    }

    .submit-group-active:hover {
        transition: 0.3s;
        border-radius: 106px;
        background: #333;
    }

    .submit-group-active:hover>input {
        transition: 0.3s;
        background: #333;
    }

    .submit-group-active>svg {
        width: 11.25px;
        height: 18px;
    }

		.submit-group-active>svg path {
			fill: var(--grayscale-white, #FFF);
		}

    .error-form {
        display: flex;
        width: 457px;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .error-form-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .error-form-texts {
        display: flex;
        padding: 6px 8px;
        align-items: center;
        gap: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .error-form-texts>svg {
        width: 14px;
        height: 14px;
    }

    .error-form-texts>span {
        flex: 1 0 0;
        color: var(--colors-text-red-default, #AE3008);

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    .form-error-messages {
        display: none;
    }

    .form-error-messages.active {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .form-error-messages>svg {
        display: flex;
        width: 12px;
        height: 18px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
    }

    .form-error-messages>span {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: var(--colors-text-red-default, #AE3008);

        /* leading-normal/weight-normal/s */
        font-family: "Helvetica Neue";
        font-size: 13.712px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 20.568px */
    }
}

/*** 通常PC以上 ***/
@media (min-width: 1441px) {

    .service-dl-link-texts-title-text-pc {
        margin: 0px;
        display: block;
    }

    .service-dl-link-texts-title-text-sp {
        display: none;
    }

    .form-title-pc {
        display: block;
        margin: 0px;
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 38.4px */
    }

    .form-title-sp {
        display: none;
    }

    .form-page-border {
        z-index: 100;
    }

    .form-page-title {
        margin-top: -10px;
        padding: 48px 20px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        background: #0089D0;
        color: #fff;
    }
    .form-page-title h2 {
        font-size: 32px;
        font-weight: 600;
        margin: 0 0 10px;
    }
    .form-page-title p {
        font-size: 18px;
        line-height: 1.7;
        margin: 0;
    }

    /* .form-page-frame {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: stretch;
    } */

    .form-page-bred-crumbs-pc {
        width: 1200px;
        color: var(--grayscale-black, #222);
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
    }

    .form-page-bred-crumbs-sp {
        display: none;
    }

    .form-page-title-group {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .form-page-title-group-items {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-page-title-en {
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;
        font-family: Poppins;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 30px */
    }

    .form-page-title-jp {
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 38.4px */
    }

    .form-body {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }

    .form-container {
        display: flex;
        padding: 0px 120px 60px 120px;
        /* padding: 60px 0px; */
        padding: 0px 0px 60px 0px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        align-self: stretch;
        background: var(--grayscale-white, #FFF);
    }

    .form-sentence {
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin: 0px;
        /* 177.778% */
    }


    .service-dl-link-container {
        display: flex;
        width: 100vw;
        padding: 60px 0px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        background: var(--grayscale-gray100, #F1F3F6);
    }

    .service-dl-link-text-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        align-self: stretch;
    }

    .service-dl-link-text-group-frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .service-dl-link-text-group-frame-elements {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .service-dl-link-texts-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .service-dl-link-texts-title>p {
        color: var(--grayscale-black, #222);
        text-align: center;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 38.4px */
    }

    .service-dl-link-texts-sentence-group {
        display: flex;
        align-items: flex-start;
        gap: 60px;
    }

    .service-dl-link-texts-sentence-group-frame {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .service-dl-link-texts-sentence-element {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-bottom: 0.5px solid #209cff;
    }

    .service-dl-link-texts-sentence-element>a {
        margin: 0px;
        color: #209cff;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        text-decoration: none;
        /* 25.2px */
        position: relative;
        padding-right: 28px; /* アイコンのスペースを確保 */
    }

    .service-dl-link-texts-sentence-element>a::after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 24px; /* アイコンの幅 */
        height: 24px; /* アイコンの高さ */
        background-image: url('./assets/icon-external-blue.svg');
        background-size: cover;
        cursor: pointer;
    }

    .form-items-contaier {
        display: flex;
        padding: 60px 120px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        border-radius: 6px;
        background: var(--grayscale-gray100, #F1F3F6);
    }

    .form-items {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 48px;
    }

    .form-item {
        display: flex;
        width: 457px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .form-item-title {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .form-item-title-text {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .form-item-title-text>label {
        color: var(--logo-gray, #222222);

        /* leading-normal/weight-bold/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 24px */
    }

    .form-item-title-text>svg {
        width: 10px;
        height: 10px;
        flex-shrink: 0;
    }

    .form-item-title-tag {
        display: flex;
        padding: 4px;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        border: 0px solid var(--Light-Blue-Blue-400, #B7DAFD);
        background: var(--colors-bg-blue-selected, #D1E5F9);
    }

    .form-item-title-tag-frame {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .form-item-title-tag-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        color: #005B8E;
        font-size: 12px;
    }

    .form-item-input-group {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .form-item-input-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
    }

    .form-item-input-body-input {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        outline: none;
        border-radius: 4px;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8);
        background: var(--colors-grey-0, #FFF);
    }

    .form-item-input-body-input.error {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        outline: none;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-input-body-error-input {
        display: flex;
        height: 34px;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        flex: 1 0 0;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-message {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .form-item-message>span {
        color: var(--colors-text-grey-default, #4E5960);

        /* leading-normal/weight-normal/s */
        font-family: "Helvetica Neue";
        font-size: 13.712px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 20.568px */
    }

    .form-item-input-body>input::placeholder {
        color: var(--colors-text-grey-placeholder, #D2D9DE);

        /* leading-oneline/weight-normal/m */
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        /* 16.002px */
    }

    .form-item-input-group-select {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .form-item-input-body-select {
        position: relative;
        display: flex;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8);
        background: var(--colors-grey-0, #FFF);
    }

    .form-item-input-body-select>select {
        flex: 1 0 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        outline: none;
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        color: #D2D9DE;
        background: var(--colors-grey-0, #FFF);
        padding-right: 24px;
        /* Adjust to make space for the background icon */
    }

		.form-item-input-body-select > select option:not(:first-child) {
				color: #222;
		}

    .form-item-input-body-select::after {
        content: '';
        position: absolute;
        right: 8px;
        /* Adjust according to your padding */
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        /* Width of the SVG */
        height: 16px;
        /* Height of the SVG */
        background-image: url('./assets/icon-select-box.svg');
        background-size: cover;
        pointer-events: none;
        /* Ensure the pseudo-element does not interfere with clicks */
    }

    .form-item-input-body-select.error {
        display: flex;
        padding: 9px 8px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-input-body-select.error>select {
        border-radius: 4px;
        background: var(--colors-bg-red-default, #FFF6F4);
        flex: 1 0 0;
        appearance: none;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        border: none;
        outline: none;
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 114.3%;
        color: #D2D9DE;
    }

    .form-item-textarea-body-textarea {
        display: flex;
        height: 102px;
        padding: 8px;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 4px;
        background: var(--colors-grey-0, #FFF);
        width: 100%;
        resize: none;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid #B5C0C8;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        outline: none;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    .form-item-textarea-body-textarea.error {
        resize: none;
        appearance: none;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        outline: none;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .form-item-textarea-body-textarea::placeholder {
        color: var(--colors-text-grey-placeholder, #D2D9DE);
    }

    .privacy-policy-flame {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .privacy-policy-flame-title {
        color: var(--logo-gray, #222222);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        /* 200% */
    }

    .privacy-policy-flame-link {
        color: var(--logo-blue, #209CFF);
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
    }

    .privacy-policy-flame-link>a {
        color: var(--logo-blue, #209CFF);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        /* 200% */
        text-decoration-line: underline;
    }

    .privacy-policy-flame-message {
        color: var(--logo-gray, #222222);
        text-align: center;
        font-family: "Noto Sans JP";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        /* 200% */
    }

    .accept-checkbox-group {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .accept-checkbox-group>svg {
        width: 16px;
        height: 16px;
    }

    .accept-checkbox-group-label {
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--logo-gray, #222222);

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    input[type="checkbox"] {
        outline: none;
        border: 1px solid var(--colors-border-grey-default, #B5C0C8) !important;
        border-radius: 4px;
        background: var(--colors-grey-0, #FFF);
        width: 16px;
        height: 16px;
        margin: 0 auto;
    }

    .g-recaptcha {
        width: 302px;
        height: 76px;
    }

    .submit-group {
        display: flex;
        /* width: 460px; */
        
        justify-content: center;
        align-items: center;
        gap: 7px;
        border-radius: 106px;
        background: var(--grayscale-gray300, #E1E6EC);
    }

    .submit-group>input {
        outline: none;
        border: none;
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        /* padding: 14px 0px 15px 10px;
        border-radius: 106px; */
        width: 100%;
        /* 25.2px */
    }

    .submit-group-active {
        display: flex;
        width: 460px;
        padding: 14px 0px 15px 10px;
        justify-content: center;
        align-items: center;
        gap: 7px;
        border-radius: 106px;
        background: var(--grayscale-black, #222);
        cursor: pointer;
    }

    .submit-group-active>input {
        cursor: pointer;
        color: var(--grayscale-white, #FFF);
        font-feature-settings: 'pwid' on;
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        background: var(--grayscale-black, #222);
        border: none;
        /* 25.2px */
    }

    .submit-group-active:hover {
        transition: 0.3s;
        border-radius: 106px;
        background: #333;
    }

    .submit-group-active:hover>input {
        transition: 0.3s;
        background: #333;
    }

    .submit-group-active>svg {
        width: 11.25px;
        height: 18px;
    }

		.submit-group-active>svg path {
			fill: var(--grayscale-white, #FFF);
		}



    .error-form {
        display: flex;
        width: 457px;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }

    .error-form-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .error-form-texts {
        display: flex;
        padding: 6px 8px;
        align-items: center;
        gap: 12px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--colors-border-red-default, #E8715A);
        background: var(--colors-bg-red-default, #FFF6F4);
    }

    .error-form-texts>svg {
        width: 14px;
        height: 14px;
    }

    .error-form-texts>span {
        flex: 1 0 0;
        color: var(--colors-text-red-default, #AE3008);

        /* leading-normal/weight-normal/m */
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
    }

    .form-error-messages {
        display: none;
    }

    .form-error-messages.active {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .form-error-messages>svg {
        display: flex;
        width: 12px;
        height: 18px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
    }

    .form-error-messages>span {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: var(--colors-text-red-default, #AE3008);

        /* leading-normal/weight-normal/s */
        font-family: "Helvetica Neue";
        font-size: 13.712px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 20.568px */
    }
}

.accept-checkbox-label input[type="checkbox"] {
  display: none;
}

.accept-checkbox-group-label::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  border: .2rem solid #ccc;
  background-color: #fff;
  border-radius: .4rem;
  margin-right: .8rem;
  vertical-align: middle;
  box-sizing: border-box;
  transition: all 0.2s;
  position: absolute;
  top: .3rem;
  left: 0;
}

.accept-checkbox-label input[type="checkbox"]:checked + .accept-checkbox-group-label::before {
  background-color: #333;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg"><path d="M1 5L4 8L11 1" stroke="white" stroke-width="2" fill="none"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  border-color: #333;
  z-index: 1;
}

.accept-checkbox-label input[type="checkbox"].error + .accept-checkbox-group-label::after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  border: .2rem solid #E8715A;
  background-color: #FFF6F4;
  border-radius: .4rem;
  margin-right: .8rem;
  vertical-align: middle;
  box-sizing: border-box;
  transition: all 0.2s;
  position: absolute;
  top: .3rem;
  left: 0;
}


@media (min-width: 900px) {
    .accept-checkbox-group-label::before,
    .accept-checkbox-label input[type="checkbox"].error + .accept-checkbox-group-label::after {
        top: 0;
    }
}