@charset "UTF-8"; /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):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-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-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; } html { scroll-padding-top: 100px; } body { font-family: "Jost", sans-serif; } img, svg { display: block; width: 100%; height: auto; max-width: 100%; } @media screen and (min-width: 601px) { img, svg { width: auto; } } .c-svg-sprite { display: none; } a, button { cursor: pointer; } .page-template-default.page .l-content { position: relative; } .page-template-default.page .l-content::before { position: absolute; top: 385px; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(8.45px); } @media screen and (max-width: 600px) { .page-template-default.page .l-content::before { top: 275px; } } .c-loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background-color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .c-loading__text { font-size: 1.6rem; letter-spacing: 0.12em; font-weight: 500; } .c-loading__count { font-size: 3rem; letter-spacing: 0.08em; font-weight: 500; line-height: 1; margin: 8px 0; } .c-loading__indicator { width: 400px; height: 2px; margin: 16px 0 0; background-color: rgba(0, 0, 0, 0.2); } .c-loading__progress { width: 0%; height: 100%; background-color: rgba(0, 0, 0, 0.6); transition: width 0.2s ease; } .-loaded .c-loading { opacity: 0; pointer-events: none; transition: opacity 1.2s ease; } .-loaded .c-loading__grp { transform: translate(0, -30%); transition: transform 2s ease; } .c-svg-sprite { display: none; width: 0; height: 0; opacity: 0; overflow: hidden; } .c-box { position: relative; margin: 0 auto 60px; padding: 80px; color: #0F2846; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(163, 163, 191, 0.1); border-radius: 10px; display: flex; flex-direction: column; gap: 50px; overflow: hidden; width: 90%; max-width: 1040px; } @media screen and (max-width: 600px) { .c-box { padding: 50px 30px; gap: 35px; } } .c-box:last-of-type { margin-bottom: 120px; } @media screen and (max-width: 600px) { .c-box:last-of-type { margin-bottom: 70px; } } .c-box__contents { width: 100%; } .c-box__contents:last-of-type { margin-bottom: 0; } .c-box__contents--border { border: solid 1px #BBBACC; padding: 40px; border-radius: 10px; } @media screen and (max-width: 600px) { .c-box__contents--border { padding: 30px; } } .c-box--textImage .c-box__contents { display: flex; justify-content: space-between; gap: 50px; } @media screen and (max-width: 600px) { .c-box--textImage .c-box__contents { flex-direction: column-reverse; gap: 30px; } } .c-box__contents--textArea { width: 50%; } @media screen and (max-width: 600px) { .c-box__contents--textArea { width: 100%; } } .c-box__contents--textArea h3 { margin-bottom: 50px; } @media screen and (max-width: 600px) { .c-box__contents--textArea h3 { margin-bottom: unset; } } .c-box__contents--textArea h4 { margin-bottom: 30px; } .c-box__contents--textArea p { margin-bottom: 50px; } @media screen and (max-width: 600px) { .c-box__contents--textArea p { margin-bottom: 30px; } } .c-box__contents--textArea > *:last-child { margin-bottom: 0; } .c-box__contents--textArea__grayBox { background-color: #F8F8FB; padding: 30px; border-radius: 20px; } .c-box__contents--textArea__grayBox-heading { display: flex; align-items: center; gap: 30px; margin-bottom: 20px; } .c-box__contents--textArea__grayBox-heading img { width: 120px; height: auto; } @media screen and (max-width: 600px) { .c-box__contents--textArea__grayBox-heading img { width: 100%; } } .c-box__contents--textArea__grayBox-heading h4 { margin-bottom: unset; } @media screen and (max-width: 600px) { .c-box__contents--textArea__grayBox-heading h4 { padding-bottom: 20px; border-bottom: 1px solid #BBBACC; margin-bottom: unset; } } @media screen and (max-width: 600px) { .c-box__contents--textArea__grayBox-heading { flex-direction: column-reverse; align-items: flex-start; gap: 20px; } } .c-box__contents--textArea__grayBox-content p { font-size: 1.2rem; font-weight: 400; line-height: 1.3; margin-bottom: 0; } .c-box__contents--imageArea { display: flex; flex-direction: column; gap: 30px; width: 50%; } @media screen and (max-width: 600px) { .c-box__contents--imageArea { width: 100%; } } .c-box__contents--grayBox { background-color: #F8F8FB; padding: 50px; border-radius: 20px; } @media screen and (max-width: 600px) { .c-box__contents--grayBox { padding: 35px 20px; } } .c-box__contents--grayBox h4 { padding-bottom: 30px; border-bottom: 1px solid #BBBACC; margin-bottom: 30px; } @media screen and (max-width: 600px) { .c-box__contents--grayBox h4 { padding-bottom: 20px; margin-bottom: 20px; } } .c-box__contents--grayBox p, .c-box__contents--grayBox ul, .c-box__contents--grayBox a { font-size: 1.4rem; } .c-box__contents--grayBox--accordion { position: relative; overflow: hidden; max-height: 360px; cursor: pointer; transition: 0.3s; display: block !important; justify-content: unset !important; gap: unset !important; } .c-box__contents--grayBox--accordion:before { content: ""; display: block; width: 100%; height: 110px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; pointer-events: none; /* Rectangle 1011 */ background: linear-gradient(180deg, rgba(248, 248, 251, 0) -11.35%, #F8F8FB 42.13%); } .c-box__contents--grayBox--accordion.is-active { max-height: none; } .c-box__contents--grayBox--accordion.is-active:before { opacity: 0; } @media screen and (max-width: 600px) { .c-box__contents--grayBox--accordion { padding: 35px 20px 70px; } } .c-box__contents--grayBox--accordion__deco { position: absolute; left: 0; right: 0; bottom: 20px; margin: auto; width: -moz-fit-content; width: fit-content; z-index: 1; display: flex; align-items: center; gap: 15px; } .c-box__contents--grayBox--accordion__deco span { font-size: 1.8rem; font-weight: bold; line-height: 1; } .c-box__contents--grayBox--accordion__deco svg { width: 15px; height: 15px; transition: 0.3s; } .is-active .c-box__contents--grayBox--accordion__deco svg { transform: rotate(180deg); } .c-box__contents-block { width: 100%; display: flex; flex-direction: column; gap: 20px; margin-bottom: 50px; } .c-box__contents-block:last-of-type { margin-bottom: 0; } .c-box__contents-block h4 { padding-bottom: 20px; border-bottom: 1px solid #BBBACC; } @media screen and (max-width: 600px) { .c-box__contents-block { margin-bottom: 25px; } } .c-box__contents-flexArea { display: flex; gap: 10px; margin-top: 30px; } @media screen and (max-width: 600px) { .c-box__contents-flexArea { flex-wrap: wrap; gap: 10px; margin-top: 0; } } @media screen and (max-width: 600px) { .c-box__contents-flexArea-scroll { flex-wrap: unset; overflow-x: scroll; overflow-y: hidden; padding-bottom: 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .c-box__contents-flexArea-scroll::-webkit-scrollbar { display: none; } } .c-box__contents-flexArea-scroll .c-box__contents-flexArea { display: flex; } @media screen and (max-width: 600px) { .c-box__contents-flexArea-scroll .c-box__contents-flexArea { width: -moz-max-content; width: max-content; } } .c-box__contents-flexArea-scroll .c-box__contents-flexArea__item { flex: 1; } @media screen and (max-width: 600px) { .c-box__contents-flexArea-scroll .c-box__contents-flexArea__item { width: 150px; } } .c-box__contents-flexArea__item { flex: 1; border-radius: 8px; border: 1px solid #D9D9D9; overflow: hidden; } @media screen and (max-width: 600px) { .c-box__contents-flexArea__item { flex: 1 1 calc(50% - 5px); } } .c-box__contents-flexArea__item-gray { border: unset; background-color: #F8F8FB; padding: 30px; } .c-box__contents-flexArea__item--borderless { border: unset; } .c-box__contents-flexArea__item-image { width: 100%; height: auto; aspect-ratio: 3/2; } .c-box__contents-flexArea__item-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-box__contents-flexArea__item-text { padding: 20px; } @media screen and (max-width: 600px) { .c-box__contents-flexArea__item-text { padding: 20px 15px; } } .c-box__contents-flexArea__item-text-heading span { color: #0654DD; font-size: 1.6rem; font-weight: 600; } .c-box__contents-flexArea__item-text h5 { font-size: 1.4rem; line-height: 1; font-weight: 600; margin-bottom: 15px; } .c-box__contents-flexArea__item-text p { line-height: 1.2; } .c-box__contents-flexArea__item-text a { text-decoration: underline; } .c-box__contents-flexArea__item-text > *:last-child { margin-bottom: 0; } .c-box--conversion { display: flex; align-items: center; flex-direction: column; gap: 40px; padding: 60px 120px; background-image: url(../images/common/bg-conversion_pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 600px) { .c-box--conversion { width: calc(100% - 60px); background-image: url(../images/common/bg-conversion_sp.webp); padding: 50px 30px; gap: 30px; } } .c-box--conversion__title { color: white; font-size: 4rem !important; line-height: 1; text-align: center; } @media screen and (max-width: 600px) { .c-box--conversion__title { font-size: 3rem !important; font-weight: 400; } } .c-box--conversion__text { color: white; text-align: center; font-size: 1.4rem; line-height: 1.9; } @media screen and (max-width: 600px) { .c-box__contents.sp_column { flex-direction: column; } } .top2023-c-btn a { display: block; position: relative; padding: 7px 25px; background: #fff; border: 1px solid #fff; border-radius: 41px; } .top2023-c-btn a:hover { opacity: 1; } .top2023-c-btn a:hover .top2023-c-btn__text span { transform: translateY(-100%); } .top2023-c-btn a:hover .top2023-c-btn__text span + span { transform: translateY(0%); } .top2023-c-btn a:hover .top2023-c-btn__icon span { transform: scale(1); } .top2023-c-btn a:hover .top2023-c-btn__icon span:before { transform: scale(1) rotate(45deg); } .top2023-c-btn__text { position: relative; font-size: 1.4rem; font-weight: bold; letter-spacing: 0; text-align: left; color: #0654DD; overflow: hidden; } .top2023-c-btn__text span { display: inline-block; padding: 7px 0; transition: transform 0.3s; } .top2023-c-btn__text span + span { position: absolute; top: 0; left: 0; transform: translateY(100%); } .top2023-c-btn__icon { position: absolute; top: 50%; right: 25px; width: 19px; height: 19px; background-color: rgba(6, 84, 221, 0.36); border-radius: 50%; transform: translateY(-50%); } .top2023-c-btn__icon span { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 50%; background-color: #0654DD; transform: scale(0.47); transition: transform 0.3s ease-out; } .top2023-c-btn__icon span:before { content: ""; position: absolute; display: block; top: 6px; left: 5px; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: scale(0) rotate(45deg); transition: transform 0.3s ease-out; } .top2023-c-btn.-grad a { border-color: #1D6FFF; background: linear-gradient(145deg, #1D6FFF 27.58%, rgba(98, 61, 225, 0) 105.17%); } .top2023-c-btn.-grad .top2023-c-btn__text { color: #fff; } .top2023-c-btn.-grad .top2023-c-btn__icon { background-color: rgba(255, 255, 255, 0.36); } .top2023-c-btn.-grad .top2023-c-btn__icon span { background: #fff; } .top2023-c-btn.-grad .top2023-c-btn__icon span:before { border-top-color: #1D6FFF; border-right-color: #1D6FFF; } .top2023-c-btn.-navy a { border-color: #0F2846; background: #0F2846; } .top2023-c-btn.-navy .top2023-c-btn__text { color: #fff; } .top2023-c-btn.-navy .top2023-c-btn__icon { background-color: rgba(255, 255, 255, 0.36); } .top2023-c-btn.-navy .top2023-c-btn__icon span { background: #fff; } .top2023-c-btn.-navy .top2023-c-btn__icon span:before { border-top-color: #0F2846; border-right-color: #0F2846; } .top2023-c-btn.-white-border a { border-color: #fff; background: none; } .top2023-c-btn.-white-border .top2023-c-btn__text { color: #fff; } .top2023-c-btn.-white-border .top2023-c-btn__icon { background-color: rgba(255, 255, 255, 0.36); } .top2023-c-btn.-white-border .top2023-c-btn__icon span { background: #fff; } .top2023-c-btn.-white-border .top2023-c-btn__icon span:before { border-top-color: #0F2846; border-right-color: #0F2846; } .c-buttonArea { display: flex; flex-direction: column; gap: 15px; } .c-buttonArea--center { display: flex; justify-content: center; flex-direction: unset; } .c-button { position: relative; display: flex; justify-content: space-between; align-items: center; min-width: 270px; width: -moz-fit-content; width: fit-content; padding: 19px 60px 19px 25px; border: 1px solid #0F2846; background: transparent; transition: 0.3s; } @media screen and (max-width: 600px) { .c-button { width: 100%; min-width: 100%; } } .c-button::before { position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145.29deg, #1D6FFF 27.58%, rgba(98, 61, 225, 0) 105.17%); border: 1px solid #0654DD; border-radius: 30px; opacity: 0; z-index: 0; transition: 0.3s; pointer-events: none; } .c-button__text { position: relative; color: #0654DD; font-size: 1.4rem; font-weight: bold; line-height: 1.2; transition: 0.3s; } .c-button__deco { position: absolute; top: 0; bottom: 0; margin: auto; right: 30px; width: 19px; height: 19px; border-radius: 50%; background-image: url(../images/common/icon-button__blue.svg); background-size: cover; background-position: center; transition: 0.3s; } .c-button__icon { position: relative; width: 14px; height: 14px; fill: #0654DD; transition: 0.3s; } .c-button--capsule { border-radius: 30px; } @media screen and (max-width: 600px) { .c-button--capsule { border-radius: 50px; } } .c-button--disabled { filter: grayscale(1); background: #E9E9E9; border: 1px solid #E9E9E9; pointer-events: none; } .c-button--disabled .c-button__text { color: #9B9B9B; } .c-button--disabled .top2023-c-btn__text { color: #9B9B9B; } .c-button--disabled .c-button__icon { fill: #9B9B9B; } .c-button--white { background-color: white; border: 1px solid white; } .c-button--white .c-button__deco { background-image: url(../images/common/icon-button__blue.svg); } .c-button--white .c-button__text { color: #0F2846; } .c-button--white:hover { border: 1px solid #0654DD; } .c-button--white:hover .c-button__deco { background-image: url(../images/common/icon-button__white.svg); } .c-button--white:hover .c-button__text { color: white; } .wpcf7-spinner { display: none !important; } .top2023-c-btn .c-button { border: solid 1px #333; } .c-button .top2023-c-btn__icon span:before { width: 7px; height: 7px; } .top2023-c-btn__icon span:before { width: 7px; height: 7px; } .top2023-c-btn .c-button.important { border: 1px solid #1D6FFF; background: linear-gradient(145.29deg, #1D6FFF 27.58%, rgba(98, 61, 225, 0) 105.17%); } .top2023-c-btn .c-button.important .top2023-c-btn__text { color: white; } .top2023-c-btn .c-button.important .top2023-c-btn__icon { background-color: rgba(255, 255, 255, 0.36); } .top2023-c-btn .c-button.important .top2023-c-btn__icon span { background-color: white; } .top2023-c-btn .c-button.important:hover .top2023-c-btn__icon span:before { border-top: 2px solid #0654DD; border-right: 2px solid #0654DD; } .top2023-c-btn a { display: flex; padding-right: 55px; } .top2023-c-btn.-grad .c-button__icon { fill: #fff; } .top2023-c-btn.-grad a:hover .c-button__icon { fill: #1D6FFF; } .c-inpageLink { display: flex; gap: 8px; width: 90%; max-width: 1040px; margin: 0 auto 60px; } @media screen and (max-width: 600px) { .c-inpageLink { width: calc(100% - 50px); margin-bottom: 60px; flex-wrap: wrap; } } .c-inpageLink a { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; color: white; background-color: #3A506B; border-radius: 7px; font-size: 1.8rem; font-weight: bold; line-height: 1.4; text-align: center; padding: 30px 0 55px; transition: 0.3s; } .c-inpageLink a:hover { opacity: 0.3; } @media screen and (max-width: 600px) { .c-inpageLink a { width: calc(50% - 4px); flex: unset; } } .c-inpageLink svg { position: absolute; bottom: 25%; width: 20px; height: 20px; fill: white; } .c-lowerIntro { position: relative; border-top: 1px solid #9D9BB8; padding: 120px 0 60px; } @media screen and (max-width: 600px) { .c-lowerIntro { padding: 60px 0 53px; } } .c-lowerIntro .l-inner { width: 90%; max-width: 1040px; } .c-lowerIntro h2 { color: #0F2846; font-size: 6rem; font-weight: 400; line-height: 1; letter-spacing: -0.015em; margin-bottom: 43px; } @media screen and (max-width: 600px) { .c-lowerIntro h2 { font-size: 4rem; margin-bottom: 33px; } } .c-lowerIntro p { color: #0F2846; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.015em; line-height: 1.66; margin-bottom: 1em; } @media screen and (max-width: 600px) { .c-lowerIntro p { margin-bottom: unset; } } .c-lowerIntro .l-inner > *:last-child { margin-bottom: 0; } .c-lowerMv { position: relative; display: flex; flex-direction: column; gap: 60px; justify-content: end; align-items: center; width: 100%; height: 385px; border-bottom: 1px solid #9D9BB8; padding-bottom: 60px; } @media screen and (max-width: 600px) { .c-lowerMv { min-height: 275px; height: auto; padding-top: 85px; } } .c-lowerMv::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: auto; aspect-ratio: 640/737; pointer-events: none; background-image: url("../../assets/images/common/bg-lower_pc.webp"); background-size: cover; background-position: top center; background-repeat: no-repeat; mix-blend-mode: multiply; z-index: -1; } @media screen and (max-width: 600px) { .c-lowerMv::before { background-image: url("../../assets/images/common/bg-lower_sp.webp"); aspect-ratio: unset; height: 100%; } } .c-lowerMv .l-inner { width: 100%; max-width: 1200px; width: 90%; max-width: 1040px; } .c-lowerMv h1 { color: #0F2846; font-size: 7.2rem; font-weight: 400; letter-spacing: -0.015em; line-height: 1; margin-bottom: 60px; } @media screen and (max-width: 600px) { .c-lowerMv h1 { font-size: 5rem; margin-bottom: 20px; } } .c-lowerMv__breadcrumbs { display: flex; gap: 2em; } .c-lowerMv__breadcrumbs li { position: relative; font-size: 1.4rem; font-weight: 500; color: #0654DD; } .c-lowerMv__breadcrumbs li::before { content: "・"; position: absolute; font-size: 1.4rem; font-weight: bold; left: -1.5em; color: #333; } .c-lowerMv__breadcrumbs li:first-of-type::before { display: none; } .c-lowerMv__breadcrumbs li a { color: #333; transition: 0.3s; } .c-lowerMv__breadcrumbs li a:hover { opacity: 0.3; } .c-lowerMv__breadcrumbs .is-active { color: #0654DD; } .c-lowerContents { position: relative; } .c-lowerContents::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: calc(100% + 320px); background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(8.45px); } @media screen and (max-width: 600px) { .c-tab--scroll { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .c-tab--scroll::-webkit-scrollbar { display: none; } } .c-tab { display: flex; align-items: end; gap: 2px; } @media screen and (max-width: 600px) { .c-tab { width: -moz-max-content; width: max-content; } } .c-tab__item { position: relative; display: flex; justify-content: center; align-items: center; width: 175px; height: 55px; background-color: #D6DEE8; border-radius: 10px 10px 0 0; cursor: pointer; transition: all 0.3s ease; } @media screen and (max-width: 600px) { .c-tab__item { width: 120px; } } .c-tab__item:hover { background-color: rgb(197.6640625, 208.8515625, 222.8359375); } .c-tab__item.is-active { filter: grayscale(0); background-color: #fff; height: 62px; border-left: 1px solid #BBBACC; border-right: 1px solid #BBBACC; border-top: 1px solid #BBBACC; cursor: default; } .c-tab__item.is-active:hover { background-color: #fff; } .c-tab__item.is-active .c-tab__link-text, .c-tab__item.is-active .c-tab__link-subtext { opacity: 1; } .c-tab__item.is-active:before { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: white; } .c-tab__link { display: flex; align-items: center; flex-direction: column; } .c-tab__link-text { display: block; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 1.1; color: #0F2846; opacity: 0.5; } .c-tab__link-subtext { font-size: 1.2rem; line-height: 1.1; color: #0F2846; opacity: 0.5; } .c-tab__content { border: 1px solid #BBBACC; border-radius: 0 10px 10px 10px; padding: 25px; } .c-tab__content h4 { padding-bottom: 20px; border-bottom: 1px solid #BBBACC; margin-bottom: 20px; } .c-tab__content-item { display: none; opacity: 0; transition: opacity 0.3s ease; } .c-tab__content-item.is-active { display: flex; flex-direction: column; opacity: 1; } @media screen and (max-width: 600px) { .c-tab__content--no-round { border-top-right-radius: 0; } } .c-table { width: 100%; table-layout: fixed; } @media screen and (max-width: 600px) { .c-table { table-layout: auto !important; } } .c-table--border { border: 1px solid #E8EAEE; } .c-table tr:nth-of-type(even) { background-color: #F7F7F7; } .c-table th { text-align: left; vertical-align: middle; padding: 15px 20px; background-color: #577CBD; width: auto; } .c-table th span { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #fff; } .c-table th small { display: inline-block; font-size: 1.2rem; line-height: 1.2; color: #fff; } .c-table th.transparent { background-color: transparent; border: none; } .c-table th.center { text-align: center; } .c-table th.left { text-align: left; } .c-table td { padding: 15px 20px; vertical-align: middle; } .c-table td span { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 400; } .c-table__caution { text-align: left; font-size: 1.2rem; line-height: 1.3; margin-top: 20px; } .c-table--scroll { width: 100%; } @media screen and (max-width: 600px) { .c-table--scroll { overflow-x: scroll; padding-bottom: 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .c-table--scroll::-webkit-scrollbar { display: none; } } .c-table--horizontal th { text-align: left; } .c-table--horizontal tr { border-bottom: 1px solid white; } .c-table--horizontal tr:nth-of-type(even) { background-color: #F7F7F7; } .c-table--horizontal tr:first-of-type td { border-top: 1px solid #BBBACC; } .c-table--horizontal tr:first-of-type th { border-top: 1px solid #577CBD; } .c-table--horizontal tr:last-of-type { border-bottom: none; } .c-table--horizontal tr:last-of-type td { border-bottom: 1px solid #BBBACC; } .c-table--horizontal tr:last-of-type th { border-bottom: 1px solid #577CBD; } .c-table--horizontal tr td:last-of-type { border-right: 1px solid #BBBACC; } .c-table--horizontal tr th:first-of-type { border-left: 1px solid #577CBD; border-right: 1px solid white; } .c-table--horizontal th { width: 115px; padding: 10px 20px; } .c-table--horizontal td { padding: 10px 20px; } .c-table--vertical tr { border-bottom: unset; } .c-table--vertical th { text-align: center; padding: 10px 20px; letter-spacing: 0; } .c-table--vertical th:last-of-type { border-right: unset; } @media screen and (max-width: 600px) { .c-table--vertical th { min-width: 130px; } } .c-table--vertical td { text-align: center; padding: 10px 20px; } .c-table--vertical td:last-of-type { border-right: unset; } .c-table--vertical thead th { border-left: 1px solid #577CBD; border-right: 1px solid white; padding: 10px 0px; } .c-table--vertical thead thlast-of-type { border-right: unset; } .c-table--vertical tbody tr { border-left: 1px solid #BBBACC; border-right: 1px solid #BBBACC; border-bottom: 1px solid white; } .c-table--vertical tbody tr:last-of-type { border-bottom: 1px solid #BBBACC; } .c-table--vertical tbody td { border-right: 1px solid #BBBACC; } .c-table--vertical tbody td:last-of-type { border-right: unset; } .c-accordion { background-color: #F8F8FB; border-radius: 6px; margin-bottom: 10px; } .c-accordion:last-child { margin-bottom: 0; } .c-accordion--white { background-color: white; } .c-accordion__heading { padding: 20px 30px; cursor: pointer; position: relative; transition: background-color 0.2s ease; } @media screen and (max-width: 600px) { .c-accordion__heading { padding: 20px 40px 20px 10px; } } .c-accordion__heading h4 { padding-bottom: unset; margin-bottom: unset; border-bottom: unset; } .c-accordion__heading-deco { position: absolute; width: 30px; height: 30px; top: 0; bottom: 0; margin: auto; right: 30px; border-radius: 50%; } .c-accordion__heading-deco span { position: absolute; content: ""; width: 13px; height: 2px; transition: transform 0.3s ease; background-color: #1D6FFF; top: 0; bottom: 0; right: 9px; margin: auto; } .c-accordion__heading-deco span:nth-of-type(1) { transform: rotate(90deg); } .c-accordion__heading-deco span:nth-of-type(2) { transform: rotate(0deg); } @media screen and (max-width: 600px) { .c-accordion__heading-deco { right: 10px; } .c-accordion__heading-deco span { right: 9px; } } .c-accordion__heading.is-active .c-accordion__heading-deco span:nth-of-type(1) { transform: rotate(0deg); } .c-accordion__heading-deco--blue { background-color: #0654DD; } .c-accordion__heading-deco--blue span { background-color: white; } .c-accordion__content { padding: 0 20px; transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out; } .c-accordion__heading.is-active + .c-accordion__content { padding: 30px; } .c-accordion__heading .no { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 40px; height: 40px; border-radius: 50%; background-color: #0F2846; color: white; font-size: 12px; font-weight: 400; line-height: 1; } .c-accordion__heading .no span { font-size: 1.2rem; } .c-accordion__heading .no p { font-size: 2rem; margin-bottom: unset; } @media screen and (max-width: 600px) { .c-accordion__heading .no { position: absolute; top: 20px; left: 10px; width: 35px; height: 35px; } .c-accordion__heading .no p { font-size: 1.6rem; } } .c-accordion__heading .title { display: flex; flex-direction: column; gap: 5px; } .c-accordion__heading .title p { margin-bottom: unset; } .c-accordion__heading .metaArea { display: flex; align-items: center; gap: 10px; } .c-accordion__heading .metaArea span { color: white; padding: 5px 10px; font-size: 1.2rem; line-height: 1; border-radius: 35px; } .c-accordion__heading .metaArea p { font-size: 1.2rem; } @media screen and (max-width: 600px) { .c-accordion__heading .metaArea { align-items: start; flex-direction: column; } } .c-accordion__content-textImageArea { display: flex; justify-content: space-between; gap: 30px; } .c-accordion__content-textImageArea .c-accordion__content-textArea { width: 60%; } .c-accordion__content-textImageArea .c-accordion__content-imageArea { width: 40%; } @media screen and (max-width: 600px) { .c-accordion__content-textImageArea { flex-direction: column-reverse; } .c-accordion__content-textImageArea .c-accordion__content-textArea { width: 100%; } .c-accordion__content-textImageArea .c-accordion__content-imageArea { width: 100%; } } .c-form__item { display: flex; flex-direction: column; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #D6DAE8; } .c-form__item-label { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .c-form__item-label p { font-size: 2rem; font-weight: 400; } .c-form__item-label small { margin-left: 1em; font-size: 1.4rem; } @media screen and (max-width: 600px) { .c-form__item-label small { display: block; margin-left: 0; margin-top: 1em; } } @media screen and (max-width: 600px) { .c-form__item-label { align-items: baseline; } } .c-form__required { background-color: #577CBD; color: white; border-radius: 4px; padding: 5px 15px; } .c-form__required p { font-size: 1.3rem; font-weight: 400; line-height: 1; } .c-form__text { width: 100%; border: 1px solid #BBBACC; border-radius: 5px; padding: 10px; } .c-form__text::-moz-placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__text::placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__text:-moz-placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__text:placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__text:not(:-moz-placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__text:not(:placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__select-wrapper { position: relative; } .c-form__select-wrapper::before { position: absolute; content: ""; width: 14px; height: 14px; top: 15px; right: 15px; margin: auto; background-image: url(../../assets/images/common/icon-select.svg); background-size: cover; background-position: center; } .c-form__select { width: 100%; border: 1px solid #BBBACC; border-radius: 5px; padding: 10px; } .c-form__textarea { width: 100%; border: 1px solid #BBBACC; border-radius: 5px; padding: 10px; } .c-form__textarea::-moz-placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__textarea::placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__textarea:-moz-placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__textarea:placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__textarea:not(:-moz-placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__textarea:not(:placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__tel { width: 100%; border: 1px solid #BBBACC; border-radius: 5px; padding: 10px; } .c-form__tel::-moz-placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__tel::placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__tel:-moz-placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__tel:placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__tel:not(:-moz-placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__tel:not(:placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__email { width: 100%; border: 1px solid #BBBACC; border-radius: 5px; padding: 10px; } .c-form__email::-moz-placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__email::placeholder { color: rgba(63, 68, 75, 0.33); } .c-form__email:-moz-placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__email:placeholder-shown { background-color: #EAEEEE; border-color: #BBBACC; } .c-form__email:not(:-moz-placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__email:not(:placeholder-shown) { background-color: white; border-color: #BBBACC; } .c-form__privacy { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 50px; } .c-form__privacy a { margin-left: 0.5em; } input[type=checkbox] { width: 18px; height: 18px; margin: 0; flex-shrink: 0; margin-top: 2px; cursor: pointer; border: 2px solid #C9CAD6; position: relative; } input[type=checkbox]:checked { border-color: #0654DD; } input[type=checkbox]:checked::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 10px; height: 8px; background-image: url(../../assets/images/common/deco-check.svg); background-position: center; background-size: cover; } input[type=checkbox]:hover { border-color: #0654DD; } .c-form__buttonArea { position: relative; min-width: 270px; width: -moz-fit-content; width: fit-content; margin: auto; display: flex; justify-content: center; transition: 0.3s; } .c-form__buttonArea br { display: none; } .c-form__buttonArea .c-button { color: white; font-size: 1.4rem; font-weight: bold; font-family: "Jost", sans-serif; border: 1px solid #0654DD; cursor: pointer; } .c-form__buttonArea::before { position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145.29deg, #1D6FFF 27.58%, rgba(98, 61, 225, 0) 105.17%); border: 1px solid #0654DD; border-radius: 30px; opacity: 1; z-index: 0; transition: 0.3s; pointer-events: none; } .c-form__buttonArea::after { position: absolute; content: ""; width: 20px; height: 20px; background-image: url(../images/common/icon-button__white.svg); background-size: cover; background-position: center; top: -1px; bottom: 0; right: 20px; margin: auto; z-index: 1; transition: 0.3s; } .c-form__buttonArea:hover .c-button { color: #fff; } .c-form__buttonArea:hover::before { opacity: 1; } .c-form__buttonArea:hover .c-button__icon { fill: #fff; } .c-form__buttonArea:hover .c-button__deco { background-image: url(../images/common/icon-button__white.svg); } .c-form__buttonArea:hover::after { background-image: url(../images/common/icon-button__white.svg); } @media screen and (max-width: 600px) { .c-form__buttonArea p { width: 100%; } .c-form__buttonArea p .c-button { border: unset; } } .c-form__send { position: relative; display: flex; justify-content: space-between; align-items: center; width: -moz-fit-content; width: fit-content; padding: 19px 60px 19px 25px; } .c-form__buttonArea.back { color: #0654DD; font-size: 1.4rem; font-weight: bold; font-family: "Jost", sans-serif; border: 1px solid #0654DD; border-radius: 30px; justify-content: left; padding: 19px 60px 19px 25px; z-index: 1; cursor: pointer; } .c-form__buttonArea.back:hover { color: #fff; } .c-form__buttonArea.back:hover::before { z-index: -1; } .c-form__text--middle { max-width: 320px; width: 100%; } @media screen and (max-width: 600px) { .c-form__text--middle { max-width: 100%; } } .c-form__text--short { max-width: 240px; width: 100%; } @media screen and (max-width: 600px) { .c-form__text--short { max-width: 100%; } } .confirm_buttonArea { display: flex; justify-content: center; align-items: center; gap: 15px; } .confirm_buttonArea .c-form__buttonArea.back::before { display: none; } .confirm_buttonArea .c-form__buttonArea.back::after { background-image: url(../images/common/icon-button__blue.svg); } .confirm_buttonArea .c-form__buttonArea.back:hover { color: #0654DD; opacity: 0.7; } .confirm_buttonArea .c-form__buttonArea { margin: unset; } @media screen and (max-width: 600px) { .confirm_buttonArea { flex-direction: column; gap: 15px; } } .c-scroll-indicator { width: 100%; padding: 10px 0 5px; opacity: 0; transition: opacity 0.3s ease; } @media screen and (min-width: 601px) { .c-scroll-indicator { display: none; } } .c-scroll-indicator__track { position: relative; width: 100%; height: 2px; background-color: #A0B1C7; border-radius: 2px; cursor: pointer; } .c-scroll-indicator__thumb { position: absolute; top: 0; left: 0; height: 100%; background-color: #0654DD; border-radius: 2px; transition: left 0.1s ease-out; cursor: grab; } .c-scroll-indicator__thumb:active { cursor: grabbing; } .u-tab .c-scroll-indicator { padding: unset; } .top2023 { padding-bottom: unset; } @media screen and (max-width: 600px) { .top2023 { padding-bottom: unset; } } .top2023-section-news__fl__main { width: 100%; } .top2023-gelende-num br { display: block; } @media screen and (max-width: 600px) { .top2023-gelende-num br { display: none; } } @media screen and (max-width: 600px) { .top2023-gelende-num { display: flex; flex-direction: column; gap: 5px; line-height: 1; font-size: 1.1rem; } } #google_language_translator { display: flex; align-items: center; } .top2023-icon-nav__item .jp { font-size: 1.4rem; } #modal-news { display: none; justify-content: center; align-items: center; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; transition: opacity 0.3s; position: fixed; pointer-events: none; } #modal-news.is-active { display: flex; opacity: 1; pointer-events: all; } .modal-news__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: inherit; background-color: rgba(0, 0, 0, 0.13); backdrop-filter: blur(4px); } .modal-news__content { position: relative; max-width: 1040px; width: 80%; height: 70%; background-color: #fff; border-radius: 10px; margin: 0 auto; padding: 80px; overflow-y: scroll; z-index: 1; } @media screen and (max-width: 600px) { .modal-news__content { width: 85%; height: 85%; max-height: 500px; padding: 30px; } } .modal-news__content__inner__item { display: none; } .modal-news__content__inner__item.is-active { display: block; } .modal-news__content__inner__item h3 { position: relative; font-size: 3rem; margin-bottom: 20px; line-height: 1.1; letter-spacing: -0.015em; padding-left: 15px; } .modal-news__content__inner__item h3::before { position: absolute; content: ""; width: 1px; height: 100%; left: 0; top: 0; background-color: #0654DD; } #modal-news .metaArea { margin-bottom: 30px; } .modal-news__content__close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: #fff; border: 1px solid #0654DD; cursor: pointer; } .modal-news__content__close span { position: absolute; display: block; width: 20px; height: 2px; background-color: #0654DD; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } .modal-news__content__close span:nth-child(1) { transform: rotate(45deg); } .modal-news__content__close span:nth-child(2) { transform: rotate(-45deg); } .modal-news__content h2 { font-size: 2.4rem; font-weight: 700; line-height: 1; letter-spacing: 0; margin-bottom: 1em; } #modal-topics { display: none; justify-content: center; align-items: center; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; transition: opacity 0.3s; position: fixed; pointer-events: none; } #modal-topics.is-active { display: flex; opacity: 1; pointer-events: all; } .modal-topics__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: inherit; background-color: rgba(0, 0, 0, 0.13); backdrop-filter: blur(4px); } .modal-topics__content { position: relative; max-width: 1040px; width: 80%; height: 70%; background-color: #fff; border-radius: 10px; margin: 0 auto; padding: 80px; overflow-y: scroll; z-index: 1; } @media screen and (max-width: 600px) { .modal-topics__content { width: 85%; height: 85%; max-height: 500px; padding: 30px; } } .modal-topics__content__inner__item { display: none; } .modal-topics__content__inner__item.is-active { display: block; } .modal-topics__content__inner__item__image { margin-bottom: 20px; } .modal-topics__content__inner__item__image img { width: 100%; height: auto; border-radius: 5px; } .modal-topics__content__inner__item .category-tag { margin-bottom: 15px; } .modal-topics__content__inner__item .category-tag .category { display: inline-block; padding: 5px 15px; background-color: #0654DD; color: #fff; font-size: 1.2rem; border-radius: 3px; } .modal-topics__content__close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: #fff; border: 1px solid #0654DD; cursor: pointer; opacity: 0; } .modal-topics__content__close span { position: absolute; display: block; width: 20px; height: 2px; background-color: #0654DD; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } .modal-topics__content__close span:nth-child(1) { transform: rotate(45deg); } .modal-topics__content__close span:nth-child(2) { transform: rotate(-45deg); } .modal-topics__content h3 { font-size: 2.4rem; font-weight: 700; line-height: 1.3; letter-spacing: 0; margin-bottom: 1em; } .modal-topics__content p { font-size: 1.6rem; line-height: 1.8; letter-spacing: 0.05em; } .top2023-topics-slider__item { cursor: pointer; transition: opacity 0.3s; } .top2023-topics-slider__item:hover { opacity: 0.7; } .l-header-2023__blur.is-active { z-index: 1; } .top2023-about-number__item .ttl { font-weight: 600; line-height: 1.1; letter-spacing: -0.05em; } @media screen and (max-width: 600px) { .top2023-about-number__item .ttl { font-size: 1.4rem; margin-bottom: 5px; letter-spacing: -0.07em; } } @media screen and (max-width: 600px) { .top2023-section-school .top2023-c-text-ttl { font-size: 3.2rem; font-weight: bold; line-height: 1.4; } } .top2023-section-about { padding-bottom: 160px; } @media screen and (max-width: 600px) { .top2023-section-about { padding-top: 70px; padding-bottom: 70px; } } .top2023-gelende-head__text { width: calc(100% - 450px); letter-spacing: 0; } @media screen and (max-width: 600px) { .top2023-gelende-head__text { width: 100%; } } .top2023-gelende-head__text .top2023-c-text-ttl { font-size: 30px; line-height: 1.25; } @media screen and (max-width: 600px) { .top2023-gelende-head__text .top2023-c-text-ttl { font-size: 24px; } } .top2023-lift-fl { align-items: flex-start; } .top2023-section-lift .top2023-c-btnlist { margin-top: 100px; } @media screen and (max-width: 600px) { .top2023-section-lift .top2023-c-btnlist { margin-top: 60px; } } @media screen and (max-width: 600px) { .top2023-c-ttl p { letter-spacing: -0.015em; } } .top2023-about-fl .top2023-c-text-ttl { font-size: 30px; line-height: 1.25; } @media screen and (max-width: 600px) { .top2023-about-fl .top2023-c-text-ttl { font-size: 24px; } } @media screen and (max-width: 600px) { .top2023-about-img { width: 100%; height: auto; aspect-ratio: 31/27; } } .top2023-about-number__item { align-items: unset; } @media screen and (max-width: 600px) { .top2023-about-number__item { justify-content: space-between; min-height: unset; gap: 30px; } } @media screen and (max-width: 600px) { .top2023-about-number__item p { line-height: 1.16; } } .modal-topics__content__inner__item h3 { position: relative; font-size: 3rem; margin-bottom: 20px; line-height: 1.1; letter-spacing: -0.015em; padding-left: 15px; } .modal-topics__content__inner__item h3::before { position: absolute; content: ""; width: 1px; height: 100%; left: 0; top: 0; background-color: #0654DD; } .modal-topics__content__inner__item .category-tag { margin-bottom: 30px; } .modal-topics__content__inner__item__content { margin-top: 30px; } .modal-topics__content__inner__item__content a { text-decoration: underline; color: #0654DD; font-weight: bold; } @media screen and (max-width: 600px) { .top2023-pickup-mainlink .ttl { font-size: 2.4rem; } } @media screen and (max-width: 600px) { .footer-2023-top__info .top2023-c-btn.-white-border a { padding: 2px 15px; max-width: 225px; margin: auto; } } @media screen and (max-width: 600px) { .top2023-news-list__item a p { line-height: 1.2; } } @media screen and (max-width: 600px) { .top2023-section-park .top2023-c-section-text { max-width: 100%; } } .top2023-info__main p { -webkit-line-clamp: 2; line-clamp: 2; } .top2023-news-slider .swiper-wrapper { height: -moz-max-content !important; height: max-content !important; } @media screen and (max-width: 600px) { .page-trailstatus .gnav2023__child .gnav2023__child__data__item { width: 100%; } } @media screen and (max-width: 600px) { .page-trailstatus #sec02 .c-box__contents-flexArea { gap: 30px; flex-wrap: wrap; } } @media screen and (max-width: 600px) { .page-trailstatus #sec02 .c-box__contents-flexArea__item { flex: unset; width: 100%; } } .page-trailstatus #sec02 .c-box__contents-flexArea__item--disabled { position: relative; pointer-events: none; } .page-trailstatus #sec02 .c-box__contents-flexArea__item--disabled::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #D9D9D9; opacity: 0.5; } .page-trailstatus #sec02 .c-box__contents-flexArea__item-image { aspect-ratio: 43/23; background-color: #D9D9D9; } .page-trailstatus #sec02 .c-box__contents-flexArea__item-text h5 { color: #0F2846; font-size: 2rem; font-weight: bold; line-height: 1.7; margin-bottom: unset; text-align: center; } .page-trailstatus #sec01 .gnav2023__child__box.-gelende { width: 100%; } .page-trailstatus #sec01 .gnav2023__child { position: relative; display: block; right: unset; top: unset; } @media screen and (max-width: 600px) { .page-trailstatus #sec01 .gnav2023__child__box { width: 100%; flex-direction: column; gap: 30px; } } @media screen and (max-width: 600px) { .page-trailstatus #sec01 .gnav2023__child__box.-gelende .gnav2023__child__ttl { width: 100%; } } @media screen and (max-width: 600px) { .page-trailstatus #sec01 .gnav2023__child__box.-gelende .gnav2023__child__ttl .update { margin-top: 30px; } } @media screen and (max-width: 600px) { .page-trailstatus #sec01 .gnav2023__child .gnav2023__child__data { display: flex; flex-wrap: wrap; } } .page-trailstatus #sec03 .c-tab__content-item:nth-of-type(2) .c-box__contents-flexArea__item-image { aspect-ratio: auto; } .page-trailstatus #sec03 .c-box__contents-flexArea { margin-bottom: 20px; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .c-box__contents-flexArea { margin-bottom: unset; } } .page-trailstatus #sec03 .greport-map__map-group, .page-trailstatus #sec03 .greport-map__detail { width: 50%; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .greport-map__map-group, .page-trailstatus #sec03 .greport-map__detail { width: 100%; } } .page-trailstatus #sec03 .greport-map__map { width: 100%; } .page-trailstatus #sec03 .greport-map__levels { font-size: 1.3rem; letter-spacing: 0; } .page-trailstatus #sec03 .greport-map__levels__item:after { width: 35px; height: 10px; } .page-trailstatus #sec03 .greport-map__levels__item:not(:first-child) { margin-left: 10px; } .page-trailstatus #sec03 .greport-map__detail .box-set:first-of-type { margin-bottom: 60px; } .page-trailstatus #sec03 .greport-map__detail .list-label__item { padding: 30px 30px 30px 70px; box-shadow: unset; background-color: #F8F8FB; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .greport-map__detail .list-label__item { padding: 20px 20px 20px 60px; flex-direction: column; } } .page-trailstatus #sec03 .greport-map__detail .list-label__item:after { display: none; } .page-trailstatus #sec03 .greport-map__detail .list-label__item:before { display: none; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .greport-map__detail .list-label__status { position: relative; right: unset; left: 0; align-items: unset; justify-content: unset; margin: 10px 0 0 0; } } .page-trailstatus #sec03 .greport-map__detail .list-label__item__icon { position: absolute; top: 0; left: 30px; bottom: 0; margin: auto; width: 35px; height: 35px; color: white; font-size: 1.5rem; line-height: 1; letter-spacing: 0; font-weight: 500; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .page-trailstatus #sec03 .greport-map__detail .list-label__item__icon font { line-height: 1; height: -moz-fit-content; height: fit-content; display: block; z-index: 1; } .page-trailstatus #sec03 .greport-map__detail .list-label__item__icon:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-color: #0F2846; border-radius: 50%; z-index: 0; } .page-trailstatus #sec03 .greport-map__detail .list-label__item__icon:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - 6px); height: calc(100% - 6px); border: 1px solid white; border-radius: 50%; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .greport-map__detail .list-label__item__icon { left: 10px; } } .page-trailstatus #sec03 .greport-map__detail.trail .list-label__item__icon { font-size: 1.2rem; text-align: center; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .greport-map__maptext { width: 100%; } .page-trailstatus #sec03 .greport-map__maptext .greport-map__levels { font-size: 1.1rem; flex-wrap: wrap; gap: 5px; } .page-trailstatus #sec03 .greport-map__maptext .greport-map__levels__item { margin-left: unset; } } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .c-box__contents-flexArea-scroll { margin-bottom: 30px; } } .page-trailstatus #sec03 .c-box__contents-flexArea__item { border: unset; display: flex; height: 90px; background-color: #F8F8FB; align-items: center; gap: 10px; } .page-trailstatus #sec03 .c-box__contents-flexArea__item p { font-size: 2rem; line-height: 1; letter-spacing: -0.015em; text-align: center; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .c-box__contents-flexArea__item { padding: 0 30px; width: auto; } } .page-trailstatus #sec03 .c-box__contents-flexArea.lift .c-box__contents-flexArea__item { flex-direction: column; justify-content: center; height: 90px; background-color: #F8F8FB; } .page-trailstatus #sec03 .c-box__contents-flexArea.couse .c-box__contents-flexArea__item { justify-content: center; } .page-trailstatus #sec03 .c-box__contents-flexArea.couse .c-box__contents-flexArea__item img { width: 48px; height: 48px; } @media screen and (max-width: 600px) { .page-trailstatus #sec03 .c-scroll-indicator { display: none; } .page-trailstatus #sec03 .c-tab__content .c-scroll-indicator { display: block; margin-bottom: 30px; } .page-trailstatus #sec03 .c-box__contents-flexArea-scroll { margin-bottom: unset; } } @media screen and (max-width: 600px) { .page-trailstatus #sec04 .c-scroll-indicator, .page-trailstatus #sec05 .c-scroll-indicator { margin-top: -30px; } } @media screen and (max-width: 600px) { .page-trailstatus #sec06 .c-scroll-indicator { margin-top: -10px; } } .page-trailstatus #sec01 .gnav2023__child__ttl__main::after { display: none; } .page-trailstatus .c-tab__content-item.lift .c-box__contents-flexArea__item img { width: 80px; height: auto; } .page-mountain .c-tab__content-item.courses .c-box__contents-block, .page-mountain .c-tab__content-item.lifts .c-box__contents-block { gap: unset; } .page-mountain #sec01 .c-tab__content .c-box__contents--imageArea { gap: unset; } @media screen and (max-width: 600px) { .page-mountain #sec01 .c-table--scroll { margin-bottom: 10px; } .page-mountain #sec01 .c-table { width: 600px; margin-bottom: 20px; } .page-mountain #sec01 .c-table th { width: 170px; } .page-mountain #sec01 .c-box__contents { flex-direction: column; } .page-mountain #sec01 .c-box__contents--imageArea { gap: unset; } } .page-mountain .c-tab__content-item.courses .c-accordion { margin-bottom: 10px; } .page-mountain .c-tab__content-item.courses .c-accordion:last-of-type { margin-bottom: unset; } .page-mountain .c-tab__content-item.courses .c-accordion.intermediate .metaArea span { background-color: #EC0008; } .page-mountain .c-tab__content-item.courses .c-accordion.advanced .metaArea span { background-color: #020302; } .page-mountain .c-tab__content-item.courses .c-accordion.superexpert .metaArea span { background-color: #020302; } .page-mountain .c-tab__content-item.courses .c-accordion.beginner .metaArea span { background-color: #008634; } .page-mountain .c-tab__content-item.courses .c-accordion.disabled { pointer-events: none; opacity: 0.5; } .page-mountain .c-accordion__heading { display: flex; align-items: center; gap: 15px; transition: opacity 0.3s ease; } @media screen and (max-width: 600px) { .page-mountain .c-accordion__heading { padding: 20px 40px 20px 50px; } } .page-mountain .c-accordion__heading:hover { opacity: 0.6; } .c-tab__content-item.lifts .lift-item { display: flex; align-items: center; gap: 10px; background-color: #F8F8FB; border-radius: 6px; padding: 30px; margin-bottom: 10px; } .c-tab__content-item.lifts .lift-item:last-of-type { margin-bottom: unset; } @media screen and (max-width: 600px) { .c-tab__content-item.lifts .lift-item { padding: 15px; } } .c-tab__content-item.lifts .lift-item .no { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: white; background-color: #0F2846; border-radius: 50%; } .c-tab__content-item.lifts .lift-item .no::before { content: ""; position: absolute; width: 90%; height: 90%; border-radius: 50%; background-color: transparent; border: 1px solid white; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .c-tab__content-item.lifts .lift-item .name { font-size: 1.6rem; font-weight: 400; } .c-tab__content-item.lifts .lift-item .icon { width: 30px; height: 30px; } .c-tab__content-item.lifts .lift-item .icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 600px) { .page-mountain #sec03 th, .page-mountain #sec04 th { width: 170px; } .page-mountain #sec03 td, .page-mountain #sec04 td { width: 300px; } } .page-mountain #sec03 h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .page-mountain #sec03 h3 span { font-size: 1.4rem; color: white; background-color: #003D69; padding: 1px 5px; } @media screen and (max-width: 600px) { .page-mountain #sec03 h3 { gap: 5px; } } .page-mountain #sec04 h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .page-mountain #sec04 h3 span { font-size: 1.4rem; color: white; background-color: #41A1BE; padding: 1px 5px; } @media screen and (max-width: 600px) { .page-mountain #sec04 h3 { gap: 5px; } } .page-mountain #sec01 .c-accordion__content-textImageArea { flex-direction: column-reverse; } .page-mountain #sec01 .c-accordion__content-textImageArea .c-accordion__content-textArea, .page-mountain #sec01 .c-accordion__content-textImageArea .c-accordion__content-imageArea { width: 100%; } .page-mountain #sec01 .c-accordion__content-textImageArea .c-accordion__content-textArea p, .page-mountain #sec01 .c-accordion__content-textImageArea .c-accordion__content-imageArea p { margin-bottom: unset; } @media screen and (max-width: 600px) { .page-mountain .u-tab .c-scroll-indicator { display: none; } } @media screen and (max-width: 600px) { .page-mountain .c-box__contents--textArea .c-scroll-indicator, .page-mountain .c-box__contents-block .c-scroll-indicator { margin: -40px 0 30px; } } .page-facilities__metaArea { display: flex; align-items: center; gap: 15px; margin-bottom: 50px; } @media screen and (max-width: 600px) { .page-facilities__metaArea { flex-direction: column; gap: 10px; align-items: unset; } } .page-facilities__metaArea-area { padding: 1px 10px; } .page-facilities__metaArea-area span { color: white; font-size: 1.4rem; line-height: 1; } .page-facilities__metaArea-area.highland { background: #41A1BE; } .page-facilities__metaArea-area.olympia { background: #003D69; } .page-facilities__metaArea-iconArea { display: flex; align-items: center; gap: 10px; } .page-facilities__metaArea-iconArea .icon { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; } .page-facilities__metaArea-iconArea .icon img { width: 100%; height: auto; } .page-facilities .floortitleArea { display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; } .page-facilities .floortitleArea .iconArea { display: flex; gap: 10px; } .page-facilities .storeName { position: relative; font-size: 2rem; line-height: 1.1; margin-bottom: 30px; } .page-facilities .storeName .iconArea { position: absolute; top: -5px; bottom: 0; right: 0; margin: auto; display: flex; gap: 10px; } .page-facilities .c-box__contents--grayBox { padding: 30px; margin-bottom: 30px; } .page-facilities .c-box__contents--grayBox .imageText { display: flex; align-items: center; gap: 30px; margin-bottom: 20px; } .page-facilities .c-box__contents--grayBox .imageText img { width: 50%; height: auto; } .page-facilities .c-box__contents--grayBox .imageText .name { width: 50%; font-size: 2rem; line-height: 1.1; margin-bottom: unset; } @media screen and (max-width: 600px) { .page-facilities .c-box__contents--grayBox .imageText { flex-direction: column; gap: 20px; } .page-facilities .c-box__contents--grayBox .imageText img { width: 100%; } .page-facilities .c-box__contents--grayBox .imageText .name { width: 100%; } } .page-facilities .c-box__contents--grayBox .caption { font-size: 1.2rem; line-height: 1.3; margin-bottom: unset; } .page-facilities .c-tab__content { padding: 35px 25px; } .page-facilities #sec04 th, .page-facilities #sec05 th { width: 130px; } .page-facilities #sec04 td, .page-facilities #sec05 td { width: calc(100% - 130px); } @media screen and (max-width: 600px) { .page-facilities #sec04 .c-table, .page-facilities #sec05 .c-table { width: 500px; } .page-facilities #sec04 .c-table th, .page-facilities #sec05 .c-table th { width: 130px; } .page-facilities #sec04 .c-table td, .page-facilities #sec05 .c-table td { width: auto; } } .page-facilities #sec04 .credit, .page-facilities #sec05 .credit { position: relative; display: flex; flex-wrap: wrap; gap: 3px; width: calc(100% + 1px); } .page-facilities #sec04 .creditItem, .page-facilities #sec05 .creditItem { width: calc(25% - 3px); background-color: white; border-radius: 3px; } .page-facilities #sec04 .creditItem img, .page-facilities #sec05 .creditItem img { width: 100%; height: auto; } .page-facilities #sec04 .c-box__contents, .page-facilities #sec05 .c-box__contents { border: solid 1px #BBBACC; padding: 40px; margin-bottom: 35px; } @media screen and (max-width: 600px) { .page-facilities #sec04 .c-box__contents, .page-facilities #sec05 .c-box__contents { padding: 20px; } } .page-facilities #sec04 .c-box__contents:last-of-type, .page-facilities #sec05 .c-box__contents:last-of-type { margin-bottom: unset; } .c-box__subcontentsArea { display: flex; flex-wrap: wrap; gap: 20px; } .c-box__subcontentsArea .c-box__subcontent-item { display: flex; flex-direction: column; gap: 20px; width: calc(50% - 20px); height: -moz-fit-content; height: fit-content; border: solid 1px #BBBACC; padding: 30px; border-radius: 10px; } .c-box__subcontentsArea .c-box__subcontent-item .title { font-size: 2rem; text-align: center; margin-bottom: unset; line-height: 1.2; } .c-box__subcontentsArea .c-box__subcontent-item .caption { font-size: 1.2rem; line-height: 1.3; margin-bottom: unset; } @media screen and (max-width: 600px) { .page-facilities .c-box__subcontentsArea { flex-direction: column; gap: 20px; } .page-facilities .c-box__subcontentsArea .c-box__subcontent-item { width: 100%; } } @media screen and (max-width: 600px) { .page-facilities .floortitleArea { align-items: unset; gap: 10px; flex-direction: column; } } @media screen and (max-width: 600px) { .page-facilities .floortitleArea .iconArea { flex-wrap: wrap; } } @media screen and (max-width: 600px) { .page-facilities .storeName .iconArea { margin-top: 5px; position: unset; } } @media screen and (max-width: 600px) { .page-facilities .c-box__contents .c-button { min-width: unset; } } @media screen and (max-width: 600px) { .page-facilities .c-box__contents--textArea h3 { margin-bottom: 0.5em; } } .page-facilities #sec03 .c-scroll-indicator, .page-facilities #sec02 .c-scroll-indicator { display: none; } .page-access #sec01 h3 { margin-bottom: 50px; } .page-access #sec01 .u-map { margin-bottom: 10px; } .page-access #sec01 table th { width: 140px; } .page-access #sec01 table td { width: calc(100% - 140px); } .page-access #sec01 table td.flex { display: flex; width: calc(100% + 1px); align-items: center; gap: 10px; position: relative; } @media screen and (max-width: 600px) { .page-access #sec01 table td.flex { flex-wrap: wrap; width: 401px !important; } } @media screen and (max-width: 600px) { .page-access #sec01 table td { width: 400px !important; } } .page-access #sec01 .googleMap { display: flex; justify-content: center; align-items: center; width: -moz-fit-content; width: fit-content; background-color: #0654DD; padding: 9px 20px; border-radius: 5px; gap: 5px; } .page-access #sec01 .googleMap svg { width: 10px; height: 12px; fill: #0654DD; } .page-access #sec01 .googleMap svg path { fill: white; } .page-access #sec01 .googleMap span { font-size: 1.4rem; font-weight: 600; color: white; text-decoration: underline; } .page-access #sec01 .locationBlock a { color: #333; text-decoration: underline; } .page-access #sec01 .locationBlock:first-of-type { margin-bottom: 15px; } .page-access #sec01 .locationBlock .title { font-size: 1.6rem; font-weight: 700; margin-bottom: 10px; } .page-access #sec01 .locationBlock .line { display: flex; align-items: center; gap: 25px; } @media screen and (max-width: 600px) { .page-access #sec01 .locationBlock .line { flex-wrap: wrap; } } .page-access #sec01 .locationBlock .item { display: flex; align-items: center; gap: 15px; } .page-access #sec01 .locationBlock span { font-size: 1.4rem; font-weight: 400; } .page-access__youtube { max-width: 600px; width: 100%; height: auto; margin: auto; } .page-access__youtube iframe { width: 100%; height: auto; aspect-ratio: 16/9; } .page-access__organizerArea { color: white; background-image: url(../images/access/bg-organizer.webp); background-size: cover; background-position: center; border-radius: 10px; padding: 40px; } .page-access__organizerArea a { color: white; text-decoration: underline; } .page-access__organizerArea-title { font-size: 2.8rem !important; font-weight: 400; width: -moz-fit-content; width: fit-content; padding: 25px; margin: 0 auto 25px !important; border-bottom: 1px solid #BBBACC; } @media screen and (max-width: 600px) { .page-access__organizerArea-title { font-size: 1.8rem !important; padding: 0 0 15px; } } .page-access__organizerArea-item { display: flex; align-items: center; max-width: 600px; width: 100%; margin: 0 auto 5px; } .page-access__organizerArea-item .label { font-weight: 700; } .page-access__organizerArea-item .value { font-size: 1.6rem; line-height: 1.2; } .page-access__organizerArea-item .value a { color: white; text-decoration: underline; } @media screen and (max-width: 600px) { .page-access__organizerArea-item { flex-direction: column; align-items: flex-start; gap: 5px; } } .page-access .rootBlock { display: flex; justify-content: space-between; margin-bottom: 30px; } .page-access .rootBlock span { line-height: 1.2; } @media screen and (max-width: 600px) { .page-access .rootBlock { flex-direction: column; } } .page-access .rootBlock:last-of-type { margin-bottom: unset; } .page-access .rootItem { flex: 1; width: auto; height: 110px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 7px; text-align: center; background-color: #D6DEE8; } .page-access .rootItem.Blue { color: white; background-color: #577CBD; } @media screen and (max-width: 600px) { .page-access .rootItem { padding: 30px; } } .page-access .timeItem { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 20px; flex: 1; } @media screen and (max-width: 600px) { .page-access .timeItem { padding: 50px; } } .page-access .timeItem .blue { margin-top: 1em; color: #0654DD; } .page-access .timeItem:before, .page-access .timeItem:after { content: ""; position: absolute; top: 0; bottom: 0; width: 20px; margin: auto; } @media screen and (max-width: 600px) { .page-access .timeItem:before, .page-access .timeItem:after { transform: rotate(90deg); left: 0; right: 0; margin: auto; } } .page-access .timeItem:before { background-color: #333; height: 1px; left: 0; } @media screen and (max-width: 600px) { .page-access .timeItem:before { top: 10px; bottom: unset; } } .page-access .timeItem:after { right: 0; background-image: url(../images/access/icon-arrow.svg); background-size: cover; background-position: center; height: 5px; } @media screen and (max-width: 600px) { .page-access .timeItem:after { bottom: 7px; top: unset; } } .page-access .timeSchedule { border: 1px solid #BBBACC; border-radius: 10px; padding: 40px; gap: 30px !important; } @media screen and (max-width: 600px) { .page-access .timeSchedule { padding: 30px; } } .page-access .timeSchedule .title { font-size: 2rem; margin-bottom: 10px; } .page-access .timeSchedule .list { display: flex; flex-wrap: wrap; gap: 15px 10px; } .page-access .timeSchedule .list .top2023-c-btn { width: calc(50% - 5px); } @media screen and (max-width: 600px) { .page-access .timeSchedule .list .top2023-c-btn { width: 100%; min-width: unset; } } .page-access .timeSchedule .list .top2023-c-btn .c-button { width: 100%; } @media screen and (max-width: 600px) { .page-access .timeSchedule .list .top2023-c-btn .c-button { min-width: unset; } } .page-access .timetableBlock .timetableBlock__title { font-size: 2rem; margin-bottom: 20px; } .page-access .timetableBlock .timetableBlock__list { display: flex; align-items: end; gap: 15px; } .page-access .timetableBlock .timetableBlock__list:first-of-type { margin-bottom: 30px; } @media screen and (max-width: 600px) { .page-access .timetableBlock .timetableBlock__list { overflow-x: scroll; padding-bottom: 30px; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .page-access .timetableBlock .timetableBlock__list::-webkit-scrollbar { display: none; } } .page-access .timetableBlock .timetableBlock__item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(12.5% - 13px); line-height: 1.2; flex: none; } @media screen and (max-width: 600px) { .page-access .timetableBlock .timetableBlock__item { width: -moz-max-content; width: max-content; } } .page-access .timetableBlock .timetableBlock__item .time { font-size: 1.4rem; margin-bottom: 5px; text-align: center; } .page-access .timetableBlock .timetableBlock__item .areaName { position: relative; display: flex; width: 100%; height: auto; justify-content: center; align-items: center; text-align: center; aspect-ratio: 3/4; background-color: #D6DEE8; border-radius: 7px; padding: 5px; } .page-access .timetableBlock .timetableBlock__item .areaName.blue { background-color: #577CBD; color: white; } .page-access .timetableBlock .timetableBlock__item .areaName.transparent { background-color: transparent; } .page-access .timetableBlock .timetableBlock__item .areaName.transparent:after { right: -15px; width: 20px; background-color: unset; background-image: url(../images/access/icon-arrow.svg); background-size: cover; background-position: center; height: 5px; } @media screen and (max-width: 600px) { .page-access .timetableBlock .timetableBlock__item .areaName { aspect-ratio: unset; padding: 10px; } } .page-access .timetableBlock .timetableBlock__item .areaName:after { content: ""; position: absolute; top: 0; bottom: 0; right: -15px; margin: auto; width: 15px; height: 1px; background-color: #333; } .page-access .timetableBlock .timetableBlock__item:last-of-type .areaName:after { display: none; } .page-access .map .title { font-size: 2rem; margin-bottom: 10px; } @media screen and (max-width: 600px) { .page-access .map iframe { width: 100%; } } .page-access #sec03 .c-box__contents-block { margin-bottom: unset; gap: 50px; } .page-access #sec03 strong { display: block; font-size: 2.4rem; margin-bottom: -20px; } .page-access #sec04 .expressBus { margin-bottom: unset; } .page-access #sec04 .expressBus p { margin-bottom: 30px; } .page-access #sec04 .expressBus p:first-of-type { font-size: 2rem; line-height: 1.2; } .page-access #sec04 .expressBus p:nth-of-type(2) { position: relative; padding-left: 1em; } .page-access #sec04 .expressBus p:nth-of-type(2)::before { content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background-color: #0654DD; } @media screen and (max-width: 600px) { .page-access #sec04 .rootBlock { margin-bottom: 30px; } } .page-access__organizerArea-caption { font-size: 1.6rem; max-width: 600px; width: 100%; margin: 0 auto 30px; line-height: 1.2; } @media screen and (max-width: 600px) { .page-access__organizerArea-caption { margin-bottom: 20px; } } @media screen and (max-width: 600px) { .page-access .rootScrollArea { margin-bottom: 30px; overflow-x: scroll; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .page-access .rootScrollArea::-webkit-scrollbar { display: none; } .page-access .rootScrollArea .rootBlock { flex-direction: unset; width: -moz-max-content; width: max-content; } .page-access .rootScrollArea .rootItem { width: 130px; padding: 15px; height: 100px; } .page-access .rootScrollArea .timeItem { width: 130px; padding: 15px; height: 100px; text-align: center; } .page-access .rootScrollArea .timeItem:before, .page-access .rootScrollArea .timeItem:after { transform: unset; top: 0; bottom: 0; } .page-access .rootScrollArea .timeItem:before { left: 0; right: unset; } .page-access .rootScrollArea .timeItem:after { right: 0; left: unset; } } @media screen and (max-width: 600px) { .page-access .timeScrollArea { margin-bottom: 30px; overflow-x: scroll; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .page-access .timeScrollArea::-webkit-scrollbar { display: none; } } @media screen and (max-width: 600px) { .page-access #sec05 h3 { margin-bottom: 15px; } } @media screen and (max-width: 600px) { .page-access .u-tab .c-scroll-indicator { display: none; } } @media screen and (max-width: 600px) { .page-access .c-box__contents-block .c-scroll-indicator { margin: -20px 0 0; } } @media screen and (max-width: 600px) { .page-access .c-box__contents--grayBox .c-scroll-indicator { margin: -20px 0 30px; } } @media screen and (max-width: 600px) { .page-access .timetableBlock .c-scroll-indicator { margin: -60px 0 20px; } } @media screen and (max-width: 600px) { .page-access .cancelPolicy p { margin-bottom: 1em; } } .page-access .faretable p { margin-top: 1em; } @media screen and (max-width: 600px) { .page-access .faretable { margin-bottom: -40px; } } .page-access .c-box__contents--grayBox.train .rootBlock { margin-bottom: 1em !important; } .page-access .c-box__contents.bus-box .u-p.u-mb30 { font-size: 2rem; margin-bottom: 30px; } .page-access #sec04 .fare-title { padding-bottom: 20px; border-bottom: 1px solid #BBBACC; margin-bottom: -20px; } .page-privacypolicy p, .page-privacypolicy li { font-size: 1.7rem; } .page-privacypolicy .revisiondate { display: flex; justify-content: end; } .page-privacypolicy .revisiondate p { margin-bottom: unset; } .page-safety p, .page-safety li { font-size: 1.7rem; } .page-safety h3 { margin-bottom: 50px; } .page-customerharassmentpolicy p, .page-customerharassmentpolicy li { font-size: 1.7rem; } .page-customerharassmentpolicy .revisiondate { display: flex; justify-content: end; } .page-customerharassmentpolicy .revisiondate p { margin-bottom: unset; } .page-customerharassmentpolicy strong { font-size: 1.8rem; } .page-commercial p, .page-commercial li { font-size: 1.7rem; } .page-commercial .revisiondate { display: flex; justify-content: end; } .page-commercial .revisiondate p { margin-bottom: unset; } @media screen and (max-width: 600px) { .page-tickets #lift .c-box__contents-flexArea { flex-wrap: wrap; } .page-tickets #lift .c-box__contents-flexArea .c-box__contents-flexArea__item { width: calc(33.3333333333% - 7px); flex: unset; } } .page-tickets #lift .c-tab__content-item .c-table { table-layout: fixed !important; width: 100% !important; } .page-tickets #lift .c-tab__content-item .c-table td, .page-tickets #lift .c-tab__content-item .c-table th { box-sizing: border-box; padding: 20px 0; white-space: normal !important; } .page-tickets #lift .c-tab__content-item .c-table small { color: #333; } .page-tickets #lift .c-tab__content-item .c-table thead tr:first-child th:first-child { width: 30% !important; } .page-tickets #lift .c-tab__content-item .c-table thead tr:first-of-type th { border-bottom: 1px solid white; } .page-tickets #lift .c-tab__content-item .c-table thead tr:first-of-type th:first-of-type { border-bottom: unset; } .page-tickets #lift .c-tab__content-item .c-table thead tr:nth-child(2) th { width: 8.75% !important; } .page-tickets #lift .c-tab__content-item .c-table tbody tr:nth-of-type(even) th { background-color: #F7F7F7; } .page-tickets #lift .c-tab__content-item .c-table tbody tr:nth-of-type(odd) th { background-color: white; } .page-tickets #lift .c-tab__content-item .c-table tbody tr th { width: 30% !important; text-align: left; padding: 0 15px; border-right: 1px solid #BBBACC; } .page-tickets #lift .c-tab__content-item .c-table tbody tr th span { color: #0F2846; } .page-tickets #lift .c-tab__content-item .c-table tbody tr td { width: 8.75% !important; } .page-tickets #lift .c-tab__content-item .c-table tbody tr td .is-blue { color: #0654DD; font-weight: bold; } @media screen and (max-width: 600px) { .page-tickets #lift .c-tab__content-item .c-table { table-layout: auto !important; } } .page-tickets #liftSchedule thead th:nth-of-type(1) { width: 19.5%; } .page-tickets #liftSchedule thead th:nth-of-type(2) { width: 19.5%; } .page-tickets #liftSchedule thead th:nth-of-type(3) { width: 19.5%; } .page-tickets #liftSchedule thead th:nth-of-type(4) { width: 41.5%; } .page-tickets #liftSchedule tbody tr td:last-of-type { text-align: left; } .page-tickets .c-box__contents-flexArea { margin-top: unset; } @media screen and (max-width: 600px) { .page-tickets .c-tab__item { width: 140px; } } .page-tickets h4 small { font-size: 1.4rem; margin-left: 1em; } @media screen and (max-width: 600px) { .page-tickets h4 small { display: block; margin-left: 0; margin-top: 1em; } } @media screen and (max-width: 600px) { .page-tickets .c-tab__content .c-scroll-indicator { width: 100%; display: block; } } @media screen and (max-width: 600px) { .page-tickets .top2023-c-btn.-grad { width: 100%; } } .page-rentals #sec01 .c-table { margin-bottom: 50px; } .page-rentals #sec01 .c-table th:nth-of-type(1) { width: 35%; } .page-rentals #sec01 .c-table th:nth-of-type(2) { width: 65%; } @media screen and (max-width: 600px) { .page-rentals #sec01 .c-table--scroll { margin-bottom: 30px; } .page-rentals #sec01 .c-table { margin-bottom: unset; } .page-rentals #sec01 .c-table th { width: 170px !important; } .page-rentals #sec01 .c-table td { width: 300px !important; } } .page-rentals #sec01 h5 { font-size: 2rem; font-weight: 400; margin-bottom: 30px; } .page-rentals #sec02 .c-box__contents-flexArea__item .head { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; } .page-rentals #sec02 .c-box__contents-flexArea__item img { width: 135px; } .page-rentals #sec02 .c-box__contents-flexArea__item .name { font-size: 1.6rem; line-height: 1; letter-spacing: -0.015em; margin-bottom: unset; } .page-rentals #sec02 .c-box__contents-flexArea__item .caption { font-size: 1.2rem; line-height: 1.2; margin-bottom: unset; } .page-rentals #sec02 .c-box__contents-flexArea { flex-direction: column; margin-bottom: 50px; } .page-rentals #sec03 h3 { margin-bottom: 50px; } @media screen and (max-width: 600px) { .page-rentals #sec03 h3 { margin-bottom: 30px; } } .page-rentals #sec03 .c-box__contents--border { padding: 0px 5px; margin-bottom: 30px; } @media screen and (max-width: 600px) { .page-rentals #sec03 .c-box__contents--border { margin-bottom: 30px; } } .page-rentals #sec03 .c-box__contents--border:last-of-type { margin-bottom: unset; } .page-rentals #sec03 .c-table thead tr:first-of-type th { border-bottom: 1px solid white; } .page-rentals #sec03 .c-table thead tr:first-of-type th:first-of-type { border-bottom: unset; } .page-rentals #sec03 .transparent { border-bottom: 1px solid #BBBACC !important; } .page-rentals #sec04 h3 { margin-bottom: 50px; } @media screen and (max-width: 600px) { .page-rentals #sec04 h3 { margin-bottom: 30px; } } .page-rentals #sec04 .transparent { border-bottom: 1px solid #BBBACC !important; } .page-rentals #sec04 thead tr:first-of-type th { border-bottom: 1px solid white; } .page-rentals #sec05 .transparent { border-bottom: 1px solid #BBBACC !important; } .page-rentals #sec05 tr th { padding: 10px 0; text-align: center; } .page-rentals #sec05 tr th:first-of-type { padding: unset; width: 95px; } .page-rentals #sec05 tr td { letter-spacing: 0; } .page-rentals #sec05 tr td:first-of-type { padding: unset; width: 95px; } .page-rentals #sec07 th { white-space: unset; } @media screen and (max-width: 600px) { .page-rentals #sec07 th { width: 300px; } } @media screen and (max-width: 600px) { .page-rentals #sec07 td { width: 300px; } } .page-rentals .u-center img { margin: auto; } .page-rentals .itemArea { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px; } .page-rentals .itemArea .item { display: flex; align-items: center; gap: 5px; padding: 2px 5px; border: 1px solid #1D1D1D; } .page-rentals .itemArea .item img { width: 15px; height: 15px; } .page-rentals .itemArea .item span { font-size: 1rem; line-height: 1; letter-spacing: 0; font-weight: 400; } .page-rentals .itemArea .mark { display: flex; align-items: center; justify-content: center; width: 10px; height: 10px; } .page-rentals .itemArea.left { justify-content: left; } .page-rentals #sec02 .c-table__caution { margin-top: unset; text-align: right; } .page-rentals #sec02 thead tr:first-of-type th { border-bottom: 1px solid white; } .page-rentals #sec02 thead .transparent { border-bottom: 1px solid #BBBACC !important; } .page-rentals #sec08 .c-table th.transparent { border-bottom: 1px solid #BBBACC !important; } .page-rentals #sec08 .c-table thead tr th { border-bottom: 1px solid white; } .page-rentals #sec08 .c-table thead tr th:first-of-type { border-bottom: 1px solid transparent; } .page-rentals #sec08 .c-box__contents-block { margin-bottom: unset; } @media screen and (max-width: 600px) { .page-rentals .performancetable { margin-bottom: -20px; } } .page-rentals #sec08 .c-box__contents--grayBox { gap: unset; } .page-thanks h3 { font-size: 4rem; font-weight: 400; letter-spacing: -0.015em; text-align: center; } .page-thanks p { font-size: 1.4rem; line-height: 1.66; text-align: center; } .page-thanks .c-buttonArea { align-items: center; } .page-thanks .c-button { min-width: 415px; } @media screen and (max-width: 600px) { .page-thanks .c-button { min-width: unset; width: 100%; } } .page-lessons #sec01 .c-table--horizontal tbody th { width: 165px; } .page-lessons #sec01 .c-table--horizontal tbody td { width: calc(100% - 165px); } @media screen and (max-width: 600px) { .page-lessons #sec01 .c-table:nth-of-type(1) th { width: 170px; } .page-lessons #sec01 .c-table:nth-of-type(1) td { width: 300px; } .page-lessons #sec01 .c-table:nth-of-type(2) th { width: 220px; } .page-lessons #sec01 .c-table:nth-of-type(2) td { width: 220px; } } @media screen and (max-width: 600px) { .page-lessons #sec02:nth-of-type(1) th { width: 170px; } .page-lessons #sec02:nth-of-type(1) td { width: 300px; } .page-lessons #sec02:nth-of-type(2) th { width: 220px; } .page-lessons #sec02:nth-of-type(2) td { width: 220px; } .page-lessons #sec02:nth-of-type(3) th { width: 170px; } .page-lessons #sec02:nth-of-type(3) td { width: 300px; } } .page-lessons #sec02 .pricetable th { width: 165px; } .page-lessons #sec02 .skiprivate thead th { width: calc(100% - 175px)/2; } .page-lessons #sec02 .skiprivate thead th:first-of-type { width: 175px; } .page-lessons #sec02 .snowboardprivate thead th { width: calc(100% - 175px)/2; } .page-lessons #sec02 .snowboardprivate thead th:first-of-type { width: 175px; } .page-lessons #request { color: #fff; background-image: url(../images/lessons/bg-request.webp); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px 130px; gap: unset; } @media screen and (max-width: 600px) { .page-lessons #request { padding: 30px; width: calc(100% - 40px); } } .page-lessons #request a { color: white; text-decoration: underline; } .page-lessons #request .request-title { font-size: 2.8rem; line-height: 1; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-align: center; } .page-lessons #request .request-list { padding: 0 80px; } .page-lessons #request .request-list li { font-size: 1.8rem; line-height: 1.66; } .page-lessons #request .request-list li span { font-weight: bold; } @media screen and (max-width: 600px) { .page-lessons #request .request-list { padding: 0 20px; } } @media screen and (max-width: 600px) { .page-lessons #lessons .sp_column .c-table--scroll { margin-bottom: -30px; } } .page-beforebooking p, .page-beforebooking li { font-size: 1.7rem; } .page-beforebooking #sec01 th { width: 175px; letter-spacing: 0; } .page-beforebooking .c-box--conversion .top2023-c-btn { width: 50%; } .page-beforebooking .c-box--conversion .c-buttonArea { width: 100%; } @media screen and (max-width: 600px) { .page-beforebooking .c-box--conversion .c-buttonArea { flex-direction: column; gap: 15px; } } .page-beforebooking .c-box--conversion .c-button { width: 100%; justify-content: center; } .page-beforebooking .c-box--conversion .c-button .c-button__text { color: #0654DD; } .page-beforebooking .c-box--conversion .c-button:hover .c-button__text { color: white; } @media screen and (max-width: 600px) { .page-rfid #sec02 .c-tab__content h3 { margin-bottom: 30px; } } @media screen and (max-width: 600px) { .page-rfid #sec02 .u-tab .c-scroll-indicator { display: none; } } .page-rfid #sec02 .u-tab .c-box__contents-block .c-scroll-indicator { display: block; margin-top: -20px; } @media screen and (max-width: 600px) { .page-rfid .c-box--conversion { width: 100%; } } .page-rfid .c-box--conversion .c-button { border: transparent; } .page-liftterms p, .page-liftterms li { font-size: 1.7rem; } @media screen and (max-width: 600px) { .page-liftterms .c-lowerMv h1 { font-size: 4.2rem; } } .page-resortrules p, .page-resortrules li { font-size: 1.7rem; } .header-2023-language { gap: 10px; } .header-2023-language #flags { display: none; } .goog-te-gadget span:not(.goog-te-combo) { display: none; } .goog-te-gadget select.goog-te-combo { display: block !important; } .header-2023-weather a { display: flex; flex-direction: column; align-items: center; } @media screen and (max-width: 600px) { #google_language_translator select.goog-te-combo { width: 90px !important; } } #glt-translate-trigger { display: none; } .p-menulist-2023__parent__icon { width: 30px; height: 18px; } .p-menulist-2023__parent__icon:after { content: ""; display: block; position: absolute; bottom: 15px; right: 12px; width: 100%; height: 100%; background: url(../../images/top2023/arrow-blue.svg) bottom right no-repeat; background-size: contain; transform: unset; } @media screen and (max-width: 600px) { .p-menulist-2023__parent__icon:after { bottom: 0px; top: unset; } } .p-menulist-2023__parent__icon:before { display: none; } @media screen and (max-width: 600px) { .footer-2023-menulist .p-menulist-2023__parent__icon::before, .footer-2023-menulist .p-menulist-2023__parent__icon::after { background-color: unset; background: url(../../images/top2023/arrow-border.svg) bottom right no-repeat; } } .p-menulist-2023__parent a { position: relative; display: block; padding: 10px 0 15px; font-size: 16px; font-weight: 900; line-height: 1; color: #0654DD; border-bottom: 1px solid #0F2846; } .l-header-2023 .language-wrapper, .l-header-2023 #google_language_translator { cursor: pointer; position: relative; display: flex; width: 140px; margin-left: 10px; justify-content: center; align-items: center; font-size: 1.2rem; border-radius: 3px; border: 1px solid #A8C4D6; background: #E9F3FB; } .l-header-2023 .language-wrapper::before, .l-header-2023 #google_language_translator::before { content: ""; position: absolute; display: block; top: 10px; right: 7px; width: 5px; height: 5px; border-bottom: 1px solid #0F2846; border-right: 1px solid #0F2846; transform: rotate(45deg); } .l-header-2023 .language-wrapper select, .l-header-2023 #google_language_translator select { width: 100%; text-align: center; } .l-header-2023 .language-wrapper select.goog-te-combo, .l-header-2023 #google_language_translator select.goog-te-combo { width: auto; background: transparent !important; padding: unset !important; border: unset !important; } .l-header-2023 .p-menulist-2023__parent { position: relative; } .l-header-2023 .p-menulist-2023__parent::after { content: ""; position: absolute; bottom: 15px; right: 5px; width: 27px; height: 16px; background-size: contain; background-image: url(../../images/top2023/arrow-blue.svg); background-repeat: no-repeat; } @media screen and (max-width: 600px) { .l-header-2023 .p-menulist-2023__parent::after { display: none; } } .l-header-2023 .gnav2023__child .gnav2023__child__ttl__main::after { display: none; } @media screen and (max-width: 600px) { .header-2023-language p { font-size: 1rem; letter-spacing: 0; } } @media screen and (max-width: 600px) { .header-2023-language .google_language_translator { width: 80px !important; } } @media screen and (max-width: 600px) { .l-header-2023 .header-2023-bnrlist { display: flex; justify-content: space-between; } .l-header-2023 .header-2023-bnrlist li { width: calc(50% - 7px); } } .l-footer-2023 { padding-bottom: 120px; z-index: 5; } @media screen and (max-width: 600px) { .l-footer-2023 { padding-bottom: 80px; } } .footer-2023-top__info address a { position: relative; font-weight: bold; margin-left: 1em; } .footer-2023-top__info address a.map::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: -15px; width: 10px; height: 12px; background-image: url("../../assets/images/common/icon-map.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; } .p-menulist-2023__parent__item > a::after { right: 0; } .page-template-default.page .l-footer-2023 { background-color: unset; } .page-template-default.page .l-footer-2023::before { position: absolute; top: 200px; left: 0; width: 100%; height: calc(100% - 200px); background-color: #0f2846; } .footer-2023-menulist .p-menulist-2023__parent a { color: #fff; border-bottom: 1px solid #fff; letter-spacing: 0; } .l-footer-2023 .p-menulist-2023__parent { position: relative; } .l-footer-2023 .p-menulist-2023__parent::after { content: ""; position: absolute; bottom: 15px; right: 5px; width: 27px; height: 16px; background-size: contain; background-image: url(../../images/top2023/arrow-border.svg); background-repeat: no-repeat; } @media screen and (max-width: 600px) { .l-footer-2023 .p-menulist-2023__parent::after { display: none; } } @media screen and (max-width: 600px) { .l-footer-2023 a img { width: 195px; height: auto; } } @media screen and (max-width: 600px) { .l-footer-2023 .footer-2023-bnrlist { display: flex; justify-content: space-between; } .l-footer-2023 .footer-2023-bnrlist li { width: calc(50% - 7px); } } @media screen and (min-width: 601px) { .u-sp { display: none !important; } } @media screen and (max-width: 600px) { .u-pc { display: none !important; } } .u-h3 { position: relative; font-size: 3rem; font-weight: 400; letter-spacing: -0.015em; line-height: 1; padding-left: 15px; } .u-h3:before { position: absolute; content: ""; display: block; left: 0; top: 0; bottom: 0; margin: auto; width: 2px; height: 90%; background: #0654DD; } .u-h3 span { display: inline-block; font-size: 2rem; font-weight: 400; letter-spacing: -0.015em; line-height: 1.3; } .u-h3 small { font-size: 1.2rem; margin-left: 10px; } .u-h4 { font-size: 2rem; font-weight: 400; letter-spacing: -0.015em; line-height: 1; } .u-a { color: #0654DD; text-decoration: underline; } .u-a:hover { opacity: 0.7; } .u-p { font-size: 1.4rem; font-weight: 400; letter-spacing: -0.015em; line-height: 1.6; } .u-ul { padding-left: 1em; } .u-ul li { position: relative; } .u-ul li:before { content: ""; display: block; width: 6px; height: 6px; background: #0654DD; border-radius: 50%; position: absolute; left: -1em; top: 0.6em; } .u-ul--number li { list-style: decimal; padding-left: 0.5em; margin-left: 1em; } .u-ul--number li::marker { font-size: 1.6rem; font-weight: bold; color: #0654DD; } .u-ul--number li:before { display: none; content: ""; } .u-ul a { color: #0654DD; text-decoration: underline; } .u-ul--dot li { list-style: disc; } .u-strong { font-weight: 700; } .u-link { color: #0654DD; font-weight: 400; letter-spacing: 0.015em; } .u-link--underline { text-decoration: underline !important; } .u-buttonArea { display: flex; gap: 15px; } .u-buttonArea--vertical { flex-direction: column; } .u-buttonArea--center { margin: 0 auto; } .u-tableArea { width: 100%; } .u-grayBoxArea { display: flex; flex-direction: column; gap: 30px; margin-bottom: 50px; } .u-tab { width: 100%; overflow-x: hidden; } .u-mb0 { margin-bottom: 0 !important; } .u-mb20 { margin-bottom: 20px; } .u-mb30 { margin-bottom: 30px; } .u-mb50 { margin-bottom: 50px; } .u-mt30 { margin-top: 30px; } .u-left { text-align: left !important; } .u-center { text-align: center !important; } .u-right { text-align: right !important; } .u-hr { width: 100%; height: 1px; background-color: #BBBACC; } .u-map { width: 100%; height: auto; aspect-ratio: 16/6; border-radius: 10px; border: 1px solid #B3B3B3; overflow: hidden; } .u-map iframe { width: 100%; height: 100%; } @media screen and (max-width: 600px) { .u-map { aspect-ratio: 3/2; } } .u-caution { color: #f00; }