/*!******************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/pages/css/home.scss ***! \******************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Public+Sans:ital,wght@0,200;0,500;0,600;1,500&family=Inter:wght@400;500;600;700&display=swap); /*!**********************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/styles/pages/css/home.scss (1) ***! \**********************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*** The new CSS reset - version 1.8.3 (last updated 21.1.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 */ *:where(:not(html, iframe, canvas, img, svg, video, audio, sup, sub):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-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; appearance: revert; } /* preformatted text - use only for this feature */ pre { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* 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; } /* ==========================================================================// // // [デフォルトスタイル] // // ========================================================================== */ html { scroll-behavior: smooth; } html.is-open { scroll-behavior: unset; } body { display: flex; flex-direction: column; -moz-osx-font-smoothing: grayscale; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* Safari */ line-height: 1; font-size: 0.875rem; font-family: "Noto Sans JP", sans-serif; background: #fff; color: #000; } [lang=en] body { font-family: "Inter", sans-serif; } @media all and (min-width: 768px) { body { font-size: 1rem; } } body > * { flex-shrink: 0; } body.is-fixed { position: fixed; width: 100%; height: 100%; } li { list-style-type: none; } a, button { transition: opacity 0.2s; outline: none; cursor: pointer; } a { color: #333; text-decoration: none; } @media all and (min-width: 768px) { a[href^=tel] { pointer-events: none; cursor: default; } } img { vertical-align: top; } svg { display: inline-block; } table { width: 100%; border-spacing: 0; } [role=button], [type=button], [type=reset], [type=submit], button { cursor: pointer; } [disabled] { cursor: default; pointer-events: none; } [type=number] { width: auto; } [type=search] { appearance: textfield; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { appearance: none; } textarea { vertical-align: top; overflow: auto; resize: vertical; border-radius: 0; } optgroup { font-weight: 700; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: 0; padding: 0; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring { outline: 1px dotted ButtonText; } button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; } legend { border: none; color: inherit; display: table; max-width: 100%; white-space: normal; } ::-webkit-file-upload-button { appearance: button; font: inherit; } input, textarea, select { display: inline-block; width: 100%; padding: 0; border: none; background: #fff; } :placeholder-shown { color: #999; } ::placeholder { color: #999; } @media print { .lazyload { display: none !important; } } .l-wrapper { width: 100%; background-color: #f0f0f0; } @media all and (min-width: 768px) { .l-wrapper { min-width: 1366px; } } .TOP .l-wrapper, .TOP_en .l-wrapper { background-color: #fafafa; } @media all and (min-width: 768px) { .l-main { width: 100%; min-width: 1366px; overflow: hidden; } } .l-header__logo { position: fixed; top: 5.3333333333vw; left: 5.6vw; width: 10.6666666667vw; z-index: 10; } @media all and (min-width: 768px) { .l-header__logo { top: 20px; left: 29px; width: 43px; } .l-header__logo a { display: block; background: url("/assets/images/logo/logo_hover.svg") no-repeat center/contain; } .l-header__logo a:hover::after { opacity: 1; } .l-header__logo a:hover img { opacity: 0; } } .is-in .l-header__logo { filter: invert(1); } .l-header__logo img { width: 100%; height: auto; opacity: 1; transition: opacity 0.3s; } .l-header__button { position: fixed; top: 5.3333333333vw; right: 5.3333333333vw; width: 9.6vw; height: 9.3333333333vw; z-index: 10; } @media all and (min-width: 768px) { .l-header__button { top: 14px; right: 15px; width: 44px; height: 43px; overflow: hidden; } } @media all and (min-width: 768px) { .l-header__button::after { position: absolute; content: ""; top: 100%; left: 0; width: 100%; height: 100%; background: url("/assets/images/btn/btn_menu_l_hover.svg") no-repeat center/contain; } } @media all and (min-width: 768px) { .l-header__button:hover::after { top: 0; } .l-header__button:hover picture { display: none; } } .is-in .l-header__button { filter: invert(1); } .l-header__button img { width: 100%; height: auto; } .l-header__reserve { position: fixed; bottom: 0.8vw; right: 1.7333333333vw; width: 32.8vw; height: 32.8vw; z-index: 11; transition: 0.3s; } @media all and (min-width: 768px) { .l-header__reserve { bottom: 66px; right: 17.5px; width: 156px; height: 156px; background: url("/assets/images/btn/btn_reserve_hover.svg") no-repeat center/contain; } [lang=en] .l-header__reserve { background: url("/assets/images/btn/btn_reserve_en_hover.svg") no-repeat center/contain; } } @media all and (min-width: 768px) { .l-header__reserve:hover img { opacity: 0; } } .l-header__reserve img { width: 100%; height: auto; transition: opacity 0.3s; } .l-header__reserve.is-hidden { opacity: 0; pointer-events: none; } .l-header__visitor { position: fixed; bottom: 0; left: 5.3333333333vw; width: 26.6666666667vw; height: 10.2213333333vw; z-index: 11; transition: 0.3s; } @media all and (min-width: 768px) { .l-header__visitor { left: auto; right: 35px; width: 120px; height: 46px; background: url("/assets/images/btn/btn_visitor_hover.svg") no-repeat center/contain; } [lang=en] .l-header__visitor { background: url("/assets/images/btn/btn_visitor_en_hover.svg") no-repeat center/contain; } } @media all and (min-width: 768px) { .l-header__visitor:hover img { opacity: 0; } } .l-header__visitor img { width: 100%; height: auto; transition: opacity 0.3s; } .l-header__visitor.is-hidden { opacity: 0; pointer-events: none; } .l-header__language { position: fixed; top: 90px; right: 23px; display: block; width: 30px; height: 68px; z-index: 10; background: url("/assets/images/btn/btn_lang_ja_hover.svg") no-repeat top left; background-size: 100% auto; } [lang=en] .l-header__language { background: url("/assets/images/btn/btn_lang_en_hover.svg") no-repeat top left; } @media all and (max-width: 767px) { .l-header__language { display: none; } } .l-header__language img { width: 100%; height: auto; } .l-header__language:hover img { opacity: 0; } .l-header__nav { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #555; z-index: 101; opacity: 0; transition: opacity 0.3s; } .l-header__nav.is-active { opacity: 1; } .p-header-nav { padding: 5.3333333333vw; height: 100%; } @media all and (max-width: 767px) { .p-header-nav { display: flex; flex-direction: column; overflow-y: scroll; height: calc(var(--vh, 1vh) * 100); height: 100dvh; } } @media all and (min-width: 768px) { .p-header-nav { display: grid; place-items: center; color: #fff; } } @media all and (max-width: 767px) { .p-header-nav__header { position: relative; margin-bottom: 13.6533333333vw; } } @media all and (min-width: 768px) { .p-header-nav__header { position: fixed; } } @media all and (max-width: 767px) { .p-header-nav__logo { width: 11.5013333333vw; margin-left: 0.2666666667vw; } } @media all and (min-width: 768px) { .p-header-nav__logo { position: fixed; top: 20px; left: 29px; width: 43.13px; } } .p-header-nav__logo img { width: 100%; height: auto; } .p-header-nav__language { position: absolute; top: 0; right: 13.3333333333vw; display: block; width: 18.1333333333vw; height: 8vw; } @media all and (min-width: 768px) { .p-header-nav__language { position: fixed; top: 90px; right: 23px; width: 30px; height: 68px; background: url("/assets/images/btn/btn_lang_ja_hover.svg") no-repeat top left; background-size: 100% auto; } [lang=en] .p-header-nav__language { background: url("/assets/images/btn/btn_lang_en_hover.svg") no-repeat top left; } } .p-header-nav__language img { width: 100%; height: auto; } @media all and (min-width: 768px) { .p-header-nav__language:hover img { opacity: 0; } } .p-header-nav__close { position: absolute; top: 0; right: 0; width: 8vw; height: 8vw; background: url("/assets/images/btn/btn_close_w.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-header-nav__close { position: fixed; top: 20px; right: 22px; width: 30px; height: 30px; } } .p-header-nav__inner { display: grid; } @media all and (max-width: 767px) { .p-header-nav__inner { flex-grow: 1; grid-template-columns: 1fr 40vw; grid-template-rows: auto auto auto 1fr; grid-template-areas: "top facilities" "access facilities" "links contact" "links copyright"; } [lang=en] .p-header-nav__inner { grid-template-areas: "top facilities" "access facilities" "access contact" "links copyright"; } } @media all and (min-width: 768px) { .p-header-nav__inner { width: 966px; grid-template-columns: auto auto 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "top facilities contact" "top facilities access" "top facilities links"; } } .p-header-nav__top { grid-area: top; } @media all and (min-width: 768px) { .p-header-nav__top { margin-right: 67px; } } .p-header-nav__top li:not(:first-child) { margin-top: 4vw; } @media all and (min-width: 768px) { .p-header-nav__top li:not(:first-child) { margin-top: 19px; } } .p-header-nav__top a { display: block; height: 9.0666666667vw; overflow: hidden; text-indent: -100%; background-color: #fff; } @media all and (min-width: 768px) { .p-header-nav__top a { height: 56px; } } @media all and (min-width: 768px) { .p-header-nav__top a:hover { background-color: #ffbf86; } } .p-header-nav__top a.item00 { width: 17.0666666667vw; mask: url("/assets/images/menu/txt_top.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_top.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__top a.item00 { width: 105px; } } .p-header-nav__top a.item01 { width: 25.6vw; mask: url("/assets/images/menu/txt_news.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_news.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__top a.item01 { width: 159px; } } .p-header-nav__top a.item02 { width: 40.8vw; mask: url("/assets/images/menu/txt_concept.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_concept.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__top a.item02 { width: 252px; } } .p-header-nav__top a.item03 { width: 19.4666666667vw; mask: url("/assets/images/menu/txt_map.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_map.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__top a.item03 { width: 121px; } } .p-header-nav__top a.item04 { width: 44.5333333333vw; mask: url("/assets/images/menu/txt_activities.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_activities.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__top a.item04 { width: 276px; } } .p-header-nav__top a.item05 { width: 40.5333333333vw; mask: url("/assets/images/menu/txt_message.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_message.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__top a.item05 { width: 250px; } } .p-header-nav__top a.item06 { width: 38.9333333333vw; mask: url("/assets/images/menu/txt_project.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_project.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__top a.item06 { width: 240px; } } .p-header-nav__facilities { grid-area: facilities; } @media all and (max-width: 767px) { .p-header-nav__facilities { margin-top: 39.4666666667vw; } } @media all and (min-width: 768px) { .p-header-nav__facilities { width: 288px; margin-right: 80px; } } .p-header-nav__facilities p { height: 5.048vw; border-bottom: 0.4vw solid #fff; } @media all and (min-width: 768px) { .p-header-nav__facilities p { height: 30px; border-width: 2px; } } .p-header-nav__facilities p img { width: 17.4026666667vw; height: auto; } @media all and (min-width: 768px) { .p-header-nav__facilities p img { width: 98px; } } .p-header-nav__facilities ul { margin-top: 2.6666666667vw; } @media all and (min-width: 768px) { .p-header-nav__facilities ul { margin-top: 19px; } } @media all and (max-width: 767px) { .p-header-nav__facilities li { margin-right: -2.6666666667vw; } } .p-header-nav__facilities li:not(:first-child) { margin-top: 2.3466666667vw; } @media all and (min-width: 768px) { .p-header-nav__facilities li:not(:first-child) { margin-top: 9px; } } .p-header-nav__facilities li.item01 em, .p-header-nav__facilities li.item02 em, .p-header-nav__facilities li.item03 em, .p-header-nav__facilities li.item04 em { width: 7.4666666667vw; } @media all and (min-width: 768px) { .p-header-nav__facilities li.item01 em, .p-header-nav__facilities li.item02 em, .p-header-nav__facilities li.item03 em, .p-header-nav__facilities li.item04 em { width: 56px; } } .p-header-nav__facilities li.item01 em { mask: url("/assets/images/menu/txt_beta1.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta1.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-header-nav__facilities li.item02 em { mask: url("/assets/images/menu/txt_beta2.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta2.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-header-nav__facilities li.item03 em { mask: url("/assets/images/menu/txt_beta3.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta3.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-header-nav__facilities li.item04 em { mask: url("/assets/images/menu/txt_beta4.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta4.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-header-nav__facilities li.item05 em { width: 19.6533333333vw; mask: url("/assets/images/menu/txt_dome.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_dome.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__facilities li.item05 em { width: 150px; } } .p-header-nav__facilities li.item06 em { width: 20.4533333333vw; mask: url("/assets/images/menu/txt_studio.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_studio.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__facilities li.item06 em { width: 156px; } } .p-header-nav__facilities li.item07 em { width: 23.92vw; mask: url("/assets/images/menu/txt_pavilion.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_pavilion.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__facilities li.item07 em { width: 184px; } } .p-header-nav__facilities li.item07 span { letter-spacing: 0.05em; } .p-header-nav__facilities a { display: flex; align-items: flex-end; } .p-header-nav__facilities a em { display: block; height: 6.9333333333vw; margin-right: 1.52vw; overflow: hidden; text-indent: -100%; background-color: #fff; } @media all and (min-width: 768px) { .p-header-nav__facilities a em { height: 56px; margin-right: 15px; } } .p-header-nav__facilities a span { display: inline-block; padding-bottom: 0.8vw; color: #fff; font-size: 2.6666666667vw; font-weight: 500; line-height: 1.5; letter-spacing: 0.1em; } [lang=en] .p-header-nav__facilities a span { padding-bottom: 0.5333333333vw; letter-spacing: 0; } @media all and (min-width: 768px) { .p-header-nav__facilities a span { padding-bottom: 11px; font-size: 0.875rem; line-height: 1.4285714286; } [lang=en] .p-header-nav__facilities a span { padding-bottom: 12px; line-height: 1; } } @media all and (min-width: 768px) { .p-header-nav__facilities a:hover em { background-color: #88e8f0; } .p-header-nav__facilities a:hover span { color: #88e8f0; } } .p-header-nav__access { grid-area: access; } @media all and (max-width: 767px) { .p-header-nav__access { margin-top: 10.7466666667vw; } } @media all and (min-width: 768px) { .p-header-nav__access { margin-top: 59px; } [lang=en] .p-header-nav__access { margin-top: 41px; } } .p-header-nav__access > p img { width: 19vw; height: auto; } @media all and (min-width: 768px) { .p-header-nav__access > p img { width: 93.75px; } } .p-header-nav__access a { display: inline-block; margin-top: 2.08vw; color: #fff; font-size: 3.2vw; line-height: 1.5; } [lang=en] .p-header-nav__access a { letter-spacing: 0.01em; } @media all and (min-width: 768px) { .p-header-nav__access a { margin-top: 8.8px; font-size: 0.875rem; line-height: 1.4285714286; } } .p-header-nav__access a[target=_blank]::after { display: inline-block; content: ""; width: 2.6666666667vw; height: 2.6666666667vw; margin-left: 1.3333333333vw; background-color: #fff; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__access a[target=_blank]::after { width: 11px; height: 11px; margin-left: 10px; } } @media all and (min-width: 768px) { .p-header-nav__access a:hover { color: #d1a8ff; } .p-header-nav__access a:hover::after { background-color: #d1a8ff; } } .p-header-nav__contact { grid-area: contact; } @media all and (max-width: 767px) { .p-header-nav__contact { margin: 13.0933333333vw 0; } [lang=en] .p-header-nav__contact { margin-bottom: 9.76vw; } } .p-header-nav__contact > p { height: 4.6346666667vw; border-bottom: 0.4vw solid #fff; } @media all and (min-width: 768px) { .p-header-nav__contact > p { height: 30px; border-width: 2px; } } .p-header-nav__contact > p img { width: 16.4186666667vw; height: auto; } @media all and (min-width: 768px) { .p-header-nav__contact > p img { width: 92.35px; } } .p-header-nav__contact .-sp { margin-top: 4.1066666667vw; } @media all and (min-width: 768px) { .p-header-nav__contact .-sp { display: none; } } .p-header-nav__contact .-sp li { font-size: 2.9333333333vw; line-height: 1.5454545455; } .p-header-nav__contact .-sp li a { display: flex; align-items: center; color: #ffabf9; } [lang=en] .p-header-nav__contact .-sp li a { display: inline; } .p-header-nav__contact .-sp li a[target=_blank]::after { display: inline-block; content: ""; width: 2.5333333333vw; height: 2.5333333333vw; margin-left: 1.3333333333vw; background-color: #ffabf9; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-header-nav__contact .-sp li + li { margin-top: 2.08vw; } .p-header-nav__contact .-sp li + li a { color: #beff8a; } .p-header-nav__contact .-pc { margin-top: 24px; } [lang=en] .p-header-nav__contact .-pc { margin-top: 28px; } @media all and (max-width: 767px) { .p-header-nav__contact .-pc { display: none; } } .p-header-nav__contact .-pc > p { display: flex; flex-direction: column; } .p-header-nav__contact .-pc > p em { margin-bottom: 8px; display: block; color: #ffabf9; font-size: 0.75rem; font-weight: bold; line-height: 1.5; } [lang=en] .p-header-nav__contact .-pc > p em { margin-bottom: 11px; line-height: 1; } .p-header-nav__contact .-pc > p a { color: #f0f0f0; font-size: 0.875rem; font-weight: 500; line-height: 1.5; } [lang=en] .p-header-nav__contact .-pc > p a { line-height: 1.1428571429; } .p-header-nav__contact .-pc > p a[target=_blank]::after { display: inline-block; content: ""; width: 11px; height: 11px; margin-left: 10px; background-color: #f0f0f0; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__contact .-pc > p a:hover { color: #ffabf9; } .p-header-nav__contact .-pc > p a:hover::after { background-color: #ffabf9; } } .p-header-nav__contact .-pc > p + p { margin-top: 24px; } [lang=en] .p-header-nav__contact .-pc > p + p { margin-top: 29px; } .p-header-nav__contact .-pc > p + p em { color: #beff8a; } [lang=en] .p-header-nav__contact .-pc > p + p em { margin-bottom: 13.5px; } .p-header-nav__contact .-pc > p + p span { display: block; font-size: 0.875rem; font-weight: 500; line-height: 1.5; } [lang=en] .p-header-nav__contact .-pc > p + p span { font-size: 0.75rem; } .p-header-nav__contact .-pc > p + p a { margin-top: 6px; font-size: 0.875rem; font-weight: 500; line-height: 1.4285714286; pointer-events: none; } [lang=en] .p-header-nav__contact .-pc > p + p a { margin-top: 4px; font-size: 1rem; line-height: 1.5; } [lang=en] .p-header-nav__contact .-pc > p + p a + a { margin-top: 0; } .p-header-nav__links { grid-area: links; align-self: end; } @media all and (max-width: 767px) { .p-header-nav__links { margin-top: 7.6533333333vw; } [lang=en] .p-header-nav__links { margin-top: 0; } } @media all and (min-width: 768px) { .p-header-nav__links { padding-bottom: 18px; } } [lang=en] .p-header-nav__text-link li { margin-right: -26.6666666667vw; } @media all and (min-width: 768px) { .p-header-nav__text-link li + li { margin-top: 11px; } } .p-header-nav__text-link a { display: inline-block; color: #fff; font-size: 2.6666666667vw; line-height: 1.5; } [lang=en] .p-header-nav__text-link a { letter-spacing: 0.01em; } @media all and (min-width: 768px) { .p-header-nav__text-link a { font-size: 0.875rem; line-height: 1.4285714286; } } .p-header-nav__text-link a[target=_blank]::after { display: inline-block; content: ""; width: 2.1333333333vw; height: 2.1333333333vw; margin-left: 1.3333333333vw; background-color: #fff; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-header-nav__text-link a[target=_blank]::after { width: 11px; height: 11px; margin-left: 10px; } } @media all and (min-width: 768px) { .p-header-nav__text-link a:hover { color: #d1a8ff; } .p-header-nav__text-link a:hover::after { background-color: #d1a8ff; } } .p-header-nav__sns { display: flex; align-items: center; margin-top: 2.6666666667vw; } @media all and (min-width: 768px) { .p-header-nav__sns { margin-top: 23px; } } .p-header-nav__sns li:not(:first-child) { margin-left: 5.0666666667vw; } @media all and (min-width: 768px) { .p-header-nav__sns li:not(:first-child) { margin-left: 21.5px; } } .p-header-nav__sns li:first-child span { width: 5.8666666667vw; height: 5.8666666667vw; mask: url("/assets/images/btn/btn_facebook.svg") no-repeat center/contain; -webkit-mask: url("/assets/images/btn/btn_facebook.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-header-nav__sns li:first-child span { width: 28px; height: 28px; } } @media all and (min-width: 768px) { .p-header-nav__sns li:first-child a:hover span { background-color: #1877f2; } } .p-header-nav__sns li:nth-child(2) span { width: 5.7626666667vw; height: 4.8vw; mask: url("/assets/images/btn/btn_x.svg") no-repeat center/contain; -webkit-mask: url("/assets/images/btn/btn_x.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-header-nav__sns li:nth-child(2) span { width: 28px; height: 23px; } } @media all and (min-width: 768px) { .p-header-nav__sns li:nth-child(2) a:hover span { background-color: #000; } } .p-header-nav__sns li:last-child span { position: relative; width: 7.6186666667vw; background: url("/assets/images/btn/btn_youtube.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-header-nav__sns li:last-child span { width: 36px; } } .p-header-nav__sns li:last-child span::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: url("/assets/images/btn/btn_youtube_on.svg") no-repeat center/contain; opacity: 0; } @media all and (min-width: 768px) { .p-header-nav__sns li:last-child a:hover span { background: none; } .p-header-nav__sns li:last-child a:hover span::after { opacity: 1; } } .p-header-nav__sns span { display: block; height: 5.3333333333vw; background-color: #fff; text-indent: 100%; overflow: hidden; } @media all and (min-width: 768px) { .p-header-nav__sns span { height: 25px; } } .p-header-nav__copyright { color: #f0f0f0; font-size: 3.2vw; letter-spacing: 0.1em; text-align: right; } @media all and (max-width: 767px) { .p-header-nav__copyright { align-self: end; } } @media all and (min-width: 768px) { .p-header-nav__copyright { display: none; } } .l-footer { padding: 13.0666666667vw 5.3333333333vw 5.3333333333vw; background-color: #555555; color: #f0f0f0; } @media all and (min-width: 768px) { .l-footer { min-width: 1366px; padding: 48px 0 10px; } } @media all and (min-width: 768px) { .l-footer__inner { width: 1166px; margin-inline: auto; } } .l-footer__copyright { display: block; margin-top: 5.6vw; font-size: 3.2vw; font-weight: 500; line-height: 1.9166666667; letter-spacing: 0.1em; text-align: center; } @media all and (min-width: 768px) { .l-footer__copyright { margin-top: 44px; font-size: 0.75rem; } } .p-footer-nav { display: grid; } @media all and (max-width: 767px) { .p-footer-nav { grid-template-columns: 1fr 41.0666666667vw; grid-template-rows: auto auto auto auto; grid-template-areas: "top facilities" "top access" "contact contact" "links links"; } } @media all and (min-width: 768px) { .p-footer-nav { grid-template-columns: auto auto auto 1fr; grid-template-rows: auto 1fr; grid-template-areas: "top facilities contact access" "top facilities contact links"; } } .p-footer-nav__top { grid-area: top; } @media all and (min-width: 768px) { .p-footer-nav__top { display: flex; margin-right: 30px; } [lang=en] .p-footer-nav__top { margin-right: 70px; } } @media all and (max-width: 767px) { .p-footer-nav__top ul + ul { margin-top: 4.5333333333vw; } } @media all and (min-width: 768px) { .p-footer-nav__top ul + ul { margin-left: 30px; } } .p-footer-nav__top li:not(:first-child) { margin-top: 5.0666666667vw; } @media all and (min-width: 768px) { .p-footer-nav__top li:not(:first-child) { margin-top: 15px; } } .p-footer-nav__top a { display: block; height: 8vw; overflow: hidden; text-indent: -100%; background-color: #fff; } @media all and (min-width: 768px) { .p-footer-nav__top a { height: 27px; } } @media all and (min-width: 768px) { .p-footer-nav__top a:hover { background-color: #ffbf86; } } .p-footer-nav__top a.item00 { width: 14.9333333333vw; mask: url("/assets/images/menu/txt_top.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_top.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__top a.item00 { width: 50px; } } .p-footer-nav__top a.item01 { width: 22.6666666667vw; mask: url("/assets/images/menu/txt_news.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_news.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__top a.item01 { width: 76px; } } .p-footer-nav__top a.item02 { width: 36vw; mask: url("/assets/images/menu/txt_concept.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_concept.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__top a.item02 { width: 121px; } } .p-footer-nav__top a.item03 { width: 17.3333333333vw; mask: url("/assets/images/menu/txt_map.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_map.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__top a.item03 { width: 58px; } } .p-footer-nav__top a.item04 { width: 39.4666666667vw; mask: url("/assets/images/menu/txt_activities.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_activities.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__top a.item04 { width: 133px; } } .p-footer-nav__top a.item05 { width: 35.7333333333vw; mask: url("/assets/images/menu/txt_message.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_message.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__top a.item05 { width: 120px; } } .p-footer-nav__top a.item06 { width: 34.4vw; mask: url("/assets/images/menu/txt_project.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_project.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__top a.item06 { width: 116px; } } .p-footer-nav__facilities { grid-area: facilities; width: 41.0666666667vw; } @media all and (min-width: 768px) { .p-footer-nav__facilities { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; grid-template-areas: "heading heading" "list01 list02"; width: 344px; margin-right: 36px; } [lang=en] .p-footer-nav__facilities { width: 280px; margin-right: 50px; } } .p-footer-nav__facilities p { height: 5.048vw; border-bottom: 0.4vw solid #fff; } @media all and (min-width: 768px) { .p-footer-nav__facilities p { grid-area: heading; height: 26px; border-width: 2px; } } .p-footer-nav__facilities p img { width: 17.4026666667vw; height: auto; } @media all and (min-width: 768px) { .p-footer-nav__facilities p img { width: 73.42px; } } @media all and (max-width: 767px) { .p-footer-nav__facilities p + ul { margin-top: 2.6666666667vw; } } @media all and (min-width: 768px) { .p-footer-nav__facilities ul { grid-area: list01; margin-top: 20px; } } @media all and (max-width: 767px) { .p-footer-nav__facilities ul + ul { margin-top: 2.3466666667vw; } } @media all and (min-width: 768px) { .p-footer-nav__facilities ul + ul { grid-area: list02; margin-left: 26px; } [lang=en] .p-footer-nav__facilities ul + ul { margin-left: 35px; } } @media all and (max-width: 767px) { .p-footer-nav__facilities li { margin-right: -2.6666666667vw; } } .p-footer-nav__facilities li:not(:first-child) { margin-top: 2.3466666667vw; } @media all and (min-width: 768px) { .p-footer-nav__facilities li:not(:first-child) { margin-top: 6px; } } .p-footer-nav__facilities li.item01 em, .p-footer-nav__facilities li.item02 em, .p-footer-nav__facilities li.item03 em, .p-footer-nav__facilities li.item04 em { width: 7.4666666667vw; } @media all and (min-width: 768px) { .p-footer-nav__facilities li.item01 em, .p-footer-nav__facilities li.item02 em, .p-footer-nav__facilities li.item03 em, .p-footer-nav__facilities li.item04 em { width: 29px; } } .p-footer-nav__facilities li.item01 em { mask: url("/assets/images/menu/txt_beta1.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta1.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-footer-nav__facilities li.item02 em { mask: url("/assets/images/menu/txt_beta2.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta2.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-footer-nav__facilities li.item03 em { mask: url("/assets/images/menu/txt_beta3.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta3.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-footer-nav__facilities li.item04 em { mask: url("/assets/images/menu/txt_beta4.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_beta4.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } .p-footer-nav__facilities li.item05 em { width: 19.6533333333vw; mask: url("/assets/images/menu/txt_dome.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_dome.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__facilities li.item05 em { width: 76px; } } .p-footer-nav__facilities li.item06 em { width: 20.4533333333vw; mask: url("/assets/images/menu/txt_studio.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_studio.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__facilities li.item06 em { width: 79px; } } .p-footer-nav__facilities li.item07 em { width: 23.92vw; mask: url("/assets/images/menu/txt_pavilion.svg") no-repeat left top; -webkit-mask: url("/assets/images/menu/txt_pavilion.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { .p-footer-nav__facilities li.item07 em { width: 93px; } } .p-footer-nav__facilities a { display: flex; align-items: flex-end; } .p-footer-nav__facilities a em { display: block; height: 6.9333333333vw; margin-right: 1.52vw; overflow: hidden; text-indent: -100%; background-color: #fff; } @media all and (min-width: 768px) { .p-footer-nav__facilities a em { height: 27px; margin-right: 5px; } } .p-footer-nav__facilities a span { display: inline-block; padding-bottom: 0.8vw; color: #fff; font-size: 2.6666666667vw; font-weight: 500; line-height: 1.5; letter-spacing: 0.1em; } [lang=en] .p-footer-nav__facilities a span { padding-bottom: 1.3333333333vw; line-height: 1; letter-spacing: 0; } @media all and (min-width: 768px) { .p-footer-nav__facilities a span { padding-bottom: 3px; font-size: 0.6875rem; line-height: 1.5454545455; } [lang=en] .p-footer-nav__facilities a span { padding-bottom: 5px; line-height: 1; } } @media all and (min-width: 768px) { .p-footer-nav__facilities a:hover em { background-color: #88e8f0; } .p-footer-nav__facilities a:hover span { color: #88e8f0; } } .p-footer-nav__access { grid-area: access; } @media all and (max-width: 767px) { .p-footer-nav__access { margin: 12.48vw -5.3333333333vw 0 0; } [lang=en] .p-footer-nav__access { margin-top: 12vw; } } @media all and (min-width: 768px) { .p-footer-nav__access { width: 208px; } } .p-footer-nav__access > p { font-size: 1px; } .p-footer-nav__access > p img { width: 19vw; height: auto; } @media all and (min-width: 768px) { .p-footer-nav__access > p img { width: 71.25px; } } .p-footer-nav__access a { display: inline-block; margin-top: 2.08vw; color: #fff; font-size: 3.2vw; line-height: 1.5; } [lang=en] .p-footer-nav__access a { margin-top: 1.4666666667vw; letter-spacing: -0.03em; } @media all and (min-width: 768px) { .p-footer-nav__access a { margin-top: 7.8px; font-size: 0.75rem; } [lang=en] .p-footer-nav__access a { margin-top: 9.8px; letter-spacing: 0.01em; } } .p-footer-nav__access a[target=_blank]::after { display: inline-block; content: ""; width: 2.6666666667vw; height: 2.6666666667vw; margin-left: 1.3333333333vw; background-color: #fff; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } [lang=en] .p-footer-nav__access a[target=_blank]::after { margin-left: 2.6666666667vw; } @media all and (min-width: 768px) { .p-footer-nav__access a[target=_blank]::after { width: 10px; height: 10px; margin-left: 5px; } [lang=en] .p-footer-nav__access a[target=_blank]::after { margin-left: 10px; } } @media all and (min-width: 768px) { .p-footer-nav__access a:hover { color: #d1a8ff; } .p-footer-nav__access a:hover::after { background-color: #d1a8ff; } } .p-footer-nav__contact { grid-area: contact; } @media all and (max-width: 767px) { .p-footer-nav__contact { margin-top: 3.3333333333vw; } [lang=en] .p-footer-nav__contact { margin-top: 4.6666666667vw; } } @media all and (min-width: 768px) { .p-footer-nav__contact { width: 225px; margin-right: 50px; } } .p-footer-nav__contact > p { height: 4.6346666667vw; border-bottom: 0.4vw solid #fff; } @media all and (max-width: 767px) { .p-footer-nav__contact > p { width: 42.6666666667vw; } [lang=en] .p-footer-nav__contact > p { width: auto; } } @media all and (min-width: 768px) { .p-footer-nav__contact > p { height: 26px; border-width: 2px; } } .p-footer-nav__contact > p img { width: 16.4186666667vw; height: auto; } @media all and (min-width: 768px) { .p-footer-nav__contact > p img { width: 69.26px; } } .p-footer-nav__contact .-sp { margin-top: 3.84vw; } @media all and (min-width: 768px) { .p-footer-nav__contact .-sp { display: none; } } .p-footer-nav__contact .-sp li { font-size: 3.2vw; line-height: 1.5; } [lang=en] .p-footer-nav__contact .-sp li { font-size: 3.7333333333vw; line-height: 1.1428571429; letter-spacing: -0.03em; } .p-footer-nav__contact .-sp li a { display: inline-flex; align-items: center; color: #ffabf9; } .p-footer-nav__contact .-sp li a[target=_blank]::after { display: inline-block; content: ""; width: 3.2vw; height: 3.2vw; margin-left: 1.3333333333vw; background-color: #ffabf9; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } [lang=en] .p-footer-nav__contact .-sp li a[target=_blank]::after { margin-left: 5.7066666667vw; } .p-footer-nav__contact .-sp li + li { margin-top: 1.92vw; } [lang=en] .p-footer-nav__contact .-sp li + li { margin-top: 2.6666666667vw; } .p-footer-nav__contact .-sp li + li a { color: #beff8a; } .p-footer-nav__contact .-pc { margin-top: 24px; } [lang=en] .p-footer-nav__contact .-pc { margin-top: 29px; } @media all and (max-width: 767px) { .p-footer-nav__contact .-pc { display: none; } } .p-footer-nav__contact .-pc > p { display: flex; flex-direction: column; } .p-footer-nav__contact .-pc > p em { margin-bottom: 6px; display: block; color: #ffabf9; font-size: 0.75rem; font-weight: 300; line-height: 1.5; } [lang=en] .p-footer-nav__contact .-pc > p em { margin-bottom: 9px; line-height: 1; } .p-footer-nav__contact .-pc > p a { color: #f0f0f0; font-size: 0.75rem; font-weight: 500; line-height: 1.5; } .p-footer-nav__contact .-pc > p a[target=_blank]::after { display: inline-block; content: ""; width: 11px; height: 11px; margin-left: 5px; background-color: #f0f0f0; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } @media all and (min-width: 768px) { [lang=en] .p-footer-nav__contact .-pc > p a[target=_blank]::after { margin-left: 10px; } } @media all and (min-width: 768px) { .p-footer-nav__contact .-pc > p a:hover { color: #ffabf9; } .p-footer-nav__contact .-pc > p a:hover::after { background-color: #ffabf9; } } .p-footer-nav__contact .-pc > p + p { margin-top: 21px; } [lang=en] .p-footer-nav__contact .-pc > p + p { margin-top: 26px; } .p-footer-nav__contact .-pc > p + p em { color: #beff8a; } .p-footer-nav__contact .-pc > p + p span { display: block; font-weight: 500; font-size: 0.75rem; font-weight: 500; line-height: 1.5; } [lang=en] .p-footer-nav__contact .-pc > p + p span { font-size: 0.625rem; line-height: 1.6; letter-spacing: 0.01em; } .p-footer-nav__contact .-pc > p + p a { margin-top: 4px; font-size: 0.9375rem; font-weight: 500; line-height: 1.6; pointer-events: none; } [lang=en] .p-footer-nav__contact .-pc > p + p a { line-height: 1.4; letter-spacing: -0.02em; } .p-footer-nav__links { grid-area: links; margin-top: 7.6533333333vw; } [lang=en] .p-footer-nav__links { margin-top: 8.64vw; } @media all and (min-width: 768px) { .p-footer-nav__links { margin-top: 65px; } [lang=en] .p-footer-nav__links { margin-top: 50px; } } [lang=en] .p-footer-nav__text-link li + li { margin-top: 0.8vw; } @media all and (min-width: 768px) { .p-footer-nav__text-link li + li { margin-top: 10px; } } .p-footer-nav__text-link a { display: inline-block; color: #fff; font-size: 2.6666666667vw; line-height: 1.5; } [lang=en] .p-footer-nav__text-link a { line-height: 1.2; letter-spacing: -0.03em; } @media all and (min-width: 768px) { .p-footer-nav__text-link a { font-size: 0.75rem; } [lang=en] .p-footer-nav__text-link a { line-height: 1.5; } } .p-footer-nav__text-link a[target=_blank]::after { display: inline-block; content: ""; width: 2.1333333333vw; height: 2.1333333333vw; margin-left: 1.3333333333vw; background-color: #fff; mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; -webkit-mask: url("/assets/images/ico/ico_blank.svg") no-repeat left top; mask-size: auto 100%; -webkit-mask-size: auto 100%; } [lang=en] .p-footer-nav__text-link a[target=_blank]::after { margin-left: 2.6666666667vw; } @media all and (min-width: 768px) { .p-footer-nav__text-link a[target=_blank]::after { width: 10px; height: 10px; margin-left: 5px; } [lang=en] .p-footer-nav__text-link a[target=_blank]::after { margin-left: 10px; } } @media all and (min-width: 768px) { .p-footer-nav__text-link a:hover { color: #d1a8ff; } .p-footer-nav__text-link a:hover::after { background-color: #d1a8ff; } } .p-footer-nav__sns { display: flex; align-items: center; margin-top: 2.6666666667vw; } @media all and (min-width: 768px) { .p-footer-nav__sns { margin-top: 23px; } } .p-footer-nav__sns li:not(:first-child) { margin-left: 5.0666666667vw; } @media all and (min-width: 768px) { .p-footer-nav__sns li:not(:first-child) { margin-left: 19px; } } .p-footer-nav__sns li:first-child span { width: 5.8666666667vw; height: 5.8666666667vw; mask: url("/assets/images/btn/btn_facebook.svg") no-repeat center/contain; -webkit-mask: url("/assets/images/btn/btn_facebook.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-footer-nav__sns li:first-child span { width: 28px; height: 28px; } } @media all and (min-width: 768px) { .p-footer-nav__sns li:first-child a:hover span { background-color: #1877f2; } } .p-footer-nav__sns li:nth-child(2) span { width: 5.7626666667vw; height: 4.8vw; mask: url("/assets/images/btn/btn_x.svg") no-repeat center/contain; -webkit-mask: url("/assets/images/btn/btn_x.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-footer-nav__sns li:nth-child(2) span { width: 28px; height: 23px; } } @media all and (min-width: 768px) { .p-footer-nav__sns li:nth-child(2) a:hover span { background-color: #000; } } .p-footer-nav__sns li:last-child span { position: relative; width: 7.6186666667vw; background: url("/assets/images/btn/btn_youtube.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-footer-nav__sns li:last-child span { width: 36px; } } .p-footer-nav__sns li:last-child span::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: url("/assets/images/btn/btn_youtube_on.svg") no-repeat center/contain; opacity: 0; } @media all and (min-width: 768px) { .p-footer-nav__sns li:last-child a:hover span { background: none; } .p-footer-nav__sns li:last-child a:hover span::after { opacity: 1; } } .p-footer-nav__sns span { display: block; height: 5.3333333333vw; background-color: #fff; text-indent: 100%; overflow: hidden; } @media all and (min-width: 768px) { .p-footer-nav__sns span { height: 25px; } } .lazyload { opacity: 0; } .lazyloaded, .lazyloading { opacity: 1; transition: opacity 0.2s ease-out; } /** * Swiper 9.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 16, 2023 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev * * Copyright (c) 2022 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*=Out] { opacity: 0; } } /* Attention seekers */ @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @media all and (max-width: 767px) { .u-dn-md--down { display: none !important; } } @media all and (max-width: 767px) { .u-db-md--down { display: block !important; } } @media all and (max-width: 767px) { .u-di-md--down { display: inline !important; } } @media all and (max-width: 767px) { .u-dib-md--down { display: inline-block !important; } } .u-dn { display: none !important; } @media all and (min-width: 768px) { .u-dn-md { display: none !important; } } .u-db { display: block !important; } @media all and (min-width: 768px) { .u-db-md { display: block !important; } } .u-di { display: inline !important; } @media all and (min-width: 768px) { .u-di-md { display: inline !important; } } .u-dib { display: inline-block !important; } @media all and (min-width: 768px) { .u-dib-md { display: inline-block !important; } } .p-top-mv { position: relative; height: 100vh; background: url("/assets/images/bg/bg_mv.webp") no-repeat center/cover; } @media all and (min-width: 768px) { .p-top-mv { min-width: 1366px; background: url("/assets/images/bg/bg_mv_l.webp") no-repeat center/cover; } } .p-top-mv__heading { position: absolute; top: 50%; left: 24.6133333333vw; transform: translateY(-62%); width: 51.3466666667vw; height: auto; } @media all and (min-width: 768px) { .p-top-mv__heading { top: 50%; left: 50%; transform: translate(-50%, -49.5%); width: 297px; } } .p-top-news { padding: 10.6666666667vw 0 18.6666666667vw; margin-inline: 5.3333333333vw; } @media all and (min-width: 768px) { .p-top-news { display: grid; place-items: center; padding: 88px 0 80px; margin: 0; } } @media all and (min-width: 768px) { .p-top-news__inner { display: flex; align-items: flex-start; justify-content: space-between; width: 1086px; } } @media all and (max-width: 767px) { .p-top-news__heading { display: grid; place-items: center; } } .p-top-news__heading img { width: 24.2666666667vw; height: auto; } @media all and (min-width: 768px) { .p-top-news__heading img { width: 91px; margin-left: 6px; } } .p-top-news__articles { border-top: 1px solid #707070; } @media all and (max-width: 767px) { .p-top-news__articles { margin-top: 5.3333333333vw; } } @media all and (min-width: 768px) { .p-top-news__articles { width: 926px; } } .p-top-news__articles article { padding: 12px 0; border-bottom: 1px solid #707070; letter-spacing: 0.1em; } @media all and (min-width: 768px) { .p-top-news__articles article { display: flex; align-items: flex-start; padding: 16px 47px; } } .p-top-news__articles time { font-family: "Public Sans"; font-weight: 600; line-height: 1.1875; } [lang=en] .p-top-news__articles time { font-size: 4.2666666667vw; } @media all and (min-width: 768px) { .p-top-news__articles time { width: 163px; margin-top: 4px; } [lang=en] .p-top-news__articles time { font-size: 1rem; } } .p-top-news__articles p { line-height: 1.5; } [lang=en] .p-top-news__articles p { letter-spacing: 0.05em; } @media all and (max-width: 767px) { .p-top-news__articles p { margin-top: 6px; } } .p-top-concept { overflow: hidden; } .p-top-concept__inner { position: relative; } @media all and (max-width: 767px) { .p-top-concept__inner { margin-inline: 5.3333333333vw; padding: 78.4vw 0 123.7333333333vw; } } @media all and (min-width: 768px) { .p-top-concept__inner { display: flex; align-items: center; flex-direction: column; height: 1074px; padding: 117.5px 0 172px; } } .p-top-concept__heading img { width: 61.8666666667vw; height: auto; } @media all and (min-width: 768px) { .p-top-concept__heading img { width: 488px; } } .p-top-concept__subheading { margin-top: 3.92vw; font-size: 5.3333333333vw; line-height: 1.45; letter-spacing: 0.15em; } [lang=en] .p-top-concept__subheading { margin-top: 5.4933333333vw; font-size: 4.2666666667vw; line-height: 1.5; letter-spacing: 0; } @media all and (min-width: 768px) { .p-top-concept__subheading { margin-top: 17.4px; font-size: 1.5rem; line-height: 1.5; } [lang=en] .p-top-concept__subheading { margin-top: 18px; font-size: 1.625rem; line-height: 1.4615384615; text-align: center; } .p-top-concept__subheading br { display: none; } [lang=en] .p-top-concept__subheading br { display: inline; } } .p-top-concept__text { margin-top: 6.4vw; font-size: 3.2vw; line-height: 2.4166666667; letter-spacing: 0.15em; } [lang=en] .p-top-concept__text { font-size: 3.7333333333vw; line-height: 1.7142857143; letter-spacing: 0.05em; } @media all and (min-width: 768px) { .p-top-concept__text { margin-top: 64px; font-size: 1rem; line-height: 3.25; text-align: center; } [lang=en] .p-top-concept__text { margin-top: 44px; font-size: 1rem; line-height: 2.625; } } .p-top-concept__photos { position: absolute; } .p-top-concept__photos:nth-of-type(1) { top: 0; left: -6.88vw; width: 116vw; height: 97.8666666667vw; } @media all and (min-width: 768px) { .p-top-concept__photos:nth-of-type(1) { left: auto; right: calc(50% + 273px); width: 902px; height: 1032px; } } .p-top-concept__photos:nth-of-type(2) { bottom: 0; left: -6.7173333333vw; width: 106.6666666667vw; height: 117.0666666667vw; } @media all and (min-width: 768px) { .p-top-concept__photos:nth-of-type(2) { bottom: auto; left: calc(50% + 250px); top: 29px; width: 933px; height: 1045px; } } .p-top-concept__photos picture { display: block; width: 100%; height: 100%; } .p-top-concept__photos picture img { width: 100%; height: auto; } .p-top-concept__picture { display: block; margin-top: 23.3066666667vw; } @media all and (min-width: 768px) { .p-top-concept__picture { margin-top: 26px; } } .p-top-concept__picture img { width: 100%; height: auto; } .p-top-map { position: relative; padding: 26.6666666667vw 0 30.9866666667vw; background-color: #f0f0f0; } @media all and (min-width: 768px) { .p-top-map { height: 968px; padding: 522px 0 0 0; } } @media all and (max-width: 767px) { .p-top-map__inner { margin-inline: 5.3333333333vw; } } @media all and (min-width: 768px) { .p-top-map__inner { width: 1166px; margin-inline: auto; } } .p-top-map__heading img { width: 86.824vw; height: auto; } @media all and (min-width: 768px) { .p-top-map__heading img { width: 264.25px; } } .p-top-map__subheading { margin-top: 1.8666666667vw; font-size: 4.2666666667vw; font-weight: 500; letter-spacing: 0.15em; line-height: 1.5; text-align: center; } @media all and (min-width: 768px) { .p-top-map__subheading { margin: -40px 0 0 165px; font-size: 1.125rem; text-align: left; } } .p-top-map__text { margin-top: 3.6533333333vw; font-size: 3.7333333333vw; line-height: 1.9285714286; letter-spacing: 0.05em; } [lang=en] .p-top-map__text { margin-top: 7.6533333333vw; line-height: 1.7142857143; } @media all and (min-width: 768px) { .p-top-map__text { margin-top: 30px; font-size: 1rem; line-height: 2; } [lang=en] .p-top-map__text { margin-top: 24px; line-height: 1.75; letter-spacing: 0.03em; } } @media all and (max-width: 767px) { .p-top-map__text br { display: none !important; } } @media all and (max-width: 767px) { .p-top-map__map { position: relative; width: 87.2vw; height: 142.4vw; left: 10.1333333333vw; margin-top: 4.8vw; background: url("/assets/images/img_map.svg") no-repeat center/contain; } } @media all and (min-width: 768px) { .p-top-map__map { position: absolute; top: 136px; left: calc(50% - 403px); width: 1052px; height: 644px; background: url("/assets/images/img_map_l.svg") no-repeat center/contain; } } .p-top-map__access { position: absolute; left: -4.8vw; bottom: 6.08vw; width: 27.5733333333vw; height: 11.8106666667vw; } @media all and (min-width: 768px) { .p-top-map__access { top: -10px; left: auto; right: 65px; width: 293px; height: 64px; } } @media all and (min-width: 768px) { .p-top-map__access img { position: absolute; top: 0; left: 0; width: 293px; height: 51px; } .p-top-map__access::before { position: absolute; top: 0; left: 0; content: ""; width: 293px; height: 64px; background: url("/assets/images/img_access_l_hover.svg") no-repeat left top; background-size: 293px 51px; opacity: 0; transition: opacity 0.3s; } .p-top-map__access:hover:before { opacity: 1; } } .p-top-map__access span { position: absolute; left: 0; bottom: 0; font-size: 3.2vw; font-weight: 500; line-height: 1.5; } @media all and (min-width: 768px) { .p-top-map__access span { display: none; left: 101px; font-size: 0.875rem; line-height: 1.4285714286; } } @media all and (min-width: 768px) { .p-top-map__access:hover span { display: block; } } @media all and (min-width: 768px) { .p-top-map__access.-sp { display: none; } } @media all and (max-width: 767px) { .p-top-map__access.-pc { display: none; } } .p-top-map__link { display: block; position: absolute; } .p-top-map__link img { opacity: 0; transition: opacity 0.3s; } @media all and (max-width: 767px) { .p-top-map__link img { display: none; } } @media all and (min-width: 768px) { .p-top-map__link:hover img { opacity: 1; } } .p-top-map__link.-link01 { top: 25px; left: 233px; width: 371px; height: 279px; } @media all and (max-width: 767px) { .p-top-map__link.-link01 { top: 31.4666666667vw; left: 50.1333333333vw; width: 33.6vw; height: 50.1333333333vw; } } .p-top-map__link.-link02 { top: 480px; left: 255px; width: 334px; height: 136px; } @media all and (max-width: 767px) { .p-top-map__link.-link02 { top: 34.4vw; left: 4vw; width: 18.4vw; height: 45.3333333333vw; } } .p-top-map__link.-link03 { top: 243px; right: 16px; width: 175px; height: 236px; } @media all and (max-width: 767px) { .p-top-map__link.-link03 { top: 116.2666666667vw; right: auto; left: 22.4vw; width: 32vw; height: 23.7333333333vw; } } .p-top-map__link.-link04 { top: 462px; right: 228px; width: 186px; height: 143px; } @media all and (max-width: 767px) { .p-top-map__link.-link04 { top: 86.1333333333vw; right: auto; left: 5.3333333333vw; width: 18.9333333333vw; height: 24.5333333333vw; } } .p-top-map__link.-link05 { top: 254px; left: 261px; width: 182px; height: 182px; } @media all and (max-width: 767px) { .p-top-map__link.-link05 { top: 35.2vw; left: 28.2666666667vw; width: 24.8vw; height: 24.8vw; border-radius: 50%; overflow: hidden; } } .p-top-map__link.-link06 { top: 178px; left: 0; width: 175px; height: 175px; } @media all and (max-width: 767px) { .p-top-map__link.-link06 { top: 0; left: 39.4666666667vw; width: 23.7333333333vw; height: 23.7333333333vw; } } .p-top-map__link.-link07 { top: 164px; right: 305px; width: 138px; height: 157px; } @media all and (max-width: 767px) { .p-top-map__link.-link07 { top: 82.1333333333vw; right: auto; left: 43.7333333333vw; width: 21.3333333333vw; height: 18.9333333333vw; } } .p-top-activities { position: relative; height: 358.1333333333vw; background: #1a1a1a url("/assets/images/bg/bg_spend.webp") no-repeat top left; background-size: 100% auto; color: #f0f0f0; } @media all and (min-width: 768px) { .p-top-activities { height: 1148px; background: #1a1a1a url("/assets/images/bg/bg_spend_l@2x.webp") no-repeat top center; background-size: 1920px 1110px; } } .p-top-activities__inner { padding: 79.7333333333vw 5.3333333333vw 0; } @media all and (min-width: 768px) { .p-top-activities__inner { padding: 231px 0 0 calc(50% + 57px); } } .p-top-activities__heading img { width: 64.8586666667vw; height: auto; } @media all and (min-width: 768px) { .p-top-activities__heading img { width: 364.82px; } } .p-top-activities__subheading { margin-top: 1.8666666667vw; font-size: 4.2666666667vw; font-weight: 500; line-height: 1.5; letter-spacing: 0.1em; } [lang=en] .p-top-activities__subheading { margin-top: 4.9333333333vw; letter-spacing: 0; } @media all and (min-width: 768px) { .p-top-activities__subheading { margin-top: 11px; font-size: 1.25rem; line-height: 1.45; letter-spacing: 0.15em; } [lang=en] .p-top-activities__subheading { margin-top: 18px; line-height: 1.35; letter-spacing: -0.03em; } } .p-top-activities__text { width: 70.6666666667vw; margin-top: 7.2vw; font-size: 3.2vw; line-height: 2.4166666667; letter-spacing: 0.15em; } [lang=en] .p-top-activities__text { width: 80vw; font-size: 3.7333333333vw; line-height: 1.7142857143; letter-spacing: 0.05em; } @media all and (min-width: 768px) { .p-top-activities__text { width: 498px; margin-top: 30px; font-size: 1rem; line-height: 2; letter-spacing: 0.05em; } [lang=en] .p-top-activities__text { width: 422px; margin-top: 29px; font-size: 1rem; line-height: 1.75; letter-spacing: 0.03em; } } @media all and (max-width: 767px) { .p-top-activities__text br { display: none; } } @media all and (max-width: 767px) { .p-top-activities__slider { position: relative; margin: 74.6666666667vw 5.3333333333vw 0; } } @media all and (min-width: 768px) { .p-top-activities__slider { position: absolute; top: 796px; left: 50%; transform: translateX(-50%); width: 1166px; } } .p-top-activities__slider h2 { position: relative; margin-bottom: -4vw; z-index: 10; } @media all and (min-width: 768px) { .p-top-activities__slider h2 { margin-bottom: -21px; } } .p-top-activities__slider h2 img { width: 41.6773333333vw; height: auto; } @media all and (min-width: 768px) { .p-top-activities__slider h2 img { width: 209px; } } @media all and (min-width: 768px) { .swiper { width: 1008px; } } .swiper-slide { display: flex; align-items: center; flex-direction: column; color: #bebebe; } .swiper-slide picture { width: 62.4vw; aspect-ratio: 202/158; } @media all and (min-width: 768px) { .swiper-slide picture { width: 202px; height: 158px; } } .swiper-slide picture img { width: 100%; height: auto; } .swiper-slide time { width: 75.7333333333vw; margin-top: -3.2vw; font-size: 9.0666666667vw; font-family: "Public Sans"; font-weight: 500; font-style: italic; line-height: 1.1764705882; } @media all and (min-width: 768px) { .swiper-slide time { width: 230px; margin-top: -12px; font-size: 1.5rem; line-height: 1.1666666667; } } .swiper-slide p { width: 75.7333333333vw; margin-top: -0.5333333333vw; font-size: 5.3333333333vw; line-height: 1.35; letter-spacing: 0.03em; } [lang=en] .swiper-slide p { margin-top: 1.8666666667vw; font-size: 4.8vw; line-height: 1.3333333333; letter-spacing: -0.03em; } @media all and (min-width: 768px) { .swiper-slide p { width: 230px; margin-top: 5px; font-size: 0.9375rem; line-height: 1.4666666667; } [lang=en] .swiper-slide p { margin-top: 9px; font-size: 0.9375rem; line-height: 1.4; letter-spacing: -0.03em; } } .swiper-button-prev, .swiper-button-next { position: absolute; top: 26.1333333333vw; width: 9.6vw; height: 9.6vw; z-index: 10; } @media all and (min-width: 768px) { .swiper-button-prev, .swiper-button-next { top: 93px; width: 44px; height: 44px; } } .swiper-button-prev { left: 0; background: url("/assets/images/ico/ico_arrow_left.svg") no-repeat center/contain; } .swiper-button-next { right: 0; background: url("/assets/images/ico/ico_arrow_right.svg") no-repeat center/contain; } .p-top-message { padding: 26.6666666667vw 8vw; background-color: #e6e6e6; } @media all and (min-width: 768px) { .p-top-message { height: 968px; padding: 164px 0 163px; } } @media all and (max-width: 767px) { .p-top-message__inner { display: flex; align-items: center; flex-direction: column; } } @media all and (min-width: 768px) { .p-top-message__inner { position: relative; width: 1166px; height: 100%; margin-inline: auto; padding-top: 410px; z-index: 1; } [lang=en] .p-top-message__inner { padding-top: 390px; } } .p-top-message__heading img { width: 50.7013333333vw; height: auto; } @media all and (min-width: 768px) { .p-top-message__heading img { width: 297px; } } .p-top-message__subheading { margin-top: 2.88vw; font-size: 4.2666666667vw; font-weight: 500; line-height: 1.5; letter-spacing: 0.1em; } [lang=en] .p-top-message__subheading { margin-top: 2.4vw; letter-spacing: 0; } @media all and (min-width: 768px) { .p-top-message__subheading { margin-top: 2px; font-size: 1.25rem; line-height: 1.45; letter-spacing: 0.05em; } [lang=en] .p-top-message__subheading { margin-top: 4px; font-size: 1.25rem; line-height: 1.2; letter-spacing: -0.03em; } } .p-top-message__text { margin-top: 7.4666666667vw; font-size: 3.2vw; font-weight: 500; line-height: 2.4166666667; letter-spacing: 0.15em; } @media all and (max-width: 767px) { .p-top-message__text { letter-spacing: 0.14em; } } [lang=en] .p-top-message__text { font-size: 3.7333333333vw; line-height: 1.7142857143; letter-spacing: 0; text-align: center; } @media all and (min-width: 768px) { .p-top-message__text { margin-top: 33px; width: 440px; font-size: 1rem; line-height: 2; letter-spacing: 0; } [lang=en] .p-top-message__text { margin-top: 24px; font-size: 1rem; line-height: 1.75; letter-spacing: 0.03em; text-align: left; } } @media all and (max-width: 767px) { .p-top-message__text br { display: none; } } @media all and (max-width: 767px) { .p-top-message__buttons { position: relative; margin-top: 6.1333333333vw; z-index: 1; } [lang=en] .p-top-message__buttons { margin-top: 10.6666666667vw; } } .p-top-message__buttons button { position: relative; display: flex; align-items: center; border: 3px solid #1a1a1a; border-radius: 2.6666666667vw; } @media all and (max-width: 767px) { .p-top-message__buttons button { width: 82.6666666667vw; height: 17.3333333333vw; padding-left: 5.8666666667vw; } [lang=en] .p-top-message__buttons button { justify-content: center; flex-direction: column; height: 22.6666666667vw; padding-left: 0; } } @media all and (min-width: 768px) { .p-top-message__buttons button { position: absolute; justify-content: center; flex-direction: column; height: 112px; border-radius: 10px; } [lang=en] .p-top-message__buttons button { height: 122px; } } .p-top-message__buttons button::before { position: absolute; left: 0.5333333333vw; top: 0.5333333333vw; content: ""; width: 82.6666666667vw; height: 17.3333333333vw; border-radius: 2.6666666667vw; background-color: #1a1a1a; z-index: -1; } [lang=en] .p-top-message__buttons button::before { height: 22.6666666667vw; } @media all and (min-width: 768px) { .p-top-message__buttons button::before { left: 5px; top: 5px; width: calc(100% + 6px); height: calc(100% + 6px); border-radius: 10px; } [lang=en] .p-top-message__buttons button::before { height: calc(100% + 6px); } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(1) { top: 203px; right: 8px; width: 233px; } [lang=en] .p-top-message__buttons button:nth-of-type(1) { right: 0; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(2) { top: 176px; left: 0; width: 234px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(3) { top: 83px; left: 379px; width: 194px; } [lang=en] .p-top-message__buttons button:nth-of-type(3) { left: 348px; width: 228px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(4) { top: 43px; right: 113px; width: 180px; } [lang=en] .p-top-message__buttons button:nth-of-type(4) { right: 78px; width: 192px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(5) { top: 333px; left: 553px; width: 236px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(6) { top: 172px; left: 629px; width: 198px; } [lang=en] .p-top-message__buttons button:nth-of-type(6) { left: 607px; width: 260px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(7) { top: 360px; left: 845px; width: 204px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(8) { top: 249px; left: 286px; width: 214px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(9) { bottom: 8px; left: 769px; width: 168px; } [lang=en] .p-top-message__buttons button:nth-of-type(9) { left: 766px; width: 209px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(10) { top: 0; left: 643px; width: 162px; } [lang=en] .p-top-message__buttons button:nth-of-type(10) { left: 635px; width: 212px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(11) { bottom: 26px; left: 462px; width: 250px; } } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(12) { top: 13px; left: 90px; width: 249px; } [lang=en] .p-top-message__buttons button:nth-of-type(12) { left: 60px; } } .p-top-message__buttons button:nth-of-type(1), .p-top-message__buttons button:nth-of-type(8) { background-color: #ffabf9; } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(1):hover, .p-top-message__buttons button:nth-of-type(8):hover { color: #ffabf9; } } .p-top-message__buttons button:nth-of-type(2), .p-top-message__buttons button:nth-of-type(6), .p-top-message__buttons button:nth-of-type(11) { background-color: #beff8a; } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(2):hover, .p-top-message__buttons button:nth-of-type(6):hover, .p-top-message__buttons button:nth-of-type(11):hover { color: #beff8a; } } .p-top-message__buttons button:nth-of-type(3), .p-top-message__buttons button:nth-of-type(7) { background-color: #ffbf86; } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(3):hover, .p-top-message__buttons button:nth-of-type(7):hover { color: #ffbf86; } } .p-top-message__buttons button:nth-of-type(4), .p-top-message__buttons button:nth-of-type(9), .p-top-message__buttons button:nth-of-type(12) { background-color: #88e8f0; } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(4):hover, .p-top-message__buttons button:nth-of-type(9):hover, .p-top-message__buttons button:nth-of-type(12):hover { color: #88e8f0; } } .p-top-message__buttons button:nth-of-type(5), .p-top-message__buttons button:nth-of-type(10) { background-color: #d1a8ff; } @media all and (min-width: 768px) { .p-top-message__buttons button:nth-of-type(5):hover, .p-top-message__buttons button:nth-of-type(10):hover { color: #d1a8ff; } } @media all and (min-width: 768px) { .p-top-message__buttons button:hover { background-color: #1a1a1a; border-color: #fff; opacity: 1; } } @media all and (max-width: 767px) { .p-top-message__buttons button + button { margin-top: 2.4vw; } [lang=en] .p-top-message__buttons button + button { margin-top: 4.5333333333vw; } } .p-top-message__buttons button em { font-weight: 500; } [lang=en] .p-top-message__buttons button em { font-weight: bold; } @media all and (max-width: 767px) { .p-top-message__buttons button em { margin-right: 5.3333333333vw; font-size: 5.3333333333vw; letter-spacing: 0.1em; } [lang=en] .p-top-message__buttons button em { margin-right: 0; letter-spacing: 0; } } @media all and (min-width: 768px) { .p-top-message__buttons button em { font-size: 1.6875rem; letter-spacing: 0.15em; line-height: 1.4814814815; } [lang=en] .p-top-message__buttons button em { font-size: 1.5625rem; letter-spacing: 0; } } .p-top-message__buttons button span { letter-spacing: 0.016em; } [lang=en] .p-top-message__buttons button span { letter-spacing: -0.02em; } @media all and (max-width: 767px) { .p-top-message__buttons button span { font-size: 3.2vw; line-height: 1.5; } [lang=en] .p-top-message__buttons button span { display: block; width: 74.9333333333vw; margin-top: 0.8vw; line-height: 1.3333333333; text-align: center; } } @media all and (min-width: 768px) { .p-top-message__buttons button span { font-size: 0.875rem; line-height: 1.3571428571; text-align: center; } [lang=en] .p-top-message__buttons button span { margin-top: 5px; font-size: 0.75rem; line-height: 1.3333333333; letter-spacing: -0.02em; } } .p-top-project { padding: 26.6666666667vw 0; } @media all and (min-width: 768px) { .p-top-project { padding: 100px 0 110px; } } @media all and (max-width: 767px) { .p-top-project__inner { margin: 0 5.3333333333vw; } } @media all and (min-width: 768px) { .p-top-project__inner { display: flex; width: 1166px; margin-inline: auto; } } .p-top-project__header { position: relative; } @media all and (max-width: 767px) { .p-top-project__header { padding: 44.5333333333vw 0 0 29.3333333333vw; } } @media all and (min-width: 768px) { .p-top-project__header { flex-shrink: 0; width: 456px; margin-right: 66px; padding-top: 455px; } } .p-top-project__heading { position: relative; z-index: 1; } .p-top-project__heading img { width: 64vw; height: auto; } @media all and (min-width: 768px) { .p-top-project__heading img { width: 325.6px; } } .p-top-project__subheading { font-size: 3.7333333333vw; font-family: "Public Sans"; line-height: 1.2857142857; letter-spacing: -0.03em; } @media all and (max-width: 767px) { .p-top-project__subheading { margin-top: -1.6vw; } } @media all and (min-width: 768px) { .p-top-project__subheading { font-size: 1.125rem; line-height: 1.2777777778; } } .p-top-project__picture { position: absolute; top: 0; } @media all and (max-width: 767px) { .p-top-project__picture { left: -5.3333333333vw; } } @media all and (min-width: 768px) { .p-top-project__picture { right: 0; } } .p-top-project__picture img { width: 81.6vw; height: auto; } @media all and (min-width: 768px) { .p-top-project__picture img { width: 354px; } } @media all and (max-width: 767px) { .p-top-project__body { margin-top: 14.4vw; } } @media all and (min-width: 768px) { .p-top-project__body { width: 521px; } } .p-top-project__title { font-size: 6.4vw; font-weight: bold; line-height: 1.5; letter-spacing: 0.15em; } @media all and (max-width: 767px) { .p-top-project__title { text-align: center; } [lang=en] .p-top-project__title { letter-spacing: 0.02em; } } @media all and (min-width: 768px) { .p-top-project__title { margin-top: -3px; font-size: 1.625rem; line-height: 1.6153846154; } [lang=en] .p-top-project__title { font-size: 1.75rem; line-height: 1.1785714286; letter-spacing: 0; } } .p-top-project__text { margin-top: 5.6vw; font-size: 3.2vw; line-height: 2.4166666667; letter-spacing: 0.15em; text-align: justify; } [lang=en] .p-top-project__text { letter-spacing: 0.02em; } @media all and (max-width: 767px) { .p-top-project__text { font-weight: 500; } } @media all and (min-width: 768px) { .p-top-project__text { margin-top: 30px; font-size: 1rem; line-height: 2; letter-spacing: 0; } [lang=en] .p-top-project__text { font-size: 1rem; line-height: 1.75; letter-spacing: 0.03em; font-weight: 400; } } .p-top-project__text + .p-top-project__text { margin-top: 7.7333333333vw; } @media all and (min-width: 768px) { .p-top-project__text + .p-top-project__text { margin-top: 32px; } [lang=en] .p-top-project__text + .p-top-project__text { margin-top: 28px; } } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } .p-modal { display: none; } .p-modal.is-open { display: block; } .p-modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 200; will-change: transform; } @media all and (min-width: 768px) { .p-modal__overlay { display: grid; place-items: center; } } #modalContact .p-modal__overlay { display: grid; place-items: center; } [aria-hidden=false] .p-modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } [aria-hidden=true] .p-modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .p-modal__content { position: relative; border: 5px solid #1a1a1a; background-color: #c8c8c8; } #modalContact .p-modal__content { border: 4px solid #000; background-color: #beff8a; } @media all and (max-width: 767px) { .p-modal__content { width: 89.3333333333vw; height: calc(100vh - 25.6vw); height: calc(var(--vh, 1vh) * 100 - 25.6vw); height: calc(100dvh - 25.6vw); margin: 13.3333333333vw 0 0 5.3333333333vw; padding: 12vw 3.7333333333vw 13.0666666667vw 9.3333333333vw; border-radius: 2.6666666667vw; } #modalContact .p-modal__content { height: 72vw; margin: 0; padding: 7.92vw 0 0; } [lang=en] #modalContact .p-modal__content { height: 88vw; padding-top: 20.9866666667vw; } } @media all and (min-width: 768px) { .p-modal__content { width: 745px; height: 490px; padding: 73px 53px 66px 85px; border-color: #000; border-radius: 10px; } [lang=en] .p-modal__content { padding-top: 53px; padding-bottom: 46px; } #modalContact .p-modal__content { width: 500px; height: 280px; border-radius: 16px; padding: 53px 0 0; } [lang=en] #modalContact .p-modal__content { padding: 48px 15px 0; } } .p-modal__content::before { position: absolute; left: -1.3333333333vw; top: -1.3333333333vw; content: ""; width: 90.6666666667vw; height: calc(100vh - 24.2666666667vw); height: calc(var(--vh, 1vh) * 100 - 24.2666666667vw); height: calc(100dvh - 24.2666666667vw); border-radius: 4vw; background-color: #000; z-index: -1; } @media all and (min-width: 768px) { .p-modal__content::before { top: -2px; left: -2px; width: 752px; height: 496px; border-radius: 10px; } } #modalContact .p-modal__content::before { display: none; } .p-modal__content-inner { height: 100%; overflow: hidden; } @media all and (max-width: 767px) { .p-modal__content-inner { display: grid; grid-template-columns: auto; grid-template-rows: auto 1fr; } } @media all and (min-width: 768px) { .p-modal__content-inner { display: grid; grid-template-columns: auto; grid-template-rows: auto 1fr; } .p-modal__content-inner.is-flex { display: flex; } } #modalContact .p-modal__content-inner { display: flex; align-items: center; flex-direction: column; font-weight: 500; } #modalContact .p-modal__content-inner h2 { font-size: 3.7333333333vw; line-height: 1.4285714286; } [lang=en] #modalContact .p-modal__content-inner h2 { font-size: 4vw; font-weight: bold; line-height: 1; letter-spacing: 0.01em; } @media all and (min-width: 768px) { #modalContact .p-modal__content-inner h2 { font-size: 1rem; line-height: 1.5; } [lang=en] #modalContact .p-modal__content-inner h2 { font-size: 1rem; line-height: 1; } } #modalContact .p-modal__content-inner p { margin: 9.1466666667vw 0 2.6666666667vw; font-size: 5.3333333333vw; line-height: 1.5; text-align: center; } [lang=en] #modalContact .p-modal__content-inner p { margin-top: 6.7466666667vw; font-family: "Public Sans"; line-height: 1.3; letter-spacing: -0.02em; } @media all and (min-width: 768px) { #modalContact .p-modal__content-inner p { margin: 19px 0 11px; font-size: 1.25rem; } [lang=en] #modalContact .p-modal__content-inner p { margin: 27px 0 15px; font-size: 1.3125rem; line-height: 1.4285714286; } #modalContact .p-modal__content-inner p br { display: none; } } #modalContact .p-modal__content-inner > div { display: flex; flex-direction: column; } [lang=en] #modalContact .p-modal__content-inner > div { font-family: "Inter"; font-weight: 600; } @media all and (max-width: 767px) { #modalContact .p-modal__content-inner > div { align-items: center; } } #modalContact .p-modal__content-inner a { color: #000; font-size: 6.4vw; line-height: 1.5; } [lang=en] #modalContact .p-modal__content-inner a { letter-spacing: 0.01em; } @media all and (min-width: 768px) { #modalContact .p-modal__content-inner a { font-size: 1.5rem; line-height: 1.6666666667; pointer-events: none; } [lang=en] #modalContact .p-modal__content-inner a { line-height: 1.5; } } #modalContact .p-modal__content-inner a span { display: inline-block; width: 68px; } @media all and (max-width: 767px) { #modalContact .p-modal__content-inner a span { display: none; } } .p-modal__close { position: absolute; top: 5.3333333333vw; right: 4.8vw; width: 8vw; height: 8vw; background: url("/assets/images/btn/btn_close.svg") no-repeat center/contain; } @media all and (min-width: 768px) { .p-modal__close { top: 21px; right: 17px; width: 30px; height: 30px; } } #modalContact .p-modal__close { top: 6.1333333333vw; right: 5.0666666667vw; } @media all and (min-width: 768px) { #modalContact .p-modal__close { top: 22px; right: 18px; } } .p-modal__header { flex-shrink: 0; } @media all and (max-width: 767px) { .p-modal__header { display: flex; align-items: flex-end; } [lang=en] .p-modal__header { align-items: flex-start; } } @media all and (max-width: 767px) { [lang=en] .p-modal__header:has(picture) span { width: 28.8vw; } } .p-modal__picture { flex-shrink: 0; margin-right: 4vw; } @media all and (min-width: 768px) { .p-modal__picture { margin-right: 50px; } } .p-modal__picture img { width: 32vw; height: auto; } @media all and (min-width: 768px) { .p-modal__picture img { width: 180px; } } @media all and (min-width: 768px) { .p-modal__title { display: flex; align-items: baseline; margin-bottom: 32px; } picture + .p-modal__title { display: block; margin-bottom: 0; } [lang=en] picture + .p-modal__title { width: 180px; } picture + .p-modal__title em { margin-top: 20px; line-height: 1.4814814815; } picture + .p-modal__title span { display: block; margin: 2px 0 0; line-height: 1.3571428571; } } .p-modal__title em { display: block; font-size: 6.4vw; font-weight: 500; line-height: 1.5; letter-spacing: 0.15em; } @media all and (min-width: 768px) { .p-modal__title em { font-size: 1.6875rem; line-height: 1; } } [lang=en] .p-modal__title em { font-size: 5.3333333333vw; font-weight: bold; line-height: 1.2; letter-spacing: 0; } @media all and (min-width: 768px) { [lang=en] .p-modal__title em { font-size: 1.6875rem; line-height: 1.1851851852; } } .p-modal__title span { font-size: 3.4666666667vw; line-height: 1.4615384615; } @media all and (min-width: 768px) { .p-modal__title span { margin-left: 18px; font-size: 0.875rem; line-height: 1; } } [lang=en] .p-modal__title span { display: block; margin-top: 2.1333333333vw; font-size: 2.6666666667vw; line-height: 1.6; letter-spacing: 0.01em; } @media all and (min-width: 768px) { [lang=en] .p-modal__title span { margin-top: 12px; font-size: 0.875rem; line-height: 1.2857142857; } } @media all and (max-width: 767px) { picture + .p-modal__title { width: 36.8vw; } } .p-modal__body { overflow-y: scroll; } @media all and (max-width: 767px) { .p-modal__body { margin-top: 6.6666666667vw; padding-right: 6.6666666667vw; } } @media all and (min-width: 768px) { .p-modal__body { padding-right: 41px; } } .p-modal__body p { font-size: 3.7333333333vw; line-height: 2; letter-spacing: 0.05em; } [lang=en] .p-modal__body p { line-height: 1.7142857143; letter-spacing: 0.03em; } @media all and (min-width: 768px) { .p-modal__body p { font-size: 1rem; } } .p-modal__body::-webkit-scrollbar { width: 2.6666666667vw; } @media all and (min-width: 768px) { .p-modal__body::-webkit-scrollbar { width: 10px; } } .p-modal__body::-webkit-scrollbar-thumb { border-radius: 1.3333333333vw; background-color: #000000; } @media all and (min-width: 768px) { .p-modal__body::-webkit-scrollbar-thumb { border-radius: 5px; } } /*# sourceMappingURL=home.css.map*/