/* --- 基本設定（STUDIOの共通クラス） --- */
.sd { display: flex; box-sizing: border-box; position: relative; flex-direction: column; }
.sd.image::before { content: ""; display: block; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }

/* --- 1. 固定サイドボタン（よくある質問） --- */
.sd[data-s-6baf1896-14e1-4f77-abaf-0788198067c7] {
    position: fixed; right: 0px; top: 250px; z-index: 5;
    background: #08a3ab; border-radius: 6px 0 0 6px;
    padding: 12px 8px; flex-direction: column; align-items: center; text-decoration: none;
}
.sd[data-s-1e677792-773d-41ad-bf3f-c5d0ab719b0c] {
    color: #ffffffff;
    font-family: var(--s-font-c7b93250);
    font-size: 16px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-align: left;
    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: 840px) { .sd[data-s-6baf1896-14e1-4f77-abaf-0788198067c7] { top: 160px; } }
@media screen and (max-width: 540px) { 
    
.sd[data-s-6baf1896-14e1-4f77-abaf-0788198067c7] {
        align-content: center;
        align-items: center;
        border-radius: 6px 6px 0px 0px;
        bottom: 0px;
        display: flex;
        flex: none;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 46px;
        justify-content: center;
        left: auto;
        margin: 0 0 0 0;
        padding: 8px 12px 8px 12px;
        position: fixed;
        right: 20px;
        top: auto;
        width: 226px;
        z-index: 5;
        max-width: 100%;
    }
.sd[data-s-1e677792-773d-41ad-bf3f-c5d0ab719b0c] {
        font-feature-settings: normal;
        text-orientation: mixed;
        -webkit-text-orientation: mixed;
        writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
    }

.sd[data-s-46a130a0-4741-4b89-bd35-2fed62d4dcd0] {
    margin-bottom: 0px !important;
}
}

/* アイコン画像 */
.sd[data-s-46a130a0-4741-4b89-bd35-2fed62d4dcd0] { width: 26px; height: 26px; margin-bottom: 4px; }
.sd[data-s-46a130a0-4741-4b89-bd35-2fed62d4dcd0]::before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/7kadMrl8W3/s-26x26_3860a053-e53b-4835-91c3-115345557216.svg"); }

/* 縦書きテキスト */
.sd[data-s-1e677792-773d-41ad-bf3f-c500ab719b0c] {
    color: #fff; font-size: 16px; font-weight: 700; line-height: 1.4;
    writing-mode: vertical-rl; text-orientation: mixed;
}

/* --- 2. コールセンター案内エリア --- */
.sd[data-s-f21a6ef3-27bf-4099-8a0b-10a11f027a74] { padding: 50px 0; align-items: center; width: 100%; }
.sd[data-s-a737c693-45b9-4842-ace1-c08aedd6216c] { font-size: 24px; font-weight: 700; color: #333; margin-bottom: 12px; }
.sd[data-s-e6aeec07-4283-4acf-b0c8-d4a76deb01b9] { background: #08a3ab; color: #fff; border-radius: 8px; padding: 8px 64px; font-size: 32px; font-weight: 700; margin-bottom: 16px; }

/* コールセンター画像 */
.sd[data-s-90f81f04-2cf0-449c-8ed8-4462f119c7c0] { width: 560px; height: 130px; }
.sd[data-s-90f81f04-2cf0-449c-8ed8-4462f119c7c0]::before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/7kadMrl8W3/s-1120x260_eac7403c-a975-4e7a-a445-183a8783c7af.webp"); }

/* 営業時間枠 */
.sd[data-s-fa431fc4-c8b9-477e-abc2-2e291ca3785f] { background: #EEEEEE; padding: 25px 0; width: 100%; align-items: center; }
.sd[data-s-335af792-f8bf-4fc5-9faf-8da1b91b2935] { font-size: 24px; font-weight: 700; }
.sd[data-s-42fb2d98-76ad-49fa-8582-18316eacee04] { font-size: 16px; font-weight: 700; }
.sd[data-s-c4cda684-9e44-4a27-8892-909e1e4b7123] { font-size: 13px; color: #333; margin-top: 20px; text-align: center; max-width: calc(100% - 48px); }

/* --- 3. フッターエリア --- */
.sd[data-s-96b4974f-5bfd-4f9e-9ebe-9151d7fa24ad] { background: #08a3ab; padding: 50px 0; align-items: center; width: 100%; }

/* フッターロゴ */
.sd[data-s-cfe96dc4-f79f-480a-b21f-ee327dbe9703] { width: 305px; height: 64px; }
.sd[data-s-cfe96dc4-f79f-480a-b21f-ee327dbe9703]::before { background-image: url("../images/footer__logo.svg"); }
.sd[data-s-cfe96dc4-f79f-480a-b21f-ee327dbe9703]:hover {
    opacity: 0.5;
}
/* フッターリンク */
.sd[data-s-f47f84a5-283d-4065-ab99-aec1a8dd8953] { flex-direction: row; margin: 25px 0; align-items: center; }
.sd[data-s-a6306b4b-8d2e-49bc-8dd9-9098eb48520a], 
.sd[data-s-2af01576-da02-4e01-ac97-6ebceff0f27d], 
.sd[data-s-0787234b-bccf-49dc-b246-e00c1e7e2c11] { color: #fff; font-size: 14px; text-decoration: none; }
.sd[data-s-c2c683a3-5d09-48e1-9c2c-2cb1bb33db78] { color: #fff; font-size: 12px; }


.sd[data-s-a6306b4b-8d2e-49bc-8dd9-9098eb48520a]:hover {
    opacity: 0.5;
}

.sd[data-s-0787234b-bccf-49dc-b246-e00c1e7e2c11]:hover {
    opacity: 0.5;
}
/* レスポンシブ調整（フッター） */
@media screen and (max-width: 540px) {
    .sd[data-s-cfe96dc4-f79f-480a-b21f-ee327dbe9703] { width: 100%; height: 56px; }
    .sd[data-s-c2c683a3-5d09-48e1-9c2c-2cb1bb33db78] { font-size: 10px; }

    .sd[data-s-90f81f04-2cf0-449c-8ed8-4462f119c7c0] { width: 100%;}

    .sd[data-s-e6aeec07-4283-4acf-b0c8-d4a76deb01b9] {
        font-size: 16px;
        padding: 8px 16px 8px 16px;
    }
    .sd[data-s-f21a6ef3-27bf-4099-8a0b-10a11f027a74] {
        padding: 30px 20px 30px 20px;
    }
        .sd[data-s-42fb2d98-76ad-49fa-8582-18316eacee04] {
        font-size: 14px;
    }
        .sd[data-s-335af792-f8bf-4fc5-9faf-8da1b91b2935] {
        font-size: 18px;
    }
        .sd[data-s-a737c693-45b9-4842-ace1-c08aedd6216c] {
        font-size: 18px;
                text-align: center;
        justify-content: center;
    }
}