/* hori-group.com 独自CSS（STUDIOランタイムの代わりに必要な分だけ）。STUDIOのCSSは studio-*.css / pages/*.css */

/* hidden属性を最優先（STUDIOの .sd{display:flex} 等に負けないように） */
[hidden] { display: none !important; }

/* スライドショー: 表示中のスライドを最前面に、直前のスライドをその下に残す（フェードで重なるため） */
[data-type="carousel"] > * { visibility: hidden; z-index: 0; }
[data-type="carousel"] > .is-prev { visibility: visible; z-index: 1; }
[data-type="carousel"] > .is-current { visibility: visible; z-index: 2; }

/* スマホメニュー（モーダル）: 配置はSTUDIO基本CSS(.design-canvas__modal 等)に任せ、開閉のフェードだけ足す（本番は .4s） */
.modals { position: relative; z-index: 1000; }
.modals .studio-canvas { opacity: 0; transition: opacity .4s cubic-bezier(.4,.4,0,1); }
.modals.is-open .studio-canvas { opacity: 1; }

/* menu-yutaka: 本番でメニューを開いた時に差し込まれるCSS */
.sd[data-s-cf5bb541-6fe6-4957-8774-e427f5a0ba20] { background: rgba(0,0,0,0.16); height: 100%; justify-content: center; width: 100%; max-width: 100%; }.sd[data-s-707ae520-4ac1-4859-9125-84bba54f8333] { align-content: center; align-items: center; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2); flex-direction: column; flex-wrap: nowrap; height: 318px; justify-content: flex-start; margin: 0px; width: 400px; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-707ae520-4ac1-4859-9125-84bba54f8333] { flex: none; height: 100%; margin: 0px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 414px){
.sd[data-s-707ae520-4ac1-4859-9125-84bba54f8333] { border-radius: 0px; flex: none; height: 100%; margin: 0px; width: 100%; }
}.sd[data-s-54b401f8-7015-4be3-9605-03067c6e1e82] { align-content: flex-end; align-items: flex-end; background: #FFFFFF; flex: none; height: auto; justify-content: center; width: 100%; max-width: 100%; }.sd[data-s-be5f7beb-46f1-4cf3-b438-fe7f26601d08] { display: flex; font-size: 32px; padding: 14px; }
@media screen and (max-width: 840px){
.sd[data-s-be5f7beb-46f1-4cf3-b438-fe7f26601d08] { display: flex; }
}
@media screen and (max-width: 414px){
.sd[data-s-be5f7beb-46f1-4cf3-b438-fe7f26601d08] { display: flex; }
}.sd[data-s-7b8eb365-cc25-4485-8bfb-b50811811979] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-1260d648-ee77-491f-8774-09d86df4fd26] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-48bbf7d4-24aa-4141-b04b-1097e1fcfefd] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-77ffb57f-3b39-4ec7-8a2c-a16af9632c08] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-d91da035-18dd-49bf-9b10-23df0e2463c5] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.sd[data-r-0_0_-2_1_0_0_1_0_7e8e5ae9-cb61-4878-b41c-72d5b9904d0a]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1024x678_v-fs_webp_14de77fc-084a-4a89-8179-62c9793d8e3e.webp") }
.sd[data-r-0_0_-1_1_0_0_1_0_7e8e5ae9-cb61-4878-b41c-72d5b9904d0a]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-2150x1434_v-frms_webp_c06818da-4cf4-4471-bc8a-e75de982795d_regular.webp") }
.sd[data-r-0_0_0_1_0_0_1_0_7e8e5ae9-cb61-4878-b41c-72d5b9904d0a]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1024x678_v-fs_webp_3b38f366-12ea-46f4-9cc8-11b57228ba3e.webp") }
.sd[data-r-0_0_1_1_0_0_1_0_7e8e5ae9-cb61-4878-b41c-72d5b9904d0a]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1024x678_v-fs_webp_14de77fc-084a-4a89-8179-62c9793d8e3e.webp") }
.sd[data-r-0_0_2_1_0_0_1_0_7e8e5ae9-cb61-4878-b41c-72d5b9904d0a]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-2150x1434_v-frms_webp_c06818da-4cf4-4471-bc8a-e75de982795d_regular.webp") }
.sd[data-r-0_0_3_1_0_0_1_0_7e8e5ae9-cb61-4878-b41c-72d5b9904d0a]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1024x678_v-fs_webp_3b38f366-12ea-46f4-9cc8-11b57228ba3e.webp") }
.sd[data-r-0_0_4_1_0_0_1_0_7e8e5ae9-cb61-4878-b41c-72d5b9904d0a]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1024x678_v-fs_webp_14de77fc-084a-4a89-8179-62c9793d8e3e.webp") }
/* menu-king: 本番でメニューを開いた時に差し込まれるCSS */
.sd[data-s-e2ae5269-9ec9-4a63-9632-c4a1acd72d8b] { background: rgba(0,0,0,0.16); height: 100%; justify-content: center; width: 100%; max-width: 100%; }.sd[data-s-55634d45-1198-4217-a7c5-4ac35f56ad57] { align-content: center; align-items: center; background: #FFFFFF; border-radius: 10px; box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2); flex-direction: column; flex-wrap: nowrap; height: 318px; justify-content: flex-start; margin: 0px; width: 400px; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-55634d45-1198-4217-a7c5-4ac35f56ad57] { flex: none; height: 100%; margin: 0px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 414px){
.sd[data-s-55634d45-1198-4217-a7c5-4ac35f56ad57] { border-radius: 0px; flex: none; height: 100%; margin: 0px; width: 100%; }
}.sd[data-s-ff653fed-2af0-42a3-8207-564baf7f7cc7] { align-content: flex-end; align-items: flex-end; background: #FFFFFF; flex: none; height: auto; justify-content: center; width: 100%; max-width: 100%; }.sd[data-s-0584c10e-51b4-4ed7-aed0-5ac128a773bc] { display: flex; font-size: 32px; padding: 14px; }
@media screen and (max-width: 840px){
.sd[data-s-0584c10e-51b4-4ed7-aed0-5ac128a773bc] { display: flex; }
}
@media screen and (max-width: 414px){
.sd[data-s-0584c10e-51b4-4ed7-aed0-5ac128a773bc] { display: flex; }
}.sd[data-s-8ee130d8-9e2b-4c24-8844-b552c3a754e0] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-5c875577-3659-4bb4-a995-48f92e061d41] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-0e4d6454-0b3c-469c-b586-e90140b02b19] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-fe694361-ef37-4cf5-b75b-0884741ccbcb] { color: #333; font-family: var(--s-font-c2bf947f); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 20px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }.sd[data-s-03ef459a-032b-4a46-9ea4-17d8a76537d5] { color: #333; font-family: var(--s-font-c2bf947f); 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-r-0_0_-3_1_0_0_1_0_982d5ca6-25a6-4244-b0ae-45f2561441d5]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1366x640_v-fms_webp_fb6ab96f-054e-46bc-97a5-9683c4ee44ed.webp") }
.sd[data-r-0_0_-2_1_0_0_1_0_982d5ca6-25a6-4244-b0ae-45f2561441d5]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-2048x933_v-frms_webp_e174b9b9-0fda-4760-8c5c-09a0c5f59e8d_regular.webp") }
.sd[data-r-0_0_-1_1_0_0_1_0_982d5ca6-25a6-4244-b0ae-45f2561441d5]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-2150x1434_v-frms_webp_c06818da-4cf4-4471-bc8a-e75de982795d_middle.webp") }
.sd[data-r-0_0_0_1_0_0_1_0_982d5ca6-25a6-4244-b0ae-45f2561441d5]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1366x640_v-fms_webp_fb6ab96f-054e-46bc-97a5-9683c4ee44ed.webp") }
.sd[data-r-0_0_1_1_0_0_1_0_982d5ca6-25a6-4244-b0ae-45f2561441d5]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-2048x933_v-frms_webp_e174b9b9-0fda-4760-8c5c-09a0c5f59e8d_regular.webp") }
.sd[data-r-0_0_2_1_0_0_1_0_982d5ca6-25a6-4244-b0ae-45f2561441d5]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-2150x1434_v-frms_webp_c06818da-4cf4-4471-bc8a-e75de982795d_middle.webp") }
.sd[data-r-0_0_3_1_0_0_1_0_982d5ca6-25a6-4244-b0ae-45f2561441d5]:before { background-image: url("https://storage.googleapis.com/studio-design-asset-files/projects/VGOKN3m7Wn/s-1366x640_v-fms_webp_fb6ab96f-054e-46bc-97a5-9683c4ee44ed.webp") }
/* 2026-10-02 先方依頼: キング設計 採用 ハラスメント相談窓口「相談窓口／総務課／メール」を縦に並べる（本番は横並び） */
.sd[data-s-fc3618ac-fb05-4727-8566-193b556b5b1b] { flex-direction: column; gap: 0; }
.sd[data-s-5641c111-38ff-4e2f-aa24-b38780e3f8ce] { margin-bottom: 0; }