@charset "UTF-8"; :root { --color_border: #ddd; --color_gray: #F2F2F2; --color_red: #f23030; --color_border--table: var(--color_border); --table-border: 1px solid var(--color_border--table); --swl-h2-margin--x: 0; --swl-block-margin: 1.5rem; --swl-font_weight: 500; --swl-fz--root: 16px; --swl-pad_container: 1.25rem; --swl-fz--xs: .75rem; --swl-fz--small: .875rem; --swl-fz--normal: 1rem; --swl-fz--medium: 1.125rem; --swl-fz--large: 1.25rem; --swl-fz--huge: 1.5rem; --the-padding: 1em 1.5em; --swl-block-margin-xs: .5rem; --swl-block-margin-sm: 1rem; --swl-block-margin-lg: 2rem; --swl-block-margin-xl: 2.5rem; --lh-sm: 1.4; --ht-c: #111; --ht-fw: 700; --ht-lh: 1.25; --h1-fz: 2rem; --h2-fz: 1.5rem; --h3-fz: 1.25rem; --h4-fz: 1.125rem; --fullwide-pdg: 4rem; --fullwide-pdg-sm: 2rem; --column-gap-xs: .375rem; --column-gap-sm: .75rem; --column-gap-def: 1.5rem; --column-gap-lg: 2.25rem; } @media screen and (min-width: 600px) { :root { --h1-fz: 2.25rem; --h2-fz: 1.75rem; --h3-fz: 1.375rem; --h4-fz: 1.125rem; --fullwide-pdg: 5rem; --fullwide-pdg-sm: 2.5rem; --column-gap-xs: .5rem; --column-gap-sm: 1rem; --column-gap-def: 2rem; --column-gap-lg: 3rem; } } @media screen and (min-width: 960px) { :root { --h1-fz: 3rem; --h2-fz: 2rem; --h3-fz: 1.5rem; --h4-fz: 1.25rem; --fullwide-pdg: 6rem; --fullwide-pdg-sm: 3rem; --column-gap-xs: .625rem; --column-gap-sm: 1.25rem; --column-gap-def: 2.5rem; --column-gap-lg: 3.75rem; } } body:not(.wp-admin) { font-family: var(--swl-font_family); font-weight: var(--swl-font_weight); font-optical-sizing: auto; } .swl-has-margin--s, .wp-block-media-text__content, .wp-block > .wp-block-column, .wp-block > .wp-block-cover__inner-container, .wp-block > .wp-block-group__inner-container { --swl-block-margin: 1.5rem; } .alignfull > .wp-block-cover__inner-container > *, .alignfull > .wp-block-group__inner-container > *, .swell-block-fullWide__inner > *, .c-tabBody__item > *, .cap_box_content > *, .faq_a > *, .swell-block-accordion__body > *, .swell-block-dl__dd > *, .swell-block-step__body > *, .swl-has-mb--s > *, .wp-block-column > *, .wp-block-cover__inner-container > *, .wp-block-group__inner-container > *, .wp-block-media-text__content > *, div[class*=is-style-] > * { margin-bottom: var(--swl-block-margin); } .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6, .editor-styles-wrapper h2[data-type="core/heading"], .editor-styles-wrapper h3[data-type="core/heading"], .editor-styles-wrapper h4[data-type="core/heading"], .editor-styles-wrapper h5[data-type="core/heading"], .editor-styles-wrapper h6[data-type="core/heading"] { color: var(--ht-c, inherit); font-family: var(--ht-ff, inherit); font-weight: var(--ht-fw, inherit); line-height: var(--ht-lh, inherit); letter-spacing: var(--ht-ls, inherit); margin-bottom: var(--swl-block-margin); } .post_content h2.has-background.is-pdg-xs, .post_content h3.has-background.is-pdg-xs, .post_content h4.has-background.is-pdg-xs, .post_content h5.has-background.is-pdg-xs, .post_content h6.has-background.is-pdg-xs, .editor-styles-wrapper h2[data-type="core/heading"].has-background.is-pdg-xs, .editor-styles-wrapper h3[data-type="core/heading"].has-background.is-pdg-xs, .editor-styles-wrapper h4[data-type="core/heading"].has-background.is-pdg-xs, .editor-styles-wrapper h5[data-type="core/heading"].has-background.is-pdg-xs, .editor-styles-wrapper h6[data-type="core/heading"].has-background.is-pdg-xs { padding: 0.3125em 1.1875em; } .post_content h2.has-background.is-pdg-sm, .post_content h3.has-background.is-pdg-sm, .post_content h4.has-background.is-pdg-sm, .post_content h5.has-background.is-pdg-sm, .post_content h6.has-background.is-pdg-sm, .editor-styles-wrapper h2[data-type="core/heading"].has-background.is-pdg-sm, .editor-styles-wrapper h3[data-type="core/heading"].has-background.is-pdg-sm, .editor-styles-wrapper h4[data-type="core/heading"].has-background.is-pdg-sm, .editor-styles-wrapper h5[data-type="core/heading"].has-background.is-pdg-sm, .editor-styles-wrapper h6[data-type="core/heading"].has-background.is-pdg-sm { padding: 0.625em 1.1875em; } .post_content h2, .editor-styles-wrapper h2[data-type="core/heading"] { font-size: var(--h2-fz); } .post_content h3, .editor-styles-wrapper h3[data-type="core/heading"] { font-size: var(--h3-fz); } .post_content h4, .editor-styles-wrapper h4[data-type="core/heading"] { font-size: var(--h4-fz); } .post_content h5, .editor-styles-wrapper h5[data-type="core/heading"] { font-size: var(--swl-fz--content); } .post_content h6, .editor-styles-wrapper h6[data-type="core/heading"] { font-size: var(--swl-fz--content); } .page .post_content h1, .page .post_content h2, .page .post_content h3, .page .post_content h4, .page .post_content h5, .page .post_content h6, .post-type-page .editor-styles-wrapper h1[data-type="core/heading"], .post-type-page .editor-styles-wrapper h2[data-type="core/heading"], .post-type-page .editor-styles-wrapper h3[data-type="core/heading"], .post-type-page .editor-styles-wrapper h4[data-type="core/heading"], .post-type-page .editor-styles-wrapper h5[data-type="core/heading"], .post-type-page .editor-styles-wrapper h6[data-type="core/heading"] { margin-top: 0; } strong { font-weight: 600 !important; } .has-border.is-pdg-xs, .has-background.is-pdg-xs { padding: calc(var(--swl-box_padding) / 4) calc(var(--swl-box_padding) / 2); } .has-border.is-pdg-sm, .has-background.is-pdg-sm { padding: calc(var(--swl-box_padding) / 2); } @media screen and (min-width: 600px) { .has-border.is-pdg-lg, .has-background.is-pdg-lg { padding: calc(var(--swl-box_padding) * 2); } } .has-border.is-boc-main { border-color: var(--color_main); } .has-border.is-boc-main-thin { border-color: var(--color_main_thin); } .has-border.is-boc-border { border-color: var(--color_border); } .has-border.is-boc-gray { border-color: var(--color_gray); } .has-border.is-boc-text { border-color: var(--color_text); } .has-border.is-boc-deep01 { border-color: var(--color_deep01); } .has-border.is-boc-deep02 { border-color: var(--color_deep02); } .has-border.is-boc-deep03 { border-color: var(--color_deep03); } .has-border.is-boc-deep04 { border-color: var(--color_deep04); } .has-border.is-boc-pale01 { border-color: var(--color_pale01); } .has-border.is-boc-pale02 { border-color: var(--color_pale02); } .has-border.is-boc-pale03 { border-color: var(--color_pale03); } .has-border.is-boc-pale04 { border-color: var(--color_pale04); } .has-border.is-boc-cc { border-color: currentColor; } .has-border.is-boc-white { border-color: #fff; } .has-border.is-boc-black { border-color: #000; } .has-border.is-boc-red { border-color: var(--color_red); } .is-style-balloon_box.is-w-auto, .is-style-balloon_box2.is-w-auto { width: auto; } .is-style-balloon_box.is-thick, .is-style-balloon_box2.is-thick { padding-top: 1em; padding-bottom: 1em; } .is-style-balloon_box.is-center, .is-style-balloon_box2.is-center { margin-left: auto; margin-right: auto; } .is-style-balloon_box.is-center::before, .is-style-balloon_box2.is-center::before { left: 50%; } .is-style-balloon_box.is-color-border { background-color: var(--color_border); } .is-style-balloon_box.is-color-border::before { border-top-color: var(--color_border); } .is-style-balloon_box.is-color-gray { background-color: var(--color_gray); } .is-style-balloon_box.is-color-gray::before { border-top-color: var(--color_gray); } .is-style-balloon_box.is-color-text { background-color: var(--color_text); } .is-style-balloon_box.is-color-text::before { border-top-color: var(--color_text); } .is-style-balloon_box.is-color-deep01 { background-color: var(--color_deep01); } .is-style-balloon_box.is-color-deep01::before { border-top-color: var(--color_deep01); } .is-style-balloon_box.is-color-deep02 { background-color: var(--color_deep02); } .is-style-balloon_box.is-color-deep02::before { border-top-color: var(--color_deep02); } .is-style-balloon_box.is-color-deep03 { background-color: var(--color_deep03); } .is-style-balloon_box.is-color-deep03::before { border-top-color: var(--color_deep03); } .is-style-balloon_box.is-color-deep04 { background-color: var(--color_deep04); } .is-style-balloon_box.is-color-deep04::before { border-top-color: var(--color_deep04); } .is-style-balloon_box.is-color-pale01 { background-color: var(--color_pale01); } .is-style-balloon_box.is-color-pale01::before { border-top-color: var(--color_pale01); } .is-style-balloon_box.is-color-pale02 { background-color: var(--color_pale02); } .is-style-balloon_box.is-color-pale02::before { border-top-color: var(--color_pale02); } .is-style-balloon_box.is-color-pale03 { background-color: var(--color_pale03); } .is-style-balloon_box.is-color-pale03::before { border-top-color: var(--color_pale03); } .is-style-balloon_box.is-color-pale04 { background-color: var(--color_pale04); } .is-style-balloon_box.is-color-pale04::before { border-top-color: var(--color_pale04); } .is-style-balloon_box.is-color-white { background-color: #fff; } .is-style-balloon_box.is-color-white::before { border-top-color: #fff; } .is-style-balloon_box.is-color-black { background-color: #000; } .is-style-balloon_box.is-color-black::before { border-top-color: #000; } .is-style-balloon_box.is-color-red { background-color: var(--color_red); } .is-style-balloon_box.is-color-red::before { border-top-color: var(--color_red); } .is-style-balloon_box.is-center::before { margin-left: -12px; } .is-style-balloon_box2.is-center::before { margin-left: -6px; } .c-bg-stripe { background: linear-gradient(-45deg, transparent 25%, var(--color_gray) 25%, var(--color_gray) 50%, transparent 50%, transparent 75%, var(--color_gray) 75%, var(--color_gray)); background-clip: padding-box; background-size: 6px 6px; } .c-bg-grd-primary { background: linear-gradient(to bottom, var(--color_main) 0%, var(--color_deep01) 100%); } .c-bg-grd-deep01 { background: linear-gradient(to bottom, var(--color_deep01) 0%, var(--color_deep04) 100%); } .c-bg-grd-baseBg { background: linear-gradient(to bottom, #ffffff 0%, var(--color_gray) 100%); } .c-bg-text-primary { background: linear-gradient(to right, var(--color_main) 0%, var(--color_deep01) 100%); -webkit-background-clip: text; color: transparent !important; } .c-fullwide { position: relative; left: calc(var(--swl-pad_container) * -1); width: calc(100% + var(--swl-pad_container) * 2); } @media screen and (max-width: 599px) { .c-fullwide--sp { position: relative; left: calc(var(--swl-pad_container) * -1); width: calc(100% + var(--swl-pad_container) * 2); } } @media screen and (max-width: 959px) { .c-fullwide--tb-down { position: relative; left: calc(var(--swl-pad_container) * -1); width: calc(100% + var(--swl-pad_container) * 2); } .c-fullwide--tb-down.wp-block-embed { max-width: none; } } @media screen and (min-width: 600px) { .c-fullwide--tb { position: relative; left: calc(var(--swl-pad_container) * -1); width: calc(100% + var(--swl-pad_container) * 2); } } @media screen and (min-width: 960px) { .c-fullwide--pc { position: relative; left: calc(var(--swl-pad_container) * -1); width: calc(100% + var(--swl-pad_container) * 2); } } .c-ht-bottomline { padding-bottom: .5rem; border-bottom: 1px solid currentColor; } .c-ht-bottomline.is-lap { padding-bottom: 0; padding-right: 1rem; } .c-ht-bottomline.is-lap > span { padding-bottom: .5rem; display: inline-block; border-bottom: 1px solid var(--color_main); margin-bottom: -1px; } .c-ht-clap { text-align: center; display: flex; position: relative; justify-content: center; align-items: flex-end; } .c-ht-clap::before, .c-ht-clap::after { position: static !important; content: "|"; flex-shrink: 0; } .c-ht-clap::before { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .c-ht-clap::after { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .c-ht-clap > span { padding: 0 .75rem; } .c-ht-hr { position: relative; text-align: center; } .c-ht-hr::after { margin: .5rem auto 0 auto; display: block; content: ""; height: 3px; width: 60px; border-radius: 2px; background-color: var(--color_main); } .c-ht-icon { background-color: var(--color_gray); } .c-ht-icon.wp-block { display: flex; } .c-ht-icon > span { display: flex; } .c-ht-icon .swl-inline-icon { background-color: var(--color_main); color: #fff; flex-shrink: 0; padding: .5rem .75rem; } .c-ht-icon .swl-inline-icon::after { left: 50%; margin-left: -.5em; } .c-ht-icon .swl-inline-icon + span { flex-grow: 1; align-self: center; padding: .5em .75rem; } .c-ht-leftline { position: relative; padding-left: 1.25rem; } .c-ht-leftline::before { content: ""; width: 5px; height: 100%; border-radius: 3px; background-color: var(-color_border); position: absolute; top: 0; left: 0; } .c-ht-leftline::after { content: ""; width: 5px; height: 50%; border-radius: 3px 3px 0 0; background-color: var(--color_main); position: absolute; top: -1px; left: 0; } .c-ht-line { display: flex; align-items: center; position: relative; } .c-ht-line:after { flex-grow: 1; content: ""; height: 1px; background: currentColor; margin-left: 1rem; } .c-ht-line > span { max-width: 80%; } .c-ht-line.is-center { justify-content: center; text-align: center; } .c-ht-line.is-center:before { position: static; flex-grow: 1; content: ""; height: 1px; background: currentColor; margin-right: 1rem; } .c-ht-line.is-right { justify-content: flex-end; text-align: right; } .c-ht-line.is-right:before { flex-grow: 2; content: ""; height: 1px; background: currentColor; margin-right: 1rem; } .c-ht-line.is-right:after { display: none; } .c-ht-line.is-short::before, .c-ht-line.is-short::after { flex-grow: 0; flex-shrink: 0; width: 2rem; } .c-ht-topline { border-top: 1px solid currentColor; padding-top: 1rem; } .c-ht-topline.is-lap { padding-top: 0; } .c-ht-topline.is-lap > span { display: inline-block; border-top: 1px solid var(--color_main); margin-top: -1px; max-width: 80%; padding-top: 1rem; } .c-shadow-basic { box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05); } .c-vtext { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; } @media screen and (max-width: 599px) { .c-vtext--sp { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } } @media screen and (min-width: 600px) { .c-vtext--tb { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } } @media screen and (min-width: 960px) { .c-vtext--pc { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } } .c-vtext__combine { -webkit-text-combine: horizontal; -ms-text-combine-horizontal: all; text-combine-upright: all; } .c-pageTitle__subTitle { display: none; } .wp-block-cover.is-text-right-bottom { justify-content: flex-end; align-items: flex-end; font-size: .75rem; line-height: 1.2; padding: 0 !important; color: #fff; text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5), 0 0 0.5em rgba(0, 0, 0, 0.5); } .wp-block-cover.is-text-right-bottom .wp-block-cover__inner-container { width: auto; padding: .5rem; } @media screen and (min-width: 600px) { .wp-block-cover.is-text-right-bottom .wp-block-cover__inner-container { padding: 1rem; } } .wp-block-file__button { display: inline-block; } .wp-block-file.is-between { display: flex; justify-content: space-between; align-items: flex-start; } @media screen and (min-width: 600px) { .wp-block-file.is-between { align-items: center; } } .wp-block-file.is-between .wp-block-file__button { margin-left: .5em; white-space: nowrap; } .post_content .wp-block-heading.is-style-section_ttl, .editor-styles-wrapper [data-type="core/heading"].is-style-section_ttl { margin-bottom: var(--swl-block-margin-lg); } @media screen and (min-width: 960px) { .post_content .wp-block-heading.is-style-section_ttl, .editor-styles-wrapper [data-type="core/heading"].is-style-section_ttl { margin-bottom: var(--swl-block-margin-xl); } } .post_content .wp-block-heading.is-style-section_ttl > span, .editor-styles-wrapper [data-type="core/heading"].is-style-section_ttl > span { position: relative; display: inline-block; } .is-label { display: inline-block; padding-left: 1em; padding-right: 1em; font-weight: 700; color: #fff; background-color: var(--color_main) !important; } .is-label.is-bk { background-color: var(--color_text) !important; } .wp-block-image.u-lb-on { position: relative; } .wp-block-image.u-lb-on::after { content: "\e92e"; font-family: icomoon !important; font-weight: 400 !important; position: absolute; z-index: 11; bottom: 5px; right: 5px; font-size: 10px; visibility: visible; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 100%; width: 1rem; height: 1rem; line-height: 1rem; } @media screen and (min-width: 600px) { .wp-block-image.u-lb-on::after { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; font-size: 12px; } } .-list-under-dashed li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .wp-block-list.is-style-check_list.is-nav li::before { color: inherit; content: "\e921"; font-weight: 400; } .wp-block-list.is-style-check_list.is-circle li { padding-left: 1.75em; } .wp-block-list.is-style-check_list.is-circle li::before { background-color: var(--color_deep04); color: #fff; border-radius: 100%; font-size: .8rem; height: 1.484375em; width: 1.484375em; text-align: center; top: 0.3125em; } @media screen and (max-width: 959px) { .wp-block-list.is-style-check_list.is-post-center--tb-down { text-align: center; padding-left: 0; } .wp-block-list.is-style-check_list.is-post-center--tb-down li { padding-left: 0; } .wp-block-list.is-style-check_list.is-post-center--tb-down li::before { display: inline-block; position: static; margin-right: .5rem; } } .wp-block-table { /* &:not(.is-style-simple) { thead th, tbody th { background-color: rgba(51,51,51, .9); color: #fff; } } */ } .wp-block-table td, .wp-block-table th { padding: 1em; } @media screen and (min-width: 960px) { .wp-block-table.is-style-simple tr:not(:last-child) th::after { content: ""; width: 100%; height: 1px; background-color: var(--color_main); position: absolute; bottom: -1px; left: 0; } } .wp-block-table.is-style-simple.is-boc-cc { --table-border: 1px solid currentColor; } @media screen and (max-width: 959px) { .wp-block-table.is-center--tb-down { width: fit-content; margin-left: auto; margin-right: auto; } } .wp-block-table.is-style-simple.is-boy-none > table tr:first-child > * { border-top: none; padding-top: 0; } .wp-block-table.is-style-simple.is-boy-none > table tr:last-child > * { border-bottom: none; padding-bottom: 0; } @media screen and (max-width: 959px) { .wp-block-table.is-style-simple.is-boy-none.sp_block_ > table tr:first-child > *:first-child { border-top: var(--table-border); } .wp-block-table.is-style-simple.is-boy-none.sp_block_ > table tr:last-child > *:last-child { border-bottom: var(--table-border); } .wp-block-table.is-style-simple.is-boy-none.sp_block_ > table tr:first-child > * { padding-top: 1em; } .wp-block-table.is-style-simple.is-boy-none.sp_block_ > table tr:last-child > * { padding-bottom: 1em; } } .wp-block-table.is-th-nowrap > table tr > th:first-child { white-space: nowrap; width: 1px; } .wp-block-table.is-td-nowrap td { white-space: nowrap; width: 1px; } .wp-block-table.is-fixed table { table-layout: fixed; } .wp-block-table.is-pdg-sm th, .wp-block-table.is-pdg-sm td { padding: .5em; } .wp-block-table.is-style-none th, .wp-block-table.is-style-none td { border: none; } .wp-block-table.is-style-none th { padding: 0 1.75em 0 0; background-color: transparent; position: relative; } .wp-block-table.is-style-none th::after { content: ":"; position: absolute; right: .75em; } .wp-block-table.is-style-none td { padding: 0; } @media screen and (max-width: 959px) { .wp-block-table.sp_block_ { /* th { padding-top: .5em; padding-bottom: .5em; } */ } .wp-block-table.sp_block_.is-th-nowrap > table tr > th:first-child { white-space: normal; } .wp-block-table.sp_block_.is-td-nowrap td { white-space: normal; } .wp-block-table.sp_block_.is-style-simple tr > *:not(:first-child) { border-top: none; } .wp-block-table.sp_block_.is-style-simple tr > *:not(:last-child) { border-bottom-style: dotted; } .wp-block-table.sp_block_.is-style-simple tr:last-child > *:not(:last-child) { border-bottom: 1px dotted var(--color_border--table); } } .wp-block-video video { vertical-align: bottom; } .swell-block-accordion.is-style-main .swell-block-accordion__title { border-radius: 4px; } .swell-block-accordion.is-style-main .is-opened .swell-block-accordion__title { border-radius: 4px 4px 0 0; } .swell-block-accordion.is-style-main .swell-block-accordion__body { border-radius: 0 0 4px 4px; } .swell-block-accordion.is-style-border .swell-block-accordion__item { border-color: var(--color_main); } .swell-block-accordion.is-style-border .swell-block-accordion__title { background-color: var(--color_main_thin); } .swell-block-accordion.is-style-border .swell-block-accordion__body { border-top-color: var(--color_main); } .swell-block-accordion.is-style-border.is-color-border .swell-block-accordion__item { border-color: var(--color_border); } .swell-block-accordion.is-style-border.is-color-border .swell-block-accordion__title { background-color: rgba(217, 208, 191, 0.15); } .swell-block-accordion.is-style-border.is-color-border .swell-block-accordion__body { border-top-color: var(--color_border); } .swell-block-bannerLink.is-hover-overlay-none .c-bannerLink:hover { background-color: transparent !important; } .swell-block-bannerLink.is-hover-overlay-none .c-bannerLink:hover .c-bannerLink__figure { opacity: 1 !important; } .swell-block-box-menu.is-style-default { --the-border-color: #D9D0BF; } .swell-block-box-menu .swell-block-box-menu__link { padding: .75rem; } .swell-block-box-menu .swell-block-box-menu__text { line-height: 1.2; word-break: break-all; } .swell-block-button .swell-block-button__link { display: inline-flex; justify-content: center; align-items: center; } .swell-block-button .swell-block-button__link span { letter-spacing: normal; } .swell-block-button.is-style-btn_normal.is-cta-contact { --the-padding: 1.5em; } .swell-block-button.is-style-btn_normal.is-cta-contact .swell-block-button__link { background-color: #fff; color: var(--color_deep02); } @media screen and (min-width: 960px) { .swell-block-button.is-style-btn_normal.is-cta-contact .swell-block-button__link { font-size: var(--h3-fz); } } .swell-block-button.is-style-btn_line.is-white .swell-block-button__link { color: #fff; border-color: #fff; } .swell-block-button.is-style-btn_line.is-white .swell-block-button__link:hover { background-color: #fff; color: var(--color_main) !important; } .swell-block-button.is-style-btn_line.is-bow-lg .swell-block-button__link { border-width: 4px; } .swell-block-button.is-icon-right .swell-block-button__link[data-has-icon] { justify-content: space-between; text-align: left; } .swell-block-button.u-h-100p .swell-block-button__link { height: 100%; } .swell-block-button.is-minw-def .swell-block-button__link { --the-min-width: 168px; } @media screen and (min-width: 600px) { .swell-block-button.is-minw-def .swell-block-button__link { --the-min-width: 180px; } } @media screen and (min-width: 960px) { .swell-block-button.is-minw-def .swell-block-button__link { --the-min-width: 288px; } } .swell-block-button.is-minw-lg .swell-block-button__link { --the-min-width: 224px; } @media screen and (min-width: 600px) { .swell-block-button.is-minw-lg .swell-block-button__link { --the-min-width: 240px; } } @media screen and (min-width: 960px) { .swell-block-button.is-minw-lg .swell-block-button__link { --the-min-width: 384px; } } .swell-block-button.is-minw-xl .swell-block-button__link { --the-min-width: 280px; } @media screen and (min-width: 600px) { .swell-block-button.is-minw-xl .swell-block-button__link { --the-min-width: 300px; } } @media screen and (min-width: 960px) { .swell-block-button.is-minw-xl .swell-block-button__link { --the-min-width: 480px; } } @media screen and (max-width: 599px) { .swell-block-button.is-minw-def--sp .swell-block-button__link { --the-min-width: 168px; } .swell-block-button.is-minw-lg--sp .swell-block-button__link { --the-min-width: 224px; } .swell-block-button.is-minw-xl--sp .swell-block-button__link { --the-min-width: 280px; } } @media screen and (min-width: 600px) { .swell-block-button.is-minw-def--tb .swell-block-button__link { --the-min-width: 180px; } .swell-block-button.is-minw-lg--tb .swell-block-button__link { --the-min-width: 240px; } .swell-block-button.is-minw-xl--tb .swell-block-button__link { --the-min-width: 300px; } } @media screen and (min-width: 960px) { .swell-block-button.is-minw-def--pc .swell-block-button__link { --the-min-width: 288px; } .swell-block-button.is-minw-lg--pc .swell-block-button__link { --the-min-width: 384px; } .swell-block-button.is-minw-xl--pc .swell-block-button__link { --the-min-width: 480px; } } .swell-block-capbox .cap_box_ttl { border-radius: 4px 4px 0 0; } .swell-block-capbox .cap_box_content { padding: 1rem; border-radius: 0 0 4px 4px; } .swell-block-capbox.is-style-onborder_ttl .cap_box_content { border-radius: 4px; } .swell-block-columns { --swl-clmn-mrgn--x: var(--column-gap-def); --swl-clmn-mrgn--y: var(--column-gap-def); } .swell-block-columns.is-reverse > .swell-block-columns__inner { flex-direction: row-reverse; } .swell-block-columns.is-nowrap > .swell-block-columns__inner { flex-wrap: nowrap; } .swell-block-columns.is-left > .swell-block-columns__inner { justify-content: flex-start; } .swell-block-columns.is-center > .swell-block-columns__inner { justify-content: center; } .swell-block-columns.is-right > .swell-block-columns__inner { justify-content: flex-end; } .swell-block-columns.is-between > .swell-block-columns__inner { justify-content: space-between; } .swell-block-columns.is-top > .swell-block-columns__inner { align-items: flex-start; } .swell-block-columns.is-middle > .swell-block-columns__inner { align-items: center; } .swell-block-columns.is-bottom > .swell-block-columns__inner { align-items: flex-end; } @media screen and (max-width: 599px) { .swell-block-columns.is-reverse--sp > .swell-block-columns__inner { flex-direction: row-reverse; } .swell-block-columns.is-nowrap--sp > .swell-block-columns__inner { flex-wrap: nowrap; } .swell-block-columns.is-left--sp > .swell-block-columns__inner { justify-content: flex-start; } .swell-block-columns.is-center--sp > .swell-block-columns__inner { justify-content: center; } .swell-block-columns.is-right--sp > .swell-block-columns__inner { justify-content: flex-end; } .swell-block-columns.is-between--sp > .swell-block-columns__inner { justify-content: space-between; } .swell-block-columns.is-top--sp > .swell-block-columns__inner { align-items: flex-start; } .swell-block-columns.is-middle--sp > .swell-block-columns__inner { align-items: center; } .swell-block-columns.is-bottom--sp > .swell-block-columns__inner { align-items: flex-end; } } @media screen and (min-width: 600px) { .swell-block-columns.is-reverse--tb > .swell-block-columns__inner { flex-direction: row-reverse; } .swell-block-columns.is-nowrap--tb > .swell-block-columns__inner { flex-wrap: nowrap; } .swell-block-columns.is-left--tb > .swell-block-columns__inner { justify-content: flex-start; } .swell-block-columns.is-center--tb > .swell-block-columns__inner { justify-content: center; } .swell-block-columns.is-right--tb > .swell-block-columns__inner { justify-content: flex-end; } .swell-block-columns.is-between--tb > .swell-block-columns__inner { justify-content: space-between; } .swell-block-columns.is-top--tb > .swell-block-columns__inner { align-items: flex-start; } .swell-block-columns.is-middle--tb > .swell-block-columns__inner { align-items: center; } .swell-block-columns.is-bottom--tb > .swell-block-columns__inner { align-items: flex-end; } } @media screen and (min-width: 960px) { .swell-block-columns.is-reverse--pc > .swell-block-columns__inner { flex-direction: row-reverse; } .swell-block-columns.is-nowrap--pc > .swell-block-columns__inner { flex-wrap: nowrap; } .swell-block-columns.is-left--pc > .swell-block-columns__inner { justify-content: flex-start; } .swell-block-columns.is-center--pc > .swell-block-columns__inner { justify-content: center; } .swell-block-columns.is-right--pc > .swell-block-columns__inner { justify-content: flex-end; } .swell-block-columns.is-between--pc > .swell-block-columns__inner { justify-content: space-between; } .swell-block-columns.is-top--pc > .swell-block-columns__inner { align-items: flex-start; } .swell-block-columns.is-middle--pc > .swell-block-columns__inner { align-items: center; } .swell-block-columns.is-bottom--pc > .swell-block-columns__inner { align-items: flex-end; } } .swell-block-columns.is-gap-0 { --swl-clmn-mrgn--x: 0px; --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-gap-1 { --swl-clmn-mrgn--x: 1px; --swl-clmn-mrgn--y: 1px; } .swell-block-columns.is-gap-xs { --swl-clmn-mrgn--x: var(--column-gap-xs); --swl-clmn-mrgn--y: var(--column-gap-xs); } .swell-block-columns.is-gap-sm { --swl-clmn-mrgn--x: var(--column-gap-sm); --swl-clmn-mrgn--y: var(--column-gap-sm); } .swell-block-columns.is-gap-def { --swl-clmn-mrgn--x: var(--column-gap-def); --swl-clmn-mrgn--y: var(--column-gap-def); } .swell-block-columns.is-gap-lg { --swl-clmn-mrgn--x: var(--column-gap-lg); --swl-clmn-mrgn--y: var(--column-gap-lg); } @media screen and (max-width: 599px) { .swell-block-columns.is-gap-0--sp { --swl-clmn-mrgn--x: 0px; --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-gap-1--sp { --swl-clmn-mrgn--x: 1px; --swl-clmn-mrgn--y: 1px; } .swell-block-columns.is-gap-xs--sp { --swl-clmn-mrgn--x: var(--column-gap-xs); --swl-clmn-mrgn--y: var(--column-gap-xs); } .swell-block-columns.is-gap-sm--sp { --swl-clmn-mrgn--x: var(--column-gap-sm); --swl-clmn-mrgn--y: var(--column-gap-sm); } .swell-block-columns.is-gap-def--sp { --swl-clmn-mrgn--x: var(--column-gap-def); --swl-clmn-mrgn--y: var(--column-gap-def); } .swell-block-columns.is-gap-lg--sp { --swl-clmn-mrgn--x: var(--column-gap-lg); --swl-clmn-mrgn--y: var(--column-gap-lg); } } @media screen and (min-width: 600px) { .swell-block-columns.is-gap-0--tb { --swl-clmn-mrgn--x: 0px; --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-gap-1--tb { --swl-clmn-mrgn--x: 1px; --swl-clmn-mrgn--y: 1px; } .swell-block-columns.is-gap-xs--tb { --swl-clmn-mrgn--x: var(--column-gap-xs); --swl-clmn-mrgn--y: var(--column-gap-xs); } .swell-block-columns.is-gap-sm--tb { --swl-clmn-mrgn--x: var(--column-gap-sm); --swl-clmn-mrgn--y: var(--column-gap-sm); } .swell-block-columns.is-gap-def--tb { --swl-clmn-mrgn--x: var(--column-gap-def); --swl-clmn-mrgn--y: var(--column-gap-def); } .swell-block-columns.is-gap-lg--tb { --swl-clmn-mrgn--x: var(--column-gap-lg); --swl-clmn-mrgn--y: var(--column-gap-lg); } } @media screen and (min-width: 960px) { .swell-block-columns.is-gap-0--pc { --swl-clmn-mrgn--x: 0px; --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-gap-1--pc { --swl-clmn-mrgn--x: 1px; --swl-clmn-mrgn--y: 1px; } .swell-block-columns.is-gap-xs--pc { --swl-clmn-mrgn--x: var(--column-gap-xs); --swl-clmn-mrgn--y: var(--column-gap-xs); } .swell-block-columns.is-gap-sm--pc { --swl-clmn-mrgn--x: var(--column-gap-sm); --swl-clmn-mrgn--y: var(--column-gap-sm); } .swell-block-columns.is-gap-def--pc { --swl-clmn-mrgn--x: var(--column-gap-def); --swl-clmn-mrgn--y: var(--column-gap-def); } .swell-block-columns.is-gap-lg--pc { --swl-clmn-mrgn--x: var(--column-gap-lg); --swl-clmn-mrgn--y: var(--column-gap-lg); } } .swell-block-columns.is-row-gap-0 { --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-row-gap-xs { --swl-clmn-mrgn--y: var(--swl-block-margin-xs); } .swell-block-columns.is-row-gap-sm { --swl-clmn-mrgn--y: var(--swl-block-margin-sm); } .swell-block-columns.is-row-gap-def { --swl-clmn-mrgn--y: var(--swl-block-margin); } .swell-block-columns.is-row-gap-lg { --swl-clmn-mrgn--y: var(--swl-block-margin-lg); } .swell-block-columns.is-row-gap-xl { --swl-clmn-mrgn--y: var(--swl-block-margin-xl); } @media screen and (max-width: 599px) { .swell-block-columns.is-row-gap-0--sp { --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-row-gap-xs--sp { --swl-clmn-mrgn--y: var(--swl-block-margin-xs); } .swell-block-columns.is-row-gap-sm--sp { --swl-clmn-mrgn--y: var(--swl-block-margin-sm); } .swell-block-columns.is-row-gap-def--sp { --swl-clmn-mrgn--y: var(--swl-block-margin); } .swell-block-columns.is-row-gap-lg--sp { --swl-clmn-mrgn--y: var(--swl-block-margin-lg); } .swell-block-columns.is-row-gap-xl--sp { --swl-clmn-mrgn--y: var(--swl-block-margin-xl); } } @media screen and (min-width: 600px) { .swell-block-columns.is-row-gap-0--tb { --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-row-gap-xs--tb { --swl-clmn-mrgn--y: var(--swl-block-margin-xs); } .swell-block-columns.is-row-gap-sm--tb { --swl-clmn-mrgn--y: var(--swl-block-margin-sm); } .swell-block-columns.is-row-gap-def--tb { --swl-clmn-mrgn--y: var(--swl-block-margin); } .swell-block-columns.is-row-gap-lg--tb { --swl-clmn-mrgn--y: var(--swl-block-margin-lg); } .swell-block-columns.is-row-gap-xl--tb { --swl-clmn-mrgn--y: var(--swl-block-margin-xl); } } @media screen and (min-width: 960px) { .swell-block-columns.is-row-gap-0--pc { --swl-clmn-mrgn--y: 0px; } .swell-block-columns.is-row-gap-xs--pc { --swl-clmn-mrgn--y: var(--swl-block-margin-xs); } .swell-block-columns.is-row-gap-sm--pc { --swl-clmn-mrgn--y: var(--swl-block-margin-sm); } .swell-block-columns.is-row-gap-def--pc { --swl-clmn-mrgn--y: var(--swl-block-margin); } .swell-block-columns.is-row-gap-lg--pc { --swl-clmn-mrgn--y: var(--swl-block-margin-lg); } .swell-block-columns.is-row-gap-xl--pc { --swl-clmn-mrgn--y: var(--swl-block-margin-xl); } } .swell-block-columns .swell-block-column.is-1 { width: calc(8.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-2 { width: calc(16.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-3 { width: calc(25% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-4 { width: calc(33.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-5 { width: calc(41.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-6 { width: calc(50% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-7 { width: calc(58.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-8 { width: calc(66.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-9 { width: calc(75% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-10 { width: calc(83.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-11 { width: calc(91.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-12 { width: calc(100% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-fixed { width: auto; flex-shrink: 0; } .swell-block-columns .swell-block-column.is-expand { width: auto; flex-grow: 1; } .swell-block-columns .swell-block-column.is-top { align-self: auto; } .swell-block-columns .swell-block-column.is-middle { align-self: center; } .swell-block-columns .swell-block-column.is-bottom { align-self: flex-end; } @media screen and (max-width: 599px) { .swell-block-columns .swell-block-column.is-1--sp { width: calc(8.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-2--sp { width: calc(16.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-3--sp { width: calc(25% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-4--sp { width: calc(33.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-5--sp { width: calc(41.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-6--sp { width: calc(50% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-7--sp { width: calc(58.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-8--sp { width: calc(66.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-9--sp { width: calc(75% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-10--sp { width: calc(83.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-11--sp { width: calc(91.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-12--sp { width: calc(100% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-fixed--sp { width: auto; flex-shrink: 0; } .swell-block-columns .swell-block-column.is-expand--sp { width: auto; flex-grow: 1; } .swell-block-columns .swell-block-column.is-top--sp { align-self: auto; } .swell-block-columns .swell-block-column.is-middle--sp { align-self: center; } .swell-block-columns .swell-block-column.is-bottom--sp { align-self: flex-end; } } @media screen and (min-width: 600px) { .swell-block-columns .swell-block-column.is-1--tb { width: calc(8.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-2--tb { width: calc(16.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-3--tb { width: calc(25% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-4--tb { width: calc(33.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-5--tb { width: calc(41.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-6--tb { width: calc(50% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-7--tb { width: calc(58.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-8--tb { width: calc(66.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-9--tb { width: calc(75% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-10--tb { width: calc(83.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-11--tb { width: calc(91.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-12--tb { width: calc(100% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-fixed--tb { width: auto; flex-shrink: 0; } .swell-block-columns .swell-block-column.is-expand--tb { width: auto; flex-grow: 1; } .swell-block-columns .swell-block-column.is-top--tb { align-self: auto; } .swell-block-columns .swell-block-column.is-middle--tb { align-self: center; } .swell-block-columns .swell-block-column.is-bottom--tb { align-self: flex-end; } .swell-block-columns .swell-block-column.is-offset1--tb { left: 8.33333333%; position: relative; } .swell-block-columns .swell-block-column.is-offset2--tb { left: 16.66666667%; position: relative; } .swell-block-columns .swell-block-column.is-offset-1--tb { left: -8.33333333%; position: relative; } .swell-block-columns .swell-block-column.is-offset-2--tb { left: -16.66666667%; position: relative; } } @media screen and (min-width: 960px) { .swell-block-columns .swell-block-column.is-1--pc { width: calc(8.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-2--pc { width: calc(16.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-3--pc { width: calc(25% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-4--pc { width: calc(33.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-5--pc { width: calc(41.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-6--pc { width: calc(50% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-7--pc { width: calc(58.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-8--pc { width: calc(66.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-9--pc { width: calc(75% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-10--pc { width: calc(83.33333333% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-11--pc { width: calc(91.66666667% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-12--pc { width: calc(100% - var(--swl-clmn-mrgn--x)); flex: 0 0 auto; } .swell-block-columns .swell-block-column.is-fixed--pc { width: auto; flex-shrink: 0; } .swell-block-columns .swell-block-column.is-expand--pc { width: auto; flex-grow: 1; } .swell-block-columns .swell-block-column.is-top--pc { align-self: auto; } .swell-block-columns .swell-block-column.is-middle--pc { align-self: center; } .swell-block-columns .swell-block-column.is-bottom--pc { align-self: flex-end; } .swell-block-columns .swell-block-column.is-offset1--pc { left: 8.33333333%; position: relative; } .swell-block-columns .swell-block-column.is-offset2--pc { left: 16.66666667%; position: relative; } .swell-block-columns .swell-block-column.is-offset-1--pc { left: -8.33333333%; position: relative; } .swell-block-columns .swell-block-column.is-offset-2--pc { left: -16.66666667%; position: relative; } } .swell-block-fullWide { margin-top: 0; margin-bottom: var(--fullwide-pdg); } .swell-block-fullWide.wp-block { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .swell-block-fullWide + .swell-block-fullWide, .swell-block-fullWide.wp-block + .swell-block-fullWide.wp-block { margin-top: 0; } .swell-block-fullWide.is-pdg-sm { padding-top: var(--fullwide-pdg-sm) !important; padding-bottom: var(--fullwide-pdg-sm) !important; } .swell-block-fullWide.is-pdg-def { padding-top: var(--fullwide-pdg) !important; padding-bottom: var(--fullwide-pdg) !important; } .swell-block-fullWide.is-mgn-0 { margin-bottom: 0; } .swell-block-fullWide.is-mgn-sm { margin-bottom: var(--fullwide-pdg-sm); } .swell-block-fullWide.is-mgn-def { margin-bottom: var(--fullwide-pdg); } .post_content > .swell-block-fullWide:last-child { margin-bottom: var(--fullwide-pdg) !important; } .post_content > .swell-block-fullWide.is-mgn-0:last-child { margin-bottom: 0 !important; } .post_content > .swell-block-fullWide.is-mgn-sm:last-child { margin-bottom: var(--fullwide-pdg-sm) !important; } .post_content > .swell-block-fullWide.is-mgn-def:last-child { margin-bottom: var(--fullwide-pdg) !important; } .swell-block-fullWide.is-pos-right .swell-block-fullWide__inner { margin-right: 0; padding-right: 0; } .swell-block-fullWide.is-pos-right .swell-block-fullWide__inner.l-article, .swell-block-fullWide.is-pos-right[data-content-size="article"] .swell-block-fullWide__inner { max-width: calc(50% + var(--article_size) / 2); } .swell-block-fullWide.is-pos-right .swell-block-fullWide__inner.l-container, .swell-block-fullWide.is-pos-right[data-content-size="container"] .swell-block-fullWide__inner { max-width: calc(50% + var(--container_size) / 2 + var(--swl-fw_inner_pad)); } .swell-block-fullWide.is-pos-left .swell-block-fullWide__inner { margin-left: 0; padding-left: 0; } .swell-block-fullWide.is-pos-left .swell-block-fullWide__inner.l-article, .swell-block-fullWide.is-pos-left[data-content-size="article"] .swell-block-fullWide__inner { max-width: calc(50% + var(--article_size) / 2); } .swell-block-fullWide.is-pos-left .swell-block-fullWide__inner.l-container, .swell-block-fullWide.is-pos-left[data-content-size="container"] .swell-block-fullWide__inner { max-width: calc(50% + var(--container_size) / 2 + var(--swl-fw_inner_pad)); } @media screen and (min-width: 960px) { .swell-block-fullWide.is-pos-right--pc .swell-block-fullWide__inner { margin-right: 0; padding-right: 0; } .swell-block-fullWide.is-pos-right--pc .swell-block-fullWide__inner.l-article, .swell-block-fullWide.is-pos-right--pc[data-content-size="article"] .swell-block-fullWide__inner { max-width: calc(50% + var(--article_size) / 2); } .swell-block-fullWide.is-pos-right--pc .swell-block-fullWide__inner.l-container, .swell-block-fullWide.is-pos-right--pc[data-content-size="container"] .swell-block-fullWide__inner { max-width: calc(50% + var(--container_size) / 2 + var(--swl-fw_inner_pad)); } .swell-block-fullWide.is-pos-left--pc .swell-block-fullWide__inner { margin-left: 0; padding-left: 0; } .swell-block-fullWide.is-pos-left--pc .swell-block-fullWide__inner.l-article, .swell-block-fullWide.is-pos-left--pc[data-content-size="article"] .swell-block-fullWide__inner { max-width: calc(50% + var(--article_size) / 2); } .swell-block-fullWide.is-pos-left--pc .swell-block-fullWide__inner.l-container, .swell-block-fullWide.is-pos-left--pc[data-content-size="container"] .swell-block-fullWide__inner { max-width: calc(50% + var(--container_size) / 2 + var(--swl-fw_inner_pad)); } } .swell-block-postLink .p-blogCard { max-width: none; } .swell-block-step.is-style-small .swell-block-step__item { padding-bottom: 1.5rem; } .swell-block-tab .c-tabList__button { font-size: 1rem; } .swell-block-tab.is-style-balloon .c-tabList { margin-bottom: .5rem !important; } @media screen and (min-width: 960px) { .swell-block-tab.is-style-balloon .c-tabList { margin-bottom: 1.5rem !important; } .swell-block-tab.is-style-balloon .c-tabList .c-tabList__item { padding: 0 var(--column-gap-xs); } } .swell-block-tab.is-style-balloon .c-tabList__button { border-radius: 4px; } .swell-block-tab.is-style-balloon.is-2nd-deep02 > .c-tabList > .c-tabList__item:nth-child(2) .c-tabList__button::before { border-top-color: var(--color_deep02) !important; } .swell-block-tab.is-style-balloon.is-2nd-deep02 > .c-tabList > .c-tabList__item:nth-child(2) .c-tabList__button:hover, .swell-block-tab.is-style-balloon.is-2nd-deep02 > .c-tabList > .c-tabList__item:nth-child(2) .c-tabList__button[aria-selected=true] { background-color: var(--color_deep02) !important; } .swell-block-tab.is-style-balloon.is-2nd-deep02 > .c-tabList > .c-tabList__item:nth-child(2) .c-tabList__button:hover::before, .swell-block-tab.is-style-balloon.is-2nd-deep02 > .c-tabList > .c-tabList__item:nth-child(2) .c-tabList__button[aria-selected=true]::before { border-top-color: var(--color_deep02) !important; } .p-articleMetas .p-articleMetas__termList::before, .p-articleMetas .c-postTimes__posted::before, .p-articleMetas .c-postTimes__modified::before { content: none; } .p-postList { /* &.-type-list { .p-postList__item:not(:last-child)::before { content: ""; width: 100%; height: 1px; background-color: var(--color_border); display: block; position: absolute; left: 0; bottom: -1em; } .p-postList__body { display: flex; flex-direction: column-reverse; } .p-postList__title + .p-postList__meta { margin-top: 0; } } &.-type-simple { border-top: none; .p-postList__link { border-bottom: none; padding: 0; } .p-postList__meta { margin: 0 1rem 0 0; } .p-postList__body { display: flex; align-items: center; } } */ } .p-postList .c-postTimes__posted::before, .p-postList .p-postList__cat::before, .p-postList .c-postThumb__cat::before, .p-postList .c-postTimes__modified::before { content: none; } .p-postList .p-postList__meta > * + *::before, .p-postList .p-postList__times > * + *::before { content: "/"; margin-right: .5em; } .p-postList .p-postList__times > *::before { top: auto; } .p-postList .p-postList__meta > .p-postList__author::before { content: none; } .p-postList.-type-card { --postList-gap-x: var(--column-gap-def); --postList-gap-y: var(--column-gap-def); margin-left: calc(var(--postList-gap-x) * -1); row-gap: var(--postList-gap-y); margin-right: 0; } .p-postList.-type-card .p-postList__item { margin-bottom: 0; margin-left: var(--postList-gap-x); padding: 0; } @media screen and (max-width: 959px) { .p-postList.-type-card.-sp-col1 .p-postList__item { width: calc(100% - var(--postList-gap-x)); } .p-postList.-type-card.-sp-col2 .p-postList__item { width: calc(50% - var(--postList-gap-x)); } .p-postListWrap.is-gap-0 .p-postList.-type-card.-sp-col2 .p-postList__body, .p-postListWrap.is-gap-1 .p-postList.-type-card.-sp-col2 .p-postList__body { padding-right: 1em; } } @media screen and (min-width: 960px) { .p-postList.-type-card.-pc-col1 .p-postList__item { width: calc(100% - var(--postList-gap-x)); } .p-postList.-type-card.-pc-col2 .p-postList__item { width: calc(50% - var(--postList-gap-x)); } .p-postList.-type-card.-pc-col3 .p-postList__item { width: calc(33.33333333% - var(--postList-gap-x)); } .p-postListWrap.is-gap-0 .p-postList.-type-card.-pc-col2 .p-postList__body, .p-postListWrap.is-gap-0 .p-postList.-type-card.-pc-col3 .p-postList__body, .p-postListWrap.is-gap-1 .p-postList.-type-card.-pc-col2 .p-postList__body, .p-postListWrap.is-gap-1 .p-postList.-type-card.-pc-col3 .p-postList__body { padding-right: 2em; } } .p-postListWrap.is-gap-0 .p-postList.-type-card { --postList-gap-x: 0px; --postList-gap-y: 0px; } .p-postListWrap.is-gap-1 .p-postList.-type-card { --postList-gap-x: 1px; --postList-gap-y: 1px; } .p-postListWrap.is-gap-xs .p-postList.-type-card { --postList-gap-x: var(--column-gap-xs); --postList-gap-y: var(--column-gap-xs); } .p-postListWrap.is-gap-sm .p-postList.-type-card { --postList-gap-x: var(--column-gap-sm); --postList-gap-y: var(--column-gap-sm); } .p-postListWrap.is-row-gap-0 .p-postList.-type-card { --postList-gap-y: 0px; } .p-postListWrap.is-row-gap-xs .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xs); } .p-postListWrap.is-row-gap-sm .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-sm); } .p-postListWrap.is-row-gap-def .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin); } .p-postListWrap.is-row-gap-lg .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-lg); } .p-postListWrap.is-row-gap-xl .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xl); } @media screen and (max-width: 599px) { .p-postListWrap.is-row-gap-0--sp .p-postList.-type-card { --postList-gap-y: 0px; } .p-postListWrap.is-row-gap-xs--sp .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xs); } .p-postListWrap.is-row-gap-sm--sp .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-sm); } .p-postListWrap.is-row-gap-def--sp .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin); } .p-postListWrap.is-row-gap-lg--sp .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-lg); } .p-postListWrap.is-row-gap-xl--sp .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xl); } } @media screen and (min-width: 600px) { .p-postListWrap.is-row-gap-0--tb .p-postList.-type-card { --postList-gap-y: 0px; } .p-postListWrap.is-row-gap-xs--tb .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xs); } .p-postListWrap.is-row-gap-sm--tb .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-sm); } .p-postListWrap.is-row-gap-def--tb .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin); } .p-postListWrap.is-row-gap-lg--tb .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-lg); } .p-postListWrap.is-row-gap-xl--tb .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xl); } } @media screen and (min-width: 960px) { .p-postListWrap.is-row-gap-0--pc .p-postList.-type-card { --postList-gap-y: 0px; } .p-postListWrap.is-row-gap-xs--pc .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xs); } .p-postListWrap.is-row-gap-sm--pc .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-sm); } .p-postListWrap.is-row-gap-def--pc .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin); } .p-postListWrap.is-row-gap-lg--pc .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-lg); } .p-postListWrap.is-row-gap-xl--pc .p-postList.-type-card { --postList-gap-y: var(--swl-block-margin-xl); } } .p-postListWrap.is-body-reverse .p-postList.-type-card .p-postList__body { display: flex; flex-direction: column; } .p-postListWrap.is-body-reverse .p-postList.-type-card .p-postList__meta { order: 1; margin-top: 0; } .p-postListWrap.is-body-reverse .p-postList.-type-card .p-postList__title { order: 2; } .p-postListWrap.is-body-reverse .p-postList.-type-card .p-postList__excerpt { order: 3; } @media screen and (max-width: 959px) { .p-postListWrap.-sp-col1.is-sp-fullwide .p-postList.-type-card .p-postList__thumb { width: calc(100% + var(--swl-fw_inner_pad, 0) * 2); left: calc(var(--swl-fw_inner_pad, 0) * -1); right: calc(var(--swl-fw_inner_pad, 0) * -1); } } .p-postListWrap.is-border .p-postList.-type-card .p-postList__link { border: 1px solid var(--color_border); background-color: #fff; } .p-postListWrap.is-border .p-postList.-type-card .p-postList__body { padding: var(--swl-box_padding) !important; } .p-postListWrap.is-shadow .p-postList.-type-card .p-postList__link { background-color: #fff; box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05); } .p-postListWrap.is-shadow .p-postList.-type-card .p-postList__body { padding: var(--swl-box_padding) !important; } .p-postList.-type-list .p-postList__item, .p-postList.-type-list2 .p-postList__item { margin-bottom: var(--swl-block-margin); } .p-postList.-type-list .p-postList__item:last-child, .p-postList.-type-list2 .p-postList__item:last-child { margin-bottom: 0 !important; } .p-postList.-type-list .p-postList__title, .p-postList.-type-list2 .p-postList__title { font-family: var(--ht-ff); font-weight: var(--ht-fw); line-height: var(--ht-lh); letter-spacing: var(--ht-ls); } @media screen and (min-width: 600px) { .p-postList.-type-list .p-postList__title, .p-postList.-type-list2 .p-postList__title { font-size: var(--h4-fz); } } @media screen and (min-width: 960px) { .p-postList.-type-list .p-postList__title, .p-postList.-type-list2 .p-postList__title { font-size: var(--h3-fz); } } .p-postList.-type-list .p-postList__body, .p-postList.-type-list2 .p-postList__body { width: calc(64% - var(--column-gap-sm)); } .-frame-off .p-postList.-type-list2 { border-top: none !important; padding-top: 0; } .p-postList.-type-list2 .p-postList__link { padding-left: 0; padding-right: 0; } .p-postList.-type-list2 .p-postList__item { padding-bottom: var(--swl-block-margin); } .p-postList.-type-list2 .p-postList__item:last-child { border-bottom: none; padding-bottom: 0; } @media screen and (min-width: 600px) { .p-postList.-type-list2 .p-postList__body::after { margin-left: 0; } } .p-postListWrap.is-thumb-sm .p-postList.-type-list .p-postList__thumb, .p-postListWrap.is-thumb-sm .p-postList.-type-list2 .p-postList__thumb { width: 28%; } .p-postListWrap.is-thumb-sm .p-postList.-type-list .p-postList__body, .p-postListWrap.is-thumb-sm .p-postList.-type-list2 .p-postList__body { width: calc(72% - var(--column-gap-sm)); } .p-postListWrap.is-thumb-xs .p-postList.-type-list .p-postList__thumb, .p-postListWrap.is-thumb-xs .p-postList.-type-list2 .p-postList__thumb { width: 20%; } .p-postListWrap.is-thumb-xs .p-postList.-type-list .p-postList__body, .p-postListWrap.is-thumb-xs .p-postList.-type-list2 .p-postList__body { width: calc(80% - var(--column-gap-sm)); } @media screen and (min-width: 600px) { .p-postListWrap.is-thumb-sm--tb .p-postList.-type-list .p-postList__thumb, .p-postListWrap.is-thumb-sm--tb .p-postList.-type-list2 .p-postList__thumb { width: 28%; } .p-postListWrap.is-thumb-sm--tb .p-postList.-type-list .p-postList__body, .p-postListWrap.is-thumb-sm--tb .p-postList.-type-list2 .p-postList__body { width: calc(72% - var(--column-gap-sm)); } .p-postListWrap.is-thumb-xs--tb .p-postList.-type-list .p-postList__thumb, .p-postListWrap.is-thumb-xs--tb .p-postList.-type-list2 .p-postList__thumb { width: 20%; } .p-postListWrap.is-thumb-xs--tb .p-postList.-type-list .p-postList__body, .p-postListWrap.is-thumb-xs--tb .p-postList.-type-list2 .p-postList__body { width: calc(80% - var(--column-gap-sm)); } } @media screen and (min-width: 960px) { .p-postListWrap.is-thumb-sm--pc .p-postList.-type-list .p-postList__thumb, .p-postListWrap.is-thumb-sm--pc .p-postList.-type-list2 .p-postList__thumb { width: 28%; } .p-postListWrap.is-thumb-sm--pc .p-postList.-type-list .p-postList__body, .p-postListWrap.is-thumb-sm--pc .p-postList.-type-list2 .p-postList__body { width: calc(72% - var(--column-gap-sm)); } .p-postListWrap.is-thumb-xs--pc .p-postList.-type-list .p-postList__thumb, .p-postListWrap.is-thumb-xs--pc .p-postList.-type-list2 .p-postList__thumb { width: 20%; } .p-postListWrap.is-thumb-xs--pc .p-postList.-type-list .p-postList__body, .p-postListWrap.is-thumb-xs--pc .p-postList.-type-list2 .p-postList__body { width: calc(80% - var(--column-gap-sm)); } } .p-postListWrap.is-reverse .p-postList.-type-list .p-postList__link { flex-direction: row-reverse; } .p-postListWrap.is-body-reverse .p-postList.-type-list .p-postList__body, .p-postListWrap.is-body-reverse .p-postList.-type-list2 .p-postList__body { display: flex; flex-direction: column; } .p-postListWrap.is-body-reverse .p-postList.-type-list .p-postList__body::after, .p-postListWrap.is-body-reverse .p-postList.-type-list2 .p-postList__body::after { order: 4; } .p-postListWrap.is-body-reverse .p-postList.-type-list .p-postList__meta, .p-postListWrap.is-body-reverse .p-postList.-type-list2 .p-postList__meta { order: 1; margin-top: 0; } .p-postListWrap.is-body-reverse .p-postList.-type-list .p-postList__title, .p-postListWrap.is-body-reverse .p-postList.-type-list2 .p-postList__title { order: 2; } .p-postListWrap.is-body-reverse .p-postList.-type-list .p-postList__excerpt, .p-postListWrap.is-body-reverse .p-postList.-type-list2 .p-postList__excerpt { order: 3; } .p-postListWrap.is-hr .p-postList.-type-list .p-postList__item { margin-bottom: calc(var(--swl-block-margin) * 2); } .p-postListWrap.is-hr .p-postList.-type-list .p-postList__item + .p-postList__item::before { content: ""; position: absolute; top: calc(var(--swl-block-margin) * -1); left: 0; width: 100%; height: 0; border-top: 1px solid var(--color_border); } .p-postListWrap.is-border .p-postList.-type-list .p-postList__link { background-color: #fff; padding: calc(var(--swl-box_padding) / 2); border: 1px solid var(--color_border); } @media screen and (min-width: 960px) { .p-postListWrap.is-border .p-postList.-type-list .p-postList__link { padding: var(--swl-box_padding); } } .p-postListWrap.is-shadow .p-postList.-type-list .p-postList__link { background-color: #fff; padding: calc(var(--swl-box_padding) / 2); box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05); } @media screen and (min-width: 960px) { .p-postListWrap.is-shadow .p-postList.-type-list .p-postList__link { padding: var(--swl-box_padding); } } .p-postList.-type-simple .u-thin { opacity: 1; } .p-postList.-type-simple .p-postList__meta { font-size: 1rem; } .p-postList.-type-simple .p-postList__title { font-weight: var(--swl-font_weight); } @media screen and (min-width: 600px) { .p-postListWrap.is-row .p-postList.-type-simple .p-postList__body { display: flex; align-items: center; } .p-postListWrap.is-row .p-postList.-type-simple .p-postList__meta { margin-bottom: 0; margin-right: 1.5rem; flex-shrink: 0; } .p-postListWrap.is-row .p-postList.-type-simple .p-postList__meta > *:last-child { margin-right: 0; } .p-postListWrap.is-row .p-postList.-type-simple .p-postList__title { flex-grow: 1; } } .p-section-ht { font-weight: 700; line-height: 0.3; font-size: 2.5rem; margin-left: var(--swl-block-margin); margin-right: var(--swl-block-margin); } @media screen and (min-width: 600px) { .p-section-ht { margin-bottom: 0; margin-left: var(--swl-block-margin-lg); margin-right: var(--swl-block-margin-lg); font-size: 3.125rem; } } @media screen and (min-width: 960px) { .p-section-ht { font-size: 4rem; } } .p-section-ht.is-wh { color: #fff !important; } .p-section-ht p { line-height: 1; margin-bottom: 0; } .p-section-ht .is-ex { display: inline-block; font-size: 16px; } @media screen and (max-width: 599px) { .p-section-ht .is-ex { font-size: 14px; } } .is-fluid.wp-block-cover { position: relative; min-height: auto; } .is-fluid.wp-block-image { position: relative; } .p-googlemap { position: relative; overflow: hidden; } .is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-fluid.wp-block-cover::before, .p-googlemap::before { display: block; content: ""; } .wp-block.is-fluid.wp-block-image .components-resizable-box__container { position: static !important; } .is-fluid.swell-block-bannerLink .c-bannerLink__figure > img, .is-fluid.wp-block-cover img, .is-fluid.wp-block-image img, .p-googlemap iframe { display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; height: 100% !important; width: 100% !important; object-fit: cover; } .is-1by1.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by1.is-fluid.wp-block-cover::before, .is-1by1.is-fluid.wp-block-image::after, .is-1by1.p-googlemap::before { padding-top: 100% !important; } .is-4by3.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by3.is-fluid.wp-block-cover::before, .is-4by3.is-fluid.wp-block-image::after, .is-4by3.p-googlemap::before { padding-top: 75% !important; } .is-3by2.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by2.is-fluid.wp-block-cover::before, .is-3by2.is-fluid.wp-block-image::after, .is-3by2.p-googlemap::before { padding-top: 66.666666% !important; } .is-16by9.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-16by9.is-fluid.wp-block-cover::before, .is-16by9.is-fluid.wp-block-image::after, .is-16by9.p-googlemap::before { padding-top: 56.25% !important; } .is-2by1.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by1.is-fluid.wp-block-cover::before, .is-2by1.is-fluid.wp-block-image::after, .is-2by1.p-googlemap::before { padding-top: 50% !important; } .is-3by1.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by1.is-fluid.wp-block-cover::before, .is-3by1.is-fluid.wp-block-image::after, .is-3by1.p-googlemap::before { padding-top: 33.333333% !important; } .is-4by1.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by1.is-fluid.wp-block-cover::before, .is-4by1.is-fluid.wp-block-image::after, .is-4by1.p-googlemap::before { padding-top: 25% !important; } .is-3by4.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by4.is-fluid.wp-block-cover::before, .is-3by4.is-fluid.wp-block-image::after, .is-3by4.p-googlemap::before { padding-top: 133.333333% !important; } .is-2by3.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by3.is-fluid.wp-block-cover::before, .is-2by3.is-fluid.wp-block-image::after, .is-2by3.p-googlemap::before { padding-top: 150% !important; } .is-9by16.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-9by16.is-fluid.wp-block-cover::before, .is-9by16.is-fluid.wp-block-image::after, .is-9by16.p-googlemap::before { padding-top: 177.777777% !important; } .is-1by2.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by2.is-fluid.wp-block-cover::before, .is-1by2.is-fluid.wp-block-image::after, .is-1by2.p-googlemap::before { padding-top: 200% !important; } .is-1by3.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by3.is-fluid.wp-block-cover::before, .is-1by3.is-fluid.wp-block-image::after, .is-1by3.p-googlemap::before { padding-top: 300% !important; } .is-1by4.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by4.is-fluid.wp-block-cover::before, .is-1by4.is-fluid.wp-block-image::after, .is-1by4.p-googlemap::before { padding-top: 400% !important; } .is-100vh.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-100vh.is-fluid.wp-block-cover::before, .is-100vh.is-fluid.wp-block-image::after, .is-100vh.p-googlemap::before { padding-top: 100vh !important; } @media screen and (max-width: 599px) { .is-1by1--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by1--sp.is-fluid.wp-block-cover::before, .is-1by1--sp.is-fluid.wp-block-image::after, .is-1by1--sp.p-googlemap::before { padding-top: 100% !important; } .is-4by3--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by3--sp.is-fluid.wp-block-cover::before, .is-4by3--sp.is-fluid.wp-block-image::after, .is-4by3--sp.p-googlemap::before { padding-top: 75% !important; } .is-3by2--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by2--sp.is-fluid.wp-block-cover::before, .is-3by2--sp.is-fluid.wp-block-image::after, .is-3by2--sp.p-googlemap::before { padding-top: 66.666666% !important; } .is-16by9--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-16by9--sp.is-fluid.wp-block-cover::before, .is-16by9--sp.is-fluid.wp-block-image::after, .is-16by9--sp.p-googlemap::before { padding-top: 56.25% !important; } .is-2by1--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by1--sp.is-fluid.wp-block-cover::before, .is-2by1--sp.is-fluid.wp-block-image::after, .is-2by1--sp.p-googlemap::before { padding-top: 50% !important; } .is-3by1--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by1--sp.is-fluid.wp-block-cover::before, .is-3by1--sp.is-fluid.wp-block-image::after, .is-3by1--sp.p-googlemap::before { padding-top: 33.333333% !important; } .is-4by1--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by1--sp.is-fluid.wp-block-cover::before, .is-4by1--sp.is-fluid.wp-block-image::after, .is-4by1--sp.p-googlemap::before { padding-top: 25% !important; } .is-3by4--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by4--sp.is-fluid.wp-block-cover::before, .is-3by4--sp.is-fluid.wp-block-image::after, .is-3by4--sp.p-googlemap::before { padding-top: 133.333333% !important; } .is-2by3--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by3--sp.is-fluid.wp-block-cover::before, .is-2by3--sp.is-fluid.wp-block-image::after, .is-2by3--sp.p-googlemap::before { padding-top: 150% !important; } .is-9by16--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-9by16--sp.is-fluid.wp-block-cover::before, .is-9by16--sp.is-fluid.wp-block-image::after, .is-9by16--sp.p-googlemap::before { padding-top: 177.777777% !important; } .is-1by2--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by2--sp.is-fluid.wp-block-cover::before, .is-1by2--sp.is-fluid.wp-block-image::after, .is-1by2--sp.p-googlemap::before { padding-top: 200% !important; } .is-1by3--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by3--sp.is-fluid.wp-block-cover::before, .is-1by3--sp.is-fluid.wp-block-image::after, .is-1by3--sp.p-googlemap::before { padding-top: 300% !important; } .is-1by4--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by4--sp.is-fluid.wp-block-cover::before, .is-1by4--sp.is-fluid.wp-block-image::after, .is-1by4--sp.p-googlemap::before { padding-top: 400% !important; } .is-100vh--sp.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-100vh--sp.is-fluid.wp-block-cover::before, .is-100vh--sp.is-fluid.wp-block-image::after, .is-100vh--sp.p-googlemap::before { padding-top: 100vh !important; } } @media screen and (min-width: 600px) { .is-1by1--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by1--tb.is-fluid.wp-block-cover::before, .is-1by1--tb.is-fluid.wp-block-image::after, .is-1by1--tb.p-googlemap::before { padding-top: 100% !important; } .is-4by3--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by3--tb.is-fluid.wp-block-cover::before, .is-4by3--tb.is-fluid.wp-block-image::after, .is-4by3--tb.p-googlemap::before { padding-top: 75% !important; } .is-3by2--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by2--tb.is-fluid.wp-block-cover::before, .is-3by2--tb.is-fluid.wp-block-image::after, .is-3by2--tb.p-googlemap::before { padding-top: 66.666666% !important; } .is-16by9--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-16by9--tb.is-fluid.wp-block-cover::before, .is-16by9--tb.is-fluid.wp-block-image::after, .is-16by9--tb.p-googlemap::before { padding-top: 56.25% !important; } .is-2by1--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by1--tb.is-fluid.wp-block-cover::before, .is-2by1--tb.is-fluid.wp-block-image::after, .is-2by1--tb.p-googlemap::before { padding-top: 50% !important; } .is-3by1--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by1--tb.is-fluid.wp-block-cover::before, .is-3by1--tb.is-fluid.wp-block-image::after, .is-3by1--tb.p-googlemap::before { padding-top: 33.333333% !important; } .is-4by1--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by1--tb.is-fluid.wp-block-cover::before, .is-4by1--tb.is-fluid.wp-block-image::after, .is-4by1--tb.p-googlemap::before { padding-top: 25% !important; } .is-3by4--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by4--tb.is-fluid.wp-block-cover::before, .is-3by4--tb.is-fluid.wp-block-image::after, .is-3by4--tb.p-googlemap::before { padding-top: 133.333333% !important; } .is-2by3--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by3--tb.is-fluid.wp-block-cover::before, .is-2by3--tb.is-fluid.wp-block-image::after, .is-2by3--tb.p-googlemap::before { padding-top: 150% !important; } .is-9by16--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-9by16--tb.is-fluid.wp-block-cover::before, .is-9by16--tb.is-fluid.wp-block-image::after, .is-9by16--tb.p-googlemap::before { padding-top: 177.777777% !important; } .is-1by2--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by2--tb.is-fluid.wp-block-cover::before, .is-1by2--tb.is-fluid.wp-block-image::after, .is-1by2--tb.p-googlemap::before { padding-top: 200% !important; } .is-1by3--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by3--tb.is-fluid.wp-block-cover::before, .is-1by3--tb.is-fluid.wp-block-image::after, .is-1by3--tb.p-googlemap::before { padding-top: 300% !important; } .is-1by4--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by4--tb.is-fluid.wp-block-cover::before, .is-1by4--tb.is-fluid.wp-block-image::after, .is-1by4--tb.p-googlemap::before { padding-top: 400% !important; } .is-100vh--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-100vh--tb.is-fluid.wp-block-cover::before, .is-100vh--tb.is-fluid.wp-block-image::after, .is-100vh--tb.p-googlemap::before { padding-top: 100vh !important; } .is-cover--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure, .is-cover--tb.is-fluid.wp-block-cover, .is-cover--tb.is-fluid.wp-block-image, .is-cover--tb.p-googlemap { height: 100% !important; } .is-cover--tb.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-cover--tb.is-fluid.wp-block-cover::before, .is-cover--tb.is-fluid.wp-block-image::after, .is-cover--tb.p-googlemap::before { padding-top: 0 !important; } } @media screen and (min-width: 960px) { .is-1by1--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by1--pc.is-fluid.wp-block-cover::before, .is-1by1--pc.is-fluid.wp-block-image::after, .is-1by1--pc.p-googlemap::before { padding-top: 100% !important; } .is-4by3--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by3--pc.is-fluid.wp-block-cover::before, .is-4by3--pc.is-fluid.wp-block-image::after, .is-4by3--pc.p-googlemap::before { padding-top: 75% !important; } .is-3by2--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by2--pc.is-fluid.wp-block-cover::before, .is-3by2--pc.is-fluid.wp-block-image::after, .is-3by2--pc.p-googlemap::before { padding-top: 66.666666% !important; } .is-16by9--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-16by9--pc.is-fluid.wp-block-cover::before, .is-16by9--pc.is-fluid.wp-block-image::after, .is-16by9--pc.p-googlemap::before { padding-top: 56.25% !important; } .is-2by1--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by1--pc.is-fluid.wp-block-cover::before, .is-2by1--pc.is-fluid.wp-block-image::after, .is-2by1--pc.p-googlemap::before { padding-top: 50% !important; } .is-3by1--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by1--pc.is-fluid.wp-block-cover::before, .is-3by1--pc.is-fluid.wp-block-image::after, .is-3by1--pc.p-googlemap::before { padding-top: 33.333333% !important; } .is-4by1--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-4by1--pc.is-fluid.wp-block-cover::before, .is-4by1--pc.is-fluid.wp-block-image::after, .is-4by1--pc.p-googlemap::before { padding-top: 25% !important; } .is-3by4--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-3by4--pc.is-fluid.wp-block-cover::before, .is-3by4--pc.is-fluid.wp-block-image::after, .is-3by4--pc.p-googlemap::before { padding-top: 133.333333% !important; } .is-2by3--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-2by3--pc.is-fluid.wp-block-cover::before, .is-2by3--pc.is-fluid.wp-block-image::after, .is-2by3--pc.p-googlemap::before { padding-top: 150% !important; } .is-9by16--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-9by16--pc.is-fluid.wp-block-cover::before, .is-9by16--pc.is-fluid.wp-block-image::after, .is-9by16--pc.p-googlemap::before { padding-top: 177.777777% !important; } .is-1by2--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by2--pc.is-fluid.wp-block-cover::before, .is-1by2--pc.is-fluid.wp-block-image::after, .is-1by2--pc.p-googlemap::before { padding-top: 200% !important; } .is-1by3--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by3--pc.is-fluid.wp-block-cover::before, .is-1by3--pc.is-fluid.wp-block-image::after, .is-1by3--pc.p-googlemap::before { padding-top: 300% !important; } .is-1by4--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-1by4--pc.is-fluid.wp-block-cover::before, .is-1by4--pc.is-fluid.wp-block-image::after, .is-1by4--pc.p-googlemap::before { padding-top: 400% !important; } .is-100vh--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-100vh--pc.is-fluid.wp-block-cover::before, .is-100vh--pc.is-fluid.wp-block-image::after, .is-100vh--pc.p-googlemap::before { padding-top: 100vh !important; } .is-cover--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure, .is-cover--pc.is-fluid.wp-block-cover, .is-cover--pc.is-fluid.wp-block-image, .is-cover--pc.p-googlemap { height: 100% !important; } .is-cover--pc.is-fluid.swell-block-bannerLink .c-bannerLink__figure::before, .is-cover--pc.is-fluid.wp-block-cover::before, .is-cover--pc.is-fluid.wp-block-image::after, .is-cover--pc.p-googlemap::before { padding-top: 0 !important; } } .is-pos-lt img { object-position: left top !important; } .is-pos-ct img { object-position: center top !important; } .is-pos-rt img { object-position: right top !important; } .is-pos-lc img { object-position: left center !important; } .is-pos-cc img { object-position: center center !important; } .is-pos-rc img { object-position: right center !important; } .is-pos-lb img { object-position: left bottom !important; } .is-pos-cb img { object-position: center bottom !important; } .is-pos-rb img { object-position: right bottom !important; } @media screen and (max-width: 599px) { .is-pos-lt--sp img { object-position: left top !important; } .is-pos-ct--sp img { object-position: center top !important; } .is-pos-rt--sp img { object-position: right top !important; } .is-pos-lc--sp img { object-position: left center !important; } .is-pos-cc--sp img { object-position: center center !important; } .is-pos-rc--sp img { object-position: right center !important; } .is-pos-lb--sp img { object-position: left bottom !important; } .is-pos-cb--sp img { object-position: center bottom !important; } .is-pos-rb--sp img { object-position: right bottom !important; } } @media screen and (min-width: 600px) { .is-pos-lt--tb img { object-position: left top !important; } .is-pos-ct--tb img { object-position: center top !important; } .is-pos-rt--tb img { object-position: right top !important; } .is-pos-lc--tb img { object-position: left center !important; } .is-pos-cc--tb img { object-position: center center !important; } .is-pos-rc--tb img { object-position: right center !important; } .is-pos-lb--tb img { object-position: left bottom !important; } .is-pos-cb--tb img { object-position: center bottom !important; } .is-pos-rb--tb img { object-position: right bottom !important; } } @media screen and (min-width: 960px) { .is-pos-lt--pc img { object-position: left top !important; } .is-pos-ct--pc img { object-position: center top !important; } .is-pos-rt--pc img { object-position: right top !important; } .is-pos-lc--pc img { object-position: left center !important; } .is-pos-cc--pc img { object-position: center center !important; } .is-pos-rc--pc img { object-position: right center !important; } .is-pos-lb--pc img { object-position: left bottom !important; } .is-pos-cb--pc img { object-position: center bottom !important; } .is-pos-rb--pc img { object-position: right bottom !important; } } #breadcrumb .__home::before { content: none !important; } .l-content { padding-top: var(--fullwide-pdg); margin-bottom: var(--fullwide-pdg); } #footer .l-footer__widgetArea { padding-top: 2em; padding-bottom: 0; } #footer .w-footer__box { padding: 0; } #footer .l-footer__foot { padding-bottom: 1.5em; padding-top: 1.5em; } @media screen and (min-width: 600px) { #footer .l-footer__foot .l-container { display: flex; justify-content: space-between; } } #footer .l-footer__nav { padding: 0; } @media screen and (max-width: 599px) { #footer .l-footer__nav { margin-bottom: var(--swl-block-margin); } } #footer .l-footer__nav li { margin-right: 1.5rem; } #footer .l-footer__nav li:last-child { margin-right: 0; } #footer .l-footer__nav li:first-child a { border-left: none; } #footer .l-footer__nav a { border-right: none; padding: 0; position: relative; } #footer .l-footer__nav a::before { content: "・"; } .c-gnav > .menu-item > a > .ttl { font-weight: 700; } .c-gnav .c-smallNavTitle { opacity: 1; } .c-gnav > .menu-item-has-children > a > .ttl { display: inline-flex; align-items: center; justify-content: center; } .c-gnav > .menu-item-has-children > a > .ttl::after { font-family: icomoon !important; line-height: 1; display: inline-block; opacity: .9; font-size: .8rem; margin-left: .5rem; content: "\e910"; } .c-gnav .sub-menu .menu-item-has-children::after { position: absolute; top: 50%; right: .75rem; margin-top: -.5em; content: "\e91c"; line-height: 1; display: inline-block; opacity: .9; font-family: icomoon !important; font-size: .8rem; } .c-gnav .sub-menu li + li { border-top: 1px solid rgba(255, 255, 255, 0.15); } .c-gnav .sub-menu a::before { font-size: .7rem; left: .75rem; } .c-gnav > .current-menu-item:not(.is-btn) > a .c-smallNavTitle, .c-gnav > .current-menu-ancestor:not(.is-btn) > a .c-smallNavTitle { color: #91720A; } .c-gnav .sub-menu .current-menu-item > a { background-color: rgba(255, 255, 255, 0.1); } .c-gnav > .menu-item.is-btn { background-color: var(--color_main); color: #fff; } .c-gnav > .menu-item.is-btn .__icon + .__text, .c-gnav > .menu-item.is-btn .__text + .__icon { margin-left: .4em; } .c-gnav > .menu-item.is-btn > a { padding-left: 1.5em; padding-right: 1.5em; } .c-gnav > .menu-item.is-btn > a::after { content: none !important; } .c-gnav > .menu-item:not(.is-btn) + .menu-item.is-btn { margin-left: 1.5rem; } .c-gnav > .menu-item.is-sub { color: #fff; } .c-gnav > .menu-item.is-sub .__icon + .__text, .c-gnav > .menu-item.is-sub .__text + .__icon { margin-left: .4em; } .c-gnav > .menu-item.is-sub > a { padding-left: 1.5em; padding-right: 1.5em; } .c-gnav > .menu-item.is-sub > a[target="_blank"] .ttl::after { content: "\e9c5"; font-family: icomoon !important; margin-left: .4em; } .c-gnav > .menu-item.is-sub > a .ttl::before { content: ''; position: absolute; top: 50%; left: -16px; transform: rotate(45deg) translateY(-50%); width: 6px; height: 6px; background: #231815; border-width: 2px 2px 0 0; border-style: solid; border-color: #7b5f0c; } .c-gnav > .menu-item:not(.is-sub) + .menu-item.is-sub { margin-left: 1.5rem; } .l-header__inner, .l-fixHeader__inner { max-width: none; padding-right: 0; } @media screen and (min-width: 960px) { .l-header__inner .l-header__logo, .l-header__inner .l-fixHeader__logo, .l-fixHeader__inner .l-header__logo, .l-fixHeader__inner .l-fixHeader__logo { padding-top: 20px; padding-bottom: 20px; } } #sidebar .c-listMenu a:last-child { border-bottom: none; } #sidebar .widget_categories .c-widget__title, #sidebar .widget_recent_entries .c-widget__title { margin-bottom: .5em; } #sidebar .widget_recent_entries li:last-child { border-bottom: none; } #sp_menu .c-listMenu { border: 0 none !important; } #sp_menu .p-spMenu__nav { margin-top: 0; padding-bottom: 0; } #sp_menu .p-spMenu__body { padding-right: 6vw; padding-left: 6vw; } #sp_menu .c-widget__title { background-color: transparent; text-align: center; padding: 0; margin-bottom: 1rem; color: var(--ht-c, inherit); font-size: var(--h2-fz); font-family: var(--ht-ff, inherit); font-weight: var(--ht-fw, inherit); line-height: var(--ht-lh, inherit); letter-spacing: var(--ht-ls, inherit); } #sp_menu ul.c-listMenu, #sp_menu ul.menu { border: 1px solid var(--color_border); background-color: #fff; } #sp_menu ul.c-listMenu .menu-item a, #sp_menu ul.menu .menu-item a { padding-left: 2rem; } #sp_menu ul.c-listMenu .menu-item a::before, #sp_menu ul.menu .menu-item a::before { width: 1rem; height: 1rem; line-height: 1rem; text-align: center; background-color: var(--color_gray); border-radius: 100%; font-size: .9em; left: .75rem; } #sp_menu ul.c-listMenu .menu-item a[target="_blank"]::before, #sp_menu ul.menu .menu-item a[target="_blank"]::before { content: "\e9c5"; } #sp_menu ul.c-listMenu > .menu-item:last-child a:last-child, #sp_menu ul.menu > .menu-item:last-child a:last-child { border-bottom: none; } #sp_menu ul.c-listMenu .sub-menu .menu-item a, #sp_menu ul.menu .sub-menu .menu-item a { padding-left: 3rem; } #sp_menu ul.c-listMenu .sub-menu .menu-item a::before, #sp_menu ul.menu .sub-menu .menu-item a::before { left: 1.75rem; } #sp_menu ul.c-listMenu .sub-menu .menu-item:not(:last-child) a, #sp_menu ul.menu .sub-menu .menu-item:not(:last-child) a { border-bottom-style: dotted; } #sp_menu ul.c-listMenu .sub-menu .sub-menu .menu-item a, #sp_menu ul.menu .sub-menu .sub-menu .menu-item a { padding-left: 4rem; } #sp_menu ul.c-listMenu .sub-menu .sub-menu .menu-item a::before, #sp_menu ul.menu .sub-menu .sub-menu .menu-item a::before { left: 2.75rem; } #sp_menu ul.c-listMenu .menu-item-has-children a:not(:last-child), #sp_menu ul.menu .menu-item-has-children a:not(:last-child) { border-bottom-style: dotted; } #sp_menu ul.c-listMenu .current-menu-item > a, #sp_menu ul.menu .current-menu-item > a { color: var(--color_main); } #sp_menu ul.c-listMenu .current-menu-item > a::before, #sp_menu ul.menu .current-menu-item > a::before { background-color: var(--color_main); color: #fff; } #sp_menu .is-btn { margin-top: 10px; } #sp_menu .is-btn > a { background-color: var(--color_main); color: #fff !important; } #top_title_area { min-height: auto; padding-top: var(--fullwide-pdg); padding-bottom: var(--fullwide-pdg); /*&::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(158,210,232, 0) 0%, rgba(158,210,232, 0) 50%, rgba(158,210,232, .5) 100%); }*/ } #top_title_area .l-topTitleArea__body { text-shadow: none; } #top_title_area .c-pageTitle { text-align: center; font-size: var(--h2-fz); color: #fff; font-family: var(--ht-ff, inherit); font-weight: var(--ht-fw, inherit); line-height: var(--ht-lh, inherit); letter-spacing: var(--ht-ls, inherit); } #main_visual .p-mainVisual__textLayer { text-shadow: 0.4em 0.4em 0.5em rgba(0, 0, 0, 0.6) !important; } #main_visual .__main { font-weight: 700; line-height: 1; font-size: 35px; font-style: italic; } @media screen and (min-width: 320px) and (max-width: 599px) { #main_visual .__main { font-size: calc(35px + (60 - 35) * (100vw - 320px)/(599 - 320)); } } @media screen and (min-width: 600px) { #main_visual .__main { font-size: 60px; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #main_visual .__main { font-size: calc(60px + (90 - 60) * (100vw - 960px)/(1199 - 960)); } } @media screen and (min-width: 1200px) { #main_visual .__main { font-size: 90px; } } #main_visual .__main span { font-size: .8em; } .is-topline { border-top: 1px #fff dashed; padding-top: 5px; } .flickity-carousel { width: 100%; } .flickity-carousel .wp-block-image { width: 100%; height: 100%; } .flickity-carousel .flickity-prev-next-button { top: 50%; width: 30px; height: 30px; border-radius: 50%; transform: translateY(-50%); } .flickity-page-dots { padding-left: 0 !important; } .flickity-carousel .flickity-prev-next-button.next { right: 15px; } .flickity-carousel .flickity-prev-next-button.previous { left: 15px; } #about .wp-block-group.has-black-background-color { background: rgba(0, 0, 0, 0.6) !important; } .about__message { background: linear-gradient(0deg, #231815 0%, #86000B 100%); } #philosophy { background: linear-gradient(0deg, #4D0006 0%, #86000B 100%); } #uniq .value__block { position: relative; margin-bottom: var(--swl-block-margin) !important; } #uniq .value__block .is-num { position: absolute; top: -10px; left: -10px; display: block; background-color: var(--color_main) !important; border-radius: 50%; width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 50px; font-weight: 700; color: #fff; } @media screen and (max-width: 599px) { #uniq .value__block .is-num { left: 0; right: 0; margin: auto; width: 50px; height: 50px; line-height: 50px; font-size: 40px; } } #facility { background: linear-gradient(0deg, #231815 0%, #86000B 100%); } #facility .facilities__ttl { height: 60px; display: flex; align-items: center; justify-content: center; } #activity .sns-btn > a { display: block; background: #fff; color: var(--color_main) !important; border-radius: 50%; padding: 0; width: 160px; height: 160px; text-align: center; font-size: 80px; line-height: 160px; margin: auto; } @media screen and (max-width: 599px) { #activity .sns-btn > a { font-size: 40px; line-height: 80px; width: 80px; height: 80px; } } #joinus { background: linear-gradient(0deg, #4D0006 0%, #86000B 100%); } .u-bgc-main { background-color: var(--color_main) !important; } .u-bgc-main-thin { background-color: var(--color_main_thin) !important; } .u-bgc-border { background-color: var(--color_border) !important; } .u-bgc-gray { background-color: var(--color_gray) !important; } .u-bgc-text { background-color: var(--color_text) !important; } .u-bgc-deep01 { background-color: var(--color_deep01) !important; } .u-bgc-deep02 { background-color: var(--color_deep02) !important; } .u-bgc-deep03 { background-color: var(--color_deep03) !important; } .u-bgc-deep04 { background-color: var(--color_deep04) !important; } .u-bgc-pale01 { background-color: var(--color_pale01) !important; } .u-bgc-pale02 { background-color: var(--color_pale02) !important; } .u-bgc-pale03 { background-color: var(--color_pale03) !important; } .u-bgc-pale04 { background-color: var(--color_pale04) !important; } .u-bgc-white { background-color: #fff !important; } .u-bgc-black { background-color: #000 !important; } .u-bgc-red { background-color: var(--color_red) !important; } .u-boc-main { border-color: var(--color_main) !important; } .u-boc-main-thin { border-color: var(--color_main_thin) !important; } .u-boc-border { border-color: var(--color_border) !important; } .u-boc-gray { border-color: var(--color_gray) !important; } .u-boc-text { border-color: var(--color_text) !important; } .u-boc-deep01 { border-color: var(--color_deep01) !important; } .u-boc-deep02 { border-color: var(--color_deep02) !important; } .u-boc-deep03 { border-color: var(--color_deep03) !important; } .u-boc-deep04 { border-color: var(--color_deep04) !important; } .u-boc-pale01 { border-color: var(--color_pale01) !important; } .u-boc-pale02 { border-color: var(--color_pale02) !important; } .u-boc-pale03 { border-color: var(--color_pale03) !important; } .u-boc-pale04 { border-color: var(--color_pale04) !important; } .u-boc-white { border-color: #fff !important; } .u-boc-black { border-color: #000 !important; } .u-boc-red { border-color: var(--color_red) !important; } .u-c-main { color: var(--color_main) !important; } .u-c-main-thin { color: var(--color_main_thin) !important; } .u-c-gray { color: var(--color_gray) !important; } .u-c-white { color: #fff !important; } .u-c-black { color: #000 !important; } .u-c-deep-01 { color: var(--color_deep01) !important; } .u-c-deep-02 { color: var(--color_deep02) !important; } .u-c-deep-03 { color: var(--color_deep03) !important; } .u-c-deep-04 { color: var(--color_deep04) !important; } .u-c-pale-01 { color: var(--color_pale01) !important; } .u-c-pale-02 { color: var(--color_pale02) !important; } .u-c-pale-03 { color: var(--color_pale03) !important; } .u-c-pale-04 { color: var(--color_pale04) !important; } .u-c-text { color: var(--color_text) !important; } .u-c-link { color: var(--color_link) !important; } .u-d-none { display: none !important; } .u-d-block { display: block !important; } .u-d-inline { display: inline !important; } .u-d-iblock { display: inline-block !important; } @media screen and (max-width: 599px) { .u-d-none--sp { display: none !important; } .u-d-block--sp { display: block !important; } .u-d-inline--sp { display: inline !important; } .u-d-iblock--sp { display: inline-block !important; } } @media screen and (min-width: 600px) { .u-d-none--tb { display: none !important; } .u-d-block--tb { display: block !important; } .u-d-inline--tb { display: inline !important; } .u-d-iblock--tb { display: inline-block !important; } } @media screen and (min-width: 960px) { .u-d-none--pc { display: none !important; } .u-d-block--pc { display: block !important; } .u-d-inline--pc { display: inline !important; } .u-d-iblock--pc { display: inline-block !important; } } @media print { .u-d-none--print { display: none !important; } } @media screen { .u-d-none--screen { display: none !important; } } .u-ff-primary { font-family: var(--swl-font_family) !important; font-weight: var(--swl-font_weight) !important; } .u-ff-sub1 { font-family: var(--ff-sub1) !important; font-weight: var(--ff-sub1-fw) !important; } .u-ff-sub2 { font-family: var(--ff-sub2) !important; font-weight: var(--ff-sub2-fw) !important; } .u-flex-row { flex-direction: row !important; } .u-flex-row-reverse { flex-direction: row-reverse !important; } .u-flex-column { flex-direction: column !important; } .u-flex-column-reverse { flex-direction: column-reverse !important; } .u-flex-wrap { flex-wrap: wrap !important; } .u-flex-nowrap { flex-wrap: nowrap !important; } .u-flex-left { justify-content: flex-start !important; } .u-flex-center { justify-content: center !important; } .u-flex-right { justify-content: flex-end !important; } .u-flex-between { justify-content: space-between !important; } .u-flex-around { justify-content: space-around !important; } .u-flex-stretch { align-items: stretch !important; } .u-flex-top { align-items: flex-start !important; } .u-flex-middle { align-items: center !important; } .u-flex-bottom { align-items: flex-end !important; } @media screen and (max-width: 599px) { .u-flex-row--sp { flex-direction: row !important; } .u-flex-row-reverse--sp { flex-direction: row-reverse !important; } .u-flex-column--sp { flex-direction: column !important; } .u-flex-column-reverse--sp { flex-direction: column-reverse !important; } .u-flex-wrap--sp { flex-wrap: wrap !important; } .u-flex-nowrap--sp { flex-wrap: nowrap !important; } .u-flex-left--sp { justify-content: flex-start !important; } .u-flex-center--sp { justify-content: center !important; } .u-flex-right--sp { justify-content: flex-end !important; } .u-flex-between--sp { justify-content: space-between !important; } .u-flex-around--sp { justify-content: space-around !important; } .u-flex-stretch--sp { align-items: stretch !important; } .u-flex-top--sp { align-items: flex-start !important; } .u-flex-middle--sp { align-items: center !important; } .u-flex-bottom--sp { align-items: flex-end !important; } } @media screen and (min-width: 600px) { .u-flex-row--tb { flex-direction: row !important; } .u-flex-row-reverse--tb { flex-direction: row-reverse !important; } .u-flex-column--tb { flex-direction: column !important; } .u-flex-column-reverse--tb { flex-direction: column-reverse !important; } .u-flex-wrap--tb { flex-wrap: wrap !important; } .u-flex-nowrap--tb { flex-wrap: nowrap !important; } .u-flex-left--tb { justify-content: flex-start !important; } .u-flex-center--tb { justify-content: center !important; } .u-flex-right--tb { justify-content: flex-end !important; } .u-flex-between--tb { justify-content: space-between !important; } .u-flex-around--tb { justify-content: space-around !important; } .u-flex-stretch--tb { align-items: stretch !important; } .u-flex-top--tb { align-items: flex-start !important; } .u-flex-middle--tb { align-items: center !important; } .u-flex-bottom--tb { align-items: flex-end !important; } } @media screen and (min-width: 960px) { .u-flex-row--pc { flex-direction: row !important; } .u-flex-row-reverse--pc { flex-direction: row-reverse !important; } .u-flex-column--pc { flex-direction: column !important; } .u-flex-column-reverse--pc { flex-direction: column-reverse !important; } .u-flex-wrap--pc { flex-wrap: wrap !important; } .u-flex-nowrap--pc { flex-wrap: nowrap !important; } .u-flex-left--pc { justify-content: flex-start !important; } .u-flex-center--pc { justify-content: center !important; } .u-flex-right--pc { justify-content: flex-end !important; } .u-flex-between--pc { justify-content: space-between !important; } .u-flex-around--pc { justify-content: space-around !important; } .u-flex-stretch--pc { align-items: stretch !important; } .u-flex-top--pc { align-items: flex-start !important; } .u-flex-middle--pc { align-items: center !important; } .u-flex-bottom--pc { align-items: flex-end !important; } } .u-fw-def { font-weight: var(--swl-font_weight) !important; } .u-fw-400 { font-weight: 400 !important; } .u-fw-500 { font-weight: 500 !important; } .u-fw-600 { font-weight: 600 !important; } .u-fw-700 { font-weight: 700 !important; } .u-fw-800 { font-weight: 800 !important; } .u-fw-900 { font-weight: 900 !important; } .u-fz-h1 { font-size: var(--h1-fz) !important; } .u-fz-h2 { font-size: var(--h2-fz) !important; } .u-fz-h3 { font-size: var(--h3-fz) !important; } .u-fz-h4 { font-size: var(--h4-fz) !important; } .u-fz-def { font-size: var(--swl-fz--content, 16px) !important; } .u-fz-xs { font-size: var(--swl-fz--xs) !important; } .u-fz-s { font-size: var(--swl-fz--small) !important; } .u-fz-m { font-size: var(--swl-fz--medium) !important; } .u-fz-l { font-size: var(--swl-fz--large) !important; } .u-fz-xl { font-size: var(--swl-fz--huge) !important; } .u-h-100p { height: 100% !important; } .u-lh-1 { line-height: 1 !important; } .u-lh-xs { line-height: 1.2 !important; } .u-lh-sm { line-height: 1.4 !important; } .u-lh-def { line-height: 1.8 !important; } .u-lh-lg { line-height: 2.2 !important; } .u-mt-025 { margin-top: .25rem !important; } .u-mt-5 { margin-top: .5rem !important; } .u-mt-10 { margin-top: 1rem !important; } .u-mt-15 { margin-top: 1.5rem !important; } .u-mt-20 { margin-top: 2rem !important; } .u-mt-25 { margin-top: 2.5rem !important; } .u-mt-30 { margin-top: 3rem !important; } .u-mt-40 { margin-top: 4rem !important; } .u-mt-50 { margin-top: 5rem !important; } .u-mt-60 { margin-top: 6rem !important; } .u-mt-80 { margin-top: 8rem !important; } .u-mt-fw { margin-top: var(--fullwide-pdg) !important; } .u-mt-fw-sm { margin-top: var(--fullwide-pdg-sm) !important; } .u-mb-025 { margin-bottom: .25rem !important; } .u-mb-5 { margin-bottom: .5rem !important; } .u-mb-10 { margin-bottom: 1rem !important; } .u-mb-15 { margin-bottom: 1.5rem !important; } .u-mb-20 { margin-bottom: 2rem !important; } .u-mb-25 { margin-bottom: 2.5rem !important; } .u-mb-30 { margin-bottom: 3rem !important; } .u-mb-40 { margin-bottom: 4rem !important; } .u-mb-50 { margin-bottom: 5rem !important; } .u-mb-60 { margin-bottom: 6rem !important; } .u-mb-80 { margin-bottom: 8rem !important; } .u-mb-fw { margin-bottom: var(--fullwide-pdg) !important; } .u-mb-fw-sm { margin-bottom: var(--fullwide-pdg-sm) !important; } @media screen and (max-width: 599px) { .u-mt-0--sp { margin-top: 0 !important; } .u-mt-025--sp { margin-top: .25rem !important; } .u-mt-5--sp { margin-top: .5rem !important; } .u-mt-10--sp { margin-top: 1rem !important; } .u-mt-15--sp { margin-top: 1.5rem !important; } .u-mt-20--sp { margin-top: 2rem !important; } .u-mt-25--sp { margin-top: 2.5rem !important; } .u-mt-30--sp { margin-top: 3rem !important; } .u-mt-40--sp { margin-top: 4rem !important; } .u-mt-50--sp { margin-top: 5rem !important; } .u-mt-60--sp { margin-top: 6rem !important; } .u-mt-80--sp { margin-top: 8rem !important; } .u-mt-fw--sp { margin-top: var(--fullwide-pdg) !important; } .u-mt-fw-sm--sp { margin-top: var(--fullwide-pdg-sm) !important; } .u-mb-0--sp { margin-bottom: 0 !important; } .u-mb-025--sp { margin-bottom: .25rem !important; } .u-mb-5--sp { margin-bottom: .5rem !important; } .u-mb-10--sp { margin-bottom: 1rem !important; } .u-mb-15--sp { margin-bottom: 1.5rem !important; } .u-mb-20--sp { margin-bottom: 2rem !important; } .u-mb-25--sp { margin-bottom: 2.5rem !important; } .u-mb-30--sp { margin-bottom: 3rem !important; } .u-mb-40--sp { margin-bottom: 4rem !important; } .u-mb-50--sp { margin-bottom: 5rem !important; } .u-mb-60--sp { margin-bottom: 6rem !important; } .u-mb-80--sp { margin-bottom: 8rem !important; } .u-mb-fw--sp { margin-bottom: var(--fullwide-pdg) !important; } .u-mb-fw-sm--sp { margin-bottom: var(--fullwide-pdg-sm) !important; } } @media screen and (min-width: 600px) { .u-mt-0--tb { margin-top: 0 !important; } .u-mt-025--tb { margin-top: .25rem !important; } .u-mt-5--tb { margin-top: .5rem !important; } .u-mt-10--tb { margin-top: 1rem !important; } .u-mt-15--tb { margin-top: 1.5rem !important; } .u-mt-20--tb { margin-top: 2rem !important; } .u-mt-25--tb { margin-top: 2.5rem !important; } .u-mt-30--tb { margin-top: 3rem !important; } .u-mt-40--tb { margin-top: 4rem !important; } .u-mt-50--tb { margin-top: 5rem !important; } .u-mt-60--tb { margin-top: 6rem !important; } .u-mt-80--tb { margin-top: 8rem !important; } .u-mt-fw--tb { margin-top: var(--fullwide-pdg) !important; } .u-mt-fw-sm--tb { margin-top: var(--fullwide-pdg-sm) !important; } .u-mb-0--tb { margin-bottom: 0 !important; } .u-mb-025--tb { margin-bottom: .25rem !important; } .u-mb-5--tb { margin-bottom: .5rem !important; } .u-mb-10--tb { margin-bottom: 1rem !important; } .u-mb-15--tb { margin-bottom: 1.5rem !important; } .u-mb-20--tb { margin-bottom: 2rem !important; } .u-mb-25--tb { margin-bottom: 2.5rem !important; } .u-mb-30--tb { margin-bottom: 3rem !important; } .u-mb-40--tb { margin-bottom: 4rem !important; } .u-mb-50--tb { margin-bottom: 5rem !important; } .u-mb-60--tb { margin-bottom: 6rem !important; } .u-mb-80--tb { margin-bottom: 8rem !important; } .u-mb-fw--tb { margin-bottom: var(--fullwide-pdg) !important; } .u-mb-fw-sm--tb { margin-bottom: var(--fullwide-pdg-sm) !important; } } @media screen and (min-width: 960px) { .u-mt-0--pc { margin-top: 0 !important; } .u-mt-025--pc { margin-top: .25rem !important; } .u-mt-5--pc { margin-top: .5rem !important; } .u-mt-10--pc { margin-top: 1rem !important; } .u-mt-15--pc { margin-top: 1.5rem !important; } .u-mt-20--pc { margin-top: 2rem !important; } .u-mt-25--pc { margin-top: 2.5rem !important; } .u-mt-30--pc { margin-top: 3rem !important; } .u-mt-40--pc { margin-top: 4rem !important; } .u-mt-50--pc { margin-top: 5rem !important; } .u-mt-60--pc { margin-top: 6rem !important; } .u-mt-80--pc { margin-top: 8rem !important; } .u-mt-fw--pc { margin-top: var(--fullwide-pdg) !important; } .u-mt-fw-sm--pc { margin-top: var(--fullwide-pdg-sm) !important; } .u-mb-0--pc { margin-bottom: 0 !important; } .u-mb-025--pc { margin-bottom: .25rem !important; } .u-mb-5--pc { margin-bottom: .5rem !important; } .u-mb-10--pc { margin-bottom: 1rem !important; } .u-mb-15--pc { margin-bottom: 1.5rem !important; } .u-mb-20--pc { margin-bottom: 2rem !important; } .u-mb-25--pc { margin-bottom: 2.5rem !important; } .u-mb-30--pc { margin-bottom: 3rem !important; } .u-mb-40--pc { margin-bottom: 4rem !important; } .u-mb-50--pc { margin-bottom: 5rem !important; } .u-mb-60--pc { margin-bottom: 6rem !important; } .u-mb-80--pc { margin-bottom: 8rem !important; } .u-mb-fw--pc { margin-bottom: var(--fullwide-pdg) !important; } .u-mb-fw-sm--pc { margin-bottom: var(--fullwide-pdg-sm) !important; } } .u-p-0 { padding: 0 !important; } .u-p-xs { padding: .375em !important; } .u-p-sm { padding: .75em !important; } .u-p-def { padding: 1.5em !important; } .u-p-lg { padding: 2.5em !important; } .u-p-container { padding: var(--swl-pad_container) !important; } .u-px-0 { padding-right: 0 !important; padding-left: 0 !important; } .u-px-xs { padding-right: .375em !important; padding-left: .375em !important; } .u-px-sm { padding-right: .75em !important; padding-left: .75em !important; } .u-px-def { padding-right: 1.5em !important; padding-left: 1.5em !important; } .u-px-lg { padding-right: 2.5em !important; padding-left: 2.5em !important; } .u-px-container { padding-right: var(--swl-pad_container) !important; padding-left: var(--swl-pad_container) !important; } .u-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .u-py-xs { padding-top: .375em !important; padding-bottom: .375em !important; } .u-py-sm { padding-top: .75em !important; padding-bottom: .75em !important; } .u-py-def { padding-top: 1.5em !important; padding-bottom: 1.5em !important; } .u-py-lg { padding-top: 2.5em !important; padding-bottom: 2.5em !important; } .u-py-fw { padding-top: var(--fullwide-pdg) !important; padding-bottom: var(--fullwide-pdg) !important; } .u-py-fw-sm { padding-top: var(--fullwide-pdg-sm) !important; padding-bottom: var(--fullwide-pdg-sm) !important; } .u-pt-0 { padding-top: 0 !important; } .u-pb-0 { padding-bottom: 0 !important; } .u-pb-fw { padding-bottom: var(--fullwide-pdg) !important; } @media screen and (max-width: 599px) { .u-p-0--sp { padding: 0 !important; } .u-p-container--sp { padding: var(--swl-pad_container) !important; } .u-px-container--sp { padding-right: var(--swl-pad_container) !important; padding-left: var(--swl-pad_container) !important; } .u-py-fw--sp { padding-top: var(--fullwide-pdg) !important; padding-bottom: var(--fullwide-pdg) !important; } .u-py-fw-sm--sp { padding-top: var(--fullwide-pdg-sm) !important; padding-bottom: var(--fullwide-pdg-sm) !important; } } @media screen and (min-width: 600px) { .u-p-container--tb { padding: var(--swl-pad_container) !important; } .u-px-container--tb { padding-right: var(--swl-pad_container) !important; padding-left: var(--swl-pad_container) !important; } .u-py-fw--tb { padding-top: var(--fullwide-pdg) !important; padding-bottom: var(--fullwide-pdg) !important; } .u-py-fw-sm--tb { padding-top: var(--fullwide-pdg-sm) !important; padding-bottom: var(--fullwide-pdg-sm) !important; } } @media screen and (min-width: 960px) { .u-p-container--pc { padding: var(--swl-pad_container) !important; } .u-px-container--pc { padding-right: var(--swl-pad_container) !important; padding-left: var(--swl-pad_container) !important; } .u-py-fw--pc { padding-top: var(--fullwide-pdg) !important; padding-bottom: var(--fullwide-pdg) !important; } .u-py-fw-sm--pc { padding-top: var(--fullwide-pdg-sm) !important; padding-bottom: var(--fullwide-pdg-sm) !important; } } .u-pos-relative { position: relative !important; } .u-ta-center { text-align: center !important; } .u-ta-left { text-align: left !important; } .u-ta-right { text-align: right !important; } @media screen and (max-width: 599px) { .u-ta-center--sp { text-align: center !important; } .u-ta-left--sp { text-align: left !important; } .u-ta-right--sp { text-align: right !important; } } @media screen and (min-width: 600px) { .u-ta-center--tb { text-align: center !important; } .u-ta-left--tb { text-align: left !important; } .u-ta-right--tb { text-align: right !important; } } @media screen and (min-width: 960px) { .u-ta-center--pc { text-align: center !important; } .u-ta-left--pc { text-align: left !important; } .u-ta-right--pc { text-align: right !important; } } .u-w-auto { width: auto !important; } .u-w-10p { width: 10% !important; } .u-w-20p { width: 20% !important; } .u-w-30p { width: 30% !important; } .u-w-40p { width: 40% !important; } .u-w-50p { width: 50% !important; } .u-w-60p { width: 60% !important; } .u-w-70p { width: 70% !important; } .u-w-80p { width: 80% !important; } .u-w-90p { width: 90% !important; } .u-w-100p { width: 100% !important; } @media screen and (max-width: 599px) { .u-w-auto--sp { width: auto !important; } .u-w-10p--sp { width: 10% !important; } .u-w-20p--sp { width: 20% !important; } .u-w-30p--sp { width: 30% !important; } .u-w-40p--sp { width: 40% !important; } .u-w-50p--sp { width: 50% !important; } .u-w-60p--sp { width: 60% !important; } .u-w-70p--sp { width: 70% !important; } .u-w-80p--sp { width: 80% !important; } .u-w-90p--sp { width: 90% !important; } .u-w-100p--sp { width: 100% !important; } } @media screen and (min-width: 600px) { .u-w-auto--tb { width: auto !important; } .u-w-10p--tb { width: 10% !important; } .u-w-20p--tb { width: 20% !important; } .u-w-30p--tb { width: 30% !important; } .u-w-40p--tb { width: 40% !important; } .u-w-50p--tb { width: 50% !important; } .u-w-60p--tb { width: 60% !important; } .u-w-70p--tb { width: 70% !important; } .u-w-80p--tb { width: 80% !important; } .u-w-90p--tb { width: 90% !important; } .u-w-100p--tb { width: 100% !important; } } @media screen and (min-width: 960px) { .u-w-auto--pc { width: auto !important; } .u-w-10p--pc { width: 10% !important; } .u-w-20p--pc { width: 20% !important; } .u-w-30p--pc { width: 30% !important; } .u-w-40p--pc { width: 40% !important; } .u-w-50p--pc { width: 50% !important; } .u-w-60p--pc { width: 60% !important; } .u-w-70p--pc { width: 70% !important; } .u-w-80p--pc { width: 80% !important; } .u-w-90p--pc { width: 90% !important; } .u-w-100p--pc { width: 100% !important; } } .u-zindex-10 { z-index: 10 !important; } .snow-monkey-form .smf-progress-tracker { margin-bottom: var(--swl-block-margin-xl); } @media screen and (max-width: 599px) { .snow-monkey-form .smf-form .smf-select-control { width: 100%; } .snow-monkey-form .smf-form .smf-text-control__control { width: 100%; } } @media screen and (min-width: 960px) { .snow-monkey-form .smf-form--business .smf-item__col--label { max-width: 18em !important; flex-basis: 18em !important; } .snow-monkey-form .smf-form--business .smf-item__col--controls { max-width: calc(100% - 18em) !important; flex-basis: calc(100% - 18em) !important; } } .snow-monkey-form[data-screen="input"] .smf-form--business .smf-item, .snow-monkey-form[data-screen="confirm"] .smf-form--business .smf-item, .snow-monkey-form[data-screen="invalid"] .smf-form--business .smf-item { border-left: 1px solid var(--color_border); border-right: 1px solid var(--color_border); } .snow-monkey-form[data-screen="input"] .smf-form--business .smf-item:first-of-type, .snow-monkey-form[data-screen="confirm"] .smf-form--business .smf-item:first-of-type, .snow-monkey-form[data-screen="invalid"] .smf-form--business .smf-item:first-of-type { border-top: 1px solid var(--color_border); } .snow-monkey-form[data-screen="input"] .smf-form--business .smf-item:last-of-type, .snow-monkey-form[data-screen="confirm"] .smf-form--business .smf-item:last-of-type, .snow-monkey-form[data-screen="invalid"] .smf-form--business .smf-item:last-of-type { border-bottom: 1px solid var(--color_border); } .snow-monkey-form[data-screen="confirm"] .smf-form > *:not(.smf-item) { display: none; } .snow-monkey-form .smf-item.is-req .smf-item__label label { position: relative; display: flex; align-items: center; } .snow-monkey-form .smf-item.is-req .smf-item__label label::before { white-space: nowrap; content: '必須'; display: inline-flex; justify-content: center; align-items: center; background-color: #cc3033; color: #fff; font-size: .8rem; padding: .4em .8em; margin-right: 1rem; line-height: 1; } .snow-monkey-form .smf-item__label__text { font-weight: 600; } .snow-monkey-form .smf-form + .smf-action { margin-top: var(--swl-block-margin-xl); } .snow-monkey-form .smf-action { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 1.5rem; } .snow-monkey-form .smf-action .smf-button-control__control { background-image: none; border: none; color: #fff; } .snow-monkey-form .smf-action .smf-button-control__control[data-action="confirm"], .snow-monkey-form .smf-action .smf-button-control__control[data-action="complete"] { background-color: var(--color_main); font-weight: var(--swl-font_weight); padding: .75em 3em; } .snow-monkey-form .smf-action .smf-button-control__control[data-action="back"] { background-color: #ccc; padding: .2em 1.5em; font-size: .8rem; }