@charset "UTF-8"; /* ──────────────────────────────────────────────────────────── */ /* founcation */ /* ──────────────────────────────────────────────────────────── */ /*** The new CSS reset - version 1.11.2 (last updated 15.11.2023) 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 - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 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; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::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; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } /* ───────────────────────────────────────────── */ /* variable */ /* ───────────────────────────────────────────── */ @media screen and (min-width: 1025px) { .pc-none { display: none !important; } } @media (min-width: 769px) { .sp-only { display: none !important; } } @media screen and (max-width: 1024px) { .pc-only { display: none !important; } .without-pc { display: none !important; } } @media screen and (max-width: 768px) { .sp-none { display: none !important; } } html { scroll-behavior: smooth; } body { font-family: "Noto Sans JP", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.04em; } img { height: auto; } a { -webkit-transition: 0.3s; transition: 0.3s; } a:hover { opacity: 0.7; } [id]:not([id=top]) { scroll-margin-top: 100px; } @media screen and (max-width: 768px) { [id]:not([id=top]) { scroll-margin-top: 60px; } } .inline-block { display: inline-block; } /* ──────────────────────────────────────────────────────────── */ /* layout */ /* ──────────────────────────────────────────────────────────── */ /* ───────────────────────────────────────────── */ /* header */ /* ───────────────────────────────────────────── */ .l-header { background-color: #fff; width: 100%; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; z-index: 10; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 1024px) { .l-header { height: 105px; gap: 8px; } } @media screen and (max-width: 768px) { .l-header { height: 60px; } } .l-header.is-active { -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .l-header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 0 40px; width: 100%; } @media screen and (max-width: 1024px) { .l-header__inner { padding-inline: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 16px; } } @media screen and (max-width: 768px) { .l-header__inner { padding-inline: 16px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .l-header__logo { line-height: 0; } @media screen and (max-width: 1024px) { .l-header__logo { margin-right: auto; width: 290px; } } @media screen and (max-width: 768px) { .l-header__logo { max-width: 108px; width: 31.4868804665%; } } .l-header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 1024px) { .l-header__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (max-width: 1024px) { .l-header__right .c-button { padding-block: 10px; } } .l-header__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; /*@include responsive(tablet) { display: none; }*/ } .l-header__tel { font-size: 36px; font-weight: 700; line-height: 1.4; display: block; } @media screen and (max-width: 1024px) { .l-header__tel { font-size: 28px; } } @media screen and (max-width: 768px) { .l-header__tel { font-size: 16px; } } .l-header__tel::before { content: "\f879"; font-family: "Font Awesome 5 Free"; font-size: 28px; vertical-align: 4px; padding-right: 4px; } @media screen and (max-width: 1024px) { .l-header__tel::before { font-size: 20px; } } @media screen and (max-width: 768px) { .l-header__tel::before { font-size: 16px; vertical-align: 0; } } .l-header__hour { font-size: 12px; font-weight: 600; line-height: normal; } .l-header__nav { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } @media screen and (max-width: 1024px) { .l-header__nav { gap: 16px; } } .l-header__nav-item { font-size: 16px; font-weight: 700; } @media screen and (max-width: 1024px) { .l-header__nav-item { font-size: 14px; } } .l-header-tel-button { width: 45px; height: 45px; border-radius: 8px; background-color: #EA282C; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l-header-tel-button .fa-phone-alt { font-size: 18px; } .l-header-tel-button__text { font-size: 10px; font-weight: 700; color: #fff; text-align: center; } /* ───────────────────────────────────────────── */ /* footer */ /* ───────────────────────────────────────────── */ .l-footer__foot { background-color: #fff; width: 100%; height: 61px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .l-footer__foot { height: auto; padding-block: 20px 100px; } } .l-footer__foot[data-float-button=hidden] { padding-bottom: 20px; } .l-footer__copy { font-size: 14px; letter-spacing: 0; } @media screen and (max-width: 768px) { .l-float-cta { position: fixed; bottom: 0; left: 0; z-index: 4; width: 100%; background-color: #fff; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 768px) { .l-float-cta .c-button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; letter-spacing: 0; } } /* ───────────────────────────────────────────── */ /* section */ /* ───────────────────────────────────────────── */ .l-body-wrap { overflow: hidden; padding-top: 100px; background-color: #fff; } @media screen and (max-width: 1024px) { .l-body-wrap { padding-top: 105px; } } @media screen and (max-width: 768px) { .l-body-wrap { padding-top: 0; } } .l-section { padding: 80px 24px; } @media screen and (max-width: 768px) { .l-section { padding: 48px 20px; } } .l-section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; max-width: 984px; width: 100%; margin-inline: auto; position: relative; z-index: 0; } @media screen and (max-width: 768px) { .l-section__inner { gap: 32px; max-width: 395px; } } .l-section__inner--spacing-s { gap: 24px; } /* ──────────────────────────────────────────────────────────── */ /* object */ /* ──────────────────────────────────────────────────────────── */ /* ───────────────────────────────────────────── */ /* component */ /* ───────────────────────────────────────────── */ /* ───────────────────────────────────────────── */ /* heading */ /* ───────────────────────────────────────────── */ .c-heading1 { font-size: 30px; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media screen and (max-width: 768px) { .c-heading1 { font-size: 24px; text-align: center; } } @media screen and (max-width: 768px) { .c-heading1__text { max-width: calc(100% - 120px); } } .c-heading1::before, .c-heading1::after { content: ""; display: block; width: 101px; height: 41px; } @media screen and (max-width: 768px) { .c-heading1::before, .c-heading1::after { width: 40px; height: 40px; } } .c-heading1::before { background: url(../img/icon-heading1-left.svg) no-repeat 0 0/101px auto; } @media screen and (max-width: 768px) { .c-heading1::before { background-position: right top; } } .c-heading1::after { background: url(../img/icon-heading1-right.svg) no-repeat 0 0/101px auto; } .c-heading2 { font-size: 30px; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; color: #fff; text-align: center; } @media screen and (max-width: 768px) { .c-heading2 { font-size: 24px; } } .c-heading3 { font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; text-align: center; } @media screen and (max-width: 768px) { .c-heading3 { font-size: 20px; } } /* ───────────────────────────────────────────── */ /* button */ /* ───────────────────────────────────────────── */ .c-button-wrap { max-width: 320px; } .c-button-wrap .c-button { width: 100%; letter-spacing: 0; } .c-button { font-size: 20px; font-weight: 700; color: #fff; padding: 16px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; border-radius: 9999px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-shadow: 0px 4px 4px 0px rgba(51, 51, 51, 0.1); box-shadow: 0px 4px 4px 0px rgba(51, 51, 51, 0.1); line-height: 1; } @media screen and (max-width: 768px) { .c-button { width: 100%; } } .c-button--s { font-size: 16px; padding: 16px; } .c-button--xs { font-size: 14px; padding: 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .c-button--xl { font-size: 20px; padding: 20px 24px; } .c-button--2xl { font-size: 24px; padding: 24px 32px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 768px) { .c-button--2xl { font-size: 20px; padding: 20px 24px; } } .c-button--arrow { min-width: 300px; } @media screen and (max-width: 768px) { .c-button--arrow { min-width: none; } } .c-button--arrow::after { content: ""; width: 24px; height: 24px; background: url(../img/arrow2.svg) no-repeat center/contain; -webkit-transition: 0.3s; transition: 0.3s; } .c-button--arrow:hover::after { -webkit-transform: translateX(4px); transform: translateX(4px); } .c-button--red { background-color: #EC0000; } .c-button--red:hover { opacity: 1; background-color: #A90000; } .c-button--gohst { color: #EC0000; outline: 2px solid #EC0000; outline-offset: -2px; background-color: #fff; } .c-button--gohst:hover { opacity: 1; color: #A90000; outline-color: #A90000; background-color: #FFF4E7; } .c-button[data-icon=arrow_forward]::after { content: "\e5c8"; font-family: "Material Symbols Rounded"; font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0; font-weight: 400; } .c-button[data-icon=download]::after { content: "\f090"; font-family: "Material Symbols Rounded"; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-weight: 400; } @media screen and (max-width: 768px) { .c-button[data-order="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 768px) { .c-button[data-order="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .c-button-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; padding: 24px; border-radius: 8px; width: 400px; max-width: 100%; background-color: #EC0000; font-size: 24px; font-weight: 700; color: #fff; border: solid 2px #EC0000; } @media screen and (max-width: 768px) { .c-button-cta { font-size: 16px; position: relative; padding: 18px 16px; } } .c-button-cta--secondary { background-color: #fff; border: solid 2px; } .c-button-cta--secondary:hover { opacity: 1; /*color: $color-green3; outline-color: $color-green3;*/ background-color: #F7FFFE; } .c-button-cta__micro-copy { font-size: 18px; line-height: 1.4; padding: 2px 12px; border-radius: 50px; background-color: #fff; color: #EC0000; } @media screen and (max-width: 768px) { .c-button-cta__micro-copy { font-size: 12px; border: solid 2px; position: absolute; top: -13px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .c-button-column { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } @media screen and (max-width: 768px) { .c-button-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-button-float { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 0; left: 50%; z-index: 10; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; background-color: #fff; padding-block: 8px; } @media screen and (max-width: 768px) { .c-button-float.is-active { opacity: 1; visibility: visible; } } .c-button-float .c-button { width: 44.6666666667%; max-width: 167.5px; } .component_button_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 768px) { .component_button_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /* ───────────────────────────────────────────── */ /* list */ /* ───────────────────────────────────────────── */ .c-list-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; max-width: 883px; } @media screen and (max-width: 768px) { .c-list-icon { max-width: 343px; gap: 16px; } } .c-list-icon__item { width: calc(25% - 12px); background-color: #FFF4E7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; padding: 24px 16px 16px; border-radius: 16px; } @media screen and (max-width: 768px) { .c-list-icon__item { width: calc(50% - 8px); padding: 14px 6px 16px; border-radius: 8px; } } .c-list-icon__text { font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 60px; } @media screen and (max-width: 768px) { .c-list-icon__text { font-size: 18px; min-height: 54px; } } @media screen and (max-width: 768px) { .c-list-icon__img { width: 90px; } } .c-list-icon--white .c-list-icon__item { background-color: #fff; } .c-list-icon--small .c-list-icon__item { width: calc(20% - 12.8px); } @media screen and (max-width: 768px) { .c-list-icon--small .c-list-icon__item { width: calc(50% - 8px); } } .c-list-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } @media screen and (max-width: 768px) { .c-list-number { gap: 8px; } } .c-list-number__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; font-size: 24px; font-weight: 700; line-height: 1.8; letter-spacing: 0.04em; } @media screen and (max-width: 768px) { .c-list-number__item { font-size: 20px; line-height: 1.5; gap: 8px; } } .c-list-number__item:nth-of-type(1)::before { content: ""; width: 34px; height: 34px; background: url(../img/no1.svg) no-repeat center/contain; -ms-flex-negative: 0; flex-shrink: 0; } .c-list-number__item:nth-of-type(2)::before { content: ""; width: 34px; height: 34px; background: url(../img/no2.svg) no-repeat center/contain; -ms-flex-negative: 0; flex-shrink: 0; } .c-list-number__item:nth-of-type(3)::before { content: ""; width: 34px; height: 34px; background: url(../img/no3.svg) no-repeat center/contain; -ms-flex-negative: 0; flex-shrink: 0; } .c-list-flow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 24px; width: 100%; } @media screen and (max-width: 768px) { .c-list-flow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .c-list-flow__item { max-width: 200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .c-list-flow__content { background-color: #fff; width: 100%; height: 100%; padding: 24px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; border-radius: 16px; } .c-list-flow__heading { font-size: 20px; font-weight: 700; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-list-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 8px; } .c-list-card__item { width: calc(20% - 6.4px); padding: 16px 2px; background-color: #FFF7EE; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 1.2; letter-spacing: 0; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } @media screen and (max-width: 768px) { .c-list-card__item { width: calc(50% - 4px); } } /* ───────────────────────────────────────────── */ /* laurel */ /* ───────────────────────────────────────────── */ .c-laurel-column { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media screen and (max-width: 1024px) { .c-laurel-column { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 768px) { .c-laurel-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 9px; width: auto; } } .c-laurel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 32px; min-height: 88px; min-width: 176px; font-size: 20px; font-weight: 700; color: #fff; line-height: 1.5; background-image: url(../img/laurel1.svg), url(../img/laurel2.svg); background-size: auto 100%, auto 100%; background-position: left center, right center; background-repeat: no-repeat, no-repeat; text-shadow: 0 4px 8px rgba(230, 81, 0, 0.5); } @media screen and (max-width: 768px) { .c-laurel { font-size: 17px; min-width: 160px; min-height: 64px; } } .c-laurel__small { font-size: 14px; } @media screen and (max-width: 768px) { .c-laurel__small { font-size: 12px; } } .c-laurel__midium { font-size: 16px; letter-spacing: 0.04em; margin-top: -3px; } .c-laurel__number { font-size: 36px; margin-top: -8px; line-height: 1.4; letter-spacing: 0.04em; } @media screen and (max-width: 768px) { .c-laurel__number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-size: 36px; } } .c-laurel__vertical { font-size: 13px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: translateY(-1px); transform: translateY(-1px); } /* ───────────────────────────────────────────── */ /* p-mark */ /* ───────────────────────────────────────────── */ .c-p-mark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; max-width: 478px; } @media screen and (max-width: 768px) { .c-p-mark { max-width: 343px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .c-p-mark__logo { -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (max-width: 768px) { .c-p-mark__logo-img { width: 59px; } } .c-p-mark__text { font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; } /* ───────────────────────────────────────────── */ /* text */ /* ───────────────────────────────────────────── */ .c-text-link { text-decoration: underline; padding-right: 16px; position: relative; } .c-text-link[target=_blank]::after { content: "open_in_new"; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-family: "Material Symbols Rounded"; font-size: 16px; line-height: 1; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .c-text-notes { padding-left: 1em; text-indent: -1.04em; } .c-text-notes::before { content: "※"; } @media screen and (max-width: 768px) { .c-text-notes { font-size: 14px; } } /* ───────────────────────────────────────────── */ /* project */ /* ───────────────────────────────────────────── */ /* ───────────────────────────────────────────── */ /* notice */ /* ───────────────────────────────────────────── */ .p-notice { background: #F3F8FF; text-align: center; font-size: 18px; line-height: 1.5; font-weight: 700; letter-spacing: 0.04em; padding: 20px; } @media screen and (max-width: 768px) { .p-notice { font-size: 16px; } } /* ───────────────────────────────────────────── */ /* mv */ /* ───────────────────────────────────────────── */ .p-mv { width: 100%; padding: 40px 24px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: url(../img/mv-bg.webp) repeat left top/320px 320px; overflow: hidden; } @media screen and (max-width: 1024px) { .p-mv { padding: 24px 20px 48px; background-size: 250px 250px; } } @media screen and (max-width: 768px) { .p-mv { padding: 0 16px; } } .p-mv__inner { width: 100%; max-width: 1084px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; } @media screen and (max-width: 1200px) { .p-mv__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 768px) { .p-mv__inner { gap: 20px; max-width: 343px; } } .p-mv__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } @media screen and (max-width: 768px) { .p-mv__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } } .p-mv__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 54px; position: relative; z-index: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 548px; width: 100%; padding-bottom: 35px; } @media screen and (max-width: 768px) { .p-mv__content { gap: 20px; padding-bottom: 0; } } .p-mv-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; font-size: 24px; font-weight: 700; line-height: 1.5; } @media screen and (max-width: 768px) { .p-mv-heading { font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } } .p-mv-heading__text1 { color: #E65100; padding-block: 8px; border-top: 2px solid #E65100; border-bottom: 2px solid #E65100; } @media screen and (max-width: 768px) { .p-mv-heading__text1 { border: 0; background: -webkit-gradient(linear, left top, right top, from(#FF6A00), to(#FF8833)); background: linear-gradient(to right, #FF6A00 0%, #FF8833 100%); width: 100vw; color: #fff; text-align: center; font-size: 16px; } } .p-mv-heading__text2 { text-align: center; } .p-mv-lead { font-size: 48px; font-weight: 700; } @media screen and (max-width: 768px) { .p-mv-lead { font-size: 36px; letter-spacing: 0.04em; margin-top: -12px; } } .p-mv-lead__block { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-mv-lead__text1, .p-mv-lead__text2 { font-size: 68px; font-weight: 700; line-height: 1; } @media screen and (max-width: 768px) { .p-mv-lead__text1, .p-mv-lead__text2 { font-size: 48px; } } .p-mv-lead__text1 { background: -webkit-gradient(linear, left top, right top, from(#E65100), to(#FFA100)); background: linear-gradient(to right, #E65100, #FFA100); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .p-mv-lead__text2 { background: -webkit-gradient(linear, left top, right top, from(#006CD8), to(#69AAFF)); background: linear-gradient(to right, #006CD8, #69AAFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .p-mv-lead__free { display: inline-block; vertical-align: 5px; background: -webkit-gradient(linear, left top, right top, from(#FF6A00), to(#FF8833)); background: linear-gradient(to right, #FF6A00, #FF8833); color: #fff; font-size: 20px; font-weight: 700; line-height: 1; letter-spacing: 0; padding: 10px 20px; } .p-mv-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } @media screen and (max-width: 768px) { .p-mv-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } } .p-mv-info__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } @media screen and (max-width: 768px) { .p-mv-info__right { gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .p-mv-info__text1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, left top, right top, from(#FF6A00), to(#FF8833)); background: linear-gradient(to right, #FF6A00, #FF8833); width: 100px; height: 100px; font-size: 24px; font-weight: 700; color: #fff; padding: 14px 24px; text-align: center; } @media screen and (max-width: 768px) { .p-mv-info__text1 { width: auto; height: auto; font-size: 20px; line-height: 1; letter-spacing: 0; padding: 8px 20px; } } .p-mv-info__text2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; line-height: 1; } @media screen and (max-width: 768px) { .p-mv-info__text2 { font-size: 16px; text-align: center; } } .p-mv-info__text2-day { font-family: "Roboto", sans-serif; font-size: 64px; font-weight: 700; line-height: 1; letter-spacing: 0; } @media screen and (max-width: 768px) { .p-mv-info__text2-day { font-size: 32px; } } .p-mv-info__text2-day-thin { font-weight: 200; } .p-mv-info__text2-date { background-color: #333; color: #fff; font-size: 24px; font-weight: 700; line-height: 38px; text-align: center; letter-spacing: 0; width: 40px; height: 40px; border-radius: 9999px; } @media screen and (max-width: 768px) { .p-mv-info__text2-date { width: 24px; height: 24px; font-size: 14px; line-height: 22px; } } .p-mv-info__text2-time { font-size: 14px; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } @media screen and (max-width: 768px) { .p-mv-info__text2-time { font-size: 12px; text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .p-mv-info__text2-time-num { font-size: 24px; font-weight: 700; line-height: 1; } @media screen and (max-width: 768px) { .p-mv-info__text2-time-num { font-size: 20px; } } @media screen and (max-width: 360px) { .p-mv-info__text2-time-num { font-size: 17px; } } .p-mv-info__text2-time-text { font-size: 12px; line-height: 1.25; letter-spacing: 0.04em; } @media screen and (max-width: 360px) { .p-mv-info__text2-time-text { font-size: 10px; } } .p-mv-info__text3 { font-weight: 700; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } @media screen and (max-width: 768px) { .p-mv-info__text3 { font-size: 14px; text-align: center; } } .p-mv-info__text3::before { content: ""; display: block; background: url(../img/icon-map.svg) no-repeat center center/contain; width: 28px; height: 28px; } .p-mv-info__text3-sm { font-weight: 400; } .p-mv-info__text3-xl { font-size: 24px; } @media screen and (max-width: 768px) { .p-mv-info__text3-xl { font-size: 20px; } } .p-mv-speaker { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-weight: 700; position: relative; } @media screen and (max-width: 1200px) { .p-mv-speaker { margin-top: 170px; width: 548px; } } @media screen and (max-width: 768px) { .p-mv-speaker { background-color: #0D47A1; width: 100vw; display: block; margin-top: 135px; } } .p-mv-speaker::before { content: ""; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color: #0D47A1; width: 100px; height: 100%; position: absolute; top: 0; right: calc(100% - 1px); z-index: 0; } @media screen and (max-width: 768px) { .p-mv-speaker::before { content: none; } } .p-mv-speaker::after { content: ""; width: 100vw; height: 100%; background-color: #0D47A1; position: absolute; top: 0; left: calc(100% - 1px); z-index: 0; } @media screen and (max-width: 1200px) { .p-mv-speaker::after { left: calc(100% - 39px); } } @media screen and (max-width: 768px) { .p-mv-speaker::after { content: none; } } .p-mv-speaker__title { font-size: 18px; width: 91px; background-color: #0D47A1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .p-mv-speaker__title { width: 100%; display: block; background: none; color: #333; text-align: center; position: absolute; bottom: calc(100% + 40px); left: 0; } } .p-mv-speaker__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .p-mv-speaker__list { margin-inline: auto; max-width: 335px; height: 100%; } } .p-mv-speaker__item { padding: 16px 8px; background-color: #0D47A1; width: 210px; position: relative; } @media screen and (max-width: 768px) { .p-mv-speaker__item { width: 50%; padding-inline: 0; } } .p-mv-speaker__img-wrap { position: absolute; bottom: 100%; left: 0; width: 100%; text-align: center; } @media screen and (max-width: 768px) { .p-mv-speaker__img-wrap { bottom: 100%; text-align: left; left: -10px; } } @media screen and (max-width: 768px) { .p-mv-speaker__img-wrap[data-pos-sp=right] { text-align: right; left: 10px; } } .p-mv-speaker__img { vertical-align: middle; } @media screen and (max-width: 768px) { .p-mv-speaker__img { max-width: 150px; } } .p-mv-speaker__text1 { font-size: 14px; text-align: center; letter-spacing: 0; } @media screen and (max-width: 768px) { .p-mv-speaker__text1 { font-size: 12px; } } .p-mv-speaker__text2 { font-size: 20px; text-align: center; } @media screen and (max-width: 768px) { .p-mv-speaker__text2 { font-size: 18px; } } .p-mv-sponsor { position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 16px; } @media screen and (max-width: 1200px) { .p-mv-sponsor { display: none; } } .p-mv-sponsor__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 700; } /* ───────────────────────────────────────────── */ /* message */ /* ───────────────────────────────────────────── */ .p-message { padding-block: 120px 0; } @media screen and (max-width: 768px) { .p-message { padding-block: 64px 0; } } .p-message__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .p-message__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .p-message__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .p-message__title { font-size: 18px; line-height: 1.5; font-weight: 700; letter-spacing: 0.04em; } .p-message__text { font-size: 16px; line-height: 1.5; letter-spacing: 0.04em; } .p-message__text-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media screen and (max-width: 768px) { .p-message__img { max-width: 270px; } } /* ───────────────────────────────────────────── */ /* learn */ /* ───────────────────────────────────────────── */ .p-learn { padding-block: 120px; } @media screen and (max-width: 768px) { .p-learn { padding-block: 64px; } } .p-learn-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media screen and (max-width: 768px) { .p-learn-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .p-learn-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } @media screen and (max-width: 768px) { .p-learn-list__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; } } @media screen and (max-width: 768px) { .p-learn-list__img-wrap { max-width: 180px; width: 53.7313432836%; } } .p-learn-list__text { font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; text-align: center; } @media screen and (max-width: 768px) { .p-learn-list__text { font-size: 18px; text-align: left; width: 41.7910447761%; } } /* ───────────────────────────────────────────── */ /* recommend */ /* ───────────────────────────────────────────── */ .p-recommend__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; } .p-recommend-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } @media screen and (max-width: 768px) { .p-recommend-list { gap: 16px; } } .p-recommend-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-size: 18px; font-weight: 700; background-color: #fff; padding: 16px; border-radius: 9999px; } @media screen and (max-width: 768px) { .p-recommend-list__item { font-size: 16px; border-radius: 8px; } } .p-recommend-list__item::before { content: "check_circle"; font-family: "Material Symbols Rounded"; font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; color: #E65100; font-size: 24px; line-height: 1; } /* ───────────────────────────────────────────── */ /* seminar */ /* ───────────────────────────────────────────── */ .p-seminar { position: relative; } .p-seminar::before { content: ""; width: 200px; height: 40px; clip-path: polygon(50% 100%, 0 0, 100% 0); background-color: #FFF4E7; position: absolute; top: -1px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 768px) { .p-seminar::before { width: 150px; height: 30px; } } .p-seminar__body { background-color: #fff; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; padding: 48px; } @media screen and (max-width: 768px) { .p-seminar__body { padding: 24px; gap: 32px; border-radius: 8px; } } .p-seminar-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 48px; } @media screen and (max-width: 768px) { .p-seminar-box { gap: 32px; } } .p-seminar-box__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } @media screen and (max-width: 768px) { .p-seminar-box__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .p-seminar-box__item:not(:first-child) { border-top: 1px solid #CCC; padding-top: 48px; } @media screen and (max-width: 768px) { .p-seminar-box__item:not(:first-child) { padding-top: 32px; } } .p-seminar-box__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; max-width: 664px; width: calc(100% - 224px); } @media screen and (max-width: 768px) { .p-seminar-box__body { display: contents; } } .p-seminar-box__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; } @media screen and (max-width: 768px) { .p-seminar-box__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .p-seminar-box__title-text1 { background: -webkit-gradient(linear, left top, right top, from(#FF6A00), to(#FF8833)); background: linear-gradient(to right, #FF6A00, #FF8833); color: #fff; text-align: center; font-size: 18px; font-weight: 700; padding: 8px 24px; border-radius: 9999px; } @media screen and (max-width: 768px) { .p-seminar-box__title-text1 { font-size: 16px; } } .p-seminar-box__title-text1-time::before { content: "｜"; } .p-seminar-box__title-text2 { font-size: 20px; font-weight: 700; } @media screen and (max-width: 768px) { .p-seminar-box__title-text2 { font-size: 18px; } } .p-seminar-box__lead { font-size: 16px; } @media screen and (max-width: 768px) { .p-seminar-box__lead { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 14px; } } .p-seminar-box__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; border: 1px solid #E65100; border-radius: 8px; padding: 18px; } @media screen and (max-width: 768px) { .p-seminar-box__content { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 14px; gap: 8px; } } .p-seminar-box__title2 { font-size: 16px; font-weight: 700; color: #C74700; width: 100px; } @media screen and (max-width: 768px) { .p-seminar-box__title2 { width: auto; font-size: 14px; } } .p-seminar-box__list { list-style: disc; padding-left: calc(1.3em + 16px); border-left: 1px solid #E65100; } @media screen and (max-width: 768px) { .p-seminar-box__list { border-left: 0; border-top: 1px solid #E65100; padding-left: 1.3em; padding-top: 8px; font-size: 14px; line-height: 1.5; } } .p-seminar-box__info { width: 200px; color: #fff; font-weight: 700; } @media screen and (max-width: 768px) { .p-seminar-box__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .p-seminar-box__info-img { vertical-align: middle; } @media screen and (max-width: 768px) { .p-seminar-box__info-img { width: 55.7491289199%; } } .p-seminar-box__info-body { background-color: #0D47A1; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 768px) { .p-seminar-box__info-body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .p-seminar-box__info-text1 { font-size: 16px; } .p-seminar-box__info-text2 { font-size: 12px; letter-spacing: 0.04em; } /* ───────────────────────────────────────────── */ /* booth */ /* ───────────────────────────────────────────── */ .p-booth { padding-block: 120px; } @media screen and (max-width: 768px) { .p-booth { padding-block: 64px; } } .p-booth__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .p-booth__lead { font-size: 16px; font-weight: 700; } @media screen and (max-width: 768px) { .p-booth__lead { font-size: 14px; letter-spacing: 0; } } .p-booth-box { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; } @media screen and (max-width: 768px) { .p-booth-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .p-booth-box__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } @media screen and (max-width: 768px) { .p-booth-box__item { gap: 16px; } } .p-booth-box__title { background: -webkit-gradient(linear, left top, right top, from(#FF6A00), to(#FF8833)); background: linear-gradient(to right, #FF6A00, #FF8833); color: #fff; text-align: center; font-size: 18px; line-height: 1.25; font-weight: 700; padding: 8px 24px; border-radius: 9999px; } .p-booth-box__lead { font-size: 20px; font-weight: 700; text-align: center; } @media screen and (max-width: 768px) { .p-booth-box__lead { font-size: 18px; } } .p-booth-box__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 16px; border: 1px solid #E65100; border-radius: 8px; padding: 18px; } @media screen and (max-width: 768px) { .p-booth-box__info { gap: 8px; padding: 15px; } } .p-booth-box__info-title { font-size: 16px; font-weight: 700; color: #C74700; } @media screen and (max-width: 768px) { .p-booth-box__info-title { font-size: 14px; } } .p-booth-box__info-list { list-style: disc; padding: 16px 0 0 1.3em; border-top: 1px solid #E65100; width: 100%; font-size: 16px; } @media screen and (max-width: 768px) { .p-booth-box__info-list { padding-top: 8px; font-size: 14px; letter-spacing: 0; } } /* ───────────────────────────────────────────── */ /* flow */ /* ───────────────────────────────────────────── */ .p-flow-list { display: -webkit-box; display: -ms-flexbox; display: flex; counter-reset: flow_counter; gap: 48px; } @media screen and (max-width: 768px) { .p-flow-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 36px; } } .p-flow-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; counter-increment: flow_counter; width: calc((100% - 96px) / 3); position: relative; } @media screen and (max-width: 768px) { .p-flow-list__item { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 52px; } } .p-flow-list__item::before { content: "STEP " counter(flow_counter); background: -webkit-gradient(linear, left top, right top, from(#FF6A00), to(#FF8833)); background: linear-gradient(to right, #FF6A00, #FF8833); font-family: "Roboto", sans-serif; color: #fff; text-align: center; font-size: 18px; line-height: 1.25; font-weight: 700; padding: 8px 24px; border-radius: 9999px; } @media screen and (max-width: 768px) { .p-flow-list__item::before { font-size: 16px; padding-inline: 27px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .p-flow-list__item:not(:first-child)::after { content: "keyboard_arrow_right"; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-family: "Material Symbols Rounded"; color: #E65100; font-size: 48px; position: absolute; letter-spacing: 0; line-height: 1; width: 48px; right: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-flow-list__item:not(:first-child)::after { font-size: 36px; width: 36px; right: auto; top: -18px; left: calc(50% - 18px); -webkit-transform: rotate(90deg) translateX(-50%); transform: rotate(90deg) translateX(-50%); } } .p-flow-list__body { display: contents; } @media screen and (max-width: 768px) { .p-flow-list__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; max-width: 239px; width: 71.3432835821%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .p-flow-list__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (max-width: 768px) { .p-flow-list__img { max-width: 80px; width: 23.8805970149%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .p-flow-list__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 20px; font-weight: 700; } @media screen and (max-width: 768px) { .p-flow-list__title { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; font-size: 18px; } } .p-flow-list__text { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 16px; text-align: center; } @media screen and (max-width: 768px) { .p-flow-list__text { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; font-size: 14px; text-align: left; letter-spacing: 0; } } /* ───────────────────────────────────────────── */ /* info */ /* ───────────────────────────────────────────── */ .p-info { padding-block: 120px; } @media screen and (max-width: 768px) { .p-info { padding-block: 64px; } } .p-info__inner { max-width: 884px; } @media screen and (max-width: 768px) { .p-info__inner { max-width: 395px; } } .p-info__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 64px; width: 100%; } @media screen and (max-width: 768px) { .p-info__body { gap: 32px; } } .p-info-table { width: 100%; } .p-info-table tbody tr:last-child th, .p-info-table tbody tr:last-child td { border-bottom: 1px solid #CCC; } .p-info-table tbody th, .p-info-table tbody td { font-size: 16px; line-height: 1.5; border-top: 1px solid #CCC; padding: 16px; } @media screen and (max-width: 768px) { .p-info-table tbody th, .p-info-table tbody td { font-size: 14px; letter-spacing: 0; } } .p-info-table tbody th { font-weight: 700; text-align: right; vertical-align: middle; width: 200px; } @media screen and (max-width: 768px) { .p-info-table tbody th { min-width: 70px; width: 20.8955223881%; padding: 16px 0; } } .p-info-table tbody td { width: calc(100% - 200px); } @media screen and (max-width: 768px) { .p-info-table tbody td { width: 79.1044776119%; padding: 16px 0 16px 16px; } } .p-info-access__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } @media screen and (max-width: 768px) { .p-info-access__inner { gap: 16px; } } .p-info-access__body { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; width: 100%; } @media screen and (max-width: 768px) { .p-info-access__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .p-info-access__box1 { max-width: 430px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .p-info-access__title2 { font-size: 16px; font-weight: 700; } @media screen and (max-width: 768px) { .p-info-access__title2 { font-size: 14px; } } .p-info-access__list { padding-left: 1.5em; list-style: disc; font-size: 16px; } @media screen and (max-width: 768px) { .p-info-access__list { font-size: 14px; } } .p-info-access__box2 { max-width: 414px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } @media screen and (max-width: 768px) { .p-info-access__box2 { width: 100%; font-size: 14px; } } .p-info-access__text { text-align: center; } /* ───────────────────────────────────────────── */ /* cta */ /* ───────────────────────────────────────────── */ .p-cta__inner { max-width: 784px; } .p-cta__form { width: 100%; background-color: #fff; border-radius: 16px; padding: 40px 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media screen and (max-width: 768px) { .p-cta__form { padding: 32px 24px; gap: 16px; } } /* ───────────────────────────────────────────── */ /* price */ /* ───────────────────────────────────────────── */ form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } form *::-webkit-input-placeholder { color: #707070; } form *::-moz-placeholder { color: #707070; } form *:-ms-input-placeholder { color: #707070; } form *::-ms-input-placeholder { color: #707070; } form *::placeholder { color: #707070; } form input[type=checkbox] { width: 16px; height: 16px; border-radius: 2px; border: solid 1px #707070; -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; } form input[type=checkbox].is-error { border-color: #EC0000; border-width: 2px; } form input[type=checkbox]:checked { background: url(../img/check1.svg) #C74700 no-repeat center/contain; border-color: #C74700; } form input[type=checkbox]:focus { border-color: #006CD8; border-width: 2px; } form .zcwf_privacy { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; width: 100%; } form .zcwf_privacy .zcwf_privacy_txt { width: 100%; } form .zcwf_privacy .zcwf_privacy_txt a { color: #006CD8; } .zf_checkbox_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px 12px; } .zf_checkbox_wrap label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; cursor: pointer; } .zf-templateWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .zf-errorField { display: none; } .zcwf_name_column { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .zcwf_name_column .zcwf_row { width: 100%; } .zcwf_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .zcwf_row--cta { padding-top: 20px; } .zcwf_row input[type=text] { width: 100%; border: solid 1px #707070; padding: 3px 8px; border-radius: 4px; } .zcwf_row input[type=text].is-error { border-color: #EC0000; border-width: 2px; } .zcwf_row input[type=text]:focus { border-color: #006CD8; border-width: 2px; } .zcwf_row textarea { width: 100%; min-height: 212px; border: solid 1px #707070; padding: 8px; border-radius: 4px; } .zcwf_row textarea.is-error { border-color: #EC0000; border-width: 2px; } .zcwf_col_error { font-size: 12px; color: #EC0000; } .zf-tempFrmWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .zcwf_col_lab label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-size: 16px; font-weight: 700; padding-block: 4px; } .zf_label_tag { font-size: 14px; font-weight: 700; letter-spacing: 0.04em; padding: 2px 6px; border-radius: 4px; border: solid 2px #546E7A; color: #546E7A; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .zf_label_tag--required { border: solid 2px #EC0000; color: #EC0000; } .formsubmit { background-color: #EC0000; font-size: 20px; font-weight: 700; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; min-width: 296px; padding: 20px 30px; text-align: center; border-radius: 9999px; margin-inline: auto; letter-spacing: 0; line-height: 1; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 768px) { .formsubmit { gap: 8px; padding-inline: 15px; } } .formsubmit--pamphlet { position: relative; } .formsubmit--pamphlet::before { content: "無料で今すぐ！"; padding: 4px 10px; font-size: 14px; color: #EC0000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 2px; border-radius: 60px; background-color: #fff; position: absolute; top: -17px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .formsubmit::after { content: "\e5c8"; font-family: "Material Symbols Rounded"; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-weight: 400; font-size: 24px; } .formsubmit__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .formsubmit__small { font-size: 14px; } .formsubmit img { -webkit-transition: 0.3s; transition: 0.3s; } .formsubmit:hover { background-color: #A90000; opacity: 1; } .formsubmit:hover img { -webkit-transform: translateX(3px); transform: translateX(3px); } .zcwf_col_help .zcwf_tooltip_over { padding: 16px; font-size: 12px; background-color: #f2f2f2; -webkit-transition: 0.3s; transition: 0.3s; } .zcwf_col_fld_slt { overflow: scroll; padding: 3px 32px 3px 8px; border: solid 1px #707070; line-height: 1.5; width: 100%; background: url(../img/arrow1.svg) no-repeat calc(100% - 8px) calc(50% + 2px)/15px; border-radius: 4px; } .zcwf_col_fld_slt:focus { border-color: #006CD8; border-width: 2px; } .zcwf_col_fld_slt option:checked { background-color: rgba(236, 0, 0, 0.3); } .zcwf_col_fld_slt.is-error { border-color: #EC0000; border-width: 2px; } .zcwf_col_fld_slt.placeholder { color: #707070; } .zcwf_bottom_text { letter-spacing: 0; font-size: 14px; } @media screen and (max-width: 768px) { .zcwf_bottom_text { font-size: 12px; } } .zcwf_bottom_text a { color: #006CD8; } /* ───────────────────────────────────────────── */ /* utility */ /* ───────────────────────────────────────────── */ /* ───────────────────────────────────────────── */ /* bg */ /* ───────────────────────────────────────────── */ .bg-beige { background-color: #FFF4E7; } .bg-orange { background: -webkit-gradient(linear, left top, right top, from(#FF6A00), to(#FF8833)); background: linear-gradient(to right, #FF6A00, #FF8833); } /* ───────────────────────────────────────────── */ /* text */ /* ───────────────────────────────────────────── */ .color-primary { color: #E65100; } .color-primary2 { color: #C74700; } .color-blue { color: #006CD8; } .color-red { color: #EC0000; } .color-white { color: #fff; } .roboto { font-family: "Roboto", sans-serif; font-weight: 700; } .inter { font-family: "Inter", sans-serif; font-weight: 600; } .c-note { font-size: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; line-height: 1.3; } .text-marker { background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64.57%, rgba(255, 255, 255, 0)), color-stop(64.58%, #FFE6CD), to(#FFE6CD)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 64.57%, #FFE6CD 64.58%, #FFE6CD 100%); } .text-underline { text-decoration: underline; } .font-thin { font-weight: 100; } .font-extralight { font-weight: 200; } .font-light { font-weight: 300; } .font-normal { font-weight: 400; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-black { font-weight: 900; } .text-left { text-align: left; } .text-center { text-align: center; } @media screen and (max-width: 768px) { .text-center--sp { text-align: center; } } .text-right { text-align: right; } .text-justify { text-align: justify; } .leading-none { line-height: 1; } .leading-tight { line-height: 1.25; } .leading-snug { line-height: 1.375; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-loose { line-height: 2; } /* ───────────────────────────────────────────── */ /* spacing */ /* ───────────────────────────────────────────── */ .mt-0 { margin-top: 0px; } .mr-0 { margin-right: 0px; } .mb-0 { margin-bottom: 0px; } .ml-0 { margin-left: 0px; } .my-0 { margin-block: 0px; } .mx-0 { margin-inline: 0px; } .pt-0 { padding-top: 0px; } .pr-0 { padding-right: 0px; } .pb-0 { padding-bottom: 0px; } .pl-0 { padding-left: 0px; } @media screen and (min-width: 1025px) { .mt-0-pc { margin-top: 0px; } .m-r0-pc { margin-right: 0px; } .mb-0-pc { margin-bottom: 0px; } .ml-0-pc { margin-left: 0px; } .my-0-pc { margin-block: 0px; } .mx-0-pc { margin-inline: 0px; } .pt-0-pc { padding-top: 0px; } .pr-0-pc { padding-right: 0px; } .pb-0-pc { padding-bottom: 0px; } .pl-0-pc { padding-left: 0px; } } .mt-1 { margin-top: 4px; } .mr-1 { margin-right: 4px; } .mb-1 { margin-bottom: 4px; } .ml-1 { margin-left: 4px; } .my-1 { margin-block: 4px; } .mx-1 { margin-inline: 4px; } .pt-1 { padding-top: 4px; } .pr-1 { padding-right: 4px; } .pb-1 { padding-bottom: 4px; } .pl-1 { padding-left: 4px; } @media screen and (min-width: 1025px) { .mt-1-pc { margin-top: 4px; } .m-r1-pc { margin-right: 4px; } .mb-1-pc { margin-bottom: 4px; } .ml-1-pc { margin-left: 4px; } .my-1-pc { margin-block: 4px; } .mx-1-pc { margin-inline: 4px; } .pt-1-pc { padding-top: 4px; } .pr-1-pc { padding-right: 4px; } .pb-1-pc { padding-bottom: 4px; } .pl-1-pc { padding-left: 4px; } } .mt-2 { margin-top: 8px; } .mr-2 { margin-right: 8px; } .mb-2 { margin-bottom: 8px; } .ml-2 { margin-left: 8px; } .my-2 { margin-block: 8px; } .mx-2 { margin-inline: 8px; } .pt-2 { padding-top: 8px; } .pr-2 { padding-right: 8px; } .pb-2 { padding-bottom: 8px; } .pl-2 { padding-left: 8px; } @media screen and (min-width: 1025px) { .mt-2-pc { margin-top: 8px; } .m-r2-pc { margin-right: 8px; } .mb-2-pc { margin-bottom: 8px; } .ml-2-pc { margin-left: 8px; } .my-2-pc { margin-block: 8px; } .mx-2-pc { margin-inline: 8px; } .pt-2-pc { padding-top: 8px; } .pr-2-pc { padding-right: 8px; } .pb-2-pc { padding-bottom: 8px; } .pl-2-pc { padding-left: 8px; } } .mt-3 { margin-top: 12px; } .mr-3 { margin-right: 12px; } .mb-3 { margin-bottom: 12px; } .ml-3 { margin-left: 12px; } .my-3 { margin-block: 12px; } .mx-3 { margin-inline: 12px; } .pt-3 { padding-top: 12px; } .pr-3 { padding-right: 12px; } .pb-3 { padding-bottom: 12px; } .pl-3 { padding-left: 12px; } @media screen and (min-width: 1025px) { .mt-3-pc { margin-top: 12px; } .m-r3-pc { margin-right: 12px; } .mb-3-pc { margin-bottom: 12px; } .ml-3-pc { margin-left: 12px; } .my-3-pc { margin-block: 12px; } .mx-3-pc { margin-inline: 12px; } .pt-3-pc { padding-top: 12px; } .pr-3-pc { padding-right: 12px; } .pb-3-pc { padding-bottom: 12px; } .pl-3-pc { padding-left: 12px; } } .mt-4 { margin-top: 16px; } .mr-4 { margin-right: 16px; } .mb-4 { margin-bottom: 16px; } .ml-4 { margin-left: 16px; } .my-4 { margin-block: 16px; } .mx-4 { margin-inline: 16px; } .pt-4 { padding-top: 16px; } .pr-4 { padding-right: 16px; } .pb-4 { padding-bottom: 16px; } .pl-4 { padding-left: 16px; } @media screen and (min-width: 1025px) { .mt-4-pc { margin-top: 16px; } .m-r4-pc { margin-right: 16px; } .mb-4-pc { margin-bottom: 16px; } .ml-4-pc { margin-left: 16px; } .my-4-pc { margin-block: 16px; } .mx-4-pc { margin-inline: 16px; } .pt-4-pc { padding-top: 16px; } .pr-4-pc { padding-right: 16px; } .pb-4-pc { padding-bottom: 16px; } .pl-4-pc { padding-left: 16px; } } .mt-5 { margin-top: 20px; } .mr-5 { margin-right: 20px; } .mb-5 { margin-bottom: 20px; } .ml-5 { margin-left: 20px; } .my-5 { margin-block: 20px; } .mx-5 { margin-inline: 20px; } .pt-5 { padding-top: 20px; } .pr-5 { padding-right: 20px; } .pb-5 { padding-bottom: 20px; } .pl-5 { padding-left: 20px; } @media screen and (min-width: 1025px) { .mt-5-pc { margin-top: 20px; } .m-r5-pc { margin-right: 20px; } .mb-5-pc { margin-bottom: 20px; } .ml-5-pc { margin-left: 20px; } .my-5-pc { margin-block: 20px; } .mx-5-pc { margin-inline: 20px; } .pt-5-pc { padding-top: 20px; } .pr-5-pc { padding-right: 20px; } .pb-5-pc { padding-bottom: 20px; } .pl-5-pc { padding-left: 20px; } } .mt-6 { margin-top: 24px; } .mr-6 { margin-right: 24px; } .mb-6 { margin-bottom: 24px; } .ml-6 { margin-left: 24px; } .my-6 { margin-block: 24px; } .mx-6 { margin-inline: 24px; } .pt-6 { padding-top: 24px; } .pr-6 { padding-right: 24px; } .pb-6 { padding-bottom: 24px; } .pl-6 { padding-left: 24px; } @media screen and (min-width: 1025px) { .mt-6-pc { margin-top: 24px; } .m-r6-pc { margin-right: 24px; } .mb-6-pc { margin-bottom: 24px; } .ml-6-pc { margin-left: 24px; } .my-6-pc { margin-block: 24px; } .mx-6-pc { margin-inline: 24px; } .pt-6-pc { padding-top: 24px; } .pr-6-pc { padding-right: 24px; } .pb-6-pc { padding-bottom: 24px; } .pl-6-pc { padding-left: 24px; } } .mt-7 { margin-top: 28px; } .mr-7 { margin-right: 28px; } .mb-7 { margin-bottom: 28px; } .ml-7 { margin-left: 28px; } .my-7 { margin-block: 28px; } .mx-7 { margin-inline: 28px; } .pt-7 { padding-top: 28px; } .pr-7 { padding-right: 28px; } .pb-7 { padding-bottom: 28px; } .pl-7 { padding-left: 28px; } @media screen and (min-width: 1025px) { .mt-7-pc { margin-top: 28px; } .m-r7-pc { margin-right: 28px; } .mb-7-pc { margin-bottom: 28px; } .ml-7-pc { margin-left: 28px; } .my-7-pc { margin-block: 28px; } .mx-7-pc { margin-inline: 28px; } .pt-7-pc { padding-top: 28px; } .pr-7-pc { padding-right: 28px; } .pb-7-pc { padding-bottom: 28px; } .pl-7-pc { padding-left: 28px; } } .mt-8 { margin-top: 32px; } .mr-8 { margin-right: 32px; } .mb-8 { margin-bottom: 32px; } .ml-8 { margin-left: 32px; } .my-8 { margin-block: 32px; } .mx-8 { margin-inline: 32px; } .pt-8 { padding-top: 32px; } .pr-8 { padding-right: 32px; } .pb-8 { padding-bottom: 32px; } .pl-8 { padding-left: 32px; } @media screen and (min-width: 1025px) { .mt-8-pc { margin-top: 32px; } .m-r8-pc { margin-right: 32px; } .mb-8-pc { margin-bottom: 32px; } .ml-8-pc { margin-left: 32px; } .my-8-pc { margin-block: 32px; } .mx-8-pc { margin-inline: 32px; } .pt-8-pc { padding-top: 32px; } .pr-8-pc { padding-right: 32px; } .pb-8-pc { padding-bottom: 32px; } .pl-8-pc { padding-left: 32px; } } .mt-9 { margin-top: 36px; } .mr-9 { margin-right: 36px; } .mb-9 { margin-bottom: 36px; } .ml-9 { margin-left: 36px; } .my-9 { margin-block: 36px; } .mx-9 { margin-inline: 36px; } .pt-9 { padding-top: 36px; } .pr-9 { padding-right: 36px; } .pb-9 { padding-bottom: 36px; } .pl-9 { padding-left: 36px; } @media screen and (min-width: 1025px) { .mt-9-pc { margin-top: 36px; } .m-r9-pc { margin-right: 36px; } .mb-9-pc { margin-bottom: 36px; } .ml-9-pc { margin-left: 36px; } .my-9-pc { margin-block: 36px; } .mx-9-pc { margin-inline: 36px; } .pt-9-pc { padding-top: 36px; } .pr-9-pc { padding-right: 36px; } .pb-9-pc { padding-bottom: 36px; } .pl-9-pc { padding-left: 36px; } } .mt-10 { margin-top: 40px; } .mr-10 { margin-right: 40px; } .mb-10 { margin-bottom: 40px; } .ml-10 { margin-left: 40px; } .my-10 { margin-block: 40px; } .mx-10 { margin-inline: 40px; } .pt-10 { padding-top: 40px; } .pr-10 { padding-right: 40px; } .pb-10 { padding-bottom: 40px; } .pl-10 { padding-left: 40px; } @media screen and (min-width: 1025px) { .mt-10-pc { margin-top: 40px; } .m-r10-pc { margin-right: 40px; } .mb-10-pc { margin-bottom: 40px; } .ml-10-pc { margin-left: 40px; } .my-10-pc { margin-block: 40px; } .mx-10-pc { margin-inline: 40px; } .pt-10-pc { padding-top: 40px; } .pr-10-pc { padding-right: 40px; } .pb-10-pc { padding-bottom: 40px; } .pl-10-pc { padding-left: 40px; } } .mt-11 { margin-top: 44px; } .mr-11 { margin-right: 44px; } .mb-11 { margin-bottom: 44px; } .ml-11 { margin-left: 44px; } .my-11 { margin-block: 44px; } .mx-11 { margin-inline: 44px; } .pt-11 { padding-top: 44px; } .pr-11 { padding-right: 44px; } .pb-11 { padding-bottom: 44px; } .pl-11 { padding-left: 44px; } @media screen and (min-width: 1025px) { .mt-11-pc { margin-top: 44px; } .m-r11-pc { margin-right: 44px; } .mb-11-pc { margin-bottom: 44px; } .ml-11-pc { margin-left: 44px; } .my-11-pc { margin-block: 44px; } .mx-11-pc { margin-inline: 44px; } .pt-11-pc { padding-top: 44px; } .pr-11-pc { padding-right: 44px; } .pb-11-pc { padding-bottom: 44px; } .pl-11-pc { padding-left: 44px; } } .mt-12 { margin-top: 48px; } .mr-12 { margin-right: 48px; } .mb-12 { margin-bottom: 48px; } .ml-12 { margin-left: 48px; } .my-12 { margin-block: 48px; } .mx-12 { margin-inline: 48px; } .pt-12 { padding-top: 48px; } .pr-12 { padding-right: 48px; } .pb-12 { padding-bottom: 48px; } .pl-12 { padding-left: 48px; } @media screen and (min-width: 1025px) { .mt-12-pc { margin-top: 48px; } .m-r12-pc { margin-right: 48px; } .mb-12-pc { margin-bottom: 48px; } .ml-12-pc { margin-left: 48px; } .my-12-pc { margin-block: 48px; } .mx-12-pc { margin-inline: 48px; } .pt-12-pc { padding-top: 48px; } .pr-12-pc { padding-right: 48px; } .pb-12-pc { padding-bottom: 48px; } .pl-12-pc { padding-left: 48px; } } .mt-13 { margin-top: 52px; } .mr-13 { margin-right: 52px; } .mb-13 { margin-bottom: 52px; } .ml-13 { margin-left: 52px; } .my-13 { margin-block: 52px; } .mx-13 { margin-inline: 52px; } .pt-13 { padding-top: 52px; } .pr-13 { padding-right: 52px; } .pb-13 { padding-bottom: 52px; } .pl-13 { padding-left: 52px; } @media screen and (min-width: 1025px) { .mt-13-pc { margin-top: 52px; } .m-r13-pc { margin-right: 52px; } .mb-13-pc { margin-bottom: 52px; } .ml-13-pc { margin-left: 52px; } .my-13-pc { margin-block: 52px; } .mx-13-pc { margin-inline: 52px; } .pt-13-pc { padding-top: 52px; } .pr-13-pc { padding-right: 52px; } .pb-13-pc { padding-bottom: 52px; } .pl-13-pc { padding-left: 52px; } } .mt-14 { margin-top: 56px; } .mr-14 { margin-right: 56px; } .mb-14 { margin-bottom: 56px; } .ml-14 { margin-left: 56px; } .my-14 { margin-block: 56px; } .mx-14 { margin-inline: 56px; } .pt-14 { padding-top: 56px; } .pr-14 { padding-right: 56px; } .pb-14 { padding-bottom: 56px; } .pl-14 { padding-left: 56px; } @media screen and (min-width: 1025px) { .mt-14-pc { margin-top: 56px; } .m-r14-pc { margin-right: 56px; } .mb-14-pc { margin-bottom: 56px; } .ml-14-pc { margin-left: 56px; } .my-14-pc { margin-block: 56px; } .mx-14-pc { margin-inline: 56px; } .pt-14-pc { padding-top: 56px; } .pr-14-pc { padding-right: 56px; } .pb-14-pc { padding-bottom: 56px; } .pl-14-pc { padding-left: 56px; } } .mt-15 { margin-top: 60px; } .mr-15 { margin-right: 60px; } .mb-15 { margin-bottom: 60px; } .ml-15 { margin-left: 60px; } .my-15 { margin-block: 60px; } .mx-15 { margin-inline: 60px; } .pt-15 { padding-top: 60px; } .pr-15 { padding-right: 60px; } .pb-15 { padding-bottom: 60px; } .pl-15 { padding-left: 60px; } @media screen and (min-width: 1025px) { .mt-15-pc { margin-top: 60px; } .m-r15-pc { margin-right: 60px; } .mb-15-pc { margin-bottom: 60px; } .ml-15-pc { margin-left: 60px; } .my-15-pc { margin-block: 60px; } .mx-15-pc { margin-inline: 60px; } .pt-15-pc { padding-top: 60px; } .pr-15-pc { padding-right: 60px; } .pb-15-pc { padding-bottom: 60px; } .pl-15-pc { padding-left: 60px; } } .mt-16 { margin-top: 64px; } .mr-16 { margin-right: 64px; } .mb-16 { margin-bottom: 64px; } .ml-16 { margin-left: 64px; } .my-16 { margin-block: 64px; } .mx-16 { margin-inline: 64px; } .pt-16 { padding-top: 64px; } .pr-16 { padding-right: 64px; } .pb-16 { padding-bottom: 64px; } .pl-16 { padding-left: 64px; } @media screen and (min-width: 1025px) { .mt-16-pc { margin-top: 64px; } .m-r16-pc { margin-right: 64px; } .mb-16-pc { margin-bottom: 64px; } .ml-16-pc { margin-left: 64px; } .my-16-pc { margin-block: 64px; } .mx-16-pc { margin-inline: 64px; } .pt-16-pc { padding-top: 64px; } .pr-16-pc { padding-right: 64px; } .pb-16-pc { padding-bottom: 64px; } .pl-16-pc { padding-left: 64px; } } .mt-17 { margin-top: 68px; } .mr-17 { margin-right: 68px; } .mb-17 { margin-bottom: 68px; } .ml-17 { margin-left: 68px; } .my-17 { margin-block: 68px; } .mx-17 { margin-inline: 68px; } .pt-17 { padding-top: 68px; } .pr-17 { padding-right: 68px; } .pb-17 { padding-bottom: 68px; } .pl-17 { padding-left: 68px; } @media screen and (min-width: 1025px) { .mt-17-pc { margin-top: 68px; } .m-r17-pc { margin-right: 68px; } .mb-17-pc { margin-bottom: 68px; } .ml-17-pc { margin-left: 68px; } .my-17-pc { margin-block: 68px; } .mx-17-pc { margin-inline: 68px; } .pt-17-pc { padding-top: 68px; } .pr-17-pc { padding-right: 68px; } .pb-17-pc { padding-bottom: 68px; } .pl-17-pc { padding-left: 68px; } } .mt-18 { margin-top: 72px; } .mr-18 { margin-right: 72px; } .mb-18 { margin-bottom: 72px; } .ml-18 { margin-left: 72px; } .my-18 { margin-block: 72px; } .mx-18 { margin-inline: 72px; } .pt-18 { padding-top: 72px; } .pr-18 { padding-right: 72px; } .pb-18 { padding-bottom: 72px; } .pl-18 { padding-left: 72px; } @media screen and (min-width: 1025px) { .mt-18-pc { margin-top: 72px; } .m-r18-pc { margin-right: 72px; } .mb-18-pc { margin-bottom: 72px; } .ml-18-pc { margin-left: 72px; } .my-18-pc { margin-block: 72px; } .mx-18-pc { margin-inline: 72px; } .pt-18-pc { padding-top: 72px; } .pr-18-pc { padding-right: 72px; } .pb-18-pc { padding-bottom: 72px; } .pl-18-pc { padding-left: 72px; } } .mt-19 { margin-top: 76px; } .mr-19 { margin-right: 76px; } .mb-19 { margin-bottom: 76px; } .ml-19 { margin-left: 76px; } .my-19 { margin-block: 76px; } .mx-19 { margin-inline: 76px; } .pt-19 { padding-top: 76px; } .pr-19 { padding-right: 76px; } .pb-19 { padding-bottom: 76px; } .pl-19 { padding-left: 76px; } @media screen and (min-width: 1025px) { .mt-19-pc { margin-top: 76px; } .m-r19-pc { margin-right: 76px; } .mb-19-pc { margin-bottom: 76px; } .ml-19-pc { margin-left: 76px; } .my-19-pc { margin-block: 76px; } .mx-19-pc { margin-inline: 76px; } .pt-19-pc { padding-top: 76px; } .pr-19-pc { padding-right: 76px; } .pb-19-pc { padding-bottom: 76px; } .pl-19-pc { padding-left: 76px; } } .mt-20 { margin-top: 80px; } .mr-20 { margin-right: 80px; } .mb-20 { margin-bottom: 80px; } .ml-20 { margin-left: 80px; } .my-20 { margin-block: 80px; } .mx-20 { margin-inline: 80px; } .pt-20 { padding-top: 80px; } .pr-20 { padding-right: 80px; } .pb-20 { padding-bottom: 80px; } .pl-20 { padding-left: 80px; } @media screen and (min-width: 1025px) { .mt-20-pc { margin-top: 80px; } .m-r20-pc { margin-right: 80px; } .mb-20-pc { margin-bottom: 80px; } .ml-20-pc { margin-left: 80px; } .my-20-pc { margin-block: 80px; } .mx-20-pc { margin-inline: 80px; } .pt-20-pc { padding-top: 80px; } .pr-20-pc { padding-right: 80px; } .pb-20-pc { padding-bottom: 80px; } .pl-20-pc { padding-left: 80px; } } .mt-21 { margin-top: 84px; } .mr-21 { margin-right: 84px; } .mb-21 { margin-bottom: 84px; } .ml-21 { margin-left: 84px; } .my-21 { margin-block: 84px; } .mx-21 { margin-inline: 84px; } .pt-21 { padding-top: 84px; } .pr-21 { padding-right: 84px; } .pb-21 { padding-bottom: 84px; } .pl-21 { padding-left: 84px; } @media screen and (min-width: 1025px) { .mt-21-pc { margin-top: 84px; } .m-r21-pc { margin-right: 84px; } .mb-21-pc { margin-bottom: 84px; } .ml-21-pc { margin-left: 84px; } .my-21-pc { margin-block: 84px; } .mx-21-pc { margin-inline: 84px; } .pt-21-pc { padding-top: 84px; } .pr-21-pc { padding-right: 84px; } .pb-21-pc { padding-bottom: 84px; } .pl-21-pc { padding-left: 84px; } } .mt-22 { margin-top: 88px; } .mr-22 { margin-right: 88px; } .mb-22 { margin-bottom: 88px; } .ml-22 { margin-left: 88px; } .my-22 { margin-block: 88px; } .mx-22 { margin-inline: 88px; } .pt-22 { padding-top: 88px; } .pr-22 { padding-right: 88px; } .pb-22 { padding-bottom: 88px; } .pl-22 { padding-left: 88px; } @media screen and (min-width: 1025px) { .mt-22-pc { margin-top: 88px; } .m-r22-pc { margin-right: 88px; } .mb-22-pc { margin-bottom: 88px; } .ml-22-pc { margin-left: 88px; } .my-22-pc { margin-block: 88px; } .mx-22-pc { margin-inline: 88px; } .pt-22-pc { padding-top: 88px; } .pr-22-pc { padding-right: 88px; } .pb-22-pc { padding-bottom: 88px; } .pl-22-pc { padding-left: 88px; } } .mt-23 { margin-top: 92px; } .mr-23 { margin-right: 92px; } .mb-23 { margin-bottom: 92px; } .ml-23 { margin-left: 92px; } .my-23 { margin-block: 92px; } .mx-23 { margin-inline: 92px; } .pt-23 { padding-top: 92px; } .pr-23 { padding-right: 92px; } .pb-23 { padding-bottom: 92px; } .pl-23 { padding-left: 92px; } @media screen and (min-width: 1025px) { .mt-23-pc { margin-top: 92px; } .m-r23-pc { margin-right: 92px; } .mb-23-pc { margin-bottom: 92px; } .ml-23-pc { margin-left: 92px; } .my-23-pc { margin-block: 92px; } .mx-23-pc { margin-inline: 92px; } .pt-23-pc { padding-top: 92px; } .pr-23-pc { padding-right: 92px; } .pb-23-pc { padding-bottom: 92px; } .pl-23-pc { padding-left: 92px; } } .mt-24 { margin-top: 96px; } .mr-24 { margin-right: 96px; } .mb-24 { margin-bottom: 96px; } .ml-24 { margin-left: 96px; } .my-24 { margin-block: 96px; } .mx-24 { margin-inline: 96px; } .pt-24 { padding-top: 96px; } .pr-24 { padding-right: 96px; } .pb-24 { padding-bottom: 96px; } .pl-24 { padding-left: 96px; } @media screen and (min-width: 1025px) { .mt-24-pc { margin-top: 96px; } .m-r24-pc { margin-right: 96px; } .mb-24-pc { margin-bottom: 96px; } .ml-24-pc { margin-left: 96px; } .my-24-pc { margin-block: 96px; } .mx-24-pc { margin-inline: 96px; } .pt-24-pc { padding-top: 96px; } .pr-24-pc { padding-right: 96px; } .pb-24-pc { padding-bottom: 96px; } .pl-24-pc { padding-left: 96px; } } .mt-25 { margin-top: 100px; } .mr-25 { margin-right: 100px; } .mb-25 { margin-bottom: 100px; } .ml-25 { margin-left: 100px; } .my-25 { margin-block: 100px; } .mx-25 { margin-inline: 100px; } .pt-25 { padding-top: 100px; } .pr-25 { padding-right: 100px; } .pb-25 { padding-bottom: 100px; } .pl-25 { padding-left: 100px; } @media screen and (min-width: 1025px) { .mt-25-pc { margin-top: 100px; } .m-r25-pc { margin-right: 100px; } .mb-25-pc { margin-bottom: 100px; } .ml-25-pc { margin-left: 100px; } .my-25-pc { margin-block: 100px; } .mx-25-pc { margin-inline: 100px; } .pt-25-pc { padding-top: 100px; } .pr-25-pc { padding-right: 100px; } .pb-25-pc { padding-bottom: 100px; } .pl-25-pc { padding-left: 100px; } } .mt-26 { margin-top: 104px; } .mr-26 { margin-right: 104px; } .mb-26 { margin-bottom: 104px; } .ml-26 { margin-left: 104px; } .my-26 { margin-block: 104px; } .mx-26 { margin-inline: 104px; } .pt-26 { padding-top: 104px; } .pr-26 { padding-right: 104px; } .pb-26 { padding-bottom: 104px; } .pl-26 { padding-left: 104px; } @media screen and (min-width: 1025px) { .mt-26-pc { margin-top: 104px; } .m-r26-pc { margin-right: 104px; } .mb-26-pc { margin-bottom: 104px; } .ml-26-pc { margin-left: 104px; } .my-26-pc { margin-block: 104px; } .mx-26-pc { margin-inline: 104px; } .pt-26-pc { padding-top: 104px; } .pr-26-pc { padding-right: 104px; } .pb-26-pc { padding-bottom: 104px; } .pl-26-pc { padding-left: 104px; } } .mt-27 { margin-top: 108px; } .mr-27 { margin-right: 108px; } .mb-27 { margin-bottom: 108px; } .ml-27 { margin-left: 108px; } .my-27 { margin-block: 108px; } .mx-27 { margin-inline: 108px; } .pt-27 { padding-top: 108px; } .pr-27 { padding-right: 108px; } .pb-27 { padding-bottom: 108px; } .pl-27 { padding-left: 108px; } @media screen and (min-width: 1025px) { .mt-27-pc { margin-top: 108px; } .m-r27-pc { margin-right: 108px; } .mb-27-pc { margin-bottom: 108px; } .ml-27-pc { margin-left: 108px; } .my-27-pc { margin-block: 108px; } .mx-27-pc { margin-inline: 108px; } .pt-27-pc { padding-top: 108px; } .pr-27-pc { padding-right: 108px; } .pb-27-pc { padding-bottom: 108px; } .pl-27-pc { padding-left: 108px; } } .mt-28 { margin-top: 112px; } .mr-28 { margin-right: 112px; } .mb-28 { margin-bottom: 112px; } .ml-28 { margin-left: 112px; } .my-28 { margin-block: 112px; } .mx-28 { margin-inline: 112px; } .pt-28 { padding-top: 112px; } .pr-28 { padding-right: 112px; } .pb-28 { padding-bottom: 112px; } .pl-28 { padding-left: 112px; } @media screen and (min-width: 1025px) { .mt-28-pc { margin-top: 112px; } .m-r28-pc { margin-right: 112px; } .mb-28-pc { margin-bottom: 112px; } .ml-28-pc { margin-left: 112px; } .my-28-pc { margin-block: 112px; } .mx-28-pc { margin-inline: 112px; } .pt-28-pc { padding-top: 112px; } .pr-28-pc { padding-right: 112px; } .pb-28-pc { padding-bottom: 112px; } .pl-28-pc { padding-left: 112px; } } .mt-29 { margin-top: 116px; } .mr-29 { margin-right: 116px; } .mb-29 { margin-bottom: 116px; } .ml-29 { margin-left: 116px; } .my-29 { margin-block: 116px; } .mx-29 { margin-inline: 116px; } .pt-29 { padding-top: 116px; } .pr-29 { padding-right: 116px; } .pb-29 { padding-bottom: 116px; } .pl-29 { padding-left: 116px; } @media screen and (min-width: 1025px) { .mt-29-pc { margin-top: 116px; } .m-r29-pc { margin-right: 116px; } .mb-29-pc { margin-bottom: 116px; } .ml-29-pc { margin-left: 116px; } .my-29-pc { margin-block: 116px; } .mx-29-pc { margin-inline: 116px; } .pt-29-pc { padding-top: 116px; } .pr-29-pc { padding-right: 116px; } .pb-29-pc { padding-bottom: 116px; } .pl-29-pc { padding-left: 116px; } } .mt-30 { margin-top: 120px; } .mr-30 { margin-right: 120px; } .mb-30 { margin-bottom: 120px; } .ml-30 { margin-left: 120px; } .my-30 { margin-block: 120px; } .mx-30 { margin-inline: 120px; } .pt-30 { padding-top: 120px; } .pr-30 { padding-right: 120px; } .pb-30 { padding-bottom: 120px; } .pl-30 { padding-left: 120px; } @media screen and (min-width: 1025px) { .mt-30-pc { margin-top: 120px; } .m-r30-pc { margin-right: 120px; } .mb-30-pc { margin-bottom: 120px; } .ml-30-pc { margin-left: 120px; } .my-30-pc { margin-block: 120px; } .mx-30-pc { margin-inline: 120px; } .pt-30-pc { padding-top: 120px; } .pr-30-pc { padding-right: 120px; } .pb-30-pc { padding-bottom: 120px; } .pl-30-pc { padding-left: 120px; } } .mt-31 { margin-top: 124px; } .mr-31 { margin-right: 124px; } .mb-31 { margin-bottom: 124px; } .ml-31 { margin-left: 124px; } .my-31 { margin-block: 124px; } .mx-31 { margin-inline: 124px; } .pt-31 { padding-top: 124px; } .pr-31 { padding-right: 124px; } .pb-31 { padding-bottom: 124px; } .pl-31 { padding-left: 124px; } @media screen and (min-width: 1025px) { .mt-31-pc { margin-top: 124px; } .m-r31-pc { margin-right: 124px; } .mb-31-pc { margin-bottom: 124px; } .ml-31-pc { margin-left: 124px; } .my-31-pc { margin-block: 124px; } .mx-31-pc { margin-inline: 124px; } .pt-31-pc { padding-top: 124px; } .pr-31-pc { padding-right: 124px; } .pb-31-pc { padding-bottom: 124px; } .pl-31-pc { padding-left: 124px; } } .mt-32 { margin-top: 128px; } .mr-32 { margin-right: 128px; } .mb-32 { margin-bottom: 128px; } .ml-32 { margin-left: 128px; } .my-32 { margin-block: 128px; } .mx-32 { margin-inline: 128px; } .pt-32 { padding-top: 128px; } .pr-32 { padding-right: 128px; } .pb-32 { padding-bottom: 128px; } .pl-32 { padding-left: 128px; } @media screen and (min-width: 1025px) { .mt-32-pc { margin-top: 128px; } .m-r32-pc { margin-right: 128px; } .mb-32-pc { margin-bottom: 128px; } .ml-32-pc { margin-left: 128px; } .my-32-pc { margin-block: 128px; } .mx-32-pc { margin-inline: 128px; } .pt-32-pc { padding-top: 128px; } .pr-32-pc { padding-right: 128px; } .pb-32-pc { padding-bottom: 128px; } .pl-32-pc { padding-left: 128px; } } .mt-33 { margin-top: 132px; } .mr-33 { margin-right: 132px; } .mb-33 { margin-bottom: 132px; } .ml-33 { margin-left: 132px; } .my-33 { margin-block: 132px; } .mx-33 { margin-inline: 132px; } .pt-33 { padding-top: 132px; } .pr-33 { padding-right: 132px; } .pb-33 { padding-bottom: 132px; } .pl-33 { padding-left: 132px; } @media screen and (min-width: 1025px) { .mt-33-pc { margin-top: 132px; } .m-r33-pc { margin-right: 132px; } .mb-33-pc { margin-bottom: 132px; } .ml-33-pc { margin-left: 132px; } .my-33-pc { margin-block: 132px; } .mx-33-pc { margin-inline: 132px; } .pt-33-pc { padding-top: 132px; } .pr-33-pc { padding-right: 132px; } .pb-33-pc { padding-bottom: 132px; } .pl-33-pc { padding-left: 132px; } } .mt-34 { margin-top: 136px; } .mr-34 { margin-right: 136px; } .mb-34 { margin-bottom: 136px; } .ml-34 { margin-left: 136px; } .my-34 { margin-block: 136px; } .mx-34 { margin-inline: 136px; } .pt-34 { padding-top: 136px; } .pr-34 { padding-right: 136px; } .pb-34 { padding-bottom: 136px; } .pl-34 { padding-left: 136px; } @media screen and (min-width: 1025px) { .mt-34-pc { margin-top: 136px; } .m-r34-pc { margin-right: 136px; } .mb-34-pc { margin-bottom: 136px; } .ml-34-pc { margin-left: 136px; } .my-34-pc { margin-block: 136px; } .mx-34-pc { margin-inline: 136px; } .pt-34-pc { padding-top: 136px; } .pr-34-pc { padding-right: 136px; } .pb-34-pc { padding-bottom: 136px; } .pl-34-pc { padding-left: 136px; } } .mt-35 { margin-top: 140px; } .mr-35 { margin-right: 140px; } .mb-35 { margin-bottom: 140px; } .ml-35 { margin-left: 140px; } .my-35 { margin-block: 140px; } .mx-35 { margin-inline: 140px; } .pt-35 { padding-top: 140px; } .pr-35 { padding-right: 140px; } .pb-35 { padding-bottom: 140px; } .pl-35 { padding-left: 140px; } @media screen and (min-width: 1025px) { .mt-35-pc { margin-top: 140px; } .m-r35-pc { margin-right: 140px; } .mb-35-pc { margin-bottom: 140px; } .ml-35-pc { margin-left: 140px; } .my-35-pc { margin-block: 140px; } .mx-35-pc { margin-inline: 140px; } .pt-35-pc { padding-top: 140px; } .pr-35-pc { padding-right: 140px; } .pb-35-pc { padding-bottom: 140px; } .pl-35-pc { padding-left: 140px; } } .mt-36 { margin-top: 144px; } .mr-36 { margin-right: 144px; } .mb-36 { margin-bottom: 144px; } .ml-36 { margin-left: 144px; } .my-36 { margin-block: 144px; } .mx-36 { margin-inline: 144px; } .pt-36 { padding-top: 144px; } .pr-36 { padding-right: 144px; } .pb-36 { padding-bottom: 144px; } .pl-36 { padding-left: 144px; } @media screen and (min-width: 1025px) { .mt-36-pc { margin-top: 144px; } .m-r36-pc { margin-right: 144px; } .mb-36-pc { margin-bottom: 144px; } .ml-36-pc { margin-left: 144px; } .my-36-pc { margin-block: 144px; } .mx-36-pc { margin-inline: 144px; } .pt-36-pc { padding-top: 144px; } .pr-36-pc { padding-right: 144px; } .pb-36-pc { padding-bottom: 144px; } .pl-36-pc { padding-left: 144px; } } .mt-37 { margin-top: 148px; } .mr-37 { margin-right: 148px; } .mb-37 { margin-bottom: 148px; } .ml-37 { margin-left: 148px; } .my-37 { margin-block: 148px; } .mx-37 { margin-inline: 148px; } .pt-37 { padding-top: 148px; } .pr-37 { padding-right: 148px; } .pb-37 { padding-bottom: 148px; } .pl-37 { padding-left: 148px; } @media screen and (min-width: 1025px) { .mt-37-pc { margin-top: 148px; } .m-r37-pc { margin-right: 148px; } .mb-37-pc { margin-bottom: 148px; } .ml-37-pc { margin-left: 148px; } .my-37-pc { margin-block: 148px; } .mx-37-pc { margin-inline: 148px; } .pt-37-pc { padding-top: 148px; } .pr-37-pc { padding-right: 148px; } .pb-37-pc { padding-bottom: 148px; } .pl-37-pc { padding-left: 148px; } } .mt-38 { margin-top: 152px; } .mr-38 { margin-right: 152px; } .mb-38 { margin-bottom: 152px; } .ml-38 { margin-left: 152px; } .my-38 { margin-block: 152px; } .mx-38 { margin-inline: 152px; } .pt-38 { padding-top: 152px; } .pr-38 { padding-right: 152px; } .pb-38 { padding-bottom: 152px; } .pl-38 { padding-left: 152px; } @media screen and (min-width: 1025px) { .mt-38-pc { margin-top: 152px; } .m-r38-pc { margin-right: 152px; } .mb-38-pc { margin-bottom: 152px; } .ml-38-pc { margin-left: 152px; } .my-38-pc { margin-block: 152px; } .mx-38-pc { margin-inline: 152px; } .pt-38-pc { padding-top: 152px; } .pr-38-pc { padding-right: 152px; } .pb-38-pc { padding-bottom: 152px; } .pl-38-pc { padding-left: 152px; } } .mt-39 { margin-top: 156px; } .mr-39 { margin-right: 156px; } .mb-39 { margin-bottom: 156px; } .ml-39 { margin-left: 156px; } .my-39 { margin-block: 156px; } .mx-39 { margin-inline: 156px; } .pt-39 { padding-top: 156px; } .pr-39 { padding-right: 156px; } .pb-39 { padding-bottom: 156px; } .pl-39 { padding-left: 156px; } @media screen and (min-width: 1025px) { .mt-39-pc { margin-top: 156px; } .m-r39-pc { margin-right: 156px; } .mb-39-pc { margin-bottom: 156px; } .ml-39-pc { margin-left: 156px; } .my-39-pc { margin-block: 156px; } .mx-39-pc { margin-inline: 156px; } .pt-39-pc { padding-top: 156px; } .pr-39-pc { padding-right: 156px; } .pb-39-pc { padding-bottom: 156px; } .pl-39-pc { padding-left: 156px; } } .mt-40 { margin-top: 160px; } .mr-40 { margin-right: 160px; } .mb-40 { margin-bottom: 160px; } .ml-40 { margin-left: 160px; } .my-40 { margin-block: 160px; } .mx-40 { margin-inline: 160px; } .pt-40 { padding-top: 160px; } .pr-40 { padding-right: 160px; } .pb-40 { padding-bottom: 160px; } .pl-40 { padding-left: 160px; } @media screen and (min-width: 1025px) { .mt-40-pc { margin-top: 160px; } .m-r40-pc { margin-right: 160px; } .mb-40-pc { margin-bottom: 160px; } .ml-40-pc { margin-left: 160px; } .my-40-pc { margin-block: 160px; } .mx-40-pc { margin-inline: 160px; } .pt-40-pc { padding-top: 160px; } .pr-40-pc { padding-right: 160px; } .pb-40-pc { padding-bottom: 160px; } .pl-40-pc { padding-left: 160px; } } .mt-41 { margin-top: 164px; } .mr-41 { margin-right: 164px; } .mb-41 { margin-bottom: 164px; } .ml-41 { margin-left: 164px; } .my-41 { margin-block: 164px; } .mx-41 { margin-inline: 164px; } .pt-41 { padding-top: 164px; } .pr-41 { padding-right: 164px; } .pb-41 { padding-bottom: 164px; } .pl-41 { padding-left: 164px; } @media screen and (min-width: 1025px) { .mt-41-pc { margin-top: 164px; } .m-r41-pc { margin-right: 164px; } .mb-41-pc { margin-bottom: 164px; } .ml-41-pc { margin-left: 164px; } .my-41-pc { margin-block: 164px; } .mx-41-pc { margin-inline: 164px; } .pt-41-pc { padding-top: 164px; } .pr-41-pc { padding-right: 164px; } .pb-41-pc { padding-bottom: 164px; } .pl-41-pc { padding-left: 164px; } } .mt-42 { margin-top: 168px; } .mr-42 { margin-right: 168px; } .mb-42 { margin-bottom: 168px; } .ml-42 { margin-left: 168px; } .my-42 { margin-block: 168px; } .mx-42 { margin-inline: 168px; } .pt-42 { padding-top: 168px; } .pr-42 { padding-right: 168px; } .pb-42 { padding-bottom: 168px; } .pl-42 { padding-left: 168px; } @media screen and (min-width: 1025px) { .mt-42-pc { margin-top: 168px; } .m-r42-pc { margin-right: 168px; } .mb-42-pc { margin-bottom: 168px; } .ml-42-pc { margin-left: 168px; } .my-42-pc { margin-block: 168px; } .mx-42-pc { margin-inline: 168px; } .pt-42-pc { padding-top: 168px; } .pr-42-pc { padding-right: 168px; } .pb-42-pc { padding-bottom: 168px; } .pl-42-pc { padding-left: 168px; } } .mt-43 { margin-top: 172px; } .mr-43 { margin-right: 172px; } .mb-43 { margin-bottom: 172px; } .ml-43 { margin-left: 172px; } .my-43 { margin-block: 172px; } .mx-43 { margin-inline: 172px; } .pt-43 { padding-top: 172px; } .pr-43 { padding-right: 172px; } .pb-43 { padding-bottom: 172px; } .pl-43 { padding-left: 172px; } @media screen and (min-width: 1025px) { .mt-43-pc { margin-top: 172px; } .m-r43-pc { margin-right: 172px; } .mb-43-pc { margin-bottom: 172px; } .ml-43-pc { margin-left: 172px; } .my-43-pc { margin-block: 172px; } .mx-43-pc { margin-inline: 172px; } .pt-43-pc { padding-top: 172px; } .pr-43-pc { padding-right: 172px; } .pb-43-pc { padding-bottom: 172px; } .pl-43-pc { padding-left: 172px; } } .mt-44 { margin-top: 176px; } .mr-44 { margin-right: 176px; } .mb-44 { margin-bottom: 176px; } .ml-44 { margin-left: 176px; } .my-44 { margin-block: 176px; } .mx-44 { margin-inline: 176px; } .pt-44 { padding-top: 176px; } .pr-44 { padding-right: 176px; } .pb-44 { padding-bottom: 176px; } .pl-44 { padding-left: 176px; } @media screen and (min-width: 1025px) { .mt-44-pc { margin-top: 176px; } .m-r44-pc { margin-right: 176px; } .mb-44-pc { margin-bottom: 176px; } .ml-44-pc { margin-left: 176px; } .my-44-pc { margin-block: 176px; } .mx-44-pc { margin-inline: 176px; } .pt-44-pc { padding-top: 176px; } .pr-44-pc { padding-right: 176px; } .pb-44-pc { padding-bottom: 176px; } .pl-44-pc { padding-left: 176px; } } .mt-45 { margin-top: 180px; } .mr-45 { margin-right: 180px; } .mb-45 { margin-bottom: 180px; } .ml-45 { margin-left: 180px; } .my-45 { margin-block: 180px; } .mx-45 { margin-inline: 180px; } .pt-45 { padding-top: 180px; } .pr-45 { padding-right: 180px; } .pb-45 { padding-bottom: 180px; } .pl-45 { padding-left: 180px; } @media screen and (min-width: 1025px) { .mt-45-pc { margin-top: 180px; } .m-r45-pc { margin-right: 180px; } .mb-45-pc { margin-bottom: 180px; } .ml-45-pc { margin-left: 180px; } .my-45-pc { margin-block: 180px; } .mx-45-pc { margin-inline: 180px; } .pt-45-pc { padding-top: 180px; } .pr-45-pc { padding-right: 180px; } .pb-45-pc { padding-bottom: 180px; } .pl-45-pc { padding-left: 180px; } } .mt-46 { margin-top: 184px; } .mr-46 { margin-right: 184px; } .mb-46 { margin-bottom: 184px; } .ml-46 { margin-left: 184px; } .my-46 { margin-block: 184px; } .mx-46 { margin-inline: 184px; } .pt-46 { padding-top: 184px; } .pr-46 { padding-right: 184px; } .pb-46 { padding-bottom: 184px; } .pl-46 { padding-left: 184px; } @media screen and (min-width: 1025px) { .mt-46-pc { margin-top: 184px; } .m-r46-pc { margin-right: 184px; } .mb-46-pc { margin-bottom: 184px; } .ml-46-pc { margin-left: 184px; } .my-46-pc { margin-block: 184px; } .mx-46-pc { margin-inline: 184px; } .pt-46-pc { padding-top: 184px; } .pr-46-pc { padding-right: 184px; } .pb-46-pc { padding-bottom: 184px; } .pl-46-pc { padding-left: 184px; } } .mt-47 { margin-top: 188px; } .mr-47 { margin-right: 188px; } .mb-47 { margin-bottom: 188px; } .ml-47 { margin-left: 188px; } .my-47 { margin-block: 188px; } .mx-47 { margin-inline: 188px; } .pt-47 { padding-top: 188px; } .pr-47 { padding-right: 188px; } .pb-47 { padding-bottom: 188px; } .pl-47 { padding-left: 188px; } @media screen and (min-width: 1025px) { .mt-47-pc { margin-top: 188px; } .m-r47-pc { margin-right: 188px; } .mb-47-pc { margin-bottom: 188px; } .ml-47-pc { margin-left: 188px; } .my-47-pc { margin-block: 188px; } .mx-47-pc { margin-inline: 188px; } .pt-47-pc { padding-top: 188px; } .pr-47-pc { padding-right: 188px; } .pb-47-pc { padding-bottom: 188px; } .pl-47-pc { padding-left: 188px; } } .mt-48 { margin-top: 192px; } .mr-48 { margin-right: 192px; } .mb-48 { margin-bottom: 192px; } .ml-48 { margin-left: 192px; } .my-48 { margin-block: 192px; } .mx-48 { margin-inline: 192px; } .pt-48 { padding-top: 192px; } .pr-48 { padding-right: 192px; } .pb-48 { padding-bottom: 192px; } .pl-48 { padding-left: 192px; } @media screen and (min-width: 1025px) { .mt-48-pc { margin-top: 192px; } .m-r48-pc { margin-right: 192px; } .mb-48-pc { margin-bottom: 192px; } .ml-48-pc { margin-left: 192px; } .my-48-pc { margin-block: 192px; } .mx-48-pc { margin-inline: 192px; } .pt-48-pc { padding-top: 192px; } .pr-48-pc { padding-right: 192px; } .pb-48-pc { padding-bottom: 192px; } .pl-48-pc { padding-left: 192px; } } .mt-49 { margin-top: 196px; } .mr-49 { margin-right: 196px; } .mb-49 { margin-bottom: 196px; } .ml-49 { margin-left: 196px; } .my-49 { margin-block: 196px; } .mx-49 { margin-inline: 196px; } .pt-49 { padding-top: 196px; } .pr-49 { padding-right: 196px; } .pb-49 { padding-bottom: 196px; } .pl-49 { padding-left: 196px; } @media screen and (min-width: 1025px) { .mt-49-pc { margin-top: 196px; } .m-r49-pc { margin-right: 196px; } .mb-49-pc { margin-bottom: 196px; } .ml-49-pc { margin-left: 196px; } .my-49-pc { margin-block: 196px; } .mx-49-pc { margin-inline: 196px; } .pt-49-pc { padding-top: 196px; } .pr-49-pc { padding-right: 196px; } .pb-49-pc { padding-bottom: 196px; } .pl-49-pc { padding-left: 196px; } } .mt-50 { margin-top: 200px; } .mr-50 { margin-right: 200px; } .mb-50 { margin-bottom: 200px; } .ml-50 { margin-left: 200px; } .my-50 { margin-block: 200px; } .mx-50 { margin-inline: 200px; } .pt-50 { padding-top: 200px; } .pr-50 { padding-right: 200px; } .pb-50 { padding-bottom: 200px; } .pl-50 { padding-left: 200px; } @media screen and (min-width: 1025px) { .mt-50-pc { margin-top: 200px; } .m-r50-pc { margin-right: 200px; } .mb-50-pc { margin-bottom: 200px; } .ml-50-pc { margin-left: 200px; } .my-50-pc { margin-block: 200px; } .mx-50-pc { margin-inline: 200px; } .pt-50-pc { padding-top: 200px; } .pr-50-pc { padding-right: 200px; } .pb-50-pc { padding-bottom: 200px; } .pl-50-pc { padding-left: 200px; } } .mt-51 { margin-top: 204px; } .mr-51 { margin-right: 204px; } .mb-51 { margin-bottom: 204px; } .ml-51 { margin-left: 204px; } .my-51 { margin-block: 204px; } .mx-51 { margin-inline: 204px; } .pt-51 { padding-top: 204px; } .pr-51 { padding-right: 204px; } .pb-51 { padding-bottom: 204px; } .pl-51 { padding-left: 204px; } @media screen and (min-width: 1025px) { .mt-51-pc { margin-top: 204px; } .m-r51-pc { margin-right: 204px; } .mb-51-pc { margin-bottom: 204px; } .ml-51-pc { margin-left: 204px; } .my-51-pc { margin-block: 204px; } .mx-51-pc { margin-inline: 204px; } .pt-51-pc { padding-top: 204px; } .pr-51-pc { padding-right: 204px; } .pb-51-pc { padding-bottom: 204px; } .pl-51-pc { padding-left: 204px; } } .mt-52 { margin-top: 208px; } .mr-52 { margin-right: 208px; } .mb-52 { margin-bottom: 208px; } .ml-52 { margin-left: 208px; } .my-52 { margin-block: 208px; } .mx-52 { margin-inline: 208px; } .pt-52 { padding-top: 208px; } .pr-52 { padding-right: 208px; } .pb-52 { padding-bottom: 208px; } .pl-52 { padding-left: 208px; } @media screen and (min-width: 1025px) { .mt-52-pc { margin-top: 208px; } .m-r52-pc { margin-right: 208px; } .mb-52-pc { margin-bottom: 208px; } .ml-52-pc { margin-left: 208px; } .my-52-pc { margin-block: 208px; } .mx-52-pc { margin-inline: 208px; } .pt-52-pc { padding-top: 208px; } .pr-52-pc { padding-right: 208px; } .pb-52-pc { padding-bottom: 208px; } .pl-52-pc { padding-left: 208px; } } .mt-53 { margin-top: 212px; } .mr-53 { margin-right: 212px; } .mb-53 { margin-bottom: 212px; } .ml-53 { margin-left: 212px; } .my-53 { margin-block: 212px; } .mx-53 { margin-inline: 212px; } .pt-53 { padding-top: 212px; } .pr-53 { padding-right: 212px; } .pb-53 { padding-bottom: 212px; } .pl-53 { padding-left: 212px; } @media screen and (min-width: 1025px) { .mt-53-pc { margin-top: 212px; } .m-r53-pc { margin-right: 212px; } .mb-53-pc { margin-bottom: 212px; } .ml-53-pc { margin-left: 212px; } .my-53-pc { margin-block: 212px; } .mx-53-pc { margin-inline: 212px; } .pt-53-pc { padding-top: 212px; } .pr-53-pc { padding-right: 212px; } .pb-53-pc { padding-bottom: 212px; } .pl-53-pc { padding-left: 212px; } } .mt-54 { margin-top: 216px; } .mr-54 { margin-right: 216px; } .mb-54 { margin-bottom: 216px; } .ml-54 { margin-left: 216px; } .my-54 { margin-block: 216px; } .mx-54 { margin-inline: 216px; } .pt-54 { padding-top: 216px; } .pr-54 { padding-right: 216px; } .pb-54 { padding-bottom: 216px; } .pl-54 { padding-left: 216px; } @media screen and (min-width: 1025px) { .mt-54-pc { margin-top: 216px; } .m-r54-pc { margin-right: 216px; } .mb-54-pc { margin-bottom: 216px; } .ml-54-pc { margin-left: 216px; } .my-54-pc { margin-block: 216px; } .mx-54-pc { margin-inline: 216px; } .pt-54-pc { padding-top: 216px; } .pr-54-pc { padding-right: 216px; } .pb-54-pc { padding-bottom: 216px; } .pl-54-pc { padding-left: 216px; } } .mt-55 { margin-top: 220px; } .mr-55 { margin-right: 220px; } .mb-55 { margin-bottom: 220px; } .ml-55 { margin-left: 220px; } .my-55 { margin-block: 220px; } .mx-55 { margin-inline: 220px; } .pt-55 { padding-top: 220px; } .pr-55 { padding-right: 220px; } .pb-55 { padding-bottom: 220px; } .pl-55 { padding-left: 220px; } @media screen and (min-width: 1025px) { .mt-55-pc { margin-top: 220px; } .m-r55-pc { margin-right: 220px; } .mb-55-pc { margin-bottom: 220px; } .ml-55-pc { margin-left: 220px; } .my-55-pc { margin-block: 220px; } .mx-55-pc { margin-inline: 220px; } .pt-55-pc { padding-top: 220px; } .pr-55-pc { padding-right: 220px; } .pb-55-pc { padding-bottom: 220px; } .pl-55-pc { padding-left: 220px; } } .mt-56 { margin-top: 224px; } .mr-56 { margin-right: 224px; } .mb-56 { margin-bottom: 224px; } .ml-56 { margin-left: 224px; } .my-56 { margin-block: 224px; } .mx-56 { margin-inline: 224px; } .pt-56 { padding-top: 224px; } .pr-56 { padding-right: 224px; } .pb-56 { padding-bottom: 224px; } .pl-56 { padding-left: 224px; } @media screen and (min-width: 1025px) { .mt-56-pc { margin-top: 224px; } .m-r56-pc { margin-right: 224px; } .mb-56-pc { margin-bottom: 224px; } .ml-56-pc { margin-left: 224px; } .my-56-pc { margin-block: 224px; } .mx-56-pc { margin-inline: 224px; } .pt-56-pc { padding-top: 224px; } .pr-56-pc { padding-right: 224px; } .pb-56-pc { padding-bottom: 224px; } .pl-56-pc { padding-left: 224px; } } .mt-57 { margin-top: 228px; } .mr-57 { margin-right: 228px; } .mb-57 { margin-bottom: 228px; } .ml-57 { margin-left: 228px; } .my-57 { margin-block: 228px; } .mx-57 { margin-inline: 228px; } .pt-57 { padding-top: 228px; } .pr-57 { padding-right: 228px; } .pb-57 { padding-bottom: 228px; } .pl-57 { padding-left: 228px; } @media screen and (min-width: 1025px) { .mt-57-pc { margin-top: 228px; } .m-r57-pc { margin-right: 228px; } .mb-57-pc { margin-bottom: 228px; } .ml-57-pc { margin-left: 228px; } .my-57-pc { margin-block: 228px; } .mx-57-pc { margin-inline: 228px; } .pt-57-pc { padding-top: 228px; } .pr-57-pc { padding-right: 228px; } .pb-57-pc { padding-bottom: 228px; } .pl-57-pc { padding-left: 228px; } } .mt-58 { margin-top: 232px; } .mr-58 { margin-right: 232px; } .mb-58 { margin-bottom: 232px; } .ml-58 { margin-left: 232px; } .my-58 { margin-block: 232px; } .mx-58 { margin-inline: 232px; } .pt-58 { padding-top: 232px; } .pr-58 { padding-right: 232px; } .pb-58 { padding-bottom: 232px; } .pl-58 { padding-left: 232px; } @media screen and (min-width: 1025px) { .mt-58-pc { margin-top: 232px; } .m-r58-pc { margin-right: 232px; } .mb-58-pc { margin-bottom: 232px; } .ml-58-pc { margin-left: 232px; } .my-58-pc { margin-block: 232px; } .mx-58-pc { margin-inline: 232px; } .pt-58-pc { padding-top: 232px; } .pr-58-pc { padding-right: 232px; } .pb-58-pc { padding-bottom: 232px; } .pl-58-pc { padding-left: 232px; } } .mt-59 { margin-top: 236px; } .mr-59 { margin-right: 236px; } .mb-59 { margin-bottom: 236px; } .ml-59 { margin-left: 236px; } .my-59 { margin-block: 236px; } .mx-59 { margin-inline: 236px; } .pt-59 { padding-top: 236px; } .pr-59 { padding-right: 236px; } .pb-59 { padding-bottom: 236px; } .pl-59 { padding-left: 236px; } @media screen and (min-width: 1025px) { .mt-59-pc { margin-top: 236px; } .m-r59-pc { margin-right: 236px; } .mb-59-pc { margin-bottom: 236px; } .ml-59-pc { margin-left: 236px; } .my-59-pc { margin-block: 236px; } .mx-59-pc { margin-inline: 236px; } .pt-59-pc { padding-top: 236px; } .pr-59-pc { padding-right: 236px; } .pb-59-pc { padding-bottom: 236px; } .pl-59-pc { padding-left: 236px; } } .mt-60 { margin-top: 240px; } .mr-60 { margin-right: 240px; } .mb-60 { margin-bottom: 240px; } .ml-60 { margin-left: 240px; } .my-60 { margin-block: 240px; } .mx-60 { margin-inline: 240px; } .pt-60 { padding-top: 240px; } .pr-60 { padding-right: 240px; } .pb-60 { padding-bottom: 240px; } .pl-60 { padding-left: 240px; } @media screen and (min-width: 1025px) { .mt-60-pc { margin-top: 240px; } .m-r60-pc { margin-right: 240px; } .mb-60-pc { margin-bottom: 240px; } .ml-60-pc { margin-left: 240px; } .my-60-pc { margin-block: 240px; } .mx-60-pc { margin-inline: 240px; } .pt-60-pc { padding-top: 240px; } .pr-60-pc { padding-right: 240px; } .pb-60-pc { padding-bottom: 240px; } .pl-60-pc { padding-left: 240px; } }