/*** The new CSS reset - version 1.7.2 (last updated 23.6.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) { all: unset; display: revert; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } * { --header-height: 50; --logo-width: 45; --sp-width: 650px; margin: 0; padding: 0; } @media (min-width: 768px) { * { --header-height: 88; --logo-width: 90; } } html { overflow-y: auto; overflow-x: hidden; font-size: 62.5%; } @media (min-width: 768px) { html { position: relative; background: url(../img/common/bg_body01.png) no-repeat fixed center top/cover; } html::before, html::after { content: ""; display: inline-block; position: fixed; top: 50vh; transform: translateY(-50%); width: max(275px, (100vw - 650px) / 2); height: max(275px, (100vw - 650px) / 2); background: url(../img/common/bg_body02.png) no-repeat center/contain; pointer-events: none; } html::before { right: calc(50% + 325px); } html::after { left: calc(50% + 325px); } } body { position: relative; min-width: 320px; line-height: 1.8; overflow: hidden; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 3.7vw; -webkit-text-size-adjust: 100%; color: #000; } @media (max-width: 1279.98px) { body { padding-top: calc(var(--header-height) * 1px); } } @media (min-width: 768px) { body { font-size: 2.4rem; } } .l-wrapper { position: relative; box-sizing: border-box; max-width: 100%; margin: 0 auto; overflow: clip; } @media (min-width: 768px) { .l-wrapper { max-width: var(--sp-width); box-shadow: 0 0 3px #999; } } a { color: inherit; text-decoration: none; transition: all 0.3s ease-in; } @media (min-width: 768px) { @media not all and (pointer: coarse) { a:not([class]):hover { text-decoration: underline; } } } span { font-weight: inherit; } img { display: block; width: 100%; height: auto; } input, textarea, button { border: none; appearance: none; } /* SP/PC only*/ @media (max-width: 767.98px) { .u-sp { display: block; } } @media (min-width: 768px) { .u-sp { display: none !important; } } @media (max-width: 767.98px) { .u-pc { display: none !important; } } @media (min-width: 768px) { .u-pc { display: block; } } /* link */ .u-link { display: block; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .u-link:hover { opacity: 0.7; } } /* layout */ .u-inner { box-sizing: border-box; width: 100%; padding-left: min(8vw, 52px); padding-right: min(8vw, 52px); } /* font */ .u-uppercase { text-transform: uppercase; } .u-capitalize { text-transform: capitalize; } .u-color-red { color: rgb(185, 29, 35); } /* toggle */ .js-toggle { position: relative; cursor: pointer; } .js-toggle::before, .js-toggle::after { content: ""; display: inline-block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 5.3333333333%; max-width: 35px; height: 1px; background-color: #fff; transition: transform 0.3s ease-in; pointer-events: none; } .js-toggle::after { transform: translateY(-50%) rotate(90deg); } .js-toggle.is-open::after { transform: translateY(-50%) rotate(0deg); } @media not all and (pointer: coarse) { .js-toggle:hover { opacity: 0.75; } } .js-toggle-content { display: none; } .js-toggle-content.is-open { display: block; } .js-toggle-btn { position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 84vw; margin: auto; padding: 2.93vw 0; border-radius: 40px; background-color: #000; font-size: clamp(1.6rem, -0.2333333333rem + 3.8194444444vw, 2.7rem); text-align: center; color: #fff; cursor: pointer; } @supports not (font-size: clamp(16 * 0.1rem, -0.2333333333rem + 3.8194444444vw, 27 * 0.1rem)) { .js-toggle-btn { font-size: 1.6rem; } } .js-toggle-btn::before, .js-toggle-btn::after { content: ""; display: inline-block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 4%; max-width: 35px; height: 1px; background-color: #fff; transition: transform 0.3s ease-in; pointer-events: none; } .js-toggle-btn::after { transform: translateY(-50%) rotate(90deg); } .js-toggle-btn.is-open::after { transform: translateY(-50%) rotate(0deg); } @media not all and (pointer: coarse) { .js-toggle-btn:hover { opacity: 0.75 !important; } } @media (min-width: 768px) { .js-toggle-btn { width: 546px; height: 78px; padding: 19px 0; } } /* modal */ .js-modal { position: relative; cursor: pointer; background-color: #fff; transition: opacity 0.3s ease-in; } @media not all and (pointer: coarse) { .js-modal:hover { opacity: 0.75; } } .js-modal::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3em; height: 3em; border-radius: 50%; border: 1px solid #fff; background: #fff url(../img/home/ico_play01.png) no-repeat center/contain; pointer-events: none; transition: opacity 0.3s ease-in; } .js-modal-content { display: none; position: fixed; z-index: 3000; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); } .js-modal-content__in { position: fixed; inset: 0; margin: auto; max-width: 1080px; height: fit-content; } .js-modal-content__in > video { display: block; aspect-ratio: 1.7696629213; width: min(90vw, 1080px); margin: auto; } @supports not (aspect-ratio: 1.7696629213) { .js-modal-content__in > video { padding-top: 56.5079365079%; } } @media (max-width: 1200px) and (orientation: landscape) { .js-modal-content__in > video { width: min(75vw, 1080px); } } .js-modal-close { position: absolute; top: -9vw; right: 3vw; width: min(6vw, 50px); height: min(6vw, 50px); cursor: pointer; } .js-modal-close::before, .js-modal-close::after { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #fff; } .js-modal-close::before { transform: translate(-50%, -50%) rotate(45deg); } .js-modal-close::after { transform: translate(-50%, -50%) rotate(-45deg); } @media (min-width: 1200px) { .js-modal-close { top: -75px; right: 0; } } @media (max-width: 1200px) and (orientation: landscape) { .js-modal-close { position: fixed; top: 3vw; } } .js-anime { visibility: hidden; opacity: 0; transition-property: transform, opacity; transition-duration: 800ms; transition-timing-function: cubic-bezier(0.175, 0.885, 0.35, 1.1); } .js-anime.is-animated { visibility: visible; opacity: 1; } .js-anime[data-anime=fadeup] { transform: translateY(50px); } .js-anime[data-anime=fadeup].is-animated { visibility: visible; opacity: 1; transform: translateY(0); } .js-anime[data-anime=zoomin] { transform: scale(0.6); transform-origin: center; } .js-anime[data-anime=zoomin].is-animated { visibility: visible; opacity: 1; transform: translateZ(0) scale(1); } /* .l-header ================================================ */ .l-header { --btn-width: 20; --first-line: 19; --line-gap: 6; --line-height: 1; position: relative; display: flex; justify-content: center; align-items: center; height: calc(var(--header-height) * 1px); background-color: #fff; } .l-header__logo { width: calc(var(--logo-width) * 1px); } .l-header__logo img { display: block; } .l-header__btn { position: absolute; z-index: 9999; top: var(--first-line); right: 20px; width: calc(var(--btn-width) * 1px); height: calc(var(--header-height) * 1px); background-color: #fff; cursor: pointer; } .l-header__btn-line { position: absolute; left: 0; width: calc(var(--btn-width) * 1px); height: calc(var(--line-height) * 1px); content: ""; background: #000; transition: all 0.3s ease-in; } .l-header__btn-line:nth-child(1) { top: calc(var(--first-line) * 1px); } .l-header__btn-line:nth-child(2) { top: calc((var(--first-line) + var(--line-gap)) * 1px); } .l-header__btn-line:nth-child(3) { top: calc((var(--first-line) + var(--line-gap) * 2) * 1px); } .l-header__btn.is-open .l-header__btn-line:nth-child(1) { top: calc((var(--first-line) + var(--line-gap)) * 1px); transform: rotate(-135deg); } .l-header__btn.is-open .l-header__btn-line:nth-child(2) { opacity: 0; } .l-header__btn.is-open .l-header__btn-line:nth-child(3) { top: calc((var(--first-line) + var(--line-gap)) * 1px); transform: rotate(135deg); } @media (max-width: 1279.98px) { .l-header { position: fixed; z-index: 2000; top: 0; left: 50%; transform: translateX(-50%); width: 100%; } } @media (min-width: 768px) { .l-header { --btn-width: 60; --first-line: 32; --line-gap: 11; --line-height: 2; max-width: var(--sp-width); margin: auto; } } @media (min-width: 1280px) { .l-header__btn { display: none; } } @media (max-width: 1279.98px) { .l-header-nav { box-sizing: border-box; position: absolute; z-index: 9000; top: calc(var(--header-height) * 1px); right: 0; width: 100%; height: calc(100vh - var(--header-height) * 1px); padding-bottom: 5vw; transition: all 0.3s ease-in; background: url(../img/home/bg_menu01.jpg) no-repeat center top/100%; opacity: 0; visibility: hidden; overflow-y: auto; } .l-header-nav.is-open { opacity: 1; visibility: visible; } } @media (min-width: 1280px) { .l-header-nav { position: fixed; top: 50%; left: 78.59vw; transform: translateY(-50%); } } @media (max-width: 1279.98px) { .l-header-nav-list { padding-top: 10px; } .l-header-nav-list__item { box-sizing: border-box; border-bottom: 1px solid; } .l-header-nav-list__item img { max-width: 500px; } } @media (min-width: 1280px) { .l-header-nav-list { display: grid; grid-template-columns: repeat(4, 24px); grid-gap: 35px; padding: 0; } .l-header-nav-list:first-of-type { grid-column: 4; } .l-header-nav-list:nth-of-type(2) { grid-column: 3; } .l-header-nav-list:nth-of-type(3) { grid-column: 2; } .l-header-nav-list:nth-of-type(4) { grid-column: 1; } } /* .l-footer ================================================ */ .l-footer { --padding-top: 12px; --padding-bottom: 13px; --background: #000; position: relative; padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); background-color: var(--background); } .l-footer__credit { font-size: 1.1rem; text-align: center; color: #fff; } .l-footer__pagetop { position: absolute; bottom: calc(100% + 20px); right: 15px; } .l-footer__pagetop a { position: relative; display: block; width: 36px; height: 36px; cursor: pointer; } @media (min-width: 480px) { .l-footer__pagetop a { width: 50px; height: 50px; } } .c-btn01 { max-width: 546px; max-height: 86px; margin: auto; width: 84vw; } .c-btn01__link { box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 2.93vw 0; border-radius: 45px; background-color: #000; text-align: center; color: #fff; font-size: clamp(1.6rem, -0.2333333333rem + 3.8194444444vw, 2.7rem); } @supports not (font-size: clamp(16 * 0.1rem, -0.2333333333rem + 3.8194444444vw, 27 * 0.1rem)) { .c-btn01__link { font-size: 1.6rem; } } @media not all and (pointer: coarse) { .c-btn01__link:hover { opacity: 0.7; } } @media (min-width: 768px) { .c-btn01 { width: 546px; } .c-btn01__link { padding: 19px 0; } } .c-set01__item { padding-bottom: 14vw; } .c-set01__item.has-ico01 { position: relative; } .c-set01__item.has-ico01::after { content: ""; display: inline-block; position: absolute; top: -9vw; left: -5.8vw; width: 21.6vw; max-width: 140px; height: 21.6vw; max-height: 140px; background: url(../img/home/2nd/ico_menu01.png) no-repeat center/contain; } .c-set01__item.has-ico02 { position: relative; } .c-set01__item.has-ico02::after { content: ""; display: inline-block; position: absolute; top: -9vw; left: -5.8vw; width: 21.6vw; max-width: 140px; height: 21.6vw; max-height: 140px; background: url(../img/home/6th/ico_menu01.png) no-repeat center/contain; } .c-set01__item.has-ico03 { position: relative; } .c-set01__item.has-ico03::after { content: ""; display: inline-block; position: absolute; top: -9vw; left: -5.8vw; width: 21.6vw; max-width: 140px; height: 21.6vw; max-height: 140px; background: url(../img/home/6th/ico_menu02.png) no-repeat center/contain; } .c-set01__item > img { margin-bottom: 4.2vw; } .c-set01__item > h4, .c-set01__item > p { width: 87.3015873016%; margin-left: auto; margin-right: auto; } .c-set01__item > h4 { margin-bottom: 5.3vw; line-height: 1.5; font-weight: 700; font-size: clamp(2.2rem, 0.6732824427rem + 4.0712468193vw, 3.8rem); color: rgb(185, 29, 35); white-space: nowrap; } @supports not (font-size: clamp(22 * 0.1rem, 0.6732824427rem + 4.0712468193vw, 38 * 0.1rem)) { .c-set01__item > h4 { font-size: 2.2rem; } } .c-set01__item > h4 img { display: inline-block; width: 23.8095238095%; margin-left: 6px; vertical-align: text-bottom; } .c-set01__item > h4 .is-small { font-size: clamp(1.5rem, -0.0267175573rem + 4.0712468193vw, 3.1rem); } @supports not (font-size: clamp(15 * 0.1rem, -0.0267175573rem + 4.0712468193vw, 31 * 0.1rem)) { .c-set01__item > h4 .is-small { font-size: 1.5rem; } } .c-set01__item > p span { display: inline-block; } .c-set01__item > p strong { font-weight: 700; } .c-set01__item > p small { font-size: clamp(1.2rem, 0.627480916rem + 1.5267175573vw, 1.8rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.627480916rem + 1.5267175573vw, 18 * 0.1rem)) { .c-set01__item > p small { font-size: 1.2rem; } } @media (min-width: 650px) { .c-set01__item { padding-bottom: 104px; } .c-set01__item.has-ico01::after, .c-set01__item.has-ico02::after, .c-set01__item.has-ico03::after { left: -37px; top: -50px; } .c-set01__item > img { margin-bottom: 27px; } .c-set01__item > h4 { margin-bottom: 34px; } } .c-step01 { margin-top: 10.6vw; } .c-step01__item { position: relative; } .c-step01__item small { display: block; margin-top: 10px; line-height: 2; font-size: clamp(1.2rem, 0.4366412214rem + 2.0356234097vw, 2rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.4366412214rem + 2.0356234097vw, 20 * 0.1rem)) { .c-step01__item small { font-size: 1.2rem; } } .c-step01__item::before { content: ""; display: block; width: 28.2vw; max-width: 184px; height: 9.6vw; max-height: 63px; background: no-repeat 0 100%/contain; } .c-step01__item:not(:last-of-type) { margin-bottom: 8.1vw; } .c-step01__item:first-of-type::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22106%22%20height%3D%2236%22%20viewBox%3D%220%200%20106%2036%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1176%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201176%22%20transform%3D%22translate(-30%20-5880.553)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_344%22%20data-name%3D%22%E3%83%91%E3%82%B9%20344%22%20d%3D%22M0%2C0H96l10%2C36H0Z%22%20transform%3D%22translate(30%205880.553)%22%20fill%3D%22%23b91d23%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2079%22%20data-name%3D%22%E3%83%91%E3%82%B9%202079%22%20d%3D%22M6.6-9.937a5.208%2C5.208%2C0%2C0%2C1%2C.141.8%2C11.553%2C11.553%2C0%2C0%2C1%2C.094%2C1.25%2C1.635%2C1.635%2C0%2C0%2C1-.031.3l-.078.023-.562-.039L6.07-7.609a4.032%2C4.032%2C0%2C0%2C0-.687-1.4%2C1.868%2C1.868%2C0%2C0%2C0-1.4-.625%2C1.753%2C1.753%2C0%2C0%2C0-1.215.4%2C1.286%2C1.286%2C0%2C0%2C0-.449%2C1%2C1.383%2C1.383%2C0%2C0%2C0%2C.445.962%2C4.469%2C4.469%2C0%2C0%2C0%2C1.86.882%2C8.755%2C8.755%2C0%2C0%2C1%2C1.153.452%2C3.355%2C3.355%2C0%2C0%2C1%2C1.027.679%2C2.917%2C2.917%2C0%2C0%2C1%2C.644.934A3.1%2C3.1%2C0%2C0%2C1%2C7.625-3.2a4%2C4%2C0%2C0%2C1-.273%2C1.446%2C2.16%2C2.16%2C0%2C0%2C1-.477.711A4.517%2C4.517%2C0%2C0%2C1%2C6.148-.5a3.592%2C3.592%2C0%2C0%2C1-1.02.457A5.393%2C5.393%2C0%2C0%2C1%2C3.773.1a6.6%2C6.6%2C0%2C0%2C1-1.3-.156L1.531-.328a1.551%2C1.551%2C0%2C0%2C1-.492-.2.3.3%2C0%2C0%2C1-.07-.148V-.758q0-.086-.039-1.07Q.914-2.336.914-2.547v-.3l.727-.016q.374.87.484%2C1.051a2.589%2C2.589%2C0%2C0%2C0%2C.534.647%2C2.238%2C2.238%2C0%2C0%2C0%2C.7.392%2C2.6%2C2.6%2C0%2C0%2C0%2C.881.145A2.8%2C2.8%2C0%2C0%2C0%2C5.166-.8%2C1.707%2C1.707%2C0%2C0%2C0%2C5.981-1.4a1.439%2C1.439%2C0%2C0%2C0%2C.308-.88A1.442%2C1.442%2C0%2C0%2C0%2C5.75-3.347a6.268%2C6.268%2C0%2C0%2C0-1.766-.814%2C8.709%2C8.709%2C0%2C0%2C1-1.992-.907%2C2.745%2C2.745%2C0%2C0%2C1-.875-1.067A2.972%2C2.972%2C0%2C0%2C1%2C.8-7.421a2.835%2C2.835%2C0%2C0%2C1%2C.891-2.11A3.617%2C3.617%2C0%2C0%2C1%2C4.313-10.4a6.818%2C6.818%2C0%2C0%2C1%2C1.109.133A8.369%2C8.369%2C0%2C0%2C1%2C6.6-9.937ZM9-10.6h.484q.055.087.078.127a2.784%2C2.784%2C0%2C0%2C0%2C.336.5q.1.023%2C1.07.023.6%2C0%2C1.07-.006l.156-.018.945-.008%2C1.766.008H17.32l.461-.063a.875.875%2C0%2C0%2C0%2C.219-.38l.086-.2.344-.008q.078%2C0%2C.234.008.008.539.008%2C1.625l.008.7-.008.4a1.727%2C1.727%2C0%2C0%2C1-.031.352%2C2.788%2C2.788%2C0%2C0%2C1-.562.125%2C5.277%2C5.277%2C0%2C0%2C1-.443-.883%2C3.571%2C3.571%2C0%2C0%2C0-.3-.641.44.44%2C0%2C0%2C0-.219-.133q-.188-.039-1.66-.039-.219%2C0-.548.031a4.073%2C4.073%2C0%2C0%2C0-.039.5l.008%2C1.047v2.3L14.9-2.766%2C14.891-1.75a2.645%2C2.645%2C0%2C0%2C0%2C.094.813%2C2.028%2C2.028%2C0%2C0%2C0%2C.463.1q.063.008.581.125a3.059%2C3.059%2C0%2C0%2C1%2C.416.125q.039.281.039.344a1.26%2C1.26%2C0%2C0%2C1-.024.2q-.172.008-.281.008A13.492%2C13.492%2C0%2C0%2C1%2C14.812-.09q-.562-.059-2.039-.059-.234%2C0-1.375.094-.445.031-.578.031Q10.813-.141%2C10.8-.2L10.8-.383V-.445a1.1%2C1.1%2C0%2C0%2C1%2C.648-.336%2C5.958%2C5.958%2C0%2C0%2C0%2C1.125-.352.978.978%2C0%2C0%2C0%2C.094-.391q.055-.937.055-2.984L12.68-7.461a12.635%2C12.635%2C0%2C0%2C0-.047-1.477.194.194%2C0%2C0%2C0-.055-.105.191.191%2C0%2C0%2C0-.109-.043q-.242-.031-1.578-.031a2.282%2C2.282%2C0%2C0%2C0-.984.141A4.64%2C4.64%2C0%2C0%2C0%2C8.9-7.914q-.2.25-.289.25a1.743%2C1.743%2C0%2C0%2C1-.461-.3A15.331%2C15.331%2C0%2C0%2C0%2C8.82-10Q8.945-10.445%2C9-10.6Zm10.484.438q.445.023.773.07a10.486%2C10.486%2C0%2C0%2C0%2C1.43.086q.281%2C0%2C1.445-.047%2C1.742-.07%2C3.148-.07l1.414-.016a12.253%2C12.253%2C0%2C0%2C1%2C1.406.117.607.607%2C0%2C0%2C1%2C.141.422v1.609l.016.32q0%2C.047-.008.141l-.32.016q-.062%2C0-.266-.016-.07-.156-.187-.461l-.312-.555a3.6%2C3.6%2C0%2C0%2C0-.5-.719%2C2.1%2C2.1%2C0%2C0%2C0-.5-.062l-.477-.039q-.727-.062-1.562-.062-.953%2C0-1.7.031-.023.2-.023%2C1.539l.008%2C1.313v.984a2.89%2C2.89%2C0%2C0%2C0%2C.337.023q1.4%2C0%2C2-.055a1.948%2C1.948%2C0%2C0%2C0%2C.736-.152.807.807%2C0%2C0%2C0%2C.251-.34A10.741%2C10.741%2C0%2C0%2C0%2C27-7.234l.1-.008.453.008q.031.7.031%2C1.055%2C0%2C.82-.012%2C1.055t-.012.367q0%2C.211.023.676t.023.691v.172h-.555q-.031-.125-.117-.516a3.153%2C3.153%2C0%2C0%2C0-.282-.906.568.568%2C0%2C0%2C0-.313-.211%2C6.2%2C6.2%2C0%2C0%2C0-1.159-.055q-1.182%2C0-1.777.063v.266q0%2C.93.031%2C1.547l-.016%2C1.688a.415.415%2C0%2C0%2C0%2C.211.406%2C6.345%2C6.345%2C0%2C0%2C0%2C1.961.164%2C8.861%2C8.861%2C0%2C0%2C0%2C1.844-.164%2C1.833%2C1.833%2C0%2C0%2C0%2C.922-.523%2C3.977%2C3.977%2C0%2C0%2C0%2C.883-1.469q.242-.023.4-.023.086%2C0%2C.258.008-.023.2-.038.328l-.046.234L29.529-.906l-.139.891q-.508.023-.805.023-.438%2C0-2.338-.078-1.337-.055-3.221-.055-.938%2C0-2.307.078h-.328l-.946.031V-.555a4.865%2C4.865%2C0%2C0%2C1%2C.594-.086%2C3.775%2C3.775%2C0%2C0%2C0%2C1.125-.25%2C1.624%2C1.624%2C0%2C0%2C0%2C.086-.57q0-.133-.008-.453l.008-.242L21.227-5.1l.008-.883L21.2-7.234l.008-.883-.07-.969a1.486%2C1.486%2C0%2C0%2C0-.016-.156.382.382%2C0%2C0%2C0-.234-.109q-.086-.016-.234-.047a5.108%2C5.108%2C0%2C0%2C0-.859-.109q-.148-.008-.344-.031Zm11.4.523-.008-.594%2C1.867.117.836-.008h.3q.477%2C0%2C1.492-.055.578-.039.727-.039a7.48%2C7.48%2C0%2C0%2C1%2C1.484.109%2C2.953%2C2.953%2C0%2C0%2C1%2C1.215.5%2C2.814%2C2.814%2C0%2C0%2C1%2C.773.98A2.63%2C2.63%2C0%2C0%2C1%2C39.9-7.445a2.971%2C2.971%2C0%2C0%2C1-.855%2C2.207%2C2.942%2C2.942%2C0%2C0%2C1-2.16.848A3.337%2C3.337%2C0%2C0%2C1%2C36.02-4.5a2.918%2C2.918%2C0%2C0%2C1-.77-.328%2C3.879%2C3.879%2C0%2C0%2C1-.039-.625q.188.016.34.023t.27.008a1.715%2C1.715%2C0%2C0%2C0%2C1.117-.368%2C1.861%2C1.861%2C0%2C0%2C0%2C.6-1.55A2.652%2C2.652%2C0%2C0%2C0%2C37.277-8.6a1.453%2C1.453%2C0%2C0%2C0-.621-.661%2C2.614%2C2.614%2C0%2C0%2C0-1.125-.235%2C1.526%2C1.526%2C0%2C0%2C0-.836.172.952.952%2C0%2C0%2C0-.094.2l.055%2C3.683-.016.313.023.328q.008.109.008.321v.641l.008%2C1.024-.016%2C1.22a6.9%2C6.9%2C0%2C0%2C0%2C.047.7l1.555.2a1.913%2C1.913%2C0%2C0%2C1%2C.031.3%2C1.931%2C1.931%2C0%2C0%2C1-.039.328%2C2.043%2C2.043%2C0%2C0%2C1-.3.031q-.242%2C0-.914-.059T33.516-.164a13.039%2C13.039%2C0%2C0%2C0-1.844.125Q31.523-.016%2C31.2%2C0a2.723%2C2.723%2C0%2C0%2C1-.031-.336q0-.07.016-.219l.477-.156a3.914%2C3.914%2C0%2C0%2C0%2C.852-.359%2C1.408%2C1.408%2C0%2C0%2C0%2C.07-.414q0-.078-.008-.18-.008-.242-.008-.68l-.023-2.2-.086-2.477q-.055-1.766-.086-1.906a.716.716%2C0%2C0%2C0-.187-.355.847.847%2C0%2C0%2C0-.445-.184A7.055%2C7.055%2C0%2C0%2C1%2C30.883-9.641ZM47.547-10.3l.531-.016.25.008.492.008a3.3%2C3.3%2C0%2C0%2C1%2C.031.367q0%2C.039-.008.242-.008.109-.016.836l-.016%2C1.18.008.742-.055%2C5.273v.445a.441.441%2C0%2C0%2C0%2C.109.336%2C1.307%2C1.307%2C0%2C0%2C0%2C.586.172q.188.023.75.125a.758.758%2C0%2C0%2C1%2C.016.148q0%2C.086-.016.375h-.336q-.344%2C0-1-.031-.4-.023-.547-.023-.187%2C0-1.383.039-.133.008-.219.008h-.141l-.227-.016-.211.016-.391-.016q-.078%2C0-.32.023-.016-.172-.016-.266t.016-.258q.312-.086.727-.172a1.871%2C1.871%2C0%2C0%2C0%2C.7-.23.381.381%2C0%2C0%2C0%2C.129-.3l-.008-.531.031-.578-.008-1.187L47-3.883q0-.062.016-.469.016-.211.016-.375%2C0-.1-.023-.633l.031-.445q-.031-.508-.031-.6%2C0-.117.008-.234l.016-.2-.023-.531.023-.242q.008-.164.008-.437T47.031-8.7a13.356%2C13.356%2C0%2C0%2C1-1.266.828q-.078.047-.7.32a3.19%2C3.19%2C0%2C0%2C1-.32-.562%2C12.581%2C12.581%2C0%2C0%2C0%2C1.125-.633A11.017%2C11.017%2C0%2C0%2C0%2C46.93-9.6%2C6.894%2C6.894%2C0%2C0%2C0%2C47.547-10.3Z%22%20transform%3D%22translate(50%205903.553)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-step01__item:nth-of-type(2)::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22106%22%20height%3D%2236%22%20viewBox%3D%220%200%20106%2036%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1177%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201177%22%20transform%3D%22translate(-30%20-6181.553)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_345%22%20data-name%3D%22%E3%83%91%E3%82%B9%20345%22%20d%3D%22M0%2C0H96l10%2C36H0Z%22%20transform%3D%22translate(30%206181.553)%22%20fill%3D%22%23b91d23%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2080%22%20data-name%3D%22%E3%83%91%E3%82%B9%202080%22%20d%3D%22M6.6-9.937a5.208%2C5.208%2C0%2C0%2C1%2C.141.8%2C11.553%2C11.553%2C0%2C0%2C1%2C.094%2C1.25%2C1.635%2C1.635%2C0%2C0%2C1-.031.3l-.078.023-.562-.039L6.07-7.609a4.032%2C4.032%2C0%2C0%2C0-.687-1.4%2C1.868%2C1.868%2C0%2C0%2C0-1.4-.625%2C1.753%2C1.753%2C0%2C0%2C0-1.215.4%2C1.286%2C1.286%2C0%2C0%2C0-.449%2C1%2C1.383%2C1.383%2C0%2C0%2C0%2C.445.962%2C4.469%2C4.469%2C0%2C0%2C0%2C1.86.882%2C8.755%2C8.755%2C0%2C0%2C1%2C1.153.452%2C3.355%2C3.355%2C0%2C0%2C1%2C1.027.679%2C2.917%2C2.917%2C0%2C0%2C1%2C.644.934A3.1%2C3.1%2C0%2C0%2C1%2C7.625-3.2a4%2C4%2C0%2C0%2C1-.273%2C1.446%2C2.16%2C2.16%2C0%2C0%2C1-.477.711A4.517%2C4.517%2C0%2C0%2C1%2C6.148-.5a3.592%2C3.592%2C0%2C0%2C1-1.02.457A5.393%2C5.393%2C0%2C0%2C1%2C3.773.1a6.6%2C6.6%2C0%2C0%2C1-1.3-.156L1.531-.328a1.551%2C1.551%2C0%2C0%2C1-.492-.2.3.3%2C0%2C0%2C1-.07-.148V-.758q0-.086-.039-1.07Q.914-2.336.914-2.547v-.3l.727-.016q.374.87.484%2C1.051a2.589%2C2.589%2C0%2C0%2C0%2C.534.647%2C2.238%2C2.238%2C0%2C0%2C0%2C.7.392%2C2.6%2C2.6%2C0%2C0%2C0%2C.881.145A2.8%2C2.8%2C0%2C0%2C0%2C5.166-.8%2C1.707%2C1.707%2C0%2C0%2C0%2C5.981-1.4a1.439%2C1.439%2C0%2C0%2C0%2C.308-.88A1.442%2C1.442%2C0%2C0%2C0%2C5.75-3.347a6.268%2C6.268%2C0%2C0%2C0-1.766-.814%2C8.709%2C8.709%2C0%2C0%2C1-1.992-.907%2C2.745%2C2.745%2C0%2C0%2C1-.875-1.067A2.972%2C2.972%2C0%2C0%2C1%2C.8-7.421a2.835%2C2.835%2C0%2C0%2C1%2C.891-2.11A3.617%2C3.617%2C0%2C0%2C1%2C4.313-10.4a6.818%2C6.818%2C0%2C0%2C1%2C1.109.133A8.369%2C8.369%2C0%2C0%2C1%2C6.6-9.937ZM9-10.6h.484q.055.087.078.127a2.784%2C2.784%2C0%2C0%2C0%2C.336.5q.1.023%2C1.07.023.6%2C0%2C1.07-.006l.156-.018.945-.008%2C1.766.008H17.32l.461-.063a.875.875%2C0%2C0%2C0%2C.219-.38l.086-.2.344-.008q.078%2C0%2C.234.008.008.539.008%2C1.625l.008.7-.008.4a1.727%2C1.727%2C0%2C0%2C1-.031.352%2C2.788%2C2.788%2C0%2C0%2C1-.562.125%2C5.277%2C5.277%2C0%2C0%2C1-.443-.883%2C3.571%2C3.571%2C0%2C0%2C0-.3-.641.44.44%2C0%2C0%2C0-.219-.133q-.188-.039-1.66-.039-.219%2C0-.548.031a4.073%2C4.073%2C0%2C0%2C0-.039.5l.008%2C1.047v2.3L14.9-2.766%2C14.891-1.75a2.645%2C2.645%2C0%2C0%2C0%2C.094.813%2C2.028%2C2.028%2C0%2C0%2C0%2C.463.1q.063.008.581.125a3.059%2C3.059%2C0%2C0%2C1%2C.416.125q.039.281.039.344a1.26%2C1.26%2C0%2C0%2C1-.024.2q-.172.008-.281.008A13.492%2C13.492%2C0%2C0%2C1%2C14.812-.09q-.562-.059-2.039-.059-.234%2C0-1.375.094-.445.031-.578.031Q10.813-.141%2C10.8-.2L10.8-.383V-.445a1.1%2C1.1%2C0%2C0%2C1%2C.648-.336%2C5.958%2C5.958%2C0%2C0%2C0%2C1.125-.352.978.978%2C0%2C0%2C0%2C.094-.391q.055-.937.055-2.984L12.68-7.461a12.635%2C12.635%2C0%2C0%2C0-.047-1.477.194.194%2C0%2C0%2C0-.055-.105.191.191%2C0%2C0%2C0-.109-.043q-.242-.031-1.578-.031a2.282%2C2.282%2C0%2C0%2C0-.984.141A4.64%2C4.64%2C0%2C0%2C0%2C8.9-7.914q-.2.25-.289.25a1.743%2C1.743%2C0%2C0%2C1-.461-.3A15.331%2C15.331%2C0%2C0%2C0%2C8.82-10Q8.945-10.445%2C9-10.6Zm10.484.438q.445.023.773.07a10.486%2C10.486%2C0%2C0%2C0%2C1.43.086q.281%2C0%2C1.445-.047%2C1.742-.07%2C3.148-.07l1.414-.016a12.253%2C12.253%2C0%2C0%2C1%2C1.406.117.607.607%2C0%2C0%2C1%2C.141.422v1.609l.016.32q0%2C.047-.008.141l-.32.016q-.062%2C0-.266-.016-.07-.156-.187-.461l-.312-.555a3.6%2C3.6%2C0%2C0%2C0-.5-.719%2C2.1%2C2.1%2C0%2C0%2C0-.5-.062l-.477-.039q-.727-.062-1.562-.062-.953%2C0-1.7.031-.023.2-.023%2C1.539l.008%2C1.313v.984a2.89%2C2.89%2C0%2C0%2C0%2C.337.023q1.4%2C0%2C2-.055a1.948%2C1.948%2C0%2C0%2C0%2C.736-.152.807.807%2C0%2C0%2C0%2C.251-.34A10.741%2C10.741%2C0%2C0%2C0%2C27-7.234l.1-.008.453.008q.031.7.031%2C1.055%2C0%2C.82-.012%2C1.055t-.012.367q0%2C.211.023.676t.023.691v.172h-.555q-.031-.125-.117-.516a3.153%2C3.153%2C0%2C0%2C0-.282-.906.568.568%2C0%2C0%2C0-.313-.211%2C6.2%2C6.2%2C0%2C0%2C0-1.159-.055q-1.182%2C0-1.777.063v.266q0%2C.93.031%2C1.547l-.016%2C1.688a.415.415%2C0%2C0%2C0%2C.211.406%2C6.345%2C6.345%2C0%2C0%2C0%2C1.961.164%2C8.861%2C8.861%2C0%2C0%2C0%2C1.844-.164%2C1.833%2C1.833%2C0%2C0%2C0%2C.922-.523%2C3.977%2C3.977%2C0%2C0%2C0%2C.883-1.469q.242-.023.4-.023.086%2C0%2C.258.008-.023.2-.038.328l-.046.234L29.529-.906l-.139.891q-.508.023-.805.023-.438%2C0-2.338-.078-1.337-.055-3.221-.055-.938%2C0-2.307.078h-.328l-.946.031V-.555a4.865%2C4.865%2C0%2C0%2C1%2C.594-.086%2C3.775%2C3.775%2C0%2C0%2C0%2C1.125-.25%2C1.624%2C1.624%2C0%2C0%2C0%2C.086-.57q0-.133-.008-.453l.008-.242L21.227-5.1l.008-.883L21.2-7.234l.008-.883-.07-.969a1.486%2C1.486%2C0%2C0%2C0-.016-.156.382.382%2C0%2C0%2C0-.234-.109q-.086-.016-.234-.047a5.108%2C5.108%2C0%2C0%2C0-.859-.109q-.148-.008-.344-.031Zm11.4.523-.008-.594%2C1.867.117.836-.008h.3q.477%2C0%2C1.492-.055.578-.039.727-.039a7.48%2C7.48%2C0%2C0%2C1%2C1.484.109%2C2.953%2C2.953%2C0%2C0%2C1%2C1.215.5%2C2.814%2C2.814%2C0%2C0%2C1%2C.773.98A2.63%2C2.63%2C0%2C0%2C1%2C39.9-7.445a2.971%2C2.971%2C0%2C0%2C1-.855%2C2.207%2C2.942%2C2.942%2C0%2C0%2C1-2.16.848A3.337%2C3.337%2C0%2C0%2C1%2C36.02-4.5a2.918%2C2.918%2C0%2C0%2C1-.77-.328%2C3.879%2C3.879%2C0%2C0%2C1-.039-.625q.188.016.34.023t.27.008a1.715%2C1.715%2C0%2C0%2C0%2C1.117-.368%2C1.861%2C1.861%2C0%2C0%2C0%2C.6-1.55A2.652%2C2.652%2C0%2C0%2C0%2C37.277-8.6a1.453%2C1.453%2C0%2C0%2C0-.621-.661%2C2.614%2C2.614%2C0%2C0%2C0-1.125-.235%2C1.526%2C1.526%2C0%2C0%2C0-.836.172.952.952%2C0%2C0%2C0-.094.2l.055%2C3.683-.016.313.023.328q.008.109.008.321v.641l.008%2C1.024-.016%2C1.22a6.9%2C6.9%2C0%2C0%2C0%2C.047.7l1.555.2a1.913%2C1.913%2C0%2C0%2C1%2C.031.3%2C1.931%2C1.931%2C0%2C0%2C1-.039.328%2C2.043%2C2.043%2C0%2C0%2C1-.3.031q-.242%2C0-.914-.059T33.516-.164a13.039%2C13.039%2C0%2C0%2C0-1.844.125Q31.523-.016%2C31.2%2C0a2.723%2C2.723%2C0%2C0%2C1-.031-.336q0-.07.016-.219l.477-.156a3.914%2C3.914%2C0%2C0%2C0%2C.852-.359%2C1.408%2C1.408%2C0%2C0%2C0%2C.07-.414q0-.078-.008-.18-.008-.242-.008-.68l-.023-2.2-.086-2.477q-.055-1.766-.086-1.906a.716.716%2C0%2C0%2C0-.187-.355.847.847%2C0%2C0%2C0-.445-.184A7.055%2C7.055%2C0%2C0%2C1%2C30.883-9.641ZM51.148-.031h-.812q-.289%2C0-.453-.008L49.57-.047l-.531.023L48.9-.039a3.806%2C3.806%2C0%2C0%2C0-.461-.023q-.258%2C0-.883.023L47.2-.031l-.789-.016-1.266.016h-.5V-.562a24.823%2C24.823%2C0%2C0%2C1%2C1.668-1.963A23.791%2C23.791%2C0%2C0%2C0%2C47.9-4.379a6.173%2C6.173%2C0%2C0%2C0%2C.988-1.592%2C3.488%2C3.488%2C0%2C0%2C0%2C.27-1.218%2C3.015%2C3.015%2C0%2C0%2C0-.168-1.038%2C1.4%2C1.4%2C0%2C0%2C0-.594-.726%2C1.717%2C1.717%2C0%2C0%2C0-.926-.265%2C1.709%2C1.709%2C0%2C0%2C0-.914.25%2C1.534%2C1.534%2C0%2C0%2C0-.594.633%2C3.2%2C3.2%2C0%2C0%2C0-.352%2C1.156h-.57q-.023-.337-.023-.564A2.24%2C2.24%2C0%2C0%2C1%2C45.6-9.2a3.15%2C3.15%2C0%2C0%2C1%2C2.555-1.081A2.95%2C2.95%2C0%2C0%2C1%2C50.32-9.5a2.633%2C2.633%2C0%2C0%2C1%2C.789%2C1.957%2C2.6%2C2.6%2C0%2C0%2C1-.148.883%2C4.105%2C4.105%2C0%2C0%2C1-.512.977A21.166%2C21.166%2C0%2C0%2C1%2C48.8-3.922q-.977.977-2.445%2C2.313l.866.016%2C1.419-.031.827.016a1.782%2C1.782%2C0%2C0%2C0%2C.87-.141%2C1.3%2C1.3%2C0%2C0%2C0%2C.394-.664q.039-.125.14-.375l.523-.031.1.031a.224.224%2C0%2C0%2C1%2C.039.117%2C1.585%2C1.585%2C0%2C0%2C1-.039.313q-.039.188-.09.617T51.148-.031Z%22%20transform%3D%22translate(50%206204.553)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-step01__item:nth-of-type(3)::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22106%22%20height%3D%2236%22%20viewBox%3D%220%200%20106%2036%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1495%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201495%22%20transform%3D%22translate(-30%20-6504.553)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_346%22%20data-name%3D%22%E3%83%91%E3%82%B9%20346%22%20d%3D%22M0%2C0H96l10%2C36H0Z%22%20transform%3D%22translate(30%206504.553)%22%20fill%3D%22%23b91d23%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2081%22%20data-name%3D%22%E3%83%91%E3%82%B9%202081%22%20d%3D%22M6.6-9.937a5.208%2C5.208%2C0%2C0%2C1%2C.141.8%2C11.553%2C11.553%2C0%2C0%2C1%2C.094%2C1.25%2C1.635%2C1.635%2C0%2C0%2C1-.031.3l-.078.023-.562-.039L6.07-7.609a4.032%2C4.032%2C0%2C0%2C0-.687-1.4%2C1.868%2C1.868%2C0%2C0%2C0-1.4-.625%2C1.753%2C1.753%2C0%2C0%2C0-1.215.4%2C1.286%2C1.286%2C0%2C0%2C0-.449%2C1%2C1.383%2C1.383%2C0%2C0%2C0%2C.445.962%2C4.469%2C4.469%2C0%2C0%2C0%2C1.86.882%2C8.755%2C8.755%2C0%2C0%2C1%2C1.153.452%2C3.355%2C3.355%2C0%2C0%2C1%2C1.027.679%2C2.917%2C2.917%2C0%2C0%2C1%2C.644.934A3.1%2C3.1%2C0%2C0%2C1%2C7.625-3.2a4%2C4%2C0%2C0%2C1-.273%2C1.446%2C2.16%2C2.16%2C0%2C0%2C1-.477.711A4.517%2C4.517%2C0%2C0%2C1%2C6.148-.5a3.592%2C3.592%2C0%2C0%2C1-1.02.457A5.393%2C5.393%2C0%2C0%2C1%2C3.773.1a6.6%2C6.6%2C0%2C0%2C1-1.3-.156L1.531-.328a1.551%2C1.551%2C0%2C0%2C1-.492-.2.3.3%2C0%2C0%2C1-.07-.148V-.758q0-.086-.039-1.07Q.914-2.336.914-2.547v-.3l.727-.016q.374.87.484%2C1.051a2.589%2C2.589%2C0%2C0%2C0%2C.534.647%2C2.238%2C2.238%2C0%2C0%2C0%2C.7.392%2C2.6%2C2.6%2C0%2C0%2C0%2C.881.145A2.8%2C2.8%2C0%2C0%2C0%2C5.166-.8%2C1.707%2C1.707%2C0%2C0%2C0%2C5.981-1.4a1.439%2C1.439%2C0%2C0%2C0%2C.308-.88A1.442%2C1.442%2C0%2C0%2C0%2C5.75-3.347a6.268%2C6.268%2C0%2C0%2C0-1.766-.814%2C8.709%2C8.709%2C0%2C0%2C1-1.992-.907%2C2.745%2C2.745%2C0%2C0%2C1-.875-1.067A2.972%2C2.972%2C0%2C0%2C1%2C.8-7.421a2.835%2C2.835%2C0%2C0%2C1%2C.891-2.11A3.617%2C3.617%2C0%2C0%2C1%2C4.313-10.4a6.818%2C6.818%2C0%2C0%2C1%2C1.109.133A8.369%2C8.369%2C0%2C0%2C1%2C6.6-9.937ZM9-10.6h.484q.055.087.078.127a2.784%2C2.784%2C0%2C0%2C0%2C.336.5q.1.023%2C1.07.023.6%2C0%2C1.07-.006l.156-.018.945-.008%2C1.766.008H17.32l.461-.063a.875.875%2C0%2C0%2C0%2C.219-.38l.086-.2.344-.008q.078%2C0%2C.234.008.008.539.008%2C1.625l.008.7-.008.4a1.727%2C1.727%2C0%2C0%2C1-.031.352%2C2.788%2C2.788%2C0%2C0%2C1-.562.125%2C5.277%2C5.277%2C0%2C0%2C1-.443-.883%2C3.571%2C3.571%2C0%2C0%2C0-.3-.641.44.44%2C0%2C0%2C0-.219-.133q-.188-.039-1.66-.039-.219%2C0-.548.031a4.073%2C4.073%2C0%2C0%2C0-.039.5l.008%2C1.047v2.3L14.9-2.766%2C14.891-1.75a2.645%2C2.645%2C0%2C0%2C0%2C.094.813%2C2.028%2C2.028%2C0%2C0%2C0%2C.463.1q.063.008.581.125a3.059%2C3.059%2C0%2C0%2C1%2C.416.125q.039.281.039.344a1.26%2C1.26%2C0%2C0%2C1-.024.2q-.172.008-.281.008A13.492%2C13.492%2C0%2C0%2C1%2C14.812-.09q-.562-.059-2.039-.059-.234%2C0-1.375.094-.445.031-.578.031Q10.813-.141%2C10.8-.2L10.8-.383V-.445a1.1%2C1.1%2C0%2C0%2C1%2C.648-.336%2C5.958%2C5.958%2C0%2C0%2C0%2C1.125-.352.978.978%2C0%2C0%2C0%2C.094-.391q.055-.937.055-2.984L12.68-7.461a12.635%2C12.635%2C0%2C0%2C0-.047-1.477.194.194%2C0%2C0%2C0-.055-.105.191.191%2C0%2C0%2C0-.109-.043q-.242-.031-1.578-.031a2.282%2C2.282%2C0%2C0%2C0-.984.141A4.64%2C4.64%2C0%2C0%2C0%2C8.9-7.914q-.2.25-.289.25a1.743%2C1.743%2C0%2C0%2C1-.461-.3A15.331%2C15.331%2C0%2C0%2C0%2C8.82-10Q8.945-10.445%2C9-10.6Zm10.484.438q.445.023.773.07a10.486%2C10.486%2C0%2C0%2C0%2C1.43.086q.281%2C0%2C1.445-.047%2C1.742-.07%2C3.148-.07l1.414-.016a12.253%2C12.253%2C0%2C0%2C1%2C1.406.117.607.607%2C0%2C0%2C1%2C.141.422v1.609l.016.32q0%2C.047-.008.141l-.32.016q-.062%2C0-.266-.016-.07-.156-.187-.461l-.312-.555a3.6%2C3.6%2C0%2C0%2C0-.5-.719%2C2.1%2C2.1%2C0%2C0%2C0-.5-.062l-.477-.039q-.727-.062-1.562-.062-.953%2C0-1.7.031-.023.2-.023%2C1.539l.008%2C1.313v.984a2.89%2C2.89%2C0%2C0%2C0%2C.337.023q1.4%2C0%2C2-.055a1.948%2C1.948%2C0%2C0%2C0%2C.736-.152.807.807%2C0%2C0%2C0%2C.251-.34A10.741%2C10.741%2C0%2C0%2C0%2C27-7.234l.1-.008.453.008q.031.7.031%2C1.055%2C0%2C.82-.012%2C1.055t-.012.367q0%2C.211.023.676t.023.691v.172h-.555q-.031-.125-.117-.516a3.153%2C3.153%2C0%2C0%2C0-.282-.906.568.568%2C0%2C0%2C0-.313-.211%2C6.2%2C6.2%2C0%2C0%2C0-1.159-.055q-1.182%2C0-1.777.063v.266q0%2C.93.031%2C1.547l-.016%2C1.688a.415.415%2C0%2C0%2C0%2C.211.406%2C6.345%2C6.345%2C0%2C0%2C0%2C1.961.164%2C8.861%2C8.861%2C0%2C0%2C0%2C1.844-.164%2C1.833%2C1.833%2C0%2C0%2C0%2C.922-.523%2C3.977%2C3.977%2C0%2C0%2C0%2C.883-1.469q.242-.023.4-.023.086%2C0%2C.258.008-.023.2-.038.328l-.046.234L29.529-.906l-.139.891q-.508.023-.805.023-.438%2C0-2.338-.078-1.337-.055-3.221-.055-.938%2C0-2.307.078h-.328l-.946.031V-.555a4.865%2C4.865%2C0%2C0%2C1%2C.594-.086%2C3.775%2C3.775%2C0%2C0%2C0%2C1.125-.25%2C1.624%2C1.624%2C0%2C0%2C0%2C.086-.57q0-.133-.008-.453l.008-.242L21.227-5.1l.008-.883L21.2-7.234l.008-.883-.07-.969a1.486%2C1.486%2C0%2C0%2C0-.016-.156.382.382%2C0%2C0%2C0-.234-.109q-.086-.016-.234-.047a5.108%2C5.108%2C0%2C0%2C0-.859-.109q-.148-.008-.344-.031Zm11.4.523-.008-.594%2C1.867.117.836-.008h.3q.477%2C0%2C1.492-.055.578-.039.727-.039a7.48%2C7.48%2C0%2C0%2C1%2C1.484.109%2C2.953%2C2.953%2C0%2C0%2C1%2C1.215.5%2C2.814%2C2.814%2C0%2C0%2C1%2C.773.98A2.63%2C2.63%2C0%2C0%2C1%2C39.9-7.445a2.971%2C2.971%2C0%2C0%2C1-.855%2C2.207%2C2.942%2C2.942%2C0%2C0%2C1-2.16.848A3.337%2C3.337%2C0%2C0%2C1%2C36.02-4.5a2.918%2C2.918%2C0%2C0%2C1-.77-.328%2C3.879%2C3.879%2C0%2C0%2C1-.039-.625q.188.016.34.023t.27.008a1.715%2C1.715%2C0%2C0%2C0%2C1.117-.368%2C1.861%2C1.861%2C0%2C0%2C0%2C.6-1.55A2.652%2C2.652%2C0%2C0%2C0%2C37.277-8.6a1.453%2C1.453%2C0%2C0%2C0-.621-.661%2C2.614%2C2.614%2C0%2C0%2C0-1.125-.235%2C1.526%2C1.526%2C0%2C0%2C0-.836.172.952.952%2C0%2C0%2C0-.094.2l.055%2C3.683-.016.313.023.328q.008.109.008.321v.641l.008%2C1.024-.016%2C1.22a6.9%2C6.9%2C0%2C0%2C0%2C.047.7l1.555.2a1.913%2C1.913%2C0%2C0%2C1%2C.031.3%2C1.931%2C1.931%2C0%2C0%2C1-.039.328%2C2.043%2C2.043%2C0%2C0%2C1-.3.031q-.242%2C0-.914-.059T33.516-.164a13.039%2C13.039%2C0%2C0%2C0-1.844.125Q31.523-.016%2C31.2%2C0a2.723%2C2.723%2C0%2C0%2C1-.031-.336q0-.07.016-.219l.477-.156a3.914%2C3.914%2C0%2C0%2C0%2C.852-.359%2C1.408%2C1.408%2C0%2C0%2C0%2C.07-.414q0-.078-.008-.18-.008-.242-.008-.68l-.023-2.2-.086-2.477q-.055-1.766-.086-1.906a.716.716%2C0%2C0%2C0-.187-.355.847.847%2C0%2C0%2C0-.445-.184A7.055%2C7.055%2C0%2C0%2C1%2C30.883-9.641ZM46.953-4.75q-.234-.3-.383-.469a9.163%2C9.163%2C0%2C0%2C0%2C1.9-1.68%2C1.461%2C1.461%2C0%2C0%2C0%2C.313-.9%2C1.2%2C1.2%2C0%2C0%2C0-.359-.867%2C1.118%2C1.118%2C0%2C0%2C0-.82-.367%2C2.16%2C2.16%2C0%2C0%2C0-1.734%2C1.164l-.492-.266a5.069%2C5.069%2C0%2C0%2C1%2C.738-1.23%2C2.875%2C2.875%2C0%2C0%2C1%2C1.035-.7%2C3.207%2C3.207%2C0%2C0%2C1%2C1.266-.219%2C2.246%2C2.246%2C0%2C0%2C1%2C1.578.511%2C1.67%2C1.67%2C0%2C0%2C1%2C.555%2C1.283%2C2.029%2C2.029%2C0%2C0%2C1-.383%2C1.166A5.181%2C5.181%2C0%2C0%2C1%2C48.8-6.1h.164a2.105%2C2.105%2C0%2C0%2C1%2C1.707.806%2C2.718%2C2.718%2C0%2C0%2C1%2C.66%2C1.76%2C4.307%2C4.307%2C0%2C0%2C1-.371%2C1.682A3.2%2C3.2%2C0%2C0%2C1%2C49.6-.38a4.641%2C4.641%2C0%2C0%2C1-2.437.6%2C3.833%2C3.833%2C0%2C0%2C1-2.133-.492.887.887%2C0%2C0%2C1-.469-.734.694.694%2C0%2C0%2C1%2C.227-.516.8.8%2C0%2C0%2C1%2C.578-.219%2C1.012%2C1.012%2C0%2C0%2C1%2C.547.156%2C3.235%2C3.235%2C0%2C0%2C1%2C.68.7%2C1.064%2C1.064%2C0%2C0%2C0%2C.422.359%2C1.593%2C1.593%2C0%2C0%2C0%2C.523.148A1.632%2C1.632%2C0%2C0%2C0%2C48.4-.656a1.9%2C1.9%2C0%2C0%2C0%2C.715-.934%2C4.01%2C4.01%2C0%2C0%2C0%2C.266-1.52%2C2.159%2C2.159%2C0%2C0%2C0-.465-1.465%2C1.344%2C1.344%2C0%2C0%2C0-1.02-.535A1.781%2C1.781%2C0%2C0%2C0%2C46.953-4.75Z%22%20transform%3D%22translate(50%206527.553)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-step01__item-in { box-sizing: border-box; padding: 5.07vw; line-height: 1.8; background-color: rgb(246, 202, 0); clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0); font-size: clamp(1.5rem, 0.4503816794rem + 2.7989821883vw, 2.6rem); } @supports not (font-size: clamp(15 * 0.1rem, 0.4503816794rem + 2.7989821883vw, 26 * 0.1rem)) { .c-step01__item-in { font-size: 1.5rem; } } .c-step01__item-in > img, .c-step01__item-in > a { margin-bottom: 4.3vw; } .c-step01__item-in em { font-weight: 700; background-color: #fff; } .c-step01__item-in dl { display: grid; grid-template-columns: min(27vw, 180px) 1fr; margin-bottom: min(5.8vw, 38px); } .c-step01__item-in dl dd a { display: inline-block; margin-left: 1em; line-height: 1.1; background-color: #fff; font-weight: 700; } .c-step01__item-in dl + img { width: 65.8vw; max-width: 428px; margin: 0 auto min(1.33vw, 5px); } @media (max-width: 374.98px) { .c-step01__item small { font-size: 3.2vw; } .c-step01__item-in { font-size: 4.2vw; } } @media (min-width: 768px) { .c-step01 { margin-top: 69px; } .c-step01__item { margin-top: 69px; } .c-step01__item:not(:last-of-type) { margin-bottom: 53px; } .c-step01__item-in { padding: 33px; } .c-step01__item-in > img, .c-step01__item-in > a { margin-bottom: 28px; } } .c-step02 { margin-top: 10.6vw; } .c-step02__item { position: relative; } .c-step02__item small { display: block; margin-top: 10px; line-height: 2; font-size: clamp(1.2rem, 0.4366412214rem + 2.0356234097vw, 2rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.4366412214rem + 2.0356234097vw, 20 * 0.1rem)) { .c-step02__item small { font-size: 1.2rem; } } .c-step02__item > span { display: block; margin-top: 20px; margin-bottom: 10px; text-decoration: underline; } .c-step02__item::before { content: ""; display: block; width: 28.2vw; max-width: 184px; height: 9.6vw; max-height: 63px; background: no-repeat 0 100%/contain; } .c-step02__item:not(:last-of-type) { margin-bottom: 8.1vw; } .c-step02__item:first-of-type::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22106%22%20height%3D%2236%22%20viewBox%3D%220%200%20106%2036%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2014%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202014%22%20width%3D%2250.259%22%20height%3D%2217.29%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22step1%22%20transform%3D%22translate(-30%20-5359.701)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_344%22%20data-name%3D%22%E3%83%91%E3%82%B9%20344%22%20d%3D%22M0%2C0H96l10%2C36H0Z%22%20transform%3D%22translate(30%205359.701)%22%20fill%3D%22%23d6709a%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3600%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203600%22%20transform%3D%22translate(10%20-152.3)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3599%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203599%22%20transform%3D%22translate(46%205521)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3598%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203598%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26743%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026743%22%20d%3D%22M4.507%2C15.515a5.58%2C5.58%2C0%2C0%2C1-2.8%2C1.774l-.692-2.431a3.151%2C3.151%2C0%2C0%2C0%2C1.474-.869%2C2.216%2C2.216%2C0%2C0%2C0%2C.638-1.579%2C2.536%2C2.536%2C0%2C0%2C0-.816-1.7L.816%2C9.091A3.9%2C3.9%2C0%2C0%2C1%2C0%2C6.66%2C4.3%2C4.3%2C0%2C0%2C1%2C1.065%2C3.749%2C4.711%2C4.711%2C0%2C0%2C1%2C3.744%2C2.188l.55%2C2.467a2.383%2C2.383%2C0%2C0%2C0-1.277.709%2C1.921%2C1.921%2C0%2C0%2C0-.5%2C1.349%2C2.436%2C2.436%2C0%2C0%2C0%2C.816%2C1.562c.905.958%2C1.4%2C1.508%2C1.49%2C1.632a4.173%2C4.173%2C0%2C0%2C1%2C.817%2C2.5%2C4.656%2C4.656%2C0%2C0%2C1-1.136%2C3.105%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26744%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026744%22%20d%3D%22M13.47%2C5.417V16.7H10.932V5.417H7.791V2.9h8.873v2.52Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26745%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026745%22%20d%3D%22M19.564%2C16.7V2.9h7.773v2.52H22.1v8.749h5.235V16.7Zm3.39-8.572h3.8v2.538h-3.8Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26746%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026746%22%20d%3D%22M37.939%2C10.972a5.155%2C5.155%2C0%2C0%2C1-3.07%2C1.774l-.48-2.484a2.712%2C2.712%2C0%2C0%2C0%2C1.58-.923%2C2.489%2C2.489%2C0%2C0%2C0%2C.6-1.685%2C2.117%2C2.117%2C0%2C0%2C0-.78-1.757%2C2.97%2C2.97%2C0%2C0%2C0-1.881-.568%2C4.577%2C4.577%2C0%2C0%2C0-.5.018V16.7H30.876V3.288a14.008%2C14.008%2C0%2C0%2C1%2C3.035-.5A5.327%2C5.327%2C0%2C0%2C1%2C37.584%2C4.1a4.529%2C4.529%2C0%2C0%2C1%2C1.526%2C3.55%2C5.026%2C5.026%2C0%2C0%2C1-1.171%2C3.318%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26747%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026747%22%20d%3D%22M47.275%2C16.7V4.622l-2.458%2C1.24L43.682%2C3.383C45.131%2C2.605%2C47.338%2C1.492%2C50.258%2C0V16.7Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-step02__item:nth-of-type(2)::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22106%22%20height%3D%2236%22%20viewBox%3D%220%200%20106%2036%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2022%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202022%22%20width%3D%2245.02%22%20height%3D%2215.511%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22step2%22%20transform%3D%22translate(-30%20-6126.701)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26803%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026803%22%20d%3D%22M0%2C0H96l10%2C36H0Z%22%20transform%3D%22translate(30%206126.701)%22%20fill%3D%22%23d6709a%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3644%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203644%22%20transform%3D%22translate(55%206136.701)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3606%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203606%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26753%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026753%22%20d%3D%22M4%2C13.936a4.964%2C4.964%2C0%2C0%2C1-2.488%2C1.576L.9%2C13.354A2.788%2C2.788%2C0%2C0%2C0%2C2.2%2C12.582a1.961%2C1.961%2C0%2C0%2C0%2C.566-1.4%2C2.254%2C2.254%2C0%2C0%2C0-.724-1.512L.725%2C8.237A3.462%2C3.462%2C0%2C0%2C1%2C0%2C6.079%2C3.813%2C3.813%2C0%2C0%2C1%2C.945%2C3.5%2C4.187%2C4.187%2C0%2C0%2C1%2C3.323%2C2.111L3.811%2C4.3a2.122%2C2.122%2C0%2C0%2C0-1.134.63%2C1.706%2C1.706%2C0%2C0%2C0-.441%2C1.2%2C2.155%2C2.155%2C0%2C0%2C0%2C.725%2C1.385c.8.852%2C1.243%2C1.34%2C1.322%2C1.45a3.708%2C3.708%2C0%2C0%2C1%2C.725%2C2.22A4.134%2C4.134%2C0%2C0%2C1%2C4%2C13.936%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026754%22%20d%3D%22M11.967%2C4.976V14.991H9.715V4.976H6.928V2.74H14.8V4.976Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26755%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026755%22%20d%3D%22M17.385%2C14.991V2.74h6.9V4.976H19.637V12.74h4.645v2.251Zm3.008-7.605h3.37V9.638h-3.37Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26756%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026756%22%20d%3D%22M33.7%2C9.9a4.572%2C4.572%2C0%2C0%2C1-2.724%2C1.575l-.425-2.2a2.4%2C2.4%2C0%2C0%2C0%2C1.4-.819%2C2.21%2C2.21%2C0%2C0%2C0%2C.536-1.5A1.876%2C1.876%2C0%2C0%2C0%2C31.8%2C5.4a2.632%2C2.632%2C0%2C0%2C0-1.669-.5%2C4.361%2C4.361%2C0%2C0%2C0-.442.015V14.991H27.433V3.087a12.375%2C12.375%2C0%2C0%2C1%2C2.693-.441%2C4.726%2C4.726%2C0%2C0%2C1%2C3.26%2C1.165A4.019%2C4.019%2C0%2C0%2C1%2C34.74%2C6.96%2C4.457%2C4.457%2C0%2C0%2C1%2C33.7%2C9.9%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26757%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026757%22%20d%3D%22M36.853%2C14.992a33.305%2C33.305%2C0%2C0%2C0%2C3.336-4.214c1.306-1.995%2C1.958-3.58%2C1.958-4.792a3.14%2C3.14%2C0%2C0%2C0-.858-2.238%2C3.759%2C3.759%2C0%2C0%2C0-2.181-1.137L39.556%2C0A6.314%2C6.314%2C0%2C0%2C1%2C43.4%2C1.958a5.822%2C5.822%2C0%2C0%2C1%2C1.4%2C4.028c0%2C1.9-.913%2C4.009-2.722%2C6.339H45.02v2.667Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-step02__item:nth-of-type(3)::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22106%22%20height%3D%2236%22%20viewBox%3D%220%200%20106%2036%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2025%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202025%22%20width%3D%2245.579%22%20height%3D%2215.104%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22step3%22%20transform%3D%22translate(-30%20-6478.701)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26804%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026804%22%20d%3D%22M0%2C0H96l10%2C36H0Z%22%20transform%3D%22translate(30%206478.701)%22%20fill%3D%22%23d6709a%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3615%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203615%22%20transform%3D%22translate(55%206488.701)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3614%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203614%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26758%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026758%22%20d%3D%22M4%2C13.452a4.956%2C4.956%2C0%2C0%2C1-2.488%2C1.575L.9%2C12.869A2.787%2C2.787%2C0%2C0%2C0%2C2.2%2C12.1a1.963%2C1.963%2C0%2C0%2C0%2C.566-1.4%2C2.25%2C2.25%2C0%2C0%2C0-.724-1.512L.725%2C7.752A3.46%2C3.46%2C0%2C0%2C1%2C0%2C5.594%2C3.813%2C3.813%2C0%2C0%2C1%2C.945%2C3.012%2C4.187%2C4.187%2C0%2C0%2C1%2C3.323%2C1.626l.488%2C2.189a2.122%2C2.122%2C0%2C0%2C0-1.134.63%2C1.706%2C1.706%2C0%2C0%2C0-.441%2C1.2%2C2.159%2C2.159%2C0%2C0%2C0%2C.725%2C1.386c.8.851%2C1.243%2C1.339%2C1.322%2C1.449A3.709%2C3.709%2C0%2C0%2C1%2C5.008%2C10.7%2C4.136%2C4.136%2C0%2C0%2C1%2C4%2C13.452%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26759%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026759%22%20d%3D%22M11.967%2C4.492V14.507H9.715V4.492H6.928V2.256H14.8V4.492Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26760%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026760%22%20d%3D%22M17.385%2C14.507V2.256h6.9V4.491H19.637v7.764h4.645v2.252ZM20.393%2C6.9h3.37V9.153h-3.37Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26761%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026761%22%20d%3D%22M33.7%2C9.42a4.572%2C4.572%2C0%2C0%2C1-2.724%2C1.575l-.425-2.2a2.4%2C2.4%2C0%2C0%2C0%2C1.4-.819%2C2.21%2C2.21%2C0%2C0%2C0%2C.536-1.5A1.876%2C1.876%2C0%2C0%2C0%2C31.8%2C4.917a2.632%2C2.632%2C0%2C0%2C0-1.669-.5%2C4.362%2C4.362%2C0%2C0%2C0-.442.015V14.506H27.433V2.6a12.375%2C12.375%2C0%2C0%2C1%2C2.693-.441%2C4.726%2C4.726%2C0%2C0%2C1%2C3.26%2C1.165A4.019%2C4.019%2C0%2C0%2C1%2C34.74%2C6.475%2C4.457%2C4.457%2C0%2C0%2C1%2C33.7%2C9.42%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26762%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026762%22%20d%3D%22M42.67%2C4.792a5.124%2C5.124%2C0%2C0%2C1%2C2.61%2C4.531%2C5.382%2C5.382%2C0%2C0%2C1-1.435%2C3.748A7.069%2C7.069%2C0%2C0%2C1%2C40.339%2C15.1l-.69-2.574a4.583%2C4.583%2C0%2C0%2C0%2C2.07-1.1%2C2.792%2C2.792%2C0%2C0%2C0%2C.895-2.088c0-1.827-1.174-3.021-3.543-3.562.429-.745%2C1.1-1.845%2C1.977-3.319H37.542V0h8.037Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-step02__item:nth-of-type(4)::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22106%22%20height%3D%2236%22%20viewBox%3D%220%200%20106%2036%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2028%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202028%22%20width%3D%2246.847%22%20height%3D%2215.362%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22step4%22%20transform%3D%22translate(-30%20-6754.701)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26805%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026805%22%20d%3D%22M0%2C0H96l10%2C36H0Z%22%20transform%3D%22translate(30%206754.701)%22%20fill%3D%22%23d6709a%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3621%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203621%22%20transform%3D%22translate(55%206764.701)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3620%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203620%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26763%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026763%22%20d%3D%22M4%2C13.787a4.956%2C4.956%2C0%2C0%2C1-2.488%2C1.575L.9%2C13.2A2.787%2C2.787%2C0%2C0%2C0%2C2.2%2C12.433a1.963%2C1.963%2C0%2C0%2C0%2C.566-1.4A2.25%2C2.25%2C0%2C0%2C0%2C2.047%2C9.52L.725%2C8.087A3.46%2C3.46%2C0%2C0%2C1%2C0%2C5.929%2C3.813%2C3.813%2C0%2C0%2C1%2C.945%2C3.347%2C4.187%2C4.187%2C0%2C0%2C1%2C3.323%2C1.961L3.811%2C4.15a2.122%2C2.122%2C0%2C0%2C0-1.134.63%2C1.706%2C1.706%2C0%2C0%2C0-.441%2C1.2%2C2.159%2C2.159%2C0%2C0%2C0%2C.725%2C1.386c.8.851%2C1.243%2C1.339%2C1.322%2C1.449a3.709%2C3.709%2C0%2C0%2C1%2C.725%2C2.221A4.136%2C4.136%2C0%2C0%2C1%2C4%2C13.787%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26764%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026764%22%20d%3D%22M11.967%2C4.827V14.842H9.715V4.827H6.928V2.591H14.8V4.827Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26765%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026765%22%20d%3D%22M17.385%2C14.842V2.591h6.9V4.827H19.637v7.764h4.645v2.251Zm3.008-7.605h3.37V9.489h-3.37Z%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26766%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026766%22%20d%3D%22M33.7%2C9.756a4.572%2C4.572%2C0%2C0%2C1-2.724%2C1.575l-.425-2.2a2.4%2C2.4%2C0%2C0%2C0%2C1.4-.819%2C2.21%2C2.21%2C0%2C0%2C0%2C.536-1.5A1.876%2C1.876%2C0%2C0%2C0%2C31.8%2C5.253a2.632%2C2.632%2C0%2C0%2C0-1.669-.5%2C4.362%2C4.362%2C0%2C0%2C0-.442.015V14.842H27.433V2.938A12.375%2C12.375%2C0%2C0%2C1%2C30.126%2C2.5a4.726%2C4.726%2C0%2C0%2C1%2C3.26%2C1.165A4.019%2C4.019%2C0%2C0%2C1%2C34.74%2C6.811%2C4.457%2C4.457%2C0%2C0%2C1%2C33.7%2C9.756%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_26767%22%20data-name%3D%22%E3%83%91%E3%82%B9%2026767%22%20d%3D%22M45.784%2C11.952v2.89H43.229v-2.89H36.7L42.781%2C0l2.35%2C1.23c-.876%2C1.809-2.238%2C4.532-4.046%2C8.149h2.144V5.892h2.555V9.379h1.062v2.573Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-step02__item-in { box-sizing: border-box; padding: min(4.26vw, 28px); line-height: 1.8; background-color: #fff; border-bottom-right-radius: 30px; font-size: clamp(1.5rem, 0.4503816794rem + 2.7989821883vw, 2.6rem); } @supports not (font-size: clamp(15 * 0.1rem, 0.4503816794rem + 2.7989821883vw, 26 * 0.1rem)) { .c-step02__item-in { font-size: 1.5rem; } } .c-step02__item-in > img { margin-bottom: 4.3vw; } .c-step02__item-in p { letter-spacing: 0.05em; } .c-step02__item-in em { background-color: #F7CCC8; } .c-step02__item-in dl { margin-top: min(8.1vw, 53px); margin-bottom: min(6.46vw, 41px); color: #C95082; } .c-step02__item-in dl dt { box-sizing: border-box; width: fit-content; margin-bottom: 10px; padding: 5px 15px; line-height: 1.1; border: 1px solid; font-size: clamp(1.4rem, 0.4458015267rem + 2.5445292621vw, 2.4rem); } @supports not (font-size: clamp(14 * 0.1rem, 0.4458015267rem + 2.5445292621vw, 24 * 0.1rem)) { .c-step02__item-in dl dt { font-size: 1.4rem; } } .c-step02__item-in dl dd { line-height: 1.8; font-size: clamp(1.6rem, 0.5503816794rem + 2.7989821883vw, 2.7rem); } @supports not (font-size: clamp(16 * 0.1rem, 0.5503816794rem + 2.7989821883vw, 27 * 0.1rem)) { .c-step02__item-in dl dd { font-size: 1.6rem; } } .c-step02__item-in a { box-sizing: border-box; display: flex; justify-content: center; align-items: center; max-height: 64px; margin: auto; padding: 1.5vw; border-radius: 35px; background-color: #000; color: #fff; width: 85.8657243816%; font-size: clamp(1.6rem, 0.5503816794rem + 2.7989821883vw, 2.7rem); } @supports not (font-size: clamp(16 * 0.1rem, 0.5503816794rem + 2.7989821883vw, 27 * 0.1rem)) { .c-step02__item-in a { font-size: 1.6rem; } } @media not all and (pointer: coarse) { .c-step02__item-in a:hover { text-decoration: none; opacity: 0.7; } } @media (max-width: 374.98px) { .c-step02__item small { font-size: 3.2vw; } .c-step02__item-in { font-size: 4.2vw; } } @media (min-width: 768px) { .c-step02 { margin-top: 69px; } .c-step02__item { margin-top: 69px; } .c-step02__item:not(:last-of-type) { margin-bottom: 53px; } .c-step02__item-in { padding: 33px; } .c-step02__item-in > img { margin-bottom: 28px; } .c-step02__item-in dl dd { font-size: 2.5rem; } } /* home-intro */ .home-intro { background: url(../img/home/bg_intro01.jpg) no-repeat center top/100%; } .home-intro__inner { padding-bottom: 38vw; padding-top: 7.8vw; } .home-intro__head { margin-bottom: 10.5vw; } .home-intro__head img { max-width: 546px; margin: auto; } .home-intro__txt-area img { width: 75.6106666667%; max-width: 492px; margin: auto; } @media (min-width: 768px) { .home-intro__inner { padding-top: 50px; padding-bottom: 355px; } .home-intro__head { margin-bottom: 68px; } } /* home-menu */ .home-menu { position: relative; background: url(../img/home/bg_menu01.jpg) repeat-y center top/100%; } .home-menu__inner { padding-bottom: min(50vw, 320px); padding-top: 53.8vw; } .home-menu__inner section { max-width: 650px; margin-left: auto; margin-right: auto; } .home-menu__inner section:last-of-type .home-menu__toggle { padding-bottom: 0; } .home-menu__inner section:last-of-type .home-menu__toggle .c-set01 + .c-set01 li:last-child { padding-bottom: 0; } .home-menu__inner section + section h3 { border-top: 1px solid #fff; } .home-menu__sub { position: absolute; top: -32vw; left: 42%; width: 16%; max-width: 104px; } .home-menu__head { margin-bottom: 5.3vw; } .home-menu__lead { position: relative; width: fit-content; margin: auto; margin-bottom: 8vw; padding: 0 20px; font-weight: 700; font-size: clamp(1.6rem, -0.2333333333rem + 3.8194444444vw, 2.7rem); text-align: center; } @supports not (font-size: clamp(16 * 0.1rem, -0.2333333333rem + 3.8194444444vw, 27 * 0.1rem)) { .home-menu__lead { font-size: 1.6rem; } } .home-menu__lead::before, .home-menu__lead::after { content: ""; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 51px; background: no-repeat top center/contain; } .home-menu__lead::before { left: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_10%22%20data-name%3D%22%E7%B7%9A%2010%22%20y2%3D%2252%22%20transform%3D%22translate(0.705%200.257)%20rotate(-20)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-menu__lead::after { right: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_11%22%20data-name%3D%22%E7%B7%9A%2011%22%20y1%3D%2252%22%20transform%3D%22translate(0.705%2049.121)%20rotate(-160)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-menu__txt { width: fit-content; margin: auto; margin-bottom: 16vw; font-size: clamp(1.6rem, 0.5503816794rem + 2.7989821883vw, 2.7rem); } @supports not (font-size: clamp(16 * 0.1rem, 0.5503816794rem + 2.7989821883vw, 27 * 0.1rem)) { .home-menu__txt { font-size: 1.6rem; } } .home-menu .sub-tit { margin-bottom: 20px; } .home-menu__column { box-sizing: border-box; position: relative; margin-top: 10.1vw; padding: 9.33vw 9.86vw 14vw; } .home-menu__column::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(88.8vw, 574px); padding-top: 112.6126126126%; background: url(../img/home/bg_column01.png) no-repeat center/contain; } .home-menu__column.is-second h5::after { left: calc(100% + 11.3vw); width: 17.8vw; max-width: 134px; height: 30.1vw; max-height: 226px; background-image: url(../img/home/img_column02.png); } .home-menu__column.is-third { padding-bottom: min(15.66vw, 120px); } .home-menu__column.is-third::before { background-image: url(../img/home/3rd/bg_column01.png); } .home-menu__column.is-third h5::after { left: calc(100% + 13.25vw); top: -18vw; width: 12.8vw; height: 30vw; max-width: 106px; max-height: 190px; transform: rotate(10deg); background-image: url(../img/home/img_column03.png); } .home-menu__column.is-third + small { display: block; width: min(100%, 574px); line-height: 1.1; font-size: clamp(1.1rem, 0.7666666667rem + 0.6944444444vw, 1.3rem); } @supports not (font-size: clamp(11 * 0.1rem, 0.7666666667rem + 0.6944444444vw, 13 * 0.1rem)) { .home-menu__column.is-third + small { font-size: 1.1rem; } } @media (min-width: 650px) { .home-menu__column.is-third + small { margin-top: 1em; } } .home-menu__column.is-fifth::before { background-image: url(../img/home/3rd/bg_column01.png); } .home-menu__column.is-fifth h5::after { left: calc(100% + 9.76vw); top: -18.4vw; width: 16.1vw; height: 29.1vw; max-width: 106px; max-height: 190px; transform: rotate(10deg); background-image: url(../img/home/img_column04.png); } .home-menu__column.is-sixth::before { background-image: url(../img/home/3rd/bg_column01.png); } .home-menu__column.is-sixth h5::after { left: calc(100% + 9.76vw); top: -18.4vw; width: 16.1vw; height: 29.1vw; max-width: 106px; max-height: 190px; transform: rotate(10deg); background-image: url(../img/home/img_column05.png); } .home-menu__column > * { position: relative; z-index: 2; } .home-menu__column h5 { position: relative; width: fit-content; margin-bottom: 5.3vw; } .home-menu__column h5 img { width: 48vw; max-width: 314px; } .home-menu__column h5:after { content: ""; display: inline-block; position: absolute; top: 50%; left: calc(100% + 4.37vw); transform: translateY(-50%); width: 17vw; max-width: 110px; height: 15.3vw; max-height: 100px; background: url(../img/home/img_column01.png) no-repeat center top/contain; } .home-menu__column p { line-height: 2; font-size: 3.2vw; } .home-menu__toggle { position: relative; padding-bottom: min(8vw, 52px); overflow: hidden; padding-top: 16vw; } .home-menu__toggle::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center top/cover; pointer-events: none; } .home-menu__toggle.is-first::before { background-image: url(../img/home/bg_toggle01.png); } .home-menu__toggle.is-second::before { height: 560.8vw; max-height: 3645px; background-image: url(../img/home/bg_toggle02.png); } .home-menu__toggle.is-third::before { height: 365.86vw; max-height: 3645px; background-image: url(../img/home/bg_toggle03.png); } .home-menu__toggle.is-fourth::before { height: 545.06vw; max-height: 3543px; background-image: url(../img/home/bg_toggle04.png); } .home-menu__toggle.is-fifth::before { height: 704.8vw; max-height: 4592px; background-image: url(../img/home/bg_toggle05.png); } .home-menu__toggle.is-sixth::before { height: 645vw; max-height: 4592px; background-image: url(../img/home/bg_toggle06.png); } @media (min-width: 650px) { .home-menu { background-size: 750px; } .home-menu::before { top: -52px; } .home-menu__sub { top: -238px; } .home-menu__toggle { padding-top: 104px; } .home-menu__toggle::before { height: calc(100% + 104px); background-size: 650px; } .home-menu__toggle.is-fourth::before { background-size: 682px; max-height: none; } .home-menu__toggle.is-fifth::before { background-size: 680px; } .home-menu__toggle.is-sixth::before { background-size: 670px; } .home-menu__toggle.is-sixth p { letter-spacing: 0.015em; } .home-menu__column::before { width: 574px; height: 490px; padding-top: 0; } .home-menu__column p { font-size: 2rem; } } @media (min-width: 768px) { .home-menu__inner { padding-top: 350px; } .home-menu__head { margin-bottom: 35px; } .home-menu__lead { margin-bottom: 52px; } .home-menu__txt { margin-bottom: 104px; } .home-menu__column { margin-top: 65px; padding: 70px 63px 120px; } .home-menu__column h5 { margin-bottom: 35px; } .home-menu__column h5::after { left: 340px; } .home-menu__column.is-second h5::after { left: 385px; } .home-menu__column.is-third h5::after { top: -120px; left: 398px; } .home-menu__column.is-third + small { margin-top: 25px; } .home-menu__column.is-fifth h5::after { top: -120px; left: 375px; } .home-menu__column.is-sixth h5::after { top: -120px; left: 375px; } } /* home-supper */ .home-supper { background-color: rgb(246, 202, 0); } .home-supper__inner { position: relative; z-index: 2; padding-top: 21.3vw; padding-bottom: 46.4vw; } .home-supper__img { margin-bottom: 17.2vw; } .home-supper__head { margin-bottom: 10.9vw; } .home-supper__txt { margin-left: auto; margin-right: auto; max-width: 485px; width: 74.6vw; margin-bottom: 10.9vw; } .home-supper__pic { margin-left: auto; margin-right: auto; max-width: 485px; width: 74.6vw; margin-bottom: 10.6vw; } .home-supper__ico { margin-left: auto; margin-right: auto; max-width: 485px; width: 74.6vw; margin-bottom: 9.6vw; } @media (min-width: 650px) { .home-supper__inner { padding-top: 138px; padding-bottom: 300px; } .home-supper__img { margin-bottom: 112px; } .home-supper__head, .home-supper__txt, .home-supper__pic { margin-bottom: 70px; } .home-supper__ico { margin-bottom: 62px; } } .home-smorgasbord { background: #F6CA00; } .home-smorgasbord__inner { padding-top: 33.2vw; padding-bottom: 142.1vw; } .home-campaign { position: relative; background: url(../img/home/bg_campaign01.jpg) no-repeat center top/cover; } .home-campaign__inner { padding-top: 33.2vw; padding-bottom: 142.1vw; } .home-campaign__sub { position: absolute; top: -32vw; left: 42%; width: 16%; max-width: 104px; } .home-campaign__lead { position: relative; width: fit-content; margin: auto; margin-bottom: 10.2vw; padding: 0 20px; font-weight: 700; font-size: clamp(1.6rem, -0.2333333333rem + 3.8194444444vw, 2.7rem); text-align: center; } @supports not (font-size: clamp(16 * 0.1rem, -0.2333333333rem + 3.8194444444vw, 27 * 0.1rem)) { .home-campaign__lead { font-size: 1.6rem; } } .home-campaign__lead::before, .home-campaign__lead::after { content: ""; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 51px; background: no-repeat top center/contain; } .home-campaign__lead::before { left: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_10%22%20data-name%3D%22%E7%B7%9A%2010%22%20y2%3D%2252%22%20transform%3D%22translate(0.705%200.257)%20rotate(-20)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-campaign__lead::after { right: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_11%22%20data-name%3D%22%E7%B7%9A%2011%22%20y1%3D%2252%22%20transform%3D%22translate(0.705%2049.121)%20rotate(-160)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-campaign__head { margin-bottom: 6vw; } .home-campaign__detail { position: relative; z-index: 2; margin-bottom: 5vw; } .home-campaign__detail img { min-width: calc(100% + 16vw); max-width: 650px; margin: 0 -8vw; } .home-campaign__detail figure { position: relative; display: block; } .home-campaign__detail figcaption { margin-top: 4px; font-size: clamp(1rem, 0.6183206107rem + 1.0178117048vw, 1.4rem); text-align: right; } @supports not (font-size: clamp(10 * 0.1rem, 0.6183206107rem + 1.0178117048vw, 14 * 0.1rem)) { .home-campaign__detail figcaption { font-size: 1rem; } } .home-campaign__detail h3 { margin-bottom: 8.7vw; } .home-campaign__detail p { margin-bottom: 7.8vw; line-height: 2; font-size: clamp(1.6rem, 0.5503816794rem + 2.7989821883vw, 2.7rem); } @supports not (font-size: clamp(16 * 0.1rem, 0.5503816794rem + 2.7989821883vw, 27 * 0.1rem)) { .home-campaign__detail p { font-size: 1.6rem; } } .home-campaign__detail p span { display: inline-block; } .home-campaign__pic { position: absolute; bottom: -20.8vw; left: min(10.4vw, 88px); width: 79.2vw; } @media (min-width: 650px) { .home-campaign__sub { top: -192px; } .home-campaign__pic { bottom: -135px; } .home-campaign__detail figure::after { left: -52px; bottom: -94px; } } @media (min-width: 768px) { .home-campaign__inner { padding-top: 215px; padding-bottom: 820px; } .home-campaign__lead { margin-bottom: 66px; } .home-campaign__head { margin-bottom: 39px; } .home-campaign__detail { margin-bottom: 33px; } .home-campaign__detail h3 { margin-bottom: 57px; } .home-campaign__detail p { margin-bottom: 50px; } .home-campaign__detail img { min-width: 650px; margin: 0 -52px; } .home-campaign__pic { left: calc(50% - 237px); max-width: 475px; } } .home-campaign__date { font-weight: 700; } .home-campaign__date > div { box-sizing: border-box; position: relative; margin-bottom: 5.3vw; padding: 5.6vw 0 6.93vw; text-align: center; } .home-campaign__date > div::before { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 88.8vw; max-width: 577px; padding-top: 35.4354354354%; background: url(../img/home/bg_date01.png) no-repeat center/cover; } .home-campaign__date > div > * { position: relative; z-index: 2; } .home-campaign__date > div h3 { line-height: 2.5; } .home-campaign__date > div p { line-height: 1.1; font-size: clamp(2rem, 0.6641221374rem + 3.5623409669vw, 3.4rem); letter-spacing: 0.08em; color: rgb(185, 29, 35); } @supports not (font-size: clamp(20 * 0.1rem, 0.6641221374rem + 3.5623409669vw, 34 * 0.1rem)) { .home-campaign__date > div p { font-size: 2rem; } } .home-campaign__date > div p small { font-size: clamp(1.2rem, 0.4366412214rem + 2.0356234097vw, 2rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.4366412214rem + 2.0356234097vw, 20 * 0.1rem)) { .home-campaign__date > div p small { font-size: 1.2rem; } } .home-campaign__date dl { display: grid; grid-template-columns: 14.92% 1fr 14.92% 1fr; grid-gap: 2.13vw 1.6vw; } .home-campaign__date dl dt, .home-campaign__date dl dd { display: flex; align-items: center; } .home-campaign__date dl dt { justify-content: center; aspect-ratio: 47/22; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247%22%20height%3D%2222%22%20viewBox%3D%220%200%2047%2022%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_15%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%2015%22%20d%3D%22M42.68%2C22H4.32L0%2C17.6V4.4L4.32%2C0H42.679L47%2C4.4V17.6L42.68%2C22Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); text-align: center; } .home-campaign__date dl dt:empty { display: none; } .home-campaign__date dl dt:empty + dd { grid-column: 1/5; } .home-campaign__date dl dd.is-wide { grid-column: 2/-1; } @media (max-width: 374.98px) { .home-campaign__date > div p { font-size: 5.3vw; } } @media (min-width: 768px) { .home-campaign__date > div { margin-bottom: 34px; padding: 36px 0 45px; } .home-campaign__date dl { grid-gap: 10px 14px; } } /* home-apply */ .home-apply { background: url(../img/home/bg_menu01.jpg) repeat-y center top/cover; } .home-apply__inner { padding-top: 36.8vw; padding-bottom: 4.5vw; } .home-apply__head { position: relative; width: fit-content; margin: auto; margin-bottom: 8vw; padding: 0 20px; font-weight: 700; font-size: clamp(1.6rem, -0.2333333333rem + 3.8194444444vw, 2.7rem); text-align: center; } @supports not (font-size: clamp(16 * 0.1rem, -0.2333333333rem + 3.8194444444vw, 27 * 0.1rem)) { .home-apply__head { font-size: 1.6rem; } } .home-apply__head::before, .home-apply__head::after { content: ""; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 100%; background: no-repeat top center/contain; } .home-apply__head::before { left: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_10%22%20data-name%3D%22%E7%B7%9A%2010%22%20y2%3D%2252%22%20transform%3D%22translate(0.705%200.257)%20rotate(-20)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-apply__head::after { right: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_11%22%20data-name%3D%22%E7%B7%9A%2011%22%20y1%3D%2252%22%20transform%3D%22translate(0.705%2049.121)%20rotate(-160)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-apply__note { box-sizing: border-box; margin-top: 15.9vw; padding: 11.92vw 13.01vw 28.8vw 13.01vw; background: url(../img/home/bg_note01.png) no-repeat center/contain; } .home-apply__note p { line-height: 2; } .home-apply__note em { font-weight: 700; font-size: clamp(1.8rem, -0.3666666667rem + 4.5138888889vw, 3.1rem); background-image: linear-gradient(to bottom, transparent 0 50%, #ffca00 50% 100%); } @supports not (font-size: clamp(18 * 0.1rem, -0.3666666667rem + 4.5138888889vw, 31 * 0.1rem)) { .home-apply__note em { font-size: 1.8rem; } } @media (max-width: 374.98px) { .home-apply__note em { font-size: 4.8vw; } } @media (min-width: 768px) { .home-apply__inner { padding-top: 343px; padding-bottom: 29px; } .home-apply__head { margin-bottom: 52px; } .home-apply__note { margin-top: 103px; padding: 77px 85px 187px; } } .home-thanks { background: url(../img/home/bg_campaign01.jpg) no-repeat center top/cover; box-sizing: border-box; } .home-thanks__inner { background: url(../img/home/bg_thanks01.png) no-repeat center top/100%; padding: min(37.66vw, 146px) 0 0; } .home-thanks__text { font-size: clamp(1.6rem, 0.5503816794rem + 2.7989821883vw, 2.7rem); text-align: center; } .home-thanks__text + .home-thanks__text { margin-top: 50px; } .home-thanks__img { margin-top: 10.6vw; } @media (min-width: 768px) { .home-thanks { padding: 0; } .home-thanks__inner { padding-top: 250px; } .home-thanks__text + .home-thanks__text { margin-top: 80px; } .home-thanks__img { margin: 0 auto; margin-top: 80px; max-width: 820px; } } /* home-app */ .home-app { box-sizing: border-box; padding: min(10.66vw, 70px) min(8vw, 52px) 9.3333333333vw; background-color: rgb(246, 202, 0); } .home-app__head { position: relative; width: fit-content; margin: auto; margin-bottom: 5.3vw; padding: 0 20px; font-weight: 700; font-size: clamp(1.6rem, -0.2333333333rem + 3.8194444444vw, 2.7rem); text-align: center; } @supports not (font-size: clamp(16 * 0.1rem, -0.2333333333rem + 3.8194444444vw, 27 * 0.1rem)) { .home-app__head { font-size: 1.6rem; } } .home-app__head::before, .home-app__head::after { content: ""; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 100%; background: no-repeat top center/contain; } .home-app__head::before { left: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_10%22%20data-name%3D%22%E7%B7%9A%2010%22%20y2%3D%2252%22%20transform%3D%22translate(0.705%200.257)%20rotate(-20)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-app__head::after { right: -20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.195%22%20height%3D%2249.377%22%20viewBox%3D%220%200%2019.195%2049.377%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_11%22%20data-name%3D%22%E7%B7%9A%2011%22%20y1%3D%2252%22%20transform%3D%22translate(0.705%2049.121)%20rotate(-160)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E"); } .home-app__bnr { margin-bottom: 10.6vw; } .home-app__bnr img { width: 87.3015873016%; margin: auto; } .home-app__inner { box-sizing: border-box; padding: 6.6666666667vw 5.3333333333vw; background-color: #fff; border-radius: 40px; } .home-app__lead { margin-bottom: 20px; line-height: 1.5; font-weight: 700; font-size: 4.8vw; text-align: center; } .home-app__logo { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 27px; } .home-app__logo-link { width: 24vw; max-width: 156px; margin: 0 9px; } .home-app__logo-link img { display: block; } .home-app__logo-txt { width: 37vw; max-width: 240px; margin: 0 9px; } .home-app-list { width: fit-content; margin: 0 auto 10px; } .home-app-list__item:not(:last-of-type) { margin-bottom: 6px; } .home-app-list__item img { display: block; max-width: 260px; } .home-app__note { line-height: 1.5; font-size: 1.1rem; } @media (min-width: 650px) { .home-app__lead { font-size: 3rem; } } @media (min-width: 768px) { .home-app { padding-bottom: 56px; } .home-app__head { margin-bottom: 35px; } .home-app__bnr { margin-bottom: 69px; } .home-app__inner { padding: 40px 32px; } .home-app__lead { font-size: 2.4rem; } } /* home-info */ .home-info { background-color: rgb(185, 29, 35); } .home-info__inner { padding-top: 9.6vw; padding-bottom: 9.6vw; } .home-info__head { margin-bottom: 10.6vw; } .home-info__head img { width: 72.2vw; max-width: 470px; margin: auto; } .home-info__site { width: 53.7313432836%; margin: 0 auto 67px; } .home-info__sub { width: 14.6666666667%; max-width: 80px; margin: 0 auto 4.4%; } .home-info-sns { display: flex; flex-wrap: wrap; justify-content: center; } .home-info-sns__item { width: 40px; margin: 0 8px; } @media (min-width: 480px) { .home-info-sns__item { width: 50px; margin: 0 16px; } } @media (min-width: 768px) { .home-info__inner { padding-top: 58px; padding-bottom: 58px; } .home-info__head { margin-bottom: 69px; } } /* home-vote*/ .home-vote { position: relative; background: linear-gradient(#0b1963 0%, #34459e 32.64%, #7788d8 59.84%, #e5e9ff 100%); color: #fff; text-align: center; } .home-vote::before { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: url(../img/home/vote/bg_vote01.png) no-repeat center top/contain; pointer-events: none; } .home-vote__inner { position: relative; z-index: 2; padding-bottom: 16vw; } .home-vote__head { margin-bottom: 23.2vw; } .home-vote__lead { font-weight: 700; text-align: center; } .home-vote__txt { font-weight: 700; text-align: center; color: #000; letter-spacing: 0.08em; margin-bottom: 8vw; } .home-vote__txt em { color: rgb(185, 29, 35); background: linear-gradient(transparent 50%, rgb(246, 202, 0) 50%); } .home-vote__txt em span { font-size: 5.3vw; } .home-vote__txt em small { font-size: 3.2vw; } @media (min-width: 650px) { .home-vote__inner { padding-bottom: 104px; } .home-vote__head { margin-bottom: 150px; } .home-vote__txt { margin-bottom: 52px; } .home-vote__txt em span { font-size: 3.4rem; } .home-vote__txt em small { font-size: 2rem; } }