@extends('layouts.fe')

@section('content')

{!! $data->description !!}

<section id="link-contact" class=" index-jobseeker l-section p-contact u-bg-primary" style="background-color: #fff;">
    <div class="l-container p-contact__container index-case-inner c-width-900">
        <div class="l-section__header p-contact__header">
            <h2 class="c-heading__lv2">
                <span><strong>お問合せフォーム</strong></span>
            </h2>
            <p class="p-contact__description">特定技能人材、外国人採用についての無料相談を受け付けています。<br>
以下のフォームに必要情報をご記入の上、お申し込みください。</p>
        </div>
        <div class="l-section__body p-contact__body">


            @if(!session('success'))
            <div id="hbspt-form-a5004394-12e2-4051-a21f-984ffdeb0750" class="hbspt-form" data-hs-forms-root="true">

                <form id="hsForm_f109abb1-25b1-43a4-80f5-c90d4650a25d"
                    method="POST"
                    accept-charset="UTF-8"
                    enctype="multipart/form-data"
                    action="/contact.html"
                    class="hs-form-private hsForm_f109abb1-25b1-43a4-80f5-c90d4650a25d hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 hs-form stacked hs-custom-style">

                    @csrf

                    <fieldset class="form-columns-2">
                        {{-- ★ lastname --}}
                        <div class="hs_lastname hs-lastname hs-fieldtype-text field hs-form-field">
                            <label id="label-lastname-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                for="lastname-f109abb1-25b1-43a4-80f5-c90d4650a25d">
                                <span><strong>お名前</strong></span>
                                <span class="hs-form-required">*</span>
                            </label>

                            <div class="input">
                                <input id="lastname-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                    name="lastname"
                                    type="text"
                                    class="hs-input"
                                    required

                                    inputmode="text"
                                    autocomplete="family-name"
                                    value="{{ old('lastname') }}">
                            </div>

                            {{-- Hiển thị lỗi cho lastname --}}
                            <ul class="no-list hs-error-msgs inputs-list" role="alert">
                                @error('lastname')
                                <li><label class="hs-error-msg hs-main-font-element">{{ $message }}</label></li>
                                @enderror
                            </ul>
                        </div>

                        {{-- ★ firstname --}}
                        <div class="hs_firstname hs-firstname hs-fieldtype-text field hs-form-field">
                            <label id="label-firstname-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                for="firstname-f109abb1-25b1-43a4-80f5-c90d4650a25d">
                                <span><strong>ふりがな</strong></span>
                                <span class="hs-form-required">*</span>
                            </label>
                            <div class="input">
                                <input id="firstname-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                    name="firstname"
                                    type="text"
                                    class="hs-input"
                                    required

                                    inputmode="text"
                                    autocomplete="given-name"
                                    value="{{ old('firstname') }}">
                            </div>

                            {{-- Hiển thị lỗi cho firstname --}}
                            <ul class="no-list hs-error-msgs inputs-list" role="alert">
                                @error('firstname')
                                <li><label class="hs-error-msg hs-main-font-element">{{ $message }}</label></li>
                                @enderror
                            </ul>
                        </div>
                    </fieldset>

                    <fieldset class="form-columns-1">
                        {{-- ★ company --}}
                        <div class="hs_company hs-company hs-fieldtype-text field hs-form-field">
                            <label id="label-company-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                for="company-f109abb1-25b1-43a4-80f5-c90d4650a25d">
                                <span><strong>会社名</strong></span>
                            </label>
                            <div class="input">
                                <input id="company-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                    name="company"
                                    type="text"
                                    class="hs-input"

                                    inputmode="text"
                                    autocomplete="organization"
                                    value="{{ old('company') }}">
                            </div>

                            {{-- Nếu muốn hiển thị lỗi, ví dụ field này optional thì hiếm khi báo lỗi. --}}
                            {{-- <ul class="no-list hs-error-msgs inputs-list" role="alert">
                @error('company')
                    <li><label class="hs-error-msg hs-main-font-element">{{ $message }}</label></li>
                            @enderror
                            </ul> --}}
                        </div>
                    </fieldset>

                    <fieldset class="form-columns-1">
                        {{-- ★ phone --}}
                        <div class="hs_phone hs-phone hs-fieldtype-phonenumber field hs-form-field">
                            <label id="label-phone-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                for="phone-f109abb1-25b1-43a4-80f5-c90d4650a25d">
                                <span><strong>お電話番号</strong></span>
                                <span class="hs-form-required">*</span>
                            </label>
                            <div class="input">
                                <input id="phone-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                    name="phone"
                                    type="tel"
                                    class="hs-input"
                                    required

                                    inputmode="tel"
                                    autocomplete="tel"
                                    value="{{ old('phone') }}">
                            </div>

                            {{-- Hiển thị lỗi cho phone --}}
                            <ul class="no-list hs-error-msgs inputs-list" role="alert">
                                @error('phone')
                                <li><label class="hs-error-msg hs-main-font-element">{{ $message }}</label></li>
                                @enderror
                            </ul>
                        </div>
                    </fieldset>

                    <fieldset class="form-columns-1">
                        {{-- ★ email --}}
                        <div class="hs_email hs-email hs-fieldtype-text field hs-form-field">
                            <label id="label-email-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                for="email-f109abb1-25b1-43a4-80f5-c90d4650a25d">
                                <span><strong>メールアドレス</strong></span>
                                <span class="hs-form-required">*</span>
                            </label>
                            <div class="input">
                                <input id="email-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                    name="email"
                                    type="email"
                                    class="hs-input"
                                    required

                                    inputmode="email"
                                    autocomplete="email"
                                    value="{{ old('email') }}">
                            </div>

                            {{-- Hiển thị lỗi cho email --}}
                            <ul class="no-list hs-error-msgs inputs-list" role="alert">
                                @error('email')
                                <li><label class="hs-error-msg hs-main-font-element">{{ $message }}</label></li>
                                @enderror
                            </ul>
                        </div>
                    </fieldset>

                    <fieldset class="form-columns-1">
                        {{-- ★ adress_c --}}
                        <div class="hs_adress_c hs-adress_c hs-fieldtype-text field hs-form-field">
                            <label id="label-adress_c-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                for="adress_c-f109abb1-25b1-43a4-80f5-c90d4650a25d">
                                <span><strong>お問い合わせ内容</strong></span>
                            </label>
                            <div class="input">
                                <textarea style="height: 200px;" id="adress_c-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                    row="20"
                                    name="adress_c"
                                    type="text"
                                    class="hs-input"
                                    inputmode="text"

                                    value="{{ old('adress_c') }}"></textarea>
                            </div>

                            {{-- Nếu cần hiển thị lỗi, tùy rule. --}}
                        </div>
                    </fieldset>

                    <fieldset class="form-columns-1">
                        {{-- ★ 同意 checkbox (privacy_agree) --}}
                        <div class="hs_privacy_agree hs-privacy_agree hs-fieldtype-booleancheckbox field hs-form-field">
                            <div class="input">
                                <ul class="inputs-list" required>
                                    <li class="hs-form-booleancheckbox">
                                        <label for="privacy_agree-f109abb1-25b1-43a4-80f5-c90d4650a25d" class="hs-form-booleancheckbox-display">
                                            <input id="privacy_agree-f109abb1-25b1-43a4-80f5-c90d4650a25d"
                                                type="checkbox"
                                                name="privacy_agree"
                                                value="true"
                                                required
                                                class="hs-input"
                                                {{ old('privacy_agree') ? 'checked' : '' }}>
                                            <span>
                                                <a href="https://alphacep.co.jp/privacy.html" target="_blank" rel="noopener">プライバシーポリシー</a>
                                                に同意する
                                                <span class="hs-form-required">*</span>
                                            </span>
                                        </label>
                                    </li>
                                </ul>
                            </div>

                            {{-- Lỗi cho privacy_agree (nếu required) --}}
                            <ul class="no-list hs-error-msgs inputs-list" role="alert">
                                @error('privacy_agree')
                                <li><label class="hs-error-msg hs-main-font-element">{{ $message }}</label></li>
                                @enderror
                            </ul>
                        </div>
                    </fieldset>

                    <fieldset class="form-columns-1">
                        <div class="hs_adress_c hs-adress_c hs-fieldtype-text field hs-form-field">
                            {!! NoCaptcha::display() !!}
                            <ul class="no-list hs-error-msgs inputs-list" role="alert">
                                @error('g-recaptcha-response')
                                <li><label class="hs-error-msg hs-main-font-element">{{ $message }}</label></li>
                                @enderror
                            </ul>
                        </div>
                    </fieldset>

                    <div class="hs_submit hs-submit">
                        <div class="actions">
                            <input type="submit" class="hs-button primary large" value="送信する">
                        </div>
                    </div>
                </form>
            </div>
            @else
            <div class="desktop-1 screen h-100" style="background: #f8f6f1">
                <div class="contact">
                    <div class="title">
                        <div class="text">お問い合わせ完了</div>
                    </div>
                    <div class="text_label">
                        <p>
                            お問い合わせくださいまして、誠にありがとうございます。
                        </p>
                        <p>
                            お問い合わせ内容を確認の上、1営業日以内にメールまたはお電話にてご連絡をいたします。<br>
                            「@alphacep.co.jp」からのメールを受信できるようご設定をお願いいたします。
                        </p>
                    </div>

                    <div class="contact-thanks-bar">
                        <a class="btn2 btn2-round btn2-primary btn2-large contact-thanks-bar-btn" href="/" style="text-decoration: none;">前のページに戻る</a>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</section>




@endsection

@section('script-footer')

<style>
    .desktop-1 {
        background: #f8f6f1;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
    }

    .contact {
        max-width: 600px;
        background: #fff;
        padding: 40px;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .contact .title .text {
        font-size: 28px;
        font-weight: bold;
        color: #333;
        margin-bottom: 20px;
    }

    .contact .text_label {
        color: #555;
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .contact-thanks-bar-btn {
        display: inline-block;
        padding: 12px 30px;
        background: #007bff;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 25px;
        text-decoration: none;
        transition: background 0.3s ease;
    }

    .contact-thanks-bar-btn:hover {
        background: #0056b3;
    }

    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .image {
        position: relative;
    }

    .image:before {
        background-position: 50%;
        background-size: cover;
        border-radius: inherit;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: inherit;
        width: 100%;
        z-index: -2;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /*! CSS Used from: Embedded */
    div,
    img,
    p {
        border: 0;
        font-family: sans-serif;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        color: #333;
        transition: .3s cubic-bezier(.4, .4, 0, 1);
        word-spacing: 1px;
    }

    /*! CSS Used from: Embedded */
    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .image {
        position: relative;
    }

    .image:before {
        background-position: 50%;
        background-size: cover;
        border-radius: inherit;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: inherit;
        width: 100%;
        z-index: -2;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /*! CSS Used from: Embedded */
    .sd[data-s-7b61cd9d-492b-4e11-9782-e390be2f116a] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        justify-content: center;
        padding: 0px;
        width: 1000px;
        --gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a: 0px;
        --gap-v-7b61cd9d-492b-4e11-9782-e390be2f116a: 0px;
        --gap-uuid: 7b61cd9d-492b-4e11-9782-e390be2f116a;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-7b61cd9d-492b-4e11-9782-e390be2f116a] {
            align-content: flex-start;
            align-items: flex-start;
            justify-content: flex-start;
            --gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a: 0px;
            --gap-v-7b61cd9d-492b-4e11-9782-e390be2f116a: 0px;
        }
    }

    .sd[data-s-0373ad67-9e46-4b4c-a557-d03a0393dce4] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: 100vh;
        justify-content: center;
        padding: 0px;
        --gap-h-0373ad67-9e46-4b4c-a557-d03a0393dce4: 60px;
        --gap-v-0373ad67-9e46-4b4c-a557-d03a0393dce4: 0px;
        --gap-uuid: 0373ad67-9e46-4b4c-a557-d03a0393dce4;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-0373ad67-9e46-4b4c-a557-d03a0393dce4] {
            margin: 0px 0px 0px 0px;
            width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
            --gap-h-0373ad67-9e46-4b4c-a557-d03a0393dce4: 60px;
            --gap-v-0373ad67-9e46-4b4c-a557-d03a0393dce4: 0px;
            max-width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-0373ad67-9e46-4b4c-a557-d03a0393dce4] {
            flex: none;
            gap: 20px;
            height: 1000px;
            --gap-h-0373ad67-9e46-4b4c-a557-d03a0393dce4: 20px;
            --gap-v-0373ad67-9e46-4b4c-a557-d03a0393dce4: 0px;
            width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
            max-width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
        }
    }

    .sd[data-s-bcf1e6dc-7cdf-4796-9eba-a4e06045caaf] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: calc(100% - (var(--gap-v-0373ad67-9e46-4b4c-a557-d03a0393dce4) * 0));
        justify-content: flex-start;
        padding: 20px 8px;
        width: auto;
        max-width: 100%;
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-bcf1e6dc-7cdf-4796-9eba-a4e06045caaf] {
            flex: none;
            padding: 20px 4px;
            width: 28px;
            max-width: 100%;
            height: calc(100% - (var(--gap-v-0373ad67-9e46-4b4c-a557-d03a0393dce4) * 0));
        }
    }

    .sd[data-s-88da5c21-fe39-4673-8d16-1ca379af021c] {
        color: #FFFFFF;
        font-family: var(--s-font-80a60f9d);
        font-size: 20px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        text-orientation: upright;
        -webkit-text-orientation: upright;
        width: auto;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-88da5c21-fe39-4673-8d16-1ca379af021c] {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-88da5c21-fe39-4673-8d16-1ca379af021c] {
            font-size: 14px;
        }
    }

    .sd[data-s-5ed4f694-a0ef-4ca5-9683-51de918f39ea] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-0373ad67-9e46-4b4c-a557-d03a0393dce4) * 0));
        justify-content: center;
        padding: 0px;
        width: auto;
        --gap-h-5ed4f694-a0ef-4ca5-9683-51de918f39ea: 0px;
        --gap-v-5ed4f694-a0ef-4ca5-9683-51de918f39ea: 0px;
        --gap-uuid: 5ed4f694-a0ef-4ca5-9683-51de918f39ea;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-5ed4f694-a0ef-4ca5-9683-51de918f39ea] {
            height: 1000px;
            --gap-h-5ed4f694-a0ef-4ca5-9683-51de918f39ea: 0px;
            --gap-v-5ed4f694-a0ef-4ca5-9683-51de918f39ea: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-99ba8fc5-79dc-46bc-84f8-3b7490c46707] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: auto;
        justify-content: flex-start;
        padding: 0px;
        width: auto;
        --gap-h-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 60px;
        --gap-v-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 0px;
        --gap-uuid: 99ba8fc5-79dc-46bc-84f8-3b7490c46707;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-99ba8fc5-79dc-46bc-84f8-3b7490c46707] {
            gap: 20px;
            --gap-h-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 20px;
            --gap-v-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 0px;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-99ba8fc5-79dc-46bc-84f8-3b7490c46707] {
            flex: none;
            height: 200px;
            --gap-h-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 60px;
            --gap-v-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 0px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-99ba8fc5-79dc-46bc-84f8-3b7490c46707] {
            flex: none;
            height: 240px;
            --gap-h-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 60px;
            --gap-v-99ba8fc5-79dc-46bc-84f8-3b7490c46707: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-23ec945b-3d17-4d24-b9da-6ad026e60489] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-99ba8fc5-79dc-46bc-84f8-3b7490c46707) * 0));
        justify-content: center;
        padding: 0px;
        --gap-h-23ec945b-3d17-4d24-b9da-6ad026e60489: 0px;
        --gap-v-23ec945b-3d17-4d24-b9da-6ad026e60489: 0px;
        --gap-uuid: 23ec945b-3d17-4d24-b9da-6ad026e60489;
        max-width: 100%;
    }

    .sd[data-s-91139fd1-b85f-4724-b576-34c60de7b73b] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        border-radius: 48px;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 60px;
        justify-content: center;
        width: 60px;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-91139fd1-b85f-4724-b576-34c60de7b73b] {
            flex: none;
            height: 40px;
            width: 40px;
            max-width: 100%;
        }
    }

    .sd[data-s-b87030ca-b7da-492d-81cd-45c67fb71204] {
        color: #FFFFFF;
        font-family: var(--s-font-c3a01ed1);
        font-size: 20px;
        font-weight: 400;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-35631b6c-23a1-4be3-b452-00b599cbd132] {
        background: #ff730f;
        flex: 1;
        height: auto;
        width: 1px;
        max-width: 100%;
    }

    .sd[data-s-467a6fc1-0616-49c5-bb8f-44abb8ac8e62] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        width: auto;
        --gap-h-467a6fc1-0616-49c5-bb8f-44abb8ac8e62: 0px;
        --gap-v-467a6fc1-0616-49c5-bb8f-44abb8ac8e62: 20px;
        --gap-uuid: 467a6fc1-0616-49c5-bb8f-44abb8ac8e62;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-467a6fc1-0616-49c5-bb8f-44abb8ac8e62] {
            margin: 6px 0px 0px 0px;
            --gap-h-467a6fc1-0616-49c5-bb8f-44abb8ac8e62: 0px;
            --gap-v-467a6fc1-0616-49c5-bb8f-44abb8ac8e62: 20px;
            max-width: 100%;
        }
    }

    .sd[data-s-27e1b03b-4f31-44a7-9e6c-edf014586805] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-27e1b03b-4f31-44a7-9e6c-edf014586805] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-27e1b03b-4f31-44a7-9e6c-edf014586805] {
            font-size: 16px;
        }
    }

    .sd[data-s-fd253432-4536-418e-a4f6-f35943a23385] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.8;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-fd253432-4536-418e-a4f6-f35943a23385] {
            font-size: 15px;
            line-height: 1.4;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-fd253432-4536-418e-a4f6-f35943a23385] {
            font-size: 14px;
        }
    }

    .sd[data-s-8de2abc0-6ed3-4e24-b79b-9962b1485467] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: auto;
        justify-content: flex-start;
        padding: 0px;
        width: auto;
        --gap-h-8de2abc0-6ed3-4e24-b79b-9962b1485467: 60px;
        --gap-v-8de2abc0-6ed3-4e24-b79b-9962b1485467: 0px;
        --gap-uuid: 8de2abc0-6ed3-4e24-b79b-9962b1485467;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-8de2abc0-6ed3-4e24-b79b-9962b1485467] {
            gap: 20px;
            --gap-h-8de2abc0-6ed3-4e24-b79b-9962b1485467: 20px;
            --gap-v-8de2abc0-6ed3-4e24-b79b-9962b1485467: 0px;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-8de2abc0-6ed3-4e24-b79b-9962b1485467] {
            flex: none;
            height: 200px;
            --gap-h-8de2abc0-6ed3-4e24-b79b-9962b1485467: 60px;
            --gap-v-8de2abc0-6ed3-4e24-b79b-9962b1485467: 0px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-8de2abc0-6ed3-4e24-b79b-9962b1485467] {
            flex: none;
            height: 160px;
            --gap-h-8de2abc0-6ed3-4e24-b79b-9962b1485467: 60px;
            --gap-v-8de2abc0-6ed3-4e24-b79b-9962b1485467: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-f110d669-6942-4088-b776-de4d4e7de5cb] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-8de2abc0-6ed3-4e24-b79b-9962b1485467) * 0));
        justify-content: center;
        padding: 0px;
        --gap-h-f110d669-6942-4088-b776-de4d4e7de5cb: 0px;
        --gap-v-f110d669-6942-4088-b776-de4d4e7de5cb: 0px;
        --gap-uuid: f110d669-6942-4088-b776-de4d4e7de5cb;
        max-width: 100%;
    }

    .sd[data-s-ef55ba52-5ea6-491d-9888-7137287fbf69] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        border-radius: 48px;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 60px;
        justify-content: center;
        width: 60px;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-ef55ba52-5ea6-491d-9888-7137287fbf69] {
            flex: none;
            height: 40px;
            width: 40px;
            max-width: 100%;
        }
    }

    .sd[data-s-005c021d-d48b-4077-8ba4-4ae53ef5c744] {
        color: #FFFFFF;
        font-family: var(--s-font-c3a01ed1);
        font-size: 20px;
        font-weight: 400;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-089916eb-0bc7-465b-a656-3784e92a8077] {
        background: #ff730f;
        flex: 1;
        height: auto;
        width: 1px;
        max-width: 100%;
    }

    .sd[data-s-5c65ca97-9627-4bc4-815c-aa4a776d10b2] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        width: auto;
        --gap-h-5c65ca97-9627-4bc4-815c-aa4a776d10b2: 0px;
        --gap-v-5c65ca97-9627-4bc4-815c-aa4a776d10b2: 20px;
        --gap-uuid: 5c65ca97-9627-4bc4-815c-aa4a776d10b2;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-5c65ca97-9627-4bc4-815c-aa4a776d10b2] {
            margin: 6px 0px 0px 0px;
            --gap-h-5c65ca97-9627-4bc4-815c-aa4a776d10b2: 0px;
            --gap-v-5c65ca97-9627-4bc4-815c-aa4a776d10b2: 20px;
            max-width: 100%;
        }
    }

    .sd[data-s-43a2d312-428d-4013-817a-d29c35e1a23c] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-43a2d312-428d-4013-817a-d29c35e1a23c] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-43a2d312-428d-4013-817a-d29c35e1a23c] {
            font-size: 16px;
        }
    }

    .sd[data-s-9dd8f7cc-2f93-4fd1-b37a-d6377af517ea] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.8;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-9dd8f7cc-2f93-4fd1-b37a-d6377af517ea] {
            font-size: 15px;
            line-height: 1.4;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-9dd8f7cc-2f93-4fd1-b37a-d6377af517ea] {
            font-size: 14px;
        }
    }

    .sd[data-s-5975505b-7980-4cc5-8c56-aaebe6554d45] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: auto;
        justify-content: flex-start;
        padding: 0px;
        width: auto;
        --gap-h-5975505b-7980-4cc5-8c56-aaebe6554d45: 60px;
        --gap-v-5975505b-7980-4cc5-8c56-aaebe6554d45: 0px;
        --gap-uuid: 5975505b-7980-4cc5-8c56-aaebe6554d45;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-5975505b-7980-4cc5-8c56-aaebe6554d45] {
            gap: 20px;
            --gap-h-5975505b-7980-4cc5-8c56-aaebe6554d45: 20px;
            --gap-v-5975505b-7980-4cc5-8c56-aaebe6554d45: 0px;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-5975505b-7980-4cc5-8c56-aaebe6554d45] {
            flex: none;
            height: 200px;
            --gap-h-5975505b-7980-4cc5-8c56-aaebe6554d45: 60px;
            --gap-v-5975505b-7980-4cc5-8c56-aaebe6554d45: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-807458df-8db3-4fed-9351-4d86c9044c92] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-5975505b-7980-4cc5-8c56-aaebe6554d45) * 0));
        justify-content: center;
        padding: 0px;
        --gap-h-807458df-8db3-4fed-9351-4d86c9044c92: 0px;
        --gap-v-807458df-8db3-4fed-9351-4d86c9044c92: 0px;
        --gap-uuid: 807458df-8db3-4fed-9351-4d86c9044c92;
        max-width: 100%;
    }

    .sd[data-s-73434fa5-0220-4eb6-981b-9e282fc234c7] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        border-radius: 48px;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 60px;
        justify-content: center;
        width: 60px;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-73434fa5-0220-4eb6-981b-9e282fc234c7] {
            flex: none;
            height: 40px;
            width: 40px;
            max-width: 100%;
        }
    }

    .sd[data-s-4615d496-908e-46f1-bfaa-355914b7e470] {
        color: #FFFFFF;
        font-family: var(--s-font-c3a01ed1);
        font-size: 20px;
        font-weight: 400;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-a515f806-5444-4eea-98af-aef63ba460d3] {
        background: #ff730f;
        flex: 1;
        height: auto;
        width: 1px;
        max-width: 100%;
    }

    .sd[data-s-6367b0e2-f840-466f-bd72-0f2f5f151bf6] {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: flex-start;
        padding: 0px;
        --gap-h-6367b0e2-f840-466f-bd72-0f2f5f151bf6: 20px;
        --gap-v-6367b0e2-f840-466f-bd72-0f2f5f151bf6: 0px;
        --gap-uuid: 6367b0e2-f840-466f-bd72-0f2f5f151bf6;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-6367b0e2-f840-466f-bd72-0f2f5f151bf6] {
            flex: 1;
            width: auto;
            --gap-h-6367b0e2-f840-466f-bd72-0f2f5f151bf6: 20px;
            --gap-v-6367b0e2-f840-466f-bd72-0f2f5f151bf6: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-7ec30fb5-13ce-411d-925d-fca46378a574] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        width: 420px;
        --gap-h-7ec30fb5-13ce-411d-925d-fca46378a574: 0px;
        --gap-v-7ec30fb5-13ce-411d-925d-fca46378a574: 20px;
        --gap-uuid: 7ec30fb5-13ce-411d-925d-fca46378a574;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-7ec30fb5-13ce-411d-925d-fca46378a574] {
            flex: 1;
            width: auto;
            --gap-h-7ec30fb5-13ce-411d-925d-fca46378a574: 0px;
            --gap-v-7ec30fb5-13ce-411d-925d-fca46378a574: 20px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-7ec30fb5-13ce-411d-925d-fca46378a574] {
            margin: 6px 0px 0px 0px;
            --gap-h-7ec30fb5-13ce-411d-925d-fca46378a574: 0px;
            --gap-v-7ec30fb5-13ce-411d-925d-fca46378a574: 20px;
            max-width: 100%;
        }
    }

    .sd[data-s-6d025b88-0282-449a-9fa6-90f306a493d3] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-6d025b88-0282-449a-9fa6-90f306a493d3] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-6d025b88-0282-449a-9fa6-90f306a493d3] {
            font-size: 16px;
        }
    }

    .sd[data-s-4119501f-3e8d-4a4d-8f43-912252143c9a] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.8;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-4119501f-3e8d-4a4d-8f43-912252143c9a] {
            font-size: 15px;
            line-height: 1.4;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-4119501f-3e8d-4a4d-8f43-912252143c9a] {
            font-size: 14px;
        }
    }

    .sd[data-s-cd3519a5-121d-4cac-bcd7-fbe050f1a3af] {
        flex: none;
        height: auto;
        width: 262px;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-cd3519a5-121d-4cac-bcd7-fbe050f1a3af] {
            display: flex;
            flex: none;
            width: 180px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-cd3519a5-121d-4cac-bcd7-fbe050f1a3af] {
            display: none;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-cd3519a5-121d-4cac-bcd7-fbe050f1a3af] {
            display: none;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-cd3519a5-121d-4cac-bcd7-fbe050f1a3af] {
            display: none;
        }
    }

    .sd[data-s-8ccc6d5a-7860-4fc3-9fb8-09ada862efba] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: auto;
        justify-content: flex-start;
        padding: 0px;
        width: auto;
        --gap-h-8ccc6d5a-7860-4fc3-9fb8-09ada862efba: 60px;
        --gap-v-8ccc6d5a-7860-4fc3-9fb8-09ada862efba: 0px;
        --gap-uuid: 8ccc6d5a-7860-4fc3-9fb8-09ada862efba;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-8ccc6d5a-7860-4fc3-9fb8-09ada862efba] {
            gap: 20px;
            --gap-h-8ccc6d5a-7860-4fc3-9fb8-09ada862efba: 20px;
            --gap-v-8ccc6d5a-7860-4fc3-9fb8-09ada862efba: 0px;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-8ccc6d5a-7860-4fc3-9fb8-09ada862efba] {
            flex: none;
            height: 200px;
            --gap-h-8ccc6d5a-7860-4fc3-9fb8-09ada862efba: 60px;
            --gap-v-8ccc6d5a-7860-4fc3-9fb8-09ada862efba: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-d7085d21-1b47-4c6e-81b4-b2163c47acf4] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-8ccc6d5a-7860-4fc3-9fb8-09ada862efba) * 0));
        justify-content: center;
        padding: 0px;
        --gap-h-d7085d21-1b47-4c6e-81b4-b2163c47acf4: 0px;
        --gap-v-d7085d21-1b47-4c6e-81b4-b2163c47acf4: 0px;
        --gap-uuid: d7085d21-1b47-4c6e-81b4-b2163c47acf4;
        max-width: 100%;
    }

    .sd[data-s-a1fbeb9a-e1ed-42ba-9908-05ff8fef6b80] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        border-radius: 48px;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 60px;
        justify-content: center;
        width: 60px;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-a1fbeb9a-e1ed-42ba-9908-05ff8fef6b80] {
            flex: none;
            height: 40px;
            width: 40px;
            max-width: 100%;
        }
    }

    .sd[data-s-5384716f-3917-4080-9ac7-24a9fbbda944] {
        color: #FFFFFF;
        font-family: var(--s-font-c3a01ed1);
        font-size: 20px;
        font-weight: 400;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-6e375167-523e-42e4-aadc-7cc1bcb7e099] {
        background: #ff730f;
        flex: 1;
        height: auto;
        width: 1px;
        max-width: 100%;
    }

    .sd[data-s-652fb117-39de-4e25-8dcf-012e9e5f77ce] {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: flex-start;
        padding: 0px;
        --gap-h-652fb117-39de-4e25-8dcf-012e9e5f77ce: 20px;
        --gap-v-652fb117-39de-4e25-8dcf-012e9e5f77ce: 0px;
        --gap-uuid: 652fb117-39de-4e25-8dcf-012e9e5f77ce;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-652fb117-39de-4e25-8dcf-012e9e5f77ce] {
            flex: 1;
            width: auto;
            --gap-h-652fb117-39de-4e25-8dcf-012e9e5f77ce: 20px;
            --gap-v-652fb117-39de-4e25-8dcf-012e9e5f77ce: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-d41ed8a7-d1c8-418b-9402-c664ea410598] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        width: 420px;
        --gap-h-d41ed8a7-d1c8-418b-9402-c664ea410598: 0px;
        --gap-v-d41ed8a7-d1c8-418b-9402-c664ea410598: 20px;
        --gap-uuid: d41ed8a7-d1c8-418b-9402-c664ea410598;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-d41ed8a7-d1c8-418b-9402-c664ea410598] {
            flex: 1;
            width: auto;
            --gap-h-d41ed8a7-d1c8-418b-9402-c664ea410598: 0px;
            --gap-v-d41ed8a7-d1c8-418b-9402-c664ea410598: 20px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-d41ed8a7-d1c8-418b-9402-c664ea410598] {
            margin: 6px 0px 0px 0px;
            --gap-h-d41ed8a7-d1c8-418b-9402-c664ea410598: 0px;
            --gap-v-d41ed8a7-d1c8-418b-9402-c664ea410598: 20px;
            max-width: 100%;
        }
    }

    .sd[data-s-300a2e80-28f3-4a39-9cec-250a7608fcff] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-300a2e80-28f3-4a39-9cec-250a7608fcff] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-300a2e80-28f3-4a39-9cec-250a7608fcff] {
            font-size: 16px;
        }
    }

    .sd[data-s-59c30b07-d701-424b-bfec-82008599b09f] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.8;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-59c30b07-d701-424b-bfec-82008599b09f] {
            font-size: 15px;
            line-height: 1.4;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-59c30b07-d701-424b-bfec-82008599b09f] {
            font-size: 14px;
        }
    }

    .sd[data-s-039c0088-b532-4b91-ac6d-1d0fc1139a2a] {
        flex: none;
        height: auto;
        width: 262px;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-039c0088-b532-4b91-ac6d-1d0fc1139a2a] {
            flex: none;
            width: 180px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-039c0088-b532-4b91-ac6d-1d0fc1139a2a] {
            display: none;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-039c0088-b532-4b91-ac6d-1d0fc1139a2a] {
            display: none;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-039c0088-b532-4b91-ac6d-1d0fc1139a2a] {
            display: none;
        }
    }

    .sd[data-s-58cf6b56-d55f-42e7-b299-f7baa00cab66] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: auto;
        justify-content: flex-start;
        padding: 0px;
        width: auto;
        --gap-h-58cf6b56-d55f-42e7-b299-f7baa00cab66: 60px;
        --gap-v-58cf6b56-d55f-42e7-b299-f7baa00cab66: 0px;
        --gap-uuid: 58cf6b56-d55f-42e7-b299-f7baa00cab66;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-58cf6b56-d55f-42e7-b299-f7baa00cab66] {
            gap: 20px;
            --gap-h-58cf6b56-d55f-42e7-b299-f7baa00cab66: 20px;
            --gap-v-58cf6b56-d55f-42e7-b299-f7baa00cab66: 0px;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-58cf6b56-d55f-42e7-b299-f7baa00cab66] {
            flex: none;
            height: 200px;
            --gap-h-58cf6b56-d55f-42e7-b299-f7baa00cab66: 60px;
            --gap-v-58cf6b56-d55f-42e7-b299-f7baa00cab66: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-d89e9ef3-4876-441b-a4e4-a655e17b5ab1] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-58cf6b56-d55f-42e7-b299-f7baa00cab66) * 0));
        justify-content: center;
        padding: 0px;
        --gap-h-d89e9ef3-4876-441b-a4e4-a655e17b5ab1: 0px;
        --gap-v-d89e9ef3-4876-441b-a4e4-a655e17b5ab1: 0px;
        --gap-uuid: d89e9ef3-4876-441b-a4e4-a655e17b5ab1;
        max-width: 100%;
    }

    .sd[data-s-2d4fd317-fa39-43c0-933f-9f9cd6f96f6f] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        border-radius: 48px;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 60px;
        justify-content: center;
        width: 60px;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-2d4fd317-fa39-43c0-933f-9f9cd6f96f6f] {
            flex: none;
            height: 40px;
            width: 40px;
            max-width: 100%;
        }
    }

    .sd[data-s-481eaa59-239c-4f04-836b-51cfd3e363fb] {
        color: #FFFFFF;
        font-family: var(--s-font-c3a01ed1);
        font-size: 20px;
        font-weight: 400;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-8eb5e339-18c7-4079-a6fb-3f2a904c3cbc] {
        background: #ff730f;
        flex: 1;
        height: auto;
        width: 1px;
        max-width: 100%;
    }

    .sd[data-s-db79709b-d1db-4d68-b4ef-d0f189288084] {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: flex-start;
        padding: 0px;
        --gap-h-db79709b-d1db-4d68-b4ef-d0f189288084: 20px;
        --gap-v-db79709b-d1db-4d68-b4ef-d0f189288084: 0px;
        --gap-uuid: db79709b-d1db-4d68-b4ef-d0f189288084;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-db79709b-d1db-4d68-b4ef-d0f189288084] {
            flex: 1;
            width: auto;
            --gap-h-db79709b-d1db-4d68-b4ef-d0f189288084: 20px;
            --gap-v-db79709b-d1db-4d68-b4ef-d0f189288084: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-1c923506-dd67-4cbd-83b5-301ca793d779] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        width: 420px;
        --gap-h-1c923506-dd67-4cbd-83b5-301ca793d779: 0px;
        --gap-v-1c923506-dd67-4cbd-83b5-301ca793d779: 20px;
        --gap-uuid: 1c923506-dd67-4cbd-83b5-301ca793d779;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-1c923506-dd67-4cbd-83b5-301ca793d779] {
            flex: 1;
            width: auto;
            --gap-h-1c923506-dd67-4cbd-83b5-301ca793d779: 0px;
            --gap-v-1c923506-dd67-4cbd-83b5-301ca793d779: 20px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-1c923506-dd67-4cbd-83b5-301ca793d779] {
            margin: 6px 0px 0px 0px;
            --gap-h-1c923506-dd67-4cbd-83b5-301ca793d779: 0px;
            --gap-v-1c923506-dd67-4cbd-83b5-301ca793d779: 20px;
            max-width: 100%;
        }
    }

    .sd[data-s-aaafb07e-bae4-4ebd-a739-b24e9abb139c] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-aaafb07e-bae4-4ebd-a739-b24e9abb139c] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-aaafb07e-bae4-4ebd-a739-b24e9abb139c] {
            font-size: 16px;
        }
    }

    .sd[data-s-c7efd72f-386d-4c14-b892-c24992b32756] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.8;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-c7efd72f-386d-4c14-b892-c24992b32756] {
            font-size: 15px;
            line-height: 1.4;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-c7efd72f-386d-4c14-b892-c24992b32756] {
            font-size: 14px;
        }
    }

    .sd[data-s-8164227c-2c4b-47f0-b116-09d2fd64e4fa] {
        flex: none;
        height: auto;
        width: 262px;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-8164227c-2c4b-47f0-b116-09d2fd64e4fa] {
            flex: none;
            width: 180px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-8164227c-2c4b-47f0-b116-09d2fd64e4fa] {
            display: none;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-8164227c-2c4b-47f0-b116-09d2fd64e4fa] {
            display: none;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-8164227c-2c4b-47f0-b116-09d2fd64e4fa] {
            display: none;
        }
    }

    .sd[data-s-ff71b67c-84c1-45be-9992-951788414d3f] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: 30vh;
        justify-content: center;
        padding: 0px;
        --gap-h-ff71b67c-84c1-45be-9992-951788414d3f: 60px;
        --gap-v-ff71b67c-84c1-45be-9992-951788414d3f: 0px;
        --gap-uuid: ff71b67c-84c1-45be-9992-951788414d3f;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-ff71b67c-84c1-45be-9992-951788414d3f] {
            align-content: flex-start;
            align-items: flex-start;
            flex: none;
            height: 40vh;
            justify-content: flex-start;
            width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
            --gap-h-ff71b67c-84c1-45be-9992-951788414d3f: 60px;
            --gap-v-ff71b67c-84c1-45be-9992-951788414d3f: 0px;
            max-width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-ff71b67c-84c1-45be-9992-951788414d3f] {
            flex: none;
            gap: 20px;
            height: 300px;
            --gap-h-ff71b67c-84c1-45be-9992-951788414d3f: 20px;
            --gap-v-ff71b67c-84c1-45be-9992-951788414d3f: 0px;
            width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
            max-width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-ff71b67c-84c1-45be-9992-951788414d3f] {
            flex: none;
            height: 320px;
            --gap-h-ff71b67c-84c1-45be-9992-951788414d3f: 60px;
            --gap-v-ff71b67c-84c1-45be-9992-951788414d3f: 0px;
            width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
            max-width: calc(100% - (var(--gap-h-7b61cd9d-492b-4e11-9782-e390be2f116a) * 0));
        }
    }

    .sd[data-s-e126d524-500f-434a-b98c-5d75060b2760] {
        align-content: center;
        align-items: center;
        background: #2094ce;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: calc(100% - (var(--gap-v-ff71b67c-84c1-45be-9992-951788414d3f) * 0));
        justify-content: flex-start;
        padding: 30px 8px;
        width: auto;
        max-width: 100%;
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-e126d524-500f-434a-b98c-5d75060b2760] {
            flex: none;
            padding: 30px 4px;
            width: 28px;
            max-width: 100%;
            height: calc(100% - (var(--gap-v-ff71b67c-84c1-45be-9992-951788414d3f) * 0));
        }
    }

    .sd[data-s-9a04f240-2ace-4c96-b626-ca75ba65dcdd] {
        color: #FFFFFF;
        font-family: var(--s-font-80a60f9d);
        font-size: 20px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        text-orientation: upright;
        -webkit-text-orientation: upright;
        width: auto;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-9a04f240-2ace-4c96-b626-ca75ba65dcdd] {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-9a04f240-2ace-4c96-b626-ca75ba65dcdd] {
            font-size: 14px;
        }
    }

    .sd[data-s-f14950af-eb40-4de6-a3cb-128746cb1a76] {
        flex: none;
        height: 15px;
        left: 0;
        margin: 0 0 0 0;
        position: absolute;
        top: 0;
        width: 100%;
        max-width: 100%;
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-f14950af-eb40-4de6-a3cb-128746cb1a76] {
            flex: none;
            height: 9px;
            width: 100%;
            max-width: 100%;
        }
    }

    .sd[data-s-377ccc67-4461-4e29-bb74-94c16f854058] {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        justify-content: center;
        padding: 0px;
        --gap-h-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
        --gap-v-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
        --gap-uuid: 377ccc67-4461-4e29-bb74-94c16f854058;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-377ccc67-4461-4e29-bb74-94c16f854058] {
            flex: 1;
            height: calc(100% - (var(--gap-v-ff71b67c-84c1-45be-9992-951788414d3f) * 0));
            width: auto;
            --gap-h-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
            --gap-v-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-377ccc67-4461-4e29-bb74-94c16f854058] {
            align-content: flex-start;
            align-items: flex-start;
            justify-content: flex-start;
            --gap-h-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
            --gap-v-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-377ccc67-4461-4e29-bb74-94c16f854058] {
            align-content: flex-start;
            align-items: flex-start;
            justify-content: flex-start;
            --gap-h-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
            --gap-v-377ccc67-4461-4e29-bb74-94c16f854058: 0px;
        }
    }

    .sd[data-s-bae6bd16-0d6b-4206-9a5a-da8acc37f433] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: 140px;
        justify-content: flex-start;
        padding: 0px;
        width: auto;
        --gap-h-bae6bd16-0d6b-4206-9a5a-da8acc37f433: 60px;
        --gap-v-bae6bd16-0d6b-4206-9a5a-da8acc37f433: 0px;
        --gap-uuid: bae6bd16-0d6b-4206-9a5a-da8acc37f433;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-bae6bd16-0d6b-4206-9a5a-da8acc37f433] {
            flex: 1;
            gap: 20px;
            height: auto;
            --gap-h-bae6bd16-0d6b-4206-9a5a-da8acc37f433: 20px;
            --gap-v-bae6bd16-0d6b-4206-9a5a-da8acc37f433: 0px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-bae6bd16-0d6b-4206-9a5a-da8acc37f433] {
            flex: none;
            height: 150px;
            --gap-h-bae6bd16-0d6b-4206-9a5a-da8acc37f433: 60px;
            --gap-v-bae6bd16-0d6b-4206-9a5a-da8acc37f433: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-1f83d3b0-dcd0-47a6-9679-94f59811ef52] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-bae6bd16-0d6b-4206-9a5a-da8acc37f433) * 0));
        justify-content: center;
        padding: 0px;
        --gap-h-1f83d3b0-dcd0-47a6-9679-94f59811ef52: 0px;
        --gap-v-1f83d3b0-dcd0-47a6-9679-94f59811ef52: 0px;
        --gap-uuid: 1f83d3b0-dcd0-47a6-9679-94f59811ef52;
        max-width: 100%;
    }

    .sd[data-s-7262c7cb-4c73-42af-b8f9-8b6f2182554b] {
        align-content: center;
        align-items: center;
        background: #2194ceff;
        border-radius: 48px;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 60px;
        justify-content: center;
        width: 60px;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-7262c7cb-4c73-42af-b8f9-8b6f2182554b] {
            flex: none;
            height: 40px;
            width: 40px;
            max-width: 100%;
        }
    }

    .sd[data-s-9538daf3-4f89-423c-bc4f-3befb42a3b52] {
        color: #FFFFFF;
        font-family: var(--s-font-c3a01ed1);
        font-size: 20px;
        font-weight: 400;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-1ade569c-e331-4255-b53c-c8a0422319e4] {
        background: #2194ceff;
        flex: 1;
        height: auto;
        width: 1px;
        max-width: 100%;
    }

    .sd[data-s-69fd2c3e-9633-4522-9adf-2983df0f0378] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        width: auto;
        --gap-h-69fd2c3e-9633-4522-9adf-2983df0f0378: 0px;
        --gap-v-69fd2c3e-9633-4522-9adf-2983df0f0378: 20px;
        --gap-uuid: 69fd2c3e-9633-4522-9adf-2983df0f0378;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-69fd2c3e-9633-4522-9adf-2983df0f0378] {
            margin: 6px 0px 0px 0px;
            --gap-h-69fd2c3e-9633-4522-9adf-2983df0f0378: 0px;
            --gap-v-69fd2c3e-9633-4522-9adf-2983df0f0378: 20px;
            max-width: 100%;
        }
    }

    .sd[data-s-321efee3-b1fc-48a5-81ff-ac11a8952f63] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-321efee3-b1fc-48a5-81ff-ac11a8952f63] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-321efee3-b1fc-48a5-81ff-ac11a8952f63] {
            font-size: 16px;
        }
    }

    .sd[data-s-c0f685e4-0368-4d14-bb87-eb3348a69f83] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.8;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-c0f685e4-0368-4d14-bb87-eb3348a69f83] {
            font-size: 15px;
            line-height: 1.4;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-c0f685e4-0368-4d14-bb87-eb3348a69f83] {
            font-size: 14px;
        }
    }

    .sd[data-s-5dd97302-eb95-45f5-9af6-6f4155c02ac6] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        height: 140px;
        justify-content: flex-start;
        padding: 0px;
        width: auto;
        --gap-h-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 60px;
        --gap-v-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 0px;
        --gap-uuid: 5dd97302-eb95-45f5-9af6-6f4155c02ac6;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-5dd97302-eb95-45f5-9af6-6f4155c02ac6] {
            flex: 1;
            gap: 20px;
            height: auto;
            --gap-h-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 20px;
            --gap-v-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 0px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-5dd97302-eb95-45f5-9af6-6f4155c02ac6] {
            flex: none;
            height: auto;
            --gap-h-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 60px;
            --gap-v-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 0px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-5dd97302-eb95-45f5-9af6-6f4155c02ac6] {
            flex: none;
            height: 100px;
            --gap-h-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 60px;
            --gap-v-5dd97302-eb95-45f5-9af6-6f4155c02ac6: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-6b641184-df48-41ff-8bd0-27721ec130b0] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        height: calc(100% - (var(--gap-v-5dd97302-eb95-45f5-9af6-6f4155c02ac6) * 0));
        justify-content: flex-start;
        padding: 0px;
        --gap-h-6b641184-df48-41ff-8bd0-27721ec130b0: 0px;
        --gap-v-6b641184-df48-41ff-8bd0-27721ec130b0: 0px;
        --gap-uuid: 6b641184-df48-41ff-8bd0-27721ec130b0;
        max-width: 100%;
    }

    .sd[data-s-59e4e52c-d33f-4a64-a6db-2f0a6f4b3e1d] {
        align-content: center;
        align-items: center;
        background: #2194ceff;
        border-radius: 48px;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 60px;
        justify-content: center;
        width: 60px;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-59e4e52c-d33f-4a64-a6db-2f0a6f4b3e1d] {
            flex: none;
            height: 40px;
            width: 40px;
            max-width: 100%;
        }
    }

    .sd[data-s-c637e481-ee23-4ede-ac77-bbb2f8df6ef5] {
        color: #FFFFFF;
        font-family: var(--s-font-c3a01ed1);
        font-size: 20px;
        font-weight: 400;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-1acd0668-f6c2-4df4-9f12-bfcf7c3fb539] {
        align-content: flex-start;
        align-items: flex-start;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        margin: 12px 0px 0px 0px;
        padding: 0px;
        width: auto;
        --gap-h-1acd0668-f6c2-4df4-9f12-bfcf7c3fb539: 0px;
        --gap-v-1acd0668-f6c2-4df4-9f12-bfcf7c3fb539: 20px;
        --gap-uuid: 1acd0668-f6c2-4df4-9f12-bfcf7c3fb539;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-1acd0668-f6c2-4df4-9f12-bfcf7c3fb539] {
            margin: 6px 0px 0px 0px;
            --gap-h-1acd0668-f6c2-4df4-9f12-bfcf7c3fb539: 0px;
            --gap-v-1acd0668-f6c2-4df4-9f12-bfcf7c3fb539: 20px;
            max-width: 100%;
        }
    }

    .sd[data-s-b5287a45-40e9-4ed5-9b8a-d1e5db7f420a] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-b5287a45-40e9-4ed5-9b8a-d1e5db7f420a] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-b5287a45-40e9-4ed5-9b8a-d1e5db7f420a] {
            font-size: 16px;
        }
    }

    .sd[data-s-308da73e-1282-42a1-94d8-3fb28d1cc086] {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.8;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-308da73e-1282-42a1-94d8-3fb28d1cc086] {
            font-size: 15px;
            line-height: 1.4;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-308da73e-1282-42a1-94d8-3fb28d1cc086] {
            font-size: 14px;
        }
    }

    /*! CSS Used from: Embedded */
    .sd[data-r-1_0_1_1_0_12_2bb72e4a-93b5-48f1-947f-d5b09ec7468f_f14950af-eb40-4de6-a3cb-128746cb1a76]:before {
        background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/1pqDex3Yaj/s-46x15_1e0a04d9-ba81-422d-a9ff-adc1a0b1cf0d.svg");
    }
</style>
<style>
    /*! CSS Used from: https://lp.tokuty.jp/_nuxt/entry.ccdb2b3a.css */
    div,
    img,
    p {
        border: 0;
        font-family: sans-serif;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        color: #333;
        transition: .3s cubic-bezier(.4, .4, 0, 1);
        word-spacing: 1px;
    }

    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .image {
        position: relative;
    }

    .image:before {
        background-position: 50%;
        background-size: cover;
        border-radius: inherit;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: inherit;
        width: 100%;
        z-index: -2;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /*! CSS Used from: Embedded */
    div,
    img,
    p {
        border: 0;
        font-family: sans-serif;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        color: #333;
        transition: .3s cubic-bezier(.4, .4, 0, 1);
        word-spacing: 1px;
    }

    /*! CSS Used from: Embedded */
    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .image {
        position: relative;
    }

    .image:before {
        background-position: 50%;
        background-size: cover;
        border-radius: inherit;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: inherit;
        width: 100%;
        z-index: -2;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /*! CSS Used from: Embedded */
    .sd[data-s-57774f7b-2708-46a1-a3aa-5b066ecdf096] {
        align-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        justify-content: center;
        padding: 0px;
        --gap-h-57774f7b-2708-46a1-a3aa-5b066ecdf096: 0px;
        --gap-v-57774f7b-2708-46a1-a3aa-5b066ecdf096: 0px;
        --gap-uuid: 57774f7b-2708-46a1-a3aa-5b066ecdf096;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-57774f7b-2708-46a1-a3aa-5b066ecdf096] {
            margin: 0px 0px 0px 0px;
            --gap-h-57774f7b-2708-46a1-a3aa-5b066ecdf096: 0px;
            --gap-v-57774f7b-2708-46a1-a3aa-5b066ecdf096: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-d402175b-fc84-4f3e-8052-df199df7b22b] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0px;
        justify-content: flex-end;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        width: auto;
        --gap-h-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
        --gap-v-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
        --gap-uuid: d402175b-fc84-4f3e-8052-df199df7b22b;
        max-width: 100%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-d402175b-fc84-4f3e-8052-df199df7b22b] {
            flex: none;
            flex-direction: column;
            flex-wrap: nowrap;
            --gap-h-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
            --gap-v-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-d402175b-fc84-4f3e-8052-df199df7b22b] {
            align-content: flex-end;
            align-items: center;
            flex: none;
            justify-content: flex-end;
            margin: -12px 0px -12px 0px;
            width: calc(100% - (var(--gap-h-57774f7b-2708-46a1-a3aa-5b066ecdf096) * 0));
            --gap-h-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
            --gap-v-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
            max-width: calc(100% - (var(--gap-h-57774f7b-2708-46a1-a3aa-5b066ecdf096) * 0));
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-d402175b-fc84-4f3e-8052-df199df7b22b] {
            align-content: center;
            align-items: center;
            flex: none;
            justify-content: flex-end;
            margin: 0px 0px 0px 0px;
            width: calc(100% - (var(--gap-h-57774f7b-2708-46a1-a3aa-5b066ecdf096) * 0));
            --gap-h-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
            --gap-v-d402175b-fc84-4f3e-8052-df199df7b22b: 0px;
            max-width: calc(100% - (var(--gap-h-57774f7b-2708-46a1-a3aa-5b066ecdf096) * 0));
        }
    }

    .sd[data-s-8b578c47-afcc-4d75-be77-501b5f10aa23] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        border-bottom: 0px solid #dcd7dfff;
        border-left: 0px solid #dcd7dfff;
        border-radius: 12px;
        border-right: 0px solid #dcd7dfff;
        border-top: 0px solid #dcd7dfff;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
        justify-content: center;
        padding: 12px 32px;
        width: calc(100% - (var(--gap-h-d402175b-fc84-4f3e-8052-df199df7b22b) * 0));
        max-width: calc(100% - (var(--gap-h-d402175b-fc84-4f3e-8052-df199df7b22b) * 0));
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-8b578c47-afcc-4d75-be77-501b5f10aa23] {
            padding: 20px 12px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-8b578c47-afcc-4d75-be77-501b5f10aa23] {
            flex: none;
            width: auto;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-8b578c47-afcc-4d75-be77-501b5f10aa23] {
            padding: 12px 12px;
        }
    }

    .sd[data-s-7c2401f9-f5ec-469c-ac18-964b32e6772d] {
        color: #FFFFFF;
        font-family: var(--s-font-80a60f9d);
        font-size: 20px;
        font-weight: 700;
        height: auto;
        letter-spacing: 0.16em;
        line-height: 1.6;
        text-align: center;
        width: auto;
        max-width: 100%;
        justify-content: center;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-7c2401f9-f5ec-469c-ac18-964b32e6772d] {
            font-size: 15px;
            padding: 0px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-7c2401f9-f5ec-469c-ac18-964b32e6772d] {
            font-size: 14px;
            letter-spacing: normal;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-7c2401f9-f5ec-469c-ac18-964b32e6772d] {
            font-size: 12px;
        }
    }

    .sd[data-s-e87c78fd-03a4-4035-b7b3-0893f07d5c89] {
        height: 30px;
        margin: -1px 20px 0px 0px;
        transform: rotate(0deg);
        width: 30px;
        max-width: calc(100% - 20px);
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-e87c78fd-03a4-4035-b7b3-0893f07d5c89] {
            flex: none;
            height: 20px;
            width: 20px;
            max-width: calc(100% - 20px);
        }
    }

    .sd[data-s-99bd7974-0e65-4dd9-a280-8b4ae8cfc709] {
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0px;
        height: 76px;
        justify-content: center;
        padding: 0px;
        --gap-h-99bd7974-0e65-4dd9-a280-8b4ae8cfc709: 0px;
        --gap-v-99bd7974-0e65-4dd9-a280-8b4ae8cfc709: 0px;
        --gap-uuid: 99bd7974-0e65-4dd9-a280-8b4ae8cfc709;
        max-width: 100%;
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-99bd7974-0e65-4dd9-a280-8b4ae8cfc709] {
            flex: none;
            height: auto;
            --gap-h-99bd7974-0e65-4dd9-a280-8b4ae8cfc709: 0px;
            --gap-v-99bd7974-0e65-4dd9-a280-8b4ae8cfc709: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-1361dd77-0f3b-42f9-8c6c-3f65935c5fd9] {
        color: #222222ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 36px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-1361dd77-0f3b-42f9-8c6c-3f65935c5fd9] {
            font-size: 32px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-1361dd77-0f3b-42f9-8c6c-3f65935c5fd9] {
            font-size: 20px;
        }
    }

    .sd[data-s-8a9e553c-0d4f-426c-9746-cf064a49f1bc] {
        color: #222222ff;
        font-family: var(--s-font-c3a01ed1);
        font-size: 64px;
        font-weight: 600;
        height: auto;
        line-height: 1;
        margin: 0px 0px 12px 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-8a9e553c-0d4f-426c-9746-cf064a49f1bc] {
            font-size: 48px;
            margin: 0px 0px 2px 0px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-8a9e553c-0d4f-426c-9746-cf064a49f1bc] {
            font-size: 32px;
            margin: 0px 0px 4px 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-54c647d4-fd02-476c-bd80-ea89800a95cf] {
        color: #222222ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 36px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        padding: 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-54c647d4-fd02-476c-bd80-ea89800a95cf] {
            font-size: 32px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-54c647d4-fd02-476c-bd80-ea89800a95cf] {
            font-size: 20px;
        }
    }

    .sd[data-s-b539276f-8098-4622-89db-6a33d1262931] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        height: auto;
        justify-content: flex-end;
        padding: 0px;
        max-width: 100%;
    }

    .sd[data-s-29f80abb-0074-4c8f-864a-1417c0ea0204] {
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        padding: 0px;
    }

    .sd[data-s-1b22de5b-8ed7-4d25-aa0a-b6baf636cb6e] {
        color: #222222ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 70px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-1b22de5b-8ed7-4d25-aa0a-b6baf636cb6e] {
            font-size: 64px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-1b22de5b-8ed7-4d25-aa0a-b6baf636cb6e] {
            font-size: 36px;
        }
    }

    .sd[data-s-240bf350-aa81-48bd-b923-d6469f7a062b] {
        bottom: 0px;
        flex: none;
        height: auto;
        left: -20px;
        margin: 0 0 0 0;
        position: absolute;
        right: -11px;
        top: 7px;
        width: 124%;
        z-index: -1;
        max-width: 124%;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-240bf350-aa81-48bd-b923-d6469f7a062b] {
            flex: none;
            width: 160px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-240bf350-aa81-48bd-b923-d6469f7a062b] {
            bottom: -2px;
            flex: none;
            left: -10px;
            right: -8px;
            top: 4px;
            width: 90px;
            max-width: 100%;
        }
    }

    .sd[data-s-83ad06d8-f85d-49c2-8a3c-0bc3691c193e] {
        color: #222222ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 70px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-83ad06d8-f85d-49c2-8a3c-0bc3691c193e] {
            font-size: 64px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-83ad06d8-f85d-49c2-8a3c-0bc3691c193e] {
            font-size: 36px;
        }
    }

    /*! CSS Used from: Embedded */
    .sd[data-r-1_0_1_0_6_e87c78fd-03a4-4035-b7b3-0893f07d5c89]:before {
        background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/1pqDex3Yaj/s-24x25_7e96f163-92a1-4957-a8f9-793440c8fa23.svg");
    }
</style>

<style>
    /*! CSS Used from: https://lp.tokuty.jp/_nuxt/entry.ccdb2b3a.css */
    a,
    div,
    img,
    p {
        border: 0;
        font-family: sans-serif;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        color: #333;
        transition: .3s cubic-bezier(.4, .4, 0, 1);
        word-spacing: 1px;
    }

    a:focus:not(:focus-visible) {
        outline: none;
    }

    a {
        background: transparent;
        font-size: 100%;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }

    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, .15);
    }

    /*! CSS Used from: Embedded */
    a,
    div,
    img,
    p {
        border: 0;
        font-family: sans-serif;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        box-sizing: border-box;
        color: #333;
        transition: .3s cubic-bezier(.4, .4, 0, 1);
        word-spacing: 1px;
    }

    a:focus:not(:focus-visible) {
        outline: none;
    }

    a {
        background: transparent;
        font-size: 100%;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
    }

    /*! CSS Used from: Embedded */
    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, .15);
    }

    /*! CSS Used from: Embedded */
    .sd[data-s-a8e9bcf3-4ab2-47f5-97f2-44bdf52f7fa3] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 60px;
        justify-content: center;
        padding: 0px;
        width: calc(100% - (var(--gap-h-95701680-ed04-46f9-bae9-d214e9a995f0) * 0));
        --gap-h-a8e9bcf3-4ab2-47f5-97f2-44bdf52f7fa3: 60px;
        --gap-v-a8e9bcf3-4ab2-47f5-97f2-44bdf52f7fa3: 0px;
        --gap-uuid: a8e9bcf3-4ab2-47f5-97f2-44bdf52f7fa3;
        max-width: calc(100% - (var(--gap-h-95701680-ed04-46f9-bae9-d214e9a995f0) * 0));
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-a8e9bcf3-4ab2-47f5-97f2-44bdf52f7fa3] {
            flex-direction: column;
            flex-wrap: nowrap;
            gap: 20px;
            --gap-h-a8e9bcf3-4ab2-47f5-97f2-44bdf52f7fa3: 0px;
            --gap-v-a8e9bcf3-4ab2-47f5-97f2-44bdf52f7fa3: 20px;
        }
    }

    .sd[data-s-ad97da1e-b32a-4f87-acd7-4fed60f60b84] {
        flex: none;
        height: auto;
        width: 456px;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-ad97da1e-b32a-4f87-acd7-4fed60f60b84] {
            flex: none;
            width: 400px;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-ad97da1e-b32a-4f87-acd7-4fed60f60b84] {
            flex: none;
            width: 380px;
            max-width: 100%;
        }
    }

    .sd[data-s-6bbb0ce1-c487-4c87-a0d6-b06fb0710699] {
        align-content: flex-start;
        align-items: flex-start;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 40px;
        height: auto;
        justify-content: center;
        padding: 0px;
        --gap-h-6bbb0ce1-c487-4c87-a0d6-b06fb0710699: 0px;
        --gap-v-6bbb0ce1-c487-4c87-a0d6-b06fb0710699: 40px;
        --gap-uuid: 6bbb0ce1-c487-4c87-a0d6-b06fb0710699;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-6bbb0ce1-c487-4c87-a0d6-b06fb0710699] {
            align-content: center;
            align-items: center;
            gap: 20px;
            justify-content: center;
            --gap-h-6bbb0ce1-c487-4c87-a0d6-b06fb0710699: 0px;
            --gap-v-6bbb0ce1-c487-4c87-a0d6-b06fb0710699: 20px;
        }
    }

    .sd[data-s-2f3bd1d2-a38c-41d0-b034-47cad60d19d0] {
        color: #222222ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 28px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-2f3bd1d2-a38c-41d0-b034-47cad60d19d0] {
            font-size: 24px;
            text-align: center;
            justify-content: center;
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-2f3bd1d2-a38c-41d0-b034-47cad60d19d0] {
            font-size: 18px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-2f3bd1d2-a38c-41d0-b034-47cad60d19d0] {
            font-size: 15px;
        }
    }

    @media screen and (max-width: 320px) {
        .sd[data-s-2f3bd1d2-a38c-41d0-b034-47cad60d19d0] {
            font-size: 14px;
        }
    }

    .sd[data-s-b1db8a42-e8dd-42bb-9a94-459c35fc7855] {
        align-content: center;
        align-items: center;
        background: #ff730f;
        border-bottom: 1px solid #ff730f;
        border-left: 1px solid #ff730f;
        border-radius: 96px;
        border-right: 1px solid #ff730f;
        border-top: 1px solid #ff730f;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 12px;
        height: 76px;
        justify-content: center;
        padding: 12px 28px;
        width: auto;
        --gap-h-b1db8a42-e8dd-42bb-9a94-459c35fc7855: 12px;
        --gap-v-b1db8a42-e8dd-42bb-9a94-459c35fc7855: 0px;
        --gap-uuid: b1db8a42-e8dd-42bb-9a94-459c35fc7855;
        max-width: 100%;
    }

    .sd[data-s-b1db8a42-e8dd-42bb-9a94-459c35fc7855]:hover {
        background: #FFFFFF;
        --gap-h-b1db8a42-e8dd-42bb-9a94-459c35fc7855: 12px;
        --gap-v-b1db8a42-e8dd-42bb-9a94-459c35fc7855: 0px;
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-b1db8a42-e8dd-42bb-9a94-459c35fc7855] {
            flex: none;
            height: 70px;
            --gap-h-b1db8a42-e8dd-42bb-9a94-459c35fc7855: 12px;
            --gap-v-b1db8a42-e8dd-42bb-9a94-459c35fc7855: 0px;
            max-width: 100%;
        }
    }

    .sd[data-s-d4dec32a-420a-4bec-92c8-aa56f8c19984] {
        background: #FFFFFF;
        border-radius: 16px;
        color: #ff730f;
        font-family: var(--s-font-80a60f9d);
        font-size: 12px;
        font-weight: 600;
        height: auto;
        letter-spacing: 0.1em;
        line-height: 1.4;
        padding: 2px 8px;
        text-align: center;
        width: auto;
        max-width: 100%;
        justify-content: center;
    }

    .sd[data-s-b1db8a42-e8dd-42bb-9a94-459c35fc7855]:hover .sd[data-s-d4dec32a-420a-4bec-92c8-aa56f8c19984] {
        background: #ff730f;
        color: #FFFFFF;
    }

    .sd[data-s-16ebc15f-0b85-47ac-9bb9-816a5d074ced] {
        color: #FFFFFF;
        font-family: var(--s-font-80a60f9d);
        font-size: 20px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        padding: 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-b1db8a42-e8dd-42bb-9a94-459c35fc7855]:hover .sd[data-s-16ebc15f-0b85-47ac-9bb9-816a5d074ced] {
        color: #ff730f;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-16ebc15f-0b85-47ac-9bb9-816a5d074ced] {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-16ebc15f-0b85-47ac-9bb9-816a5d074ced] {
            font-size: 15px;
        }
    }
</style>

<style>
    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /*! CSS Used from: Embedded */
    div,
    p {
        color: #333;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.6;
    }

    /*! CSS Used from: Embedded */
    .sd {
        flex-wrap: nowrap;
        max-width: 100%;
        pointer-events: all;
        z-index: 0;
        -webkit-overflow-scrolling: touch;
        align-content: center;
        align-items: center;
        display: flex;
        flex: none;
        flex-direction: column;
        position: relative;
    }

    .sd::-webkit-scrollbar {
        display: none;
    }

    .sd {
        transition-property: all, --g-angle, --g-color-0, --g-position-0, --g-color-1, --g-position-1, --g-color-2, --g-position-2, --g-color-3, --g-position-3, --g-color-4, --g-position-4, --g-color-5, --g-position-5, --g-color-6, --g-position-6, --g-color-7, --g-position-7, --g-color-8, --g-position-8, --g-color-9, --g-position-9, --g-color-10, --g-position-10, --g-color-11, --g-position-11;
    }

    .sd.text {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: visible;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /*! CSS Used from: Embedded */
    .sd[data-s-933b4f7a-aae4-4526-a52f-285c455ecee6] {
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: center;
        padding: 0px;
        --gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6: 20px;
        --gap-v-933b4f7a-aae4-4526-a52f-285c455ecee6: 0px;
        --gap-uuid: 933b4f7a-aae4-4526-a52f-285c455ecee6;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-933b4f7a-aae4-4526-a52f-285c455ecee6] {
            align-content: flex-start;
            align-items: flex-start;
            flex: none;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            width: calc(100% - (var(--gap-h-95701680-ed04-46f9-bae9-d214e9a995f0) * 0));
            --gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6: 20px;
            --gap-v-933b4f7a-aae4-4526-a52f-285c455ecee6: 20px;
            max-width: calc(100% - (var(--gap-h-95701680-ed04-46f9-bae9-d214e9a995f0) * 0));
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-933b4f7a-aae4-4526-a52f-285c455ecee6] {
            flex-direction: column;
            flex-wrap: nowrap;
            --gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6: 0px;
            --gap-v-933b4f7a-aae4-4526-a52f-285c455ecee6: 20px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-933b4f7a-aae4-4526-a52f-285c455ecee6] {
            flex-direction: column;
            flex-wrap: nowrap;
            --gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6: 0px;
            --gap-v-933b4f7a-aae4-4526-a52f-285c455ecee6: 20px;
        }
    }

    .sd[data-s-3cc1e02c-f27f-42d1-9690-30e48531ae11] {
        align-content: center;
        align-items: center;
        background: #FFFFFF;
        border-radius: 20px;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        height: 330px;
        justify-content: flex-start;
        padding: 40px 30px;
        width: auto;
        --gap-h-3cc1e02c-f27f-42d1-9690-30e48531ae11: 0px;
        --gap-v-3cc1e02c-f27f-42d1-9690-30e48531ae11: 20px;
        --gap-uuid: 3cc1e02c-f27f-42d1-9690-30e48531ae11;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-3cc1e02c-f27f-42d1-9690-30e48531ae11] {
            flex: none;
            height: 400px;
            width: calc(33% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0.67));
            --gap-h-3cc1e02c-f27f-42d1-9690-30e48531ae11: 0px;
            --gap-v-3cc1e02c-f27f-42d1-9690-30e48531ae11: 20px;
            max-width: calc(33% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0.67));
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-3cc1e02c-f27f-42d1-9690-30e48531ae11] {
            flex: none;
            height: auto;
            padding: 30px 30px;
            width: calc(100% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0));
            --gap-h-3cc1e02c-f27f-42d1-9690-30e48531ae11: 0px;
            --gap-v-3cc1e02c-f27f-42d1-9690-30e48531ae11: 20px;
            max-width: calc(100% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0));
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-3cc1e02c-f27f-42d1-9690-30e48531ae11] {
            flex: none;
            width: 100%;
            --gap-h-3cc1e02c-f27f-42d1-9690-30e48531ae11: 0px;
            --gap-v-3cc1e02c-f27f-42d1-9690-30e48531ae11: 20px;
        }
    }

    .sd[data-s-db5fa561-71fa-446e-ad86-669f9886544b] {
        color: #333;
        font-family: var(--s-font-80a60f9d);
        font-size: 22px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-db5fa561-71fa-446e-ad86-669f9886544b] {
            font-size: 20px;
        }
    }

    .sd[data-s-ade5f95e-397e-44c5-8191-00e7447ee95d] {
        align-content: flex-end;
        align-items: flex-end;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2px;
        justify-content: center;
        padding: 0px;
        --gap-h-ade5f95e-397e-44c5-8191-00e7447ee95d: 2px;
        --gap-v-ade5f95e-397e-44c5-8191-00e7447ee95d: 2px;
        --gap-uuid: ade5f95e-397e-44c5-8191-00e7447ee95d;
    }

    .sd[data-s-99a62ed2-9e9c-44d0-996e-0712d722bca6] {
        color: #ff730f;
        font-family: var(--s-font-c3a01ed1);
        font-size: 64px;
        font-weight: 600;
        height: auto;
        line-height: 1;
        padding: 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-42d70c7f-d71b-4aa4-a649-96269899794f] {
        color: #ff730f;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        margin: 0px 0px 4px 0px;
        padding: 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-ff682e24-8329-4909-ae21-0c6d5e8af588] {
        color: #333;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.6;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-ff682e24-8329-4909-ae21-0c6d5e8af588] {
            font-size: 15px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-ff682e24-8329-4909-ae21-0c6d5e8af588] {
            font-size: 14px;
        }
    }

    .sd[data-s-172b40aa-151a-4a2c-9aca-b3c9a738acaf] {
        align-content: center;
        align-items: center;
        background: #FFFFFF;
        border-radius: 20px;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        height: 330px;
        justify-content: flex-start;
        padding: 40px 30px;
        width: auto;
        --gap-h-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 0px;
        --gap-v-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 20px;
        --gap-uuid: 172b40aa-151a-4a2c-9aca-b3c9a738acaf;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-172b40aa-151a-4a2c-9aca-b3c9a738acaf] {
            flex: none;
            height: 400px;
            width: calc(33% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0.67));
            --gap-h-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 0px;
            --gap-v-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 20px;
            max-width: calc(33% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0.67));
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-172b40aa-151a-4a2c-9aca-b3c9a738acaf] {
            flex: none;
            height: auto;
            padding: 30px 30px;
            width: calc(100% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0));
            --gap-h-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 0px;
            --gap-v-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 20px;
            max-width: calc(100% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0));
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-172b40aa-151a-4a2c-9aca-b3c9a738acaf] {
            flex: none;
            width: 100%;
            --gap-h-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 0px;
            --gap-v-172b40aa-151a-4a2c-9aca-b3c9a738acaf: 20px;
        }
    }

    .sd[data-s-fbfc74bf-0da9-48a4-a919-1af1e2ff735d] {
        color: #333;
        font-family: var(--s-font-80a60f9d);
        font-size: 22px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-fbfc74bf-0da9-48a4-a919-1af1e2ff735d] {
            font-size: 20px;
        }
    }

    .sd[data-s-03fcb528-6da6-439d-8a47-813097e20a18] {
        align-content: flex-end;
        align-items: flex-end;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2px;
        justify-content: center;
        padding: 0px;
        --gap-h-03fcb528-6da6-439d-8a47-813097e20a18: 2px;
        --gap-v-03fcb528-6da6-439d-8a47-813097e20a18: 2px;
        --gap-uuid: 03fcb528-6da6-439d-8a47-813097e20a18;
    }

    .sd[data-s-fc35d65e-8970-41ba-87e0-8f5d4cc209cb] {
        color: #ff730f;
        font-family: var(--s-font-c3a01ed1);
        font-size: 64px;
        font-weight: 600;
        height: auto;
        line-height: 1;
        padding: 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-3a169279-fe71-44ce-835a-d05eb3308584] {
        color: #ff730f;
        font-family: var(--s-font-80a60f9d);
        font-size: 24px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        margin: 0px 0px 4px 0px;
        padding: 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    .sd[data-s-8961ff71-877e-4a37-acc1-09698441f75f] {
        color: #333;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.6;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-8961ff71-877e-4a37-acc1-09698441f75f] {
            font-size: 15px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-8961ff71-877e-4a37-acc1-09698441f75f] {
            font-size: 14px;
        }
    }

    .sd[data-s-91cac662-2769-44b3-bcb2-6dab2bbc0584] {
        align-content: center;
        align-items: center;
        background: #FFFFFF;
        border-radius: 20px;
        flex: 1;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 20px;
        height: 330px;
        justify-content: flex-start;
        padding: 40px 30px;
        width: auto;
        --gap-h-91cac662-2769-44b3-bcb2-6dab2bbc0584: 0px;
        --gap-v-91cac662-2769-44b3-bcb2-6dab2bbc0584: 20px;
        --gap-uuid: 91cac662-2769-44b3-bcb2-6dab2bbc0584;
        max-width: 100%;
    }

    @media screen and (max-width: 1140px) {
        .sd[data-s-91cac662-2769-44b3-bcb2-6dab2bbc0584] {
            flex: none;
            height: 400px;
            width: calc(33% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0.67));
            --gap-h-91cac662-2769-44b3-bcb2-6dab2bbc0584: 0px;
            --gap-v-91cac662-2769-44b3-bcb2-6dab2bbc0584: 20px;
            max-width: calc(33% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0.67));
        }
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-91cac662-2769-44b3-bcb2-6dab2bbc0584] {
            flex: none;
            height: auto;
            padding: 30px 30px;
            width: calc(100% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0));
            --gap-h-91cac662-2769-44b3-bcb2-6dab2bbc0584: 0px;
            --gap-v-91cac662-2769-44b3-bcb2-6dab2bbc0584: 20px;
            max-width: calc(100% - (var(--gap-h-933b4f7a-aae4-4526-a52f-285c455ecee6) * 0));
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-91cac662-2769-44b3-bcb2-6dab2bbc0584] {
            flex: none;
            width: 100%;
            --gap-h-91cac662-2769-44b3-bcb2-6dab2bbc0584: 0px;
            --gap-v-91cac662-2769-44b3-bcb2-6dab2bbc0584: 20px;
        }
    }

    .sd[data-s-9ea60a3b-340a-4db4-b95b-065da4de1bb5] {
        color: #333;
        font-family: var(--s-font-80a60f9d);
        font-size: 22px;
        font-weight: 600;
        height: auto;
        line-height: 1.4;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-9ea60a3b-340a-4db4-b95b-065da4de1bb5] {
            font-size: 20px;
        }
    }

    .sd[data-s-ae759a62-0fbd-4676-9406-9d557968711e] {
        color: #ff730f;
        flex: none;
        font-family: var(--s-font-80a60f9d);
        font-size: 28px;
        font-weight: 600;
        height: 64px;
        line-height: 1.4;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-ae759a62-0fbd-4676-9406-9d557968711e] {
            flex: none;
            font-size: 20px;
            height: auto;
            max-width: 100%;
        }
    }

    .sd[data-s-a2a35888-2cc7-47e9-bbd7-9c4ea1dbf2db] {
        color: #333;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 1.6;
        text-align: left;
        width: auto;
        max-width: 100%;
        justify-content: flex-start;
    }

    @media screen and (max-width: 820px) {
        .sd[data-s-a2a35888-2cc7-47e9-bbd7-9c4ea1dbf2db] {
            font-size: 15px;
        }
    }

    @media screen and (max-width: 480px) {
        .sd[data-s-a2a35888-2cc7-47e9-bbd7-9c4ea1dbf2db] {
            font-size: 14px;
        }
    }
</style>

<style>
    [type="submit"] {
        cursor: pointer;
    }

    [type="submit"]:disabled {
        cursor: default;
    }

    fieldset {
        margin: 0;
        padding: 0;
        min-width: 0;
    }

    textarea {
        overflow: auto;
    }

    label[for] {
        cursor: pointer;
    }


    .l-section__header {
        display: grid;
        row-gap: 2.5rem;
    }

    @media (width < 768px) {
        .l-section__header {
            row-gap: 1.875rem;
        }
    }

    .l-section__body {
        display: grid;
        margin-block-start: 3.75rem;
        row-gap: 3.75rem;
    }

    @media (width < 768px) {
        .l-section__body {
            margin-block-start: 2.5rem;
            row-gap: 2.5rem;
        }
    }

    .c-heading__lv2 {
        display: grid;
        font-size: 2.25rem;
        justify-items: center;
        row-gap: 1rem;
        text-align: center;
    }

    @media (width < 768px) {
        .c-heading__lv2 {
            font-size: 1.5rem;
            line-height: 1.375;
            row-gap: .5rem;
        }
    }

    .p-contact {
        box-shadow: 0 .25rem .875rem color-mix(in srgb, var(--color--black-secondary) 10%, transparent);
    }

    .p-contact__container {
        box-shadow: 0 .25rem .875rem color-mix(in srgb, var(--color--black-secondary) 25%, transparent);
        padding-block: 3.125rem;
        padding-inline: 6.25rem;
    }

    @media (width < 768px) {
        .p-contact__container {
            padding-block: 1.875rem;
            padding-inline: 1rem;
        }
    }

    .p-contact__header {
        row-gap: .375rem;
    }

    .p-contact__description {
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
        text-align: center;
    }

    .u-bg-primary {
        background-color: var(--color--base-primary);
    }

    /*! CSS Used from: Embedded */
    .hs-form * {
        box-sizing: border-box;
    }

    .hs-button {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        line-height: 12px;
        position: relative;
        text-align: center;
        transition: all .15s linear;
        background-color: #ff7a59;
        border-color: #ff7a59;
        color: #fff;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        font-size: 14px;
        padding: 12px 24px;
    }

    .hs-button:hover,
    .hs-button:focus {
        background-color: #ff8f73;
        border-color: #ff8f73;
    }

    .hs-button:active {
        background-color: #e66e50;
        border-color: #e66e50;
    }

    label {
        font-size: 14px;
        width: 130px;
        color: #33475b;
        display: block;
        float: none;
        width: auto;
        font-weight: 500;
        line-height: 20px;
        padding-top: 0;
        margin-bottom: 4px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .hs-input {
        display: inline-block;
        width: 90%;
        max-width: 500px;
        height: 40px;
        padding: 9px 10px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 22px;
        color: #33475b;
        border: 1px solid #cbd6e2;
        box-sizing: border-box;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

    .hs-input:not([type=file]) {
        background-color: #f5f8fa;
    }

    .hs-input[type=checkbox] {
        cursor: pointer;
        width: auto;
        height: auto;
        padding: 0;
        margin: 3px 5px 3px 0px;
        line-height: normal;
        border: none;
    }

    .hs-input:focus {
        outline: none;
        border-color: rgba(82, 168, 236, .8);
    }

    .actions {
        margin-top: 18px;
        margin-bottom: 18px;
        padding: 17px 0px;
    }

    .inputs-list {
        margin: 0 0 5px;
        width: 100%;
        padding-left: 5px;
    }

    .inputs-list>li {
        display: block;
        padding: 0;
        width: 100%;
        padding-top: 0;
    }

    .inputs-list label {
        float: none;
        width: auto;
        padding: 0;
        line-height: 18px;
        white-space: normal;
        font-weight: normal;
    }

    .inputs-list:first-child {
        padding-top: 6px;
    }

    ul.no-list {
        list-style: none;
    }

    .field {
        margin-bottom: 18px;
    }

    .hs-form-required {
        color: red;
    }

    .hs-button,
    .hs-form-field input[type=text],
    .hs-form-field input[type=email],
    .hs-form-field input[type=tel] {
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .hs-form-field input[type=text],
    .hs-form-field input[type=email],
    .hs-form-field input[type=tel] {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-clip: padding-box;
        padding: 10px 15px;
    }

    .hs-button {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-clip: padding-box;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750.hs-form {
        width: 100%;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-submit>.actions {
        text-align: center;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-button,
    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-button:hover,
    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-button:hover:not(.inactive),
    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-button:focus,
    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-button:active,
    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-button:active:not(.inactive):not(.link) {
        background: linear-gradient(to right, #ff7500, #f88118);
        border-color: linear-gradient(to right, #ff7500, #f88118);
        color: #FFFFFF;
        font-size: 24px;
        line-height: 24px;
        font-family: helvetica;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-form-field label:not(.hs-error-msg) {
        font-family: helvetica;
        font-size: 16px;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-form-field label:not(.hs-error-msg) {
        color: #212D3A;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 a:link,
    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 a:active {
        color: #0000EE;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 a:visited,
    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 a:hover {
        color: #551A8B;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 .hs-button {
        white-space: pre-wrap;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        max-width: 500px;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 fieldset.form-columns-1 .hs-input {
        width: 95%;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 fieldset.form-columns-1 .input {
        margin-right: 8px;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 fieldset.form-columns-1 input[type=checkbox] {
        width: auto;
        -webkit-appearance: auto;
        appearance: auto;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 fieldset.form-columns-2 .hs-form-field {
        width: 50%;
        float: left;
    }

    .hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750 fieldset.form-columns-2 .input {
        margin-right: 8px;
    }

    .hs-custom-style .hs-input,
    .hs-custom-style fieldset {
        max-width: 100%;
    }

    .hs-custom-style fieldset>div:last-of-type .hs-input:not([type=checkbox]):not([type=radio]) {
        width: 100%;
        max-width: 100%;
    }

    .hs-custom-style fieldset input:not([type=image]):not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=file]) {
        box-sizing: border-box;
        padding: 0 15px;
        min-height: 27px;
    }

    @media (max-width:400px),
    (min-device-width:320px) and (max-device-width:480px) {

        .hs-custom-style .hs-input:not([type=checkbox]):not([type=radio]),
        .hs-custom-style fieldset {
            margin-right: 0 !important;
            width: 100% !important;
        }

        form.hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750:not(.hs-video-form) .form-columns-2 .hs-form-field {
            float: none;
            width: 100%;
        }

        form.hs-form-f109abb1-25b1-43a4-80f5-c90d4650a25d_a5004394-12e2-4051-a21f-984ffdeb0750:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input {
            width: 95%;
        }
    }
</style>
<style>
    .component.heading h2,
    .component.heading h3 {
        word-break: break-all;
    }

    img {
        max-width: 100%;
    }

    .component.image {
        margin: 10px 0;
    }

    .component.image img {
        border-radius: 5px;
    }

    @media (max-width:769px) {
        .wrapper .contents .inner .row .col {
            width: 100% !important;
        }
    }

    .row,
    .row .col,
    .row .col .component {
        background-repeat: no-repeat;
    }

    .rich-heading h2,
    .rich-heading h3 {
        cursor: text;
        white-space: pre-wrap;
        text-align: inherit;
    }

    .rich-heading-align-center {
        text-align: center !important;
    }

    .rich-heading-align-center h2 {
        text-align: inherit !important;
    }

    .component.richtext {
        overflow-wrap: break-word;
        margin-top: 10px;
    }

    .component.richtext table {
        display: table;
        border: 1;
        max-width: 100%;
    }

    .component.richtext tr {
        display: table-row;
        border: 1px solid #000;
    }

    .component.richtext tbody {
        display: table-row-group;
        border: 1px solid #000;
    }

    .component.richtext td {
        display: table-cell;
        border: 1px solid #555;
        padding: 10px;
        word-break: break-word;
    }

    .component.richtext p {
        margin: 1.12em 0;
    }

    .component.richtext b {
        font-weight: bolder;
        font-style: inherit;
    }

    .component.richtext span {
        font-weight: inherit;
        font-style: inherit;
    }

    .component.richtext table {
        border-spacing: 2px;
    }

    .component.richtext tbody {
        vertical-align: middle;
    }

    .component.richtext td,
    .component.richtext tr {
        vertical-align: inherit;
    }

    .component.richtext br:before {
        content: '\A';
        white-space: pre-line;
    }

    .component.richtext :link,
    .component.richtext :visited {
        text-decoration: underline;
    }

    .component.richtext :focus {
        outline: thin dotted invert;
    }

    img {
        vertical-align: middle;
    }

    .theme-fo-base * {
        box-sizing: border-box;
    }

    .theme-fo-base .wrapper .contents .col {
        vertical-align: top;
    }

    .theme-fo-base .wrapper .contents .col .component {
        margin: 10px 0;
    }

    .theme-fo-base .wrapper.none .contents .inner {
        box-sizing: border-box;
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        width: 100%;
    }

    @media (max-width:769px) {
        .theme-fo-base * {
            box-sizing: border-box;
        }

        .theme-fo-base .wrapper .contents .inner {
            padding: 10px;
        }

        .theme-fo-base .wrapper .contents .inner .row .col {
            width: 100% !important;
        }
    }

    .theme-fo-base .contents .component.heading {
        margin: 10px 0;
    }

    .theme-fo-base .contents .component.heading h2,
    .theme-fo-base .contents .component.heading h3 {
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 1px;
    }

    .theme-fo-base .contents .component.heading h2 {
        font-size: 1.75rem;
        margin-bottom: 1.75rem;
    }

    .theme-fo-base .contents .component.heading h3 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    @media (max-width:769px) {

        .theme-fo-base .contents .component.heading h2,
        .theme-fo-base .contents .component.heading h3 {
            font-weight: 700;
        }

        .theme-fo-base .contents .component.heading h2 {
            font-size: 1.15rem;
            margin-bottom: 1.15rem;
        }

        .theme-fo-base .contents .component.heading h3 {
            font-size: 1.05rem;
            margin-bottom: 1.1rem;
        }
    }

    /*! CSS Used from: https://ferret-one.akamaized.net/cms/website/build_20250902100134/css/global.css */
    .resizeable-comp {
        position: relative;
        margin: 0;
        height: auto !important;
        display: block;
        width: 100%;
    }

    .align-center {
        text-align: center !important;
        position: relative;
    }

    :target {
        scroll-margin-top: var(--navi-height, 0);
    }

    /*! CSS Used from: https://www.global.staff-manzoku.co.jp/__/custom_css/sites/c23062338723?utime=1756791756771 */
    :is(.navi-001-01, .navi-002-01, .theme-fo-base) :visited {
        text-decoration: none;
    }

    :is(.navi-001-01, .navi-002-01, .theme-fo-base) :link {
        text-decoration: none;
    }

    .component.richtext :link {
        text-decoration: none;
    }

    .component.richtext :visited {
        text-decoration: none;
    }

    .component.richtext table {
        border: none;
    }

    .component.richtext table :is(thead, tbody, tr, th, td) {
        border-color: #eee;
    }

    .component.richtext table :is(thead, tbody, tr, th, td) tr :is(th, td) {
        background-clip: padding-box;
        position: static;
    }

    .component.richtext .normal-table::after {
        content: "";
        display: table;
        clear: both;
    }

    .theme-fo-base .wrapper .contents section .inner .row .col:empty {
        background: none;
        border: 0;
        box-shadow: none;
    }

    @media screen and (max-width: 769px) {
        .theme-fo-base .wrapper .contents section .inner .row .col:empty {
            display: none !important;
        }
    }

    .top_merit .merit_box {
        border-radius: 10px;
        padding: 25px 25px 35px;
        position: relative;
    }

    .top_merit .merit_box .left,
    .top_merit .merit_box .right {
        padding: 0 !important;
    }

    .top_merit .merit_box .left {
        width: 50% !important;
    }

    .top_merit .merit_box .right {
        vertical-align: middle !important;
        margin: 0 !important;
        width: 50% !important;
    }
    @media screen and (max-width: 769px) {
        .top_merit .merit_box .left,
        .top_merit .merit_box .right {
            width: 100% !important;
        }

    }

    .top_merit .merit_box .right .image {
        margin-left: 0px !important;
    }

    .top_merit .merit_box_bottom {
        margin-top: calc(64px * 1 - 30px) !important;
    }

    .top_merit .merit_box .left .number,
    .top_merit .merit_box_bottom .number {
        margin: 0 !important;
        position: relative;
        padding-left: 22px;
    }

    .top_merit .merit_box .left .number:before,
    .top_merit .merit_box_bottom .number:before {
        color: #ba3737;
        content: "・";
        position: absolute;
        top: -10%;
        left: 0;
        font-size: 40px;
    }

    .top_merit .merit_box .left h3,
    .top_merit .merit_box_bottom h3 {
        margin-bottom: 0 !important;
        font-size: 28px !important;
    }

    .top_merit .merit_box .left .merit_h3 {
        margin-bottom: 13px !important;
    }

    .top_merit .merit_box .left .flex_tag,
    .top_merit .merit_box_bottom .flex_tag {
        display: flex;
        margin: 0 0 25px;
    }

    .top_merit .merit_box .left .flex_tag .tag,
    .top_merit .merit_box_bottom .tag {
        border: 2px solid #ba3737;
        border-radius: 30px;
        color: #ba3737;
        font-weight: 600;
        padding: 0 10px;
        margin: 0 5px 0 0;
    }

    .top_merit .merit_box .left .txt .keikou_yellow,
    .top_merit .merit_box_bottom .txt .keikou_yellow {
        background: linear-gradient(transparent 50%, #fffd99 50%);
        font-weight: bold;
    }

    .top_merit .merit_box_bottom .left,
    .top_merit .merit_box_bottom .middle,
    .top_merit .merit_box_bottom .right {
        border-radius: 10px;
        position: relative;
    }


    @media screen and (max-width: 769px) {
        .top_merit .merit_box {
            flex-direction: column;
        }

        .top_merit .merit_box .right .image {
            margin-left: 0 !important;
        }

        .top_merit .merit_box .left h3,
        .top_merit .merit_box_bottom h3 {
            font-size: var(--fo-h2-font-size-sp) !important;
        }

        .top_merit .merit_box .left .flex_tag {
            display: inline-block;
            margin: 0 0 5px;
        }

        .top_merit .merit_box .left .flex_tag .tag {
            margin-bottom: 5px;
            display: inline-block;
        }

        .top_merit .merit_box_bottom {
            margin-top: 0 !important;
        }

        .top_merit .merit_box_bottom .left,
        .top_merit .merit_box_bottom .middle,
        .top_merit .merit_box_bottom .right {
            margin-top: 30px;
        }
    }

    /*! CSS Used from: https://ferret-one.akamaized.net/cms/website/build_20250902100134/css/designparts/website/row-solution3-image-right.css */
    @media screen and (max-width:769px) {
        :root:root [data-designpart=row-solution3-image-right] {
            display: flex;
            flex-wrap: wrap-reverse;
        }
    }

    :root:root [data-designpart=row-solution3-image-right]+:is([data-designpart=row-solution3-image-left], [data-designpart=row-solution3-image-right]) {
        margin-top: calc(64px * 1 - 30px);
    }

    @media screen and (max-width:769px) {
        :root:root [data-designpart=row-solution3-image-right]+:is([data-designpart=row-solution3-image-left], [data-designpart=row-solution3-image-right]) {
            margin-top: calc(64px * 1 * .75 - 10px);
        }
    }

    :root:root [data-designpart=row-solution3-image-right] .col:not(:root):first-child {
        padding-right: calc(48px * 1);
    }

    @media screen and (max-width:769px) {
        :root:root [data-designpart=row-solution3-image-right] .col:not(:root):first-child {
            padding: calc(48px * 1 * .75 - 20px) 0 0;
        }
    }

    :root:root [data-designpart=row-solution3-image-right] .col:not(:root):nth-child(2) {
        padding-left: 0;
    }

    :root:root [data-designpart=row-solution3-image-right] .col:not(:root) .component.heading:not(:root) :is(h1, h2, h3) {
        margin-bottom: calc(32px * 1);
    }

    @media screen and (max-width:769px) {
        :root:root [data-designpart=row-solution3-image-right] .col:not(:root) .component.heading:not(:root) :is(h1, h2, h3) {
            margin-bottom: calc(32px * 1 * .75);
        }
    }

    :root:root [data-designpart=row-solution3-image-right] .col:not(:root) .component.richtext {
        margin-bottom: calc(16px * 1);
    }

    @media screen and (max-width:769px) {
        :root:root [data-designpart=row-solution3-image-right] .col:not(:root) .component.richtext {
            margin-bottom: calc(16px * 1 * .75);
        }
    }

    :root:root [data-designpart=row-solution3-image-right] .col:not(:root) .component:last-child {
        margin-bottom: 10px;
    }

    /*! CSS Used from: https://ferret-one.akamaized.net/cms/website/build_20250902100134/css/designparts/website/row-boxlink-heading-text-v2.css */
    :root:root [data-designpart=row-boxlink-heading-text-v2] {
        display: flex;
        gap: calc(20px * 1);
        justify-content: space-between;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    @media screen and (max-width:769px) {
        :root:root [data-designpart=row-boxlink-heading-text-v2] {
            flex-direction: column;
            gap: calc(20px * 1 * .75);
            margin: 10px auto;
            width: unset;
            margin-left: unset;
        }
    }

    :root:root [data-designpart=row-boxlink-heading-text-v2] .col {
        background-color: #fff;
        padding: 20px 30px;
        position: relative;
    }

    :root:root [data-designpart=row-boxlink-heading-text-v2] .col .component.heading:not(:root:root) :is(h1, h2, h3, h4, h5) {
        font-size: 24px;
        margin-bottom: 20px;
        padding: 0;
    }

    @media screen and (max-width:769px) {
        :root:root [data-designpart=row-boxlink-heading-text-v2] .col .component.heading:not(:root:root) :is(h1, h2, h3, h4, h5) {
            font-size: 20px;
        }
    }

    /*! CSS Used from: https://ferret-one.akamaized.net/cms/website/build_20250902100134/css/designparts/website/rich-text-number-big.css */
    :root:root:root:root:root:root [data-designpart=rich-text-number-big] {
        font-family: var(--fo-text-font-family);
        font-size: var(--fo-text-font-size-pc);
        color: var(--fo-text-main-color);
        line-height: var(--fo-text-line-height);
        letter-spacing: var(--fo-text-letter-spacing);
        margin-bottom: calc(16px * 1);
    }

    @media screen and (max-width:769px) {
        :root:root:root:root:root:root [data-designpart=rich-text-number-big] {
            font-size: var(--fo-text-font-size-sp);
            margin-bottom: calc(16px * 1 * .75);
        }
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] :link {
        text-decoration: none;
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] :visited {
        text-decoration: none;
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table :is(thead, tbody, tr, th, td) {
        border-color: #eee;
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table :is(thead, tbody, tr, th, td) tr :is(th, td) {
        background-clip: padding-box;
        background-color: transparent;
        position: static;
        width: unset;
        line-height: inherit;
        padding: 10px;
        border: 1px solid #eee;
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table {
        width: auto !important;
        font-size: var(--fo-text-font-size-pc);
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table :is(thead, tbody) {
        border: 0;
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table :is(thead, tbody) tr {
        border: 0;
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table :is(thead, tbody) tr :is(th, td) {
        border: 0;
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table tbody tr td {
        padding: 0;
        color: var(--fo-main-color);
    }

    :root:root:root:root:root:root [data-designpart=rich-text-number-big] table tbody tr td:first-child {
        padding-right: 10px;
        font-size: 42px;
        line-height: 1;
    }

    /*! CSS Used from: https://ferret-one.akamaized.net/cms/website/build_20250902100134/css/designparts/website/rich-heading-normal.css */
    :root:root:root:root:root:root [data-designpart=rich-heading-normal] {
        margin: 10px 0 0;
    }

    :root:root:root:root:root:root [data-designpart=rich-heading-normal] :is(h1, h2, h3, h4, h5, h6) {
        font-family: var(--fo-heading-font-family);
        font-weight: 700;
        line-height: var(--fo-heading-line-height);
        letter-spacing: var(--fo-heading-letter-spacing);
        color: var(--fo-heading-main-color);
        border: none;
        position: initial;
        padding: 0;
        margin: 0;
    }

    @media screen and (max-width:769px) {
        :root:root:root:root:root:root [data-designpart=rich-heading-normal] :is(h1, h2, h3, h4, h5, h6) {
            overflow-wrap: break-word;
        }
    }

    :root:root:root:root:root:root [data-designpart=rich-heading-normal] h2 {
        font-size: 32px;
        margin-bottom: max(calc((32px * 1) - 20px), 0px);
    }

    @media screen and (max-width:769px) {
        :root:root:root:root:root:root [data-designpart=rich-heading-normal] h2 {
            font-size: var(--fo-h2-font-size-sp);
            margin-bottom: max(calc((32px * 1) * .75), 0px);
        }
    }

    :root:root:root:root:root:root [data-designpart=rich-heading-normal] h3 {
        font-size: var(--fo-h3-font-size-pc);
        margin-bottom: max(calc((32px * 1) - 20px), 0px);
    }

    @media screen and (max-width:769px) {
        :root:root:root:root:root:root [data-designpart=rich-heading-normal] h3 {
            font-size: var(--fo-h3-font-size-sp);
            margin-bottom: max(calc((32px * 1) * .75), 0px);
        }
    }

    /*! CSS Used from: https://ferret-one.akamaized.net/cms/website/build_20250902100134/_next/static/css/b0da63dc8573c2a5.css */
    .styles_richtext-v2-content__l0LFT p:empty:after {
        white-space: pre;
        content: "\a";
    }
</style>


<style>
    @media all {
        .img-fluid {
            max-width: 100%;
            height: auto;
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-top: calc(-1*var(--bs-gutter-y));
            margin-right: calc(-0.5*var(--bs-gutter-x));
            margin-left: calc(-0.5*var(--bs-gutter-x));
        }

        .row>* {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x)*.5);
            padding-left: calc(var(--bs-gutter-x)*.5);
            margin-top: var(--bs-gutter-y);
        }

        .col-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .col-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: 100%;
        }

        @media (min-width: 768px) {
            .col-md-5 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: 41.66666667%;
            }

            .col-md-6 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: 50%;
            }
        }

        .d-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

        .flex-column {
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

        .flex-row-reverse {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: reverse !important;
            -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
        }

        .justify-content-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }

        .align-items-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }

        .text-end {
            text-align: right !important;
        }

        @media (min-width: 768px) {
            .d-md-block {
                display: flex !important;
                justify-content: center;
                align-items: flex-start !important;
            }
        }

        @media (min-width: 992px) {
            .d-lg-none {
                display: none !important;
            }
        }

        .fix-line-break-bug {
            white-space: nowrap;
        }

        .common-worries .worries-em {
            display: inline;
            text-decoration: underline;
            -webkit-text-decoration-style: wavy;
            text-decoration-style: wavy;
            color: #ff7500;
            font-size: 26px;
        }

        .common-worries .worries-item-img {
            padding-top: 14px;
            width: 30px;
        }

        @media (min-width: 768px) {
            .common-worries .worries-item-img {
                padding: 0;
            }
        }

        .common-worries .worries-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
            margin-bottom: 24px;
            font-weight: 700;
            width: 340px;
        }

        @media (min-width: 768px) {
            .common-worries .worries-item {
                width: auto;
            }
        }

        .common-worries .worries-item-text {
            padding-left: 20px;
            font-size: 20px;
            letter-spacing: .05em;
            line-height: 1.8;
        }
    }

    /*! CSS Used from: Embedded */
    @media all {
        img {
            border: 0;
        }

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        *:before,
        *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .row {
            margin-left: -15px;
            margin-right: -15px;
        }

        .row:before,
        .row:after {
            content: " ";
            display: table;
        }

        .row:after {
            clear: both;
        }
    }

    @media all {
        *:focus {
            outline: none !important;
        }
    }

    .c-heading__lv2 {
        display: grid;
        font-size: 2.25rem;
        justify-items: center;
        row-gap: 1rem;
        text-align: center;
    }

    .c-heading__lv2 strong {
        color: #ff7500;
        font-size: 2.5rem;
    }

    @media (width < 768px) {
        .c-heading__lv2 {
            font-size: 1.5rem;
            line-height: 1.375;
            row-gap: .5rem;
        }
    }

    /*! CSS Used from: Embedded ; media=all */
    @media all {
        .page-template-page-leo .blue {
            color: #0c63b4;
        }

        .leo-mainv {
            margin: 00px 0 0;
        }

        @media screen and (max-width:768px) {
            .leo-mainv {
                margin: 0;
            }
        }

        .leo-mainv__flex {
            display: flex;
            padding: 33px 33px 33px 13px;
            gap: 0 1.5%;
            align-items: flex-start;
            background: #fff;
        }

        @media screen and (max-width:768px) {
            .leo-mainv__flex {
                display: block;
                padding: 20px 1.8% 36px;
            }
        }

        .leo-mainv__image {
            width: 54.6%;
        }

        @media screen and (max-width:1024px) {
            .leo-mainv__image {
                width: 50%;
            }
        }

        @media screen and (max-width:768px) {
            .leo-mainv__image {
                width: 100%;
                margin: 0 auto 15px;
            }
        }

        .leo-mainv__textbox {
            flex: 1;
            text-align: center;
        }

        .leo-mainv__textbox--subtitle {
            font-weight: 700;
            letter-spacing: 1.1px;
            font-size: clamp(15px, 1.2vw, 22px);
            padding: 0 0 25px;
            margin: 0 auto 25px;
            border-bottom: solid 2px #eee;
            width: 82.6%;
        }

        @media screen and (max-width:768px) {
            .leo-mainv__textbox--subtitle {
                padding: 0 0 15px;
                margin: 0 auto 15px;
            }
        }

        .leo-mainv__textbox--title {
            font-weight: 700;
            font-family: "Noto Serif JP", serif;
            font-size: clamp(25px, 2.86vw, 55px);
        }

        .leo-mainv__textbox--image {
            width: 86%;
            margin: 30px auto 0;
        }

        @media screen and (max-width:768px) {
            .leo-mainv__textbox--image {
                width: 100%;
                margin: 15px auto;
            }
        }

        .leo-mainv__textbox .leo-cta-btn {
            width: 86%;
            margin: 0 auto;
        }
    }
</style>

<style>
    .index-jobseeker__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .list-news .business-link {
        border: 0px;
        margin-bottom: 20px;
        background: #fff;
        padding: 30px;
    }

    .top__news-contents {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .top__news-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .top__news-list ul li {
        padding: 20px 0px;
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .top__news-list ul li:last-child {
        border: none;
        padding-bottom: 0;
    }

    .top__news-list ul li .body-content {
        width: 100%;
        padding: 20px;
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        font-family: "Noto-Regular";
    }

    .top__news-list ul li .body-content.active {
        display: flex;
    }

    .top__news-list ul li .title-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 20px;
        cursor: pointer;
        transition: transform 0.3s, box-shadow 0.3s;
        align-items: center;
    }

    .top__news-list ul li .title-header:hover {
        border-bottom: 0px solid #ccc;
        transform: scale(1.03);
        box-shadow: 0 5px 20px rgba(37, 37, 38, 0.2);
        padding: 20px;
    }

    .top__news-list ul li .title-header .contet-new a {
        display: flex;
        gap: 20px;
        justify-content: flex-start;
        align-items: center;
    }

    .top__news-list ul li .title-header .plus-btn {
        font-size: 22px;
        font-weight: bold;
        margin-right: 30px;
    }

    .index-jobseeker__item a {
        text-decoration: none;
    }

    .index-jobseeker__item a .txt::after {
        display: none;
    }

    .top__news-list ul li .title-header:hover span,
    .top__news-list ul li .title-header:hover i {
        color: #ef8e03;
    }

    @media screen and (max-width: 640px) {
        .top__news-contents {
            flex-direction: column;
        }

        .top__news-list {
            width: 100%;
        }
    }

    #faq_block article {
        width: min(900px, 100%);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    @media screen and (max-width: 700px) {
        #faq_block article {
            gap: 15px;
        }
    }

    #faq_block article section {
        padding: 30px;
        border: 1px solid #dcdddd;
        border-radius: 10px;
        background-color: #fff;
    }

    @media screen and (max-width: 700px) {
        #faq_block article section {
            padding: 20px;
        }
    }

    #faq_block article section .accordion_title {
        cursor: pointer;
        position: relative;
        color: #000000ff;
        font-family: var(--s-font-80a60f9d);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
    }

    @media screen and (max-width: 700px) {
        #faq_block article section .accordion_title {
            font-size: 14px;
            padding: 0 50px 0 0;
        }
    }

    #faq_block article section .accordion_title::before {
        content: "";
        width: 20px;
        height: 2px;
        position: absolute;
        right: 0;
        top: 16px;
        transform: rotate(90deg);
        background: #ef8e03;
        transition: 0.3s;
    }

    #faq_block article section .accordion_title::after {
        content: "";
        width: 20px;
        height: 2px;
        position: absolute;
        right: 0;
        top: 16px;
        background: #ef8e03;
        transition: 0.3s;
    }

    #faq_block article section .accordion_title.open::before {
        transform: rotate(45deg);
    }

    #faq_block article section .accordion_title.open::after {
        transform: rotate(-45deg);
    }

    #faq_block article section .accordion_detail {
        font-family: "Noto-Regular";
        padding: 30px 0 0 0;
        display: none;
    }

    /* ==== TOP STEPS (画像の上段パーツに近づける) ==== */
    #flow_block {
        font-weight: 700;
    }

    #flow_block .wrap_step {
        max-width: 1000px;
        margin-inline: auto;
        padding: 24px;
    }

    #flow_block .steps-grid {
        display: grid;
        gap: 14px;
        align-items: stretch;
        grid-template-columns: repeat(6, minmax(120px, 1fr));

    }

    @media (max-width: 980px) {
        #flow_block .steps-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 640px) {
        #flow_block .steps-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    /* ==== flow block ==== */
    #flow_block .step-card {
        position: relative;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        border: 2px solid #f6a400;
        text-align: center;
        min-height: 78px;
        padding: 40px 10px 12px;
    }

    #flow_block .step-chip {
        position: absolute;
        inset: -12px auto auto 12px;
        background: #f6a400;
        color: #fff;
        padding: 6px 10px;
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
        letter-spacing: .02em;
    }


    /* ==== ARROW BAR ==== */
    #flow_block .arrow-wrap {
        margin: 22px 0 10px;
        position: relative;
        margin-top: 45px;
    }

    #flow_block .arrow {
        position: relative;
        border-top: 4px solid #f6a400;
        height: 0;
    }

    #flow_block .arrow:after {
        content: "";
        position: absolute;
        right: -6px;
        top: -9px;
        border-width: 9px 0 9px 12px;
        border-style: solid;
        border-color: transparent transparent transparent #f6a400;
    }

    #flow_block .arrow-text {
        margin-top: -36px;
        text-align: center;

        color: red;
        text-align: center;
        padding: 0 10px;
    }

    #flow_block .arrow-note {
        text-align: center;

    }

    /* ==== STEP DETAILS ==== */
    #flow_block .detail {
        display: grid;
        grid-template-columns: 110px 1fr;
        gap: 18px;
        padding: 18px 0;
        border-top: 3px solid #eee
    }

    #flow_block .detail:first-of-type {
        border-top: 0
    }

    #flow_block .detail .label {
        color: #f6a400;
        font-size: 1.1rem;
        letter-spacing: .04em
    }

    #flow_block .detail .content {
        line-height: 1.8;
        font-weight: bold
    }

    .note-red {
        color: red;
        font-size: 13px
    }

    .color-red {
        color: red;
    }

    .fs-18 {
        font-size: 18px;
    }

    .leo-mainv__textbox--title .blue {
        color: #69b5e6;
    }
</style>
<script type="speculationrules">
    {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wps\/wp-*.php","\/wps\/wp-admin\/*","\/wps\/wp-content\/uploads\/*","\/wps\/wp-content\/*","\/wps\/wp-content\/plugins\/*","\/wps\/wp-content\/themes\/skilled-worker\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" src="{{ asset('/assets/tokuteigino') }}/js/dist/hooks.min4fdd.js?ver=4d63a3d491d11ffd8ac6"
    id="wp-hooks-js"></script>
<script type="text/javascript" src="{{ asset('/assets/tokuteigino') }}/js/dist/i18n.minc33c.js?ver=5e580eb46a90c2b997e6"
    id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
    /* <![CDATA[ */
    wp.i18n.setLocaleData({
        'text direction\u0004ltr': ['ltr']
    });
    /* ]]> */
</script>
<script type="text/javascript" src="{{ asset('/assets/tokuteigino') }}/plugins/contact-form-7/includes/swv/js/index9b2d.js?ver=6.1"
    id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-translations">
    /* <![CDATA[ */
    (function(domain, translations) {
        var localeData = translations.locale_data[domain] || translations.locale_data.messages;
        localeData[""].domain = domain;
        wp.i18n.setLocaleData(localeData, domain);
    })("contact-form-7", {
        "translation-revision-date": "2025-06-27 09:47:49+0000",
        "generator": "GlotPress\/4.0.1",
        "domain": "messages",
        "locale_data": {
            "messages": {
                "": {
                    "domain": "messages",
                    "plural-forms": "nplurals=1; plural=0;",
                    "lang": "ja_JP"
                },
                "This contact form is placed in the wrong place.": ["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],
                "Error:": ["\u30a8\u30e9\u30fc:"]
            }
        },
        "comment": {
            "reference": "includes\/js\/index.js"
        }
    });
    /* ]]> */
</script>
<script type="text/javascript" id="contact-form-7-js-before">
    /* <![CDATA[ */
    var wpcf7 = {
        "api": {
            "root": "https:\/\/skilled-worker.jp\/wp-json\/",
            "namespace": "contact-form-7\/v1"
        }
    };
    /* ]]> */
</script>
<script type="text/javascript" src="{{ asset('/assets/tokuteigino') }}/plugins/contact-form-7/includes/js/index9b2d.js?ver=6.1"
    id="contact-form-7-js"></script>
<script type="text/javascript" id="cf7msm-js-extra">
    /* <![CDATA[ */
    var cf7msm_posted_data = [];
    /* ]]> */
</script>
<script type="text/javascript"
    src="{{ asset('/assets/tokuteigino') }}/plugins/contact-form-7-multi-step-module/resources/cf7msm.minc1f9.js?ver=4.4.2"
    id="cf7msm-js"></script>
<script type="text/javascript" id="toc-front-js-extra">
    /* <![CDATA[ */
    var tocplus = {
        "smooth_scroll": "1",
        "visibility_show": "show",
        "visibility_hide": "hide",
        "width": "100%"
    };
    /* ]]> */
</script>
<script type="text/javascript" src="{{ asset('/assets/tokuteigino') }}/plugins/table-of-contents-plus/front.mineabb.js?ver=2411.1"
    id="toc-front-js"></script>

<script type="text/javascript" src="{{ asset('/assets/tokuteigino') }}/js/dist/vendor/wp-polyfill.min2c7c.js?ver=3.15.0"
    id="wp-polyfill-js"></script>


<!-- 基本JS -->
<script src="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/js/libs/jquery-3.6.0.min.js"></script>
<script src="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/js/libs/ofi.min.js"></script>
<script src="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/js/libs/jquery.matchHeight-min.js"></script>
<script src="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/js/common.js"></script>
<!-- /基本JS -->


<link rel="stylesheet" type="text/css" href="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/css/libs/slick.css" />
<link rel="stylesheet" type="text/css"
    href="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/css/libs/slick-theme.css" />
<script type="text/javascript" src="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/js/libs/slick.min.js"></script>

<!-- CDN modal-video -->
<link rel="stylesheet" href="{{ asset('/assets/tokuteigino') }}/cdn/css/modal-video.min.css" />
<script type="text/javascript"
    src="{{ asset('/assets/tokuteigino') }}/cdn/js/jquery-modal-video.min.js"></script>

<script src="{{ asset('/assets/tokuteigino') }}/themes/skilled-worker/assets/js/libs/countup.js"></script>

<script>
    function scrollToId(id, x) {
        $("html, body").animate({
            scrollTop: $("#" + id).offset().top - x // Dừng cách phần tử 50px phía trên
        }, 300);
    }

    $(document).ready(function() {
        $(".feature_link").click(function() {
            scrollToId('feature_block', 120);
        });
        $(".talent_link").click(function() {
            scrollToId('talent_block', 120);
        });
        $("#price").click(function() {
            scrollToId('price_block', 120);
        });
        $("#area").click(function() {
            scrollToId('area_block', 120);
        });
        $("#talent").click(function() {
            scrollToId('talent_block', 120);
        });
        $("#case_study").click(function() {
            scrollToId('case_study_block', 120);
        });
        $("#flow").click(function() {
            scrollToId('flow_block', 120);
        });

        $(".faq_link").click(function() {
            scrollToId('faq_block', 120);
        });

        $(".contact_link").click(function() {
            scrollToId('contact_block', 120);
        });
        $(".request_job").click(function() {
            scrollToId('request_job_block', 120);
        });
        $(".news_link").click(function() {
            scrollToId('news_block', 120);
        });

        $(".guide_link").click(function() {
            scrollToId('guide_block', 120);
        });

        $('.plus-btn').on('click', function(e) {
            if ($(this).hasClass('fa-minus')) {
                $(this).removeClass('fa-minus').addClass('fa-plus');
                $(this).parent().parent().find('.body-content').removeClass('active');
            } else if ($(this).hasClass('fa-plus')) {
                $('i.plus-btn')
                    .removeClass('fa-minus')
                    .addClass('fa-plus');

                $('.body-content')
                    .removeClass('active');

                $(this).removeClass('fa-plus').addClass('fa-minus');
                $(this).parent().parent().find('.body-content').addClass('active');
            }

        });

        $('.accordion_title').on('click', function() {
            $(this).next().slideToggle(200); //クリックでコンテンツを開閉
            $(this).toggleClass('open', 200); //矢印の向きを変更
        });

    });




    $(".index-kv__list").slick({
        autoplay: true, // 自動でスクロール
        autoplaySpeed: 0, // 自動再生のスライド切り替えまでの時間を設定
        speed: 8000, // スライドが流れる速度を設定
        cssEase: "linear", // スライドの流れ方を等速に設定
        swipe: false, // 操作による切り替えはさせない
        arrows: false, // 矢印非表示
        pauseOnFocus: false, // スライダーをフォーカスした時にスライドを停止させるか
        pauseOnHover: false, // スライダーにマウスホバーした時にスライドを停止させるか
        variableWidth: true,
        responsive: [{
            breakpoint: 768, // 767px以下のサイズに適用
            settings: {},
        }, ],
    });
    $(".index-kvnews__list").slick({
        vertical: true, //追記
        autoplay: true,
        arrows: false,
    });
    $(".index-partner__list01").slick({
        autoplay: true, // 自動でスクロール
        autoplaySpeed: 0, // 自動再生のスライド切り替えまでの時間を設定
        speed: 8000, // スライドが流れる速度を設定
        cssEase: "linear", // スライドの流れ方を等速に設定
        swipe: false, // 操作による切り替えはさせない
        arrows: false, // 矢印非表示
        pauseOnFocus: false, // スライダーをフォーカスした時にスライドを停止させるか
        pauseOnHover: false, // スライダーにマウスホバーした時にスライドを停止させるか
        variableWidth: true,
        responsive: [{
            breakpoint: 768, // 767px以下のサイズに適用
            settings: {},
        }, ],
    });
    $(".index-partner__list02").slick({
        autoplay: true, // 自動でスクロール
        autoplaySpeed: 0, // 自動再生のスライド切り替えまでの時間を設定
        speed: 14000, // スライドが流れる速度を設定
        cssEase: "linear", // スライドの流れ方を等速に設定
        swipe: false, // 操作による切り替えはさせない
        arrows: false, // 矢印非表示
        pauseOnFocus: false, // スライダーをフォーカスした時にスライドを停止させるか
        pauseOnHover: false, // スライダーにマウスホバーした時にスライドを停止させるか
        variableWidth: true,
        responsive: [{
            breakpoint: 768, // 767px以下のサイズに適用
            settings: {},
        }, ],
    });
    $(".index-lab__list").slick({
        autoplay: true,
        adaptiveHeight: true,
        centerMode: true,
        centerPadding: "8%",
        slidesToShow: 4,

        responsive: [{
            breakpoint: 768, // 767px以下のサイズに適用
            settings: {
                slidesToShow: 1,
            },
        }, ],
    });
    $(".lab-header-slider__list").slick({
        autoplay: true,
        dots: true,
    });
    $(".js-modal-video").modalVideo({
        channel: "youtube", //YouTubeの場合
        youtube: {
            rel: 0, //関連動画の指定
            autoplay: 1, //自動再生の指定
            mute: 1,
        },
    });


    function checkBreakPoint() {
        w = $(window).width();

        // .kaigo-talent__list
        // スライドの枚数を取得する
        const ktslideLength = document.querySelectorAll(".kaigo-talent__list .archive-talent__item").length;
        // スライドが1枚の時にクラス名「slide-one」を追加
        if (ktslideLength <= 2) {
            $(".kaigo-talent__list").addClass("slide-min");
        }

        if (w >= 768) {
            // PC向け
            $('.kaigo-talent__list').slick({
                autoplay: true,
                adaptiveHeight: true,
                centerMode: true,
                centerPadding: "8%",
                slidesToShow: 3,
            });
            $('.kaigo-talent__list.slide-min').slick("unslick");
        } else {
            // スマホ向け（767px以下のとき）
            $('.kaigo-talent__list').slick({
                autoplay: true,
                adaptiveHeight: true,
                centerMode: true,
                centerPadding: "8%",
                slidesToShow: 1,
            });
        }

        const icslideLength = document.querySelectorAll(".index-case__list .index-case__item").length;
        if (icslideLength <= 2) {
            $(".index-case__list").addClass("slide-min");
        }
        if (w >= 768) {
            // PC向け
            $('.index-case__list').slick({
                autoplay: true,
                adaptiveHeight: true,
                centerMode: true,
                centerPadding: "8%",
                slidesToShow: 3,
            });
            $('.index-case__list.slide-min').slick("unslick");
        } else {
            // スマホ向け（767px以下のとき）
            $('.index-case__list').slick({
                autoplay: true,
                adaptiveHeight: true,
                centerMode: true,
                centerPadding: "8%",
                slidesToShow: 1,
            });
        }

    }
    // ウインドウがリサイズする度にチェック
    $(window).resize(function() {
        checkBreakPoint();
    });
    checkBreakPoint();
</script>
{!! NoCaptcha::renderJs() !!}
@endsection