@charset "UTF-8"; /*** The new CSS reset - version 1.7.2 (last updated 23.6.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) { all: unset; display: revert; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } * { --header-height: 112px; --percent: 8%; --min-px: 30px; margin: 0; padding: 0; } @media (min-width: 768px) { * { --header-height: 128px; } } html { overflow: auto; font-size: 62.5%; } body { position: relative; min-width: 320px; color: #000; font-family: "Noto Sans JP", sans-serif; font-size: clamp(1.4rem, 1.0655052265rem + 0.6968641115vw, 1.6rem); line-height: 1.7; overflow: hidden; -webkit-text-size-adjust: 100%; letter-spacing: 0.05em; } @supports not (font-size: clamp(14 * 0.1rem, 1.0655052265rem + 0.6968641115vw, 16 * 0.1rem)) { body { font-size: 1.4rem; } } @media (min-width: 768px) { body { min-width: 1080px; font-size: 1.6rem; } } .l-wrapper { overflow: hidden; display: flex; flex-direction: column; min-height: 100lvh; min-height: 100vh; padding-top: var(--header-height); } .l-wrapper main { flex-grow: 1; } body#top .l-wrapper { background-color: #eee; } body#top .l-wrapper main { background-color: #fff; } a { color: inherit; text-decoration: none; transition: all 0.3s ease-in; } @media (min-width: 768px) { @media not all and (pointer: coarse) { a:not([class]):hover { text-decoration: underline; } } } span { font-weight: inherit; } em, strong { font-weight: 700; } img { width: 100%; height: auto; } input, textarea, button { border: none; appearance: none; caret-color: #111450; } input:focus-visible, textarea:focus-visible, button:focus-visible { outline-color: #111450; } @media (max-width: 767.98px) { input, textarea, button { font-size: 1.6rem; } } sup { font-size: 0.7em; vertical-align: super; } /* SP/PC only*/ @media (max-width: 767.98px) { .u-sp { display: block; } } @media (min-width: 768px) { .u-sp { display: none !important; } } @media (max-width: 767.98px) { .u-pc { display: none !important; } } @media (min-width: 768px) { .u-pc { display: block; } } /* link */ .u-link { display: block; transition: opacity 0.3s ease-in; } @media not all and (pointer: coarse) { .u-link:hover { opacity: 0.75; } } .u-zoom { transition: transform 0.3s ease-in; } @media not all and (pointer: coarse) { .u-zoom:hover { transform: scale(1.1); } } *:has(> .u-zoom) { overflow: hidden; } .u-pdf { position: relative; display: block; transition: all 0.3s ease-in; } .u-pdf::before { content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 0.25em; transform: translateY(-1px); vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416.588%22%20height%3D%22512.001%22%20viewBox%3D%220%200%20416.588%20512.001%22%3E%20%3Cg%20id%3D%22pdf-svgrepo-com%22%20transform%3D%22translate(-47.706)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3124%22%20data-name%3D%22%E3%83%91%E3%82%B9%203124%22%20d%3D%22M378.413%2C0h-183.3L185.8%2C9.314%2C57.02%2C138.1l-9.314%2C9.314v278.69A85.991%2C85.991%2C0%2C0%2C0%2C133.6%2C512H378.413a85.988%2C85.988%2C0%2C0%2C0%2C85.881-85.895V85.9A85.984%2C85.984%2C0%2C0%2C0%2C378.413%2C0ZM432.5%2C426.105A54.085%2C54.085%2C0%2C0%2C1%2C378.413%2C480.2H133.6a54.088%2C54.088%2C0%2C0%2C1-54.1-54.091V160.591H163.22a45.08%2C45.08%2C0%2C0%2C0%2C45.077-45.07V31.8H378.413A54.085%2C54.085%2C0%2C0%2C1%2C432.5%2C85.9Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3125%22%20data-name%3D%22%E3%83%91%E3%82%B9%203125%22%20d%3D%22M171.947%2C252.785H143.418c-5.432%2C0-8.686%2C3.533-8.686%2C8.825v73.754c0%2C6.388%2C4.2%2C10.6%2C10.041%2C10.6%2C5.711%2C0%2C9.914-4.21%2C9.914-10.6V312.958a.727.727%2C0%2C0%2C1%2C.824-.817h16.436c20.1%2C0%2C32.188-12.226%2C32.188-29.612C204.136%2C264.871%2C192.182%2C252.785%2C171.947%2C252.785Zm-1.228%2C42.1H155.511a.725.725%2C0%2C0%2C1-.824-.81v-23.23a.726.726%2C0%2C0%2C1%2C.824-.816h15.208c8.42%2C0%2C13.447%2C5.027%2C13.447%2C12.5S179.139%2C294.888%2C170.719%2C294.888Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3126%22%20data-name%3D%22%E3%83%91%E3%82%B9%203126%22%20d%3D%22M250.191%2C252.785H228.323c-5.432%2C0-8.686%2C3.533-8.686%2C8.825v74.843c0%2C5.3%2C3.253%2C8.693%2C8.686%2C8.693h21.868c19.69%2C0%2C31.923-6.249%2C36.81-21.324%2C1.76-5.3%2C2.723-11.681%2C2.723-24.857s-.964-19.557-2.723-24.856C282.113%2C259.034%2C269.881%2C252.785%2C250.191%2C252.785ZM267.856%2C316.9c-2.318%2C7.331-8.965%2C10.459-18.21%2C10.459h-9.23a.727.727%2C0%2C0%2C1-.824-.816V271.393a.727.727%2C0%2C0%2C1%2C.824-.817h9.23c9.245%2C0%2C15.892%2C3.128%2C18.21%2C10.46.95%2C3.128%2C1.62%2C8.56%2C1.62%2C17.93S268.8%2C313.768%2C267.856%2C316.9Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3127%22%20data-name%3D%22%E3%83%91%E3%82%B9%203127%22%20d%3D%22M361.167%2C252.785H316.355c-5.432%2C0-8.7%2C3.533-8.7%2C8.825v73.754c0%2C6.388%2C4.218%2C10.6%2C10.055%2C10.6%2C5.7%2C0%2C9.914-4.21%2C9.914-10.6V309.013a.715.715%2C0%2C0%2C1%2C.81-.81H354.52c5.837%2C0%2C9.23-3.532%2C9.23-8.56s-3.393-8.553-9.23-8.553H328.434a.717.717%2C0%2C0%2C1-.81-.817V270.848a.716.716%2C0%2C0%2C1%2C.81-.816h32.733c5.572%2C0%2C9.245-3.666%2C9.245-8.553C370.411%2C256.45%2C366.738%2C252.785%2C361.167%2C252.785Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } @media not all and (pointer: coarse) { .u-pdf:hover { text-decoration: underline; } } /* layout */ .u-inner { box-sizing: border-box; width: 100%; padding-left: min(var(--percent), var(--min-px)); padding-right: min(var(--percent), var(--min-px)); } @media (max-width: 359.98px) { .u-inner { --percent: 5.33%; --min-px: 20px; } } @media (min-width: 480px) and (max-width: 767.98px) { .u-inner { max-width: 500px; margin: auto; } } @media (min-width: 768px) { .u-inner { max-width: 1080px; margin: auto; } } @media (min-width: 1080px) { .u-inner { padding-left: 0; padding-right: 0; } } .u-bg-gray { background-color: #eee; } .u-bg-white { background-color: #fff; } .u-center { --mx: auto; --my: auto; margin: var(--my) var(--mx); } img.u-center { display: block; } /* font */ .u-uppercase { text-transform: uppercase; } .u-capitalize { text-transform: capitalize; } .u-en { font-family: "Lato", sans-serif; font-weight: 700; } .u-marker { background-color: #ffef6c; } /* slick */ .slick-next, .slick-prev { position: absolute; z-index: 1000; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: no-repeat center/contain; } @media (min-width: 768px) { .slick-next, .slick-prev { width: 24px; height: 24px; cursor: pointer; } } .slick-next { right: -15px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.652%22%20height%3D%2233.941%22%20viewBox%3D%220%200%2019.652%2033.941%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1314%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201314%22%20transform%3D%22translate(-2918.376%203475.43)%20rotate(-135)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_624%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20624%22%20width%3D%223.793%22%20height%3D%2224%22%20transform%3D%22translate(368%204499)%22%20fill%3D%22%232b5891%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_625%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20625%22%20width%3D%223.793%22%20height%3D%2224%22%20transform%3D%22translate(392%204519.208)%20rotate(90)%22%20fill%3D%22%232b5891%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (min-width: 768px) { .slick-next { right: 0; } } .slick-prev { left: -15px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.652%22%20height%3D%2233.941%22%20viewBox%3D%220%200%2019.652%2033.941%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1313%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201313%22%20transform%3D%22translate(2938.029%20-3441.489)%20rotate(45)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_624%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20624%22%20width%3D%223.793%22%20height%3D%2224%22%20transform%3D%22translate(368%204499)%22%20fill%3D%22%232b5891%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_625%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20625%22%20width%3D%223.793%22%20height%3D%2224%22%20transform%3D%22translate(392%204519.208)%20rotate(90)%22%20fill%3D%22%232b5891%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (min-width: 768px) { .slick-prev { left: 0; } } .slick-dots li { margin: 0; } .slick-dots li button:before { color: #fff; opacity: 1; font-size: 10px; line-height: 30px; } .slick-dots li.slick-active button:before { color: #111450; opacity: 1; } .js-campaign-slider { display: flex; opacity: 0; transition: opacity 0.3s linear; } .js-campaign-slider.slick-initialized { display: block; opacity: 1; } /* remodal */ .remodal { position: fixed; z-index: 2001; top: 0; left: 0; width: 100%; height: 100lvh; height: 100vh; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.6); opacity: 0; } .remodal-is-opened { opacity: 1; } .remodal-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; } .remodal-iframe { position: relative; width: 100%; padding-top: 56.25%; } .remodal-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .remodal-cancel { position: absolute; bottom: 100%; right: 0; min-width: 40px; height: 40px; padding: 0; background-color: #000; } @media (min-width: 768px) { .remodal { max-width: 100%; } .remodal-in { box-sizing: border-box; max-width: 1230px; margin: auto; padding: 0 75px; } } /* js-image-modal */ .js-image-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 5000; } .js-image-modal__inner { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; padding: var(--header-height); } @media (min-width: 768px) { .js-image-modal__inner { padding: var(--header-height); } .js-image-modal-list { display: flex; max-width: 1080px; height: 100%; } .js-image-modal-item img { object-fit: scale-down; width: 100%; height: 100%; } } .js-image-modal-close { position: absolute; top: var(--header-height); right: 0; width: 47px; height: 47px; border: none; background-color: #000; cursor: pointer; transition: background 0.2s; } .js-image-modal-close::before, .js-image-modal-close::after { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; width: 1em; height: 2px; transform-origin: center; background-color: #fff; pointer-events: none; } .js-image-modal-close::before { transform: translate(-50%, -50%) rotate(45deg); } .js-image-modal-close::after { transform: translate(-50%, -50%) rotate(-45deg); } @media not all and (pointer: coarse) { .js-image-modal-close:hover { background-color: #ef5350; } } .js-image-modal-prev, .js-image-modal-next { position: absolute; top: calc(50% - 20px); width: 12px; height: 18px; background: no-repeat 0 0/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-b136ed7a-34c3-4721-adad-941b7156be62%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.18%2039.51%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-04d0deb9-6d00-4383-abbd-c8c183c2eb22%7Bfill%3A%23fff8e8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22uuid-04d0deb9-6d00-4383-abbd-c8c183c2eb22%22%20points%3D%221.31%2039.51%200%2038%2021.12%2019.76%200%201.51%201.31%200%2024.18%2019.76%201.31%2039.51%22%2F%3E%3C%2Fsvg%3E"); cursor: pointer; transition: opacity 0.2s; } @media not all and (pointer: coarse) { .js-image-modal-prev:hover, .js-image-modal-next:hover { opacity: 0.7; } } @media (min-width: 768px) { .js-image-modal-prev, .js-image-modal-next { width: 24px; height: 39px; } } .js-image-modal-next { right: 10px; } @media (min-width: 768px) { .js-image-modal-next { right: 60px; } } .js-image-modal-prev { left: 10px; transform: scale(-1, 1); } @media (min-width: 768px) { .js-image-modal-prev { left: 60px; } } /* toggle */ .js-toggle-content { display: none; } .js-toggle-btn { --height: 30px; position: relative; height: var(--height); margin: 30px 0; line-height: var(--height); background-color: #111450; font-size: 1.2rem; color: #fff; text-align: center; cursor: pointer; } @media not all and (pointer: coarse) { .js-toggle-btn:hover { opacity: 0.7; } } .js-toggle-btn::after { content: ""; display: inline-block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 1em; height: 1em; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.189%22%20height%3D%225.674%22%20viewBox%3D%220%200%209.189%205.674%22%3E%20%3Cpath%20id%3D%22Icon_material-keyboard-arrow-left%22%20data-name%3D%22Icon%20material-keyboard-arrow-left%22%20d%3D%22M17.675%2C16.36l-3.507-3.515L17.674%2C9.33l-1.08-1.08L12%2C12.845l4.595%2C4.595Z%22%20transform%3D%22translate(-8.25%2017.674)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); transform-origin: center; transition: all 0.3s ease-in; } .js-toggle-btn.is-open::after { transform: translateY(-50%) rotate(180deg); } @media (min-width: 768px) { .js-toggle-btn { --height: 45px; margin: 50px 0; font-size: 1.5rem; } } /* scrollhint */ @media (max-width: 767.98px) { .js-scrollable table { overflow-x: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; min-width: 800px; border-collapse: collapse; } .js-scrollable table.is-small { overflow-x: inherit; } .js-scrollable table.is-small table { min-width: inherit; } .js-scrollable table th, .js-scrollable table td { min-width: calc(4em + 20px); max-width: 400px; font-size: 1.3rem; } .js-scrollable div:not(.scroll-hint-icon-wrap) { overflow-x: auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; min-width: 800px; border-collapse: collapse; } } .js-anime { visibility: hidden; opacity: 0; } .js-anime.is-animated { visibility: visible; opacity: 1; } .js-anime[data-anime=fadeup] { transform: translateY(50px); } .js-anime[data-anime=fadeup].is-animated { visibility: visible; opacity: 1; transform: translateY(0); } .js-anime[data-anime=movein-left] { transform: translateX(-50px); } .js-anime[data-anime=movein-left].is-animated { visibility: visible; opacity: 1; transform: translateX(0); } .js-anime[data-anime=movein-right] { transform: translateX(50px); } .js-anime[data-anime=movein-right].is-animated { visibility: visible; opacity: 1; transform: translateX(0); } .js-anime[data-anime=zoomin] { transform: scale(0.6); transform-origin: center; } .js-anime[data-anime=zoomin].is-animated { visibility: visible; opacity: 1; transform: translateZ(0) scale(1); } .js-anime { transition-property: transform, opacity; transition-duration: 800ms; transition-timing-function: cubic-bezier(0.175, 0.885, 0.35, 1.1); } .js-anime.is-delayed01 { transition-delay: 150ms; } .js-anime.is-delayed02 { transition-delay: 300ms; } .js-anime.is-delayed03 { transition-delay: 450ms; } .js-anime.is-delayed04 { transition-delay: 600ms; } .js-anime.is-delayed05 { transition-delay: 750ms; } .js-anime.is-delayed06 { transition-delay: 900ms; } .js-anime.is-delayed07 { transition-delay: 1050ms; } .js-anime.is-delayed08 { transition-delay: 1200ms; } .js-anime.is-delayed09 { transition-delay: 1350ms; } .js-anime.is-delayed10 { transition-delay: 1500ms; } .js-anime.is-delayed11 { transition-delay: 1650ms; } .js-anime.is-delayed12 { transition-delay: 1800ms; } .js-anime.is-delayed13 { transition-delay: 1950ms; } .js-anime.is-delayed14 { transition-delay: 2100ms; } .js-anime.is-delayed15 { transition-delay: 2250ms; } .js-anime.is-delayed16 { transition-delay: 2400ms; } .js-anime.is-delayed17 { transition-delay: 2550ms; } .js-anime.is-delayed18 { transition-delay: 2700ms; } .js-anime.is-delayed19 { transition-delay: 2850ms; } .js-anime.is-delayed20 { transition-delay: 3000ms; } /* .l-header ================================================ */ .l-header { position: fixed; z-index: 9000; top: 0; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: 50% 50%; width: 100%; height: var(--header-height); background-color: #fff; } .l-header__logo { grid-column: 1; grid-row: 1; box-sizing: border-box; width: 120px; min-height: 56px; padding-top: 8px; padding-left: 18px; } .l-header-nav { grid-column: 1/3; grid-row: 2; } .l-header__flight { width: 130px !important; margin-top: 0 !important; margin-right: 18px !important; align-self: center; } @media (min-width: 768px) { .l-header { grid-template-columns: auto 1fr; grid-column-gap: 20px; } .l-header__logo { width: 188px; min-height: 80px; padding-top: 10px; padding-left: 40px; } .l-header-nav { grid-column: 1/4; } .l-header__flight { width: 180px !important; margin-right: 40px !important; } .l-header__flight a { height: 40px !important; font-size: 1.6rem !important; } } .l-header-links { display: flex; justify-content: center; background-color: rgba(43, 81, 145, 0.1); } @media not all and (pointer: coarse) { .l-header-links__item-btn:hover { cursor: pointer; opacity: 0.7; } } .l-header-links__item.is-open { background-color: #111450; } @media (max-width: 767.98px) { .l-header-links__item { width: 33.3333333333%; } .l-header-links__item:not(:last-of-type) { position: relative; } .l-header-links__item:not(:last-of-type)::after { content: ""; display: inline-block; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #111450; } .l-header-links__item.is-open::after { display: none; } .l-header-links__item.is-open img { opacity: 0; } .l-header-links__item-btn { background: no-repeat center/contain; } .l-header-links__item-btn img { display: block; height: 54px; } .l-header-links__item-btn.is-use { background-image: url(../img/common/header/txt_gnav01_on.svg); } .l-header-links__item-btn.is-support { background-image: url(../img/common/header/txt_gnav02_on.svg); } .l-header-links__item-btn.is-about { background-image: url(../img/common/header/txt_gnav03_on.svg); } } @media (min-width: 768px) { .l-header-links__item.is-open { color: #fff; } .l-header-links__item-btn { padding: 10px 30px; } } .l-header-lang { --line-height: 14px; --line-color: #fff; display: flex; flex-wrap: wrap; } .l-header-lang__item { line-height: 1.1; } .l-header-lang__item:first-of-type { position: relative; } .l-header-lang__item:first-of-type::after { content: ""; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2px; height: var(--line-height); background-color: var(--line-color); } .l-header-lang__item:first-of-type .l-header-lang__item-link { padding-right: 35px; } .l-header-lang__item:last-of-type .l-header-lang__item-link { padding-left: 35px; } @media (max-width: 767.98px) { .l-header-lang { margin-bottom: 11vh; } } @media (max-width: 768px) and (max-height: 568px) { .l-header-lang { margin-bottom: 6vh; } } @media (min-width: 768px) { .l-header-lang { --line-height: 14px; --line-color: #111450; margin-right: 240px; } .l-header-lang__item { font-size: 1.8rem; } } .l-header-nav { position: relative; } .l-header-nav__inner { display: none; box-sizing: border-box; position: absolute; top: 100%; left: 0; width: 100%; background-color: #111450; color: #fff; } .l-header-nav__inner.is-open { display: block; } .l-header-nav__bnr { margin-top: 40px; } .l-header-nav__bnr img { display: block; width: 88.0597014925%; max-width: 400px; margin: auto; } @media (max-width: 767.98px) { .l-header-nav__inner { height: calc(100lvh - var(--header-height)); height: calc(100vh - var(--header-height)); padding: 16px 20px 100px !important; overflow-y: auto; } } @media (min-width: 768px) { .l-header-nav__inner { padding: 16px 0 50px; } .l-header-nav__inner.is-open { display: flex; justify-content: center; } .l-header-nav__inner.is-support { flex-wrap: wrap; } .l-header-nav__inner.is-about { flex-wrap: wrap; } .l-header-nav__bnr { width: 100%; margin-top: 50px; } .l-header-nav__bnr img { width: 254px; } } .l-header-nav-links { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } @media (max-width: 767.98px) { .l-header-nav-links { margin: 40px 0; } .l-header-nav-links a { display: block; width: 88.3582089552%; margin: auto; } .l-header-nav-links a + a { margin-top: 20px; } } @media (min-width: 768px) { .l-header-nav-links { margin-top: 50px; } .l-header-nav-links a { max-width: 255px; margin: 0 17px; } } .l-header-nav-list__item { box-sizing: border-box; border-bottom: 1px solid; } .l-header-nav-list__item.has-no-bar .l-header-nav-list__item-link { padding-left: 0; } .l-header-nav-list__item.has-no-bar .l-header-nav-list__item-link::before { display: none; } .l-header-nav-list__item-link { position: relative; padding: 13px 20px; } .l-header-nav-list__item-link::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 7px; height: 1px; background-color: #fff; } .l-header-nav-list.has-no-bar .l-header-nav-list__item-link { padding-left: 20px; } .l-header-nav-list.has-no-bar .l-header-nav-list__item-link::before { display: none; } @media (max-width: 359.98px) { .l-header-nav-list__item-link { font-size: 1.5rem; } } @media (min-width: 768px) { .l-header-nav-list { width: min(33.33% - 20px, 310px); margin: 0 10px; } .l-header-nav-list__item-link { font-size: 1.4rem; } .l-header-nav-list.has-no-bar .l-header-nav-list__item-link { padding-left: 10px; } .l-header-nav-list.is-pc-paralled { display: flex; flex-wrap: wrap; width: 100%; max-width: 1080px; margin: 0 auto; } .l-header-nav-list.is-pc-paralled .l-header-nav-list__item { width: min(33.33% - 20px, 310px); margin: 0 10px; } } /* 運航状況 */ .l-header-note { background-color: #111450; color: #fff; } .l-header-note__inner { overflow: hidden; } .l-header-note ul { display: flex; } .l-header-note ul li { display: inline-block; white-space: nowrap; padding: 3px 20px; line-height: 1.5; } .l-header-note p { text-align: center; } @media (min-width: 768px) { .l-header-note ul li { padding: 20px 30px; font-size: 1.4rem; } } /* .l-footer ================================================ */ .l-footer { background-color: #eee; overflow: hidden; } .l-footer__inner { padding-bottom: 15px; font-size: 1.2rem; } .l-footer__company { position: relative; display: grid; grid-gap: 30px; padding: 30px 0; background-color: #111450; color: #fff; } .l-footer__company::before { content: ""; display: inline-block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200vw; height: 100%; background-color: #111450; pointer-events: none; } .l-footer-menu, .l-footer__info { position: relative; z-index: 2; } .l-footer-list { display: flex; flex-wrap: wrap; } .l-footer-list__item { margin: 0 10px; } .l-footer__info-head { margin-bottom: 20px; font-size: 1.5rem; } .l-footer__info p:not([class]) { margin-bottom: 0.5em; } .l-footer__credit { font-size: 1rem; text-align: center; } @media (max-width: 767.98px) { .l-footer__company { margin-bottom: 30px; } .l-footer-list { justify-content: center; margin: 22px -20px; } .l-footer__credit { margin: 0 -20px; } } @media (min-width: 768px) { .l-footer__inner { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px 50px; place-items: center; font-size: 1.5rem; } .l-footer__company { grid-column: 1/3; grid-row: 1; justify-content: center; width: 100%; padding: 50px 0; grid-template-columns: 1fr 1fr; grid-gap: 50px; font-size: 1.4rem; } .l-footer-menu { align-self: start; } .l-footer-list { grid-column: 2; grid-row: 2; justify-self: start; } .l-footer__info { grid-column: 2; grid-row: 1; } .l-footer__credit { grid-column: 1/3; grid-row: 3; font-size: 1.2rem; } .l-footer-sns { grid-column: 1; grid-row: 2; justify-self: start; } } .l-footer-menu__item-head { margin-bottom: 20px; line-height: 1.5; font-size: 1.5rem; } @media (min-width: 768px) { .l-footer-menu__item__head { font-size: 1.8rem; } } .l-footer-links { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .l-footer-links__item { position: relative; } .l-footer-links__item::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.6em; height: 1px; background-color: #fff; } .l-footer-links__item-link { display: block; padding: 5px 5px 5px 1em; line-height: 1.5; } @media (max-width: 767.98px) { .l-footer-links__item:last-of-type { grid-column: 1/3; } } @media (min-width: 768px) { .l-footer-links { grid-template-columns: repeat(3, auto); grid-column-gap: 50px; width: fit-content; } .l-footer-links__item { width: fit-content; } .l-footer-links__item:last-of-type { grid-column: 2/4; } .l-footer-links__item-link { padding: 10px 10px 10px 1em; } } /* HOME */ .l-main-img__inner img { display: block; } .l-main-img__iframe-btn { margin-top: 20px; } .l-main-img__iframe-btn img { display: block; max-width: 240px; margin: auto; } @media (min-width: 768px) { .l-main-img { display: grid; grid-template-columns: 300px 1fr; grid-column-gap: 50px; width: min(100%, 1080px); min-height: 400px; margin: auto; padding-top: 50px; } .l-main-img__inner { grid-column: 2; grid-row: 1; position: relative; width: min(100%, 730px); } .l-main-img__iframe { grid-column: 1; grid-row: 1; max-width: 1080px; align-self: center; } } /* .l-sub-img ================================================ */ .l-sub-img { background-color: #111450; color: #fff; text-align: center; } .l-sub-img.is-discover { background-color: rgba(255, 255, 255, 0); } .l-sub-img.is-discover img { width: fit-content; } .l-sub-nav { --height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: var(--height); background-color: #111450; color: #fff; } .l-sub-nav__item-link { display: block; } @media (max-width: 767.98px) { .l-sub-nav__item { display: none; font-size: 1.6rem; } .l-sub-nav__item.is-current { display: block; } .l-sub-nav__item-link { pointer-events: none; } } @media (min-width: 768px) { .l-sub-nav__item { display: flex; flex-wrap: wrap; align-items: center; height: 100%; margin: 0 1.5em; font-size: 1.4rem; } .l-sub-nav__item.is-current { position: relative; } .l-sub-nav__item.is-current::before { content: ""; display: inline-block; position: absolute; top: calc(100% - 4px); left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background-color: #111450; } } .c-anchor01 { --padding-y: 5px; --padding-x: 5px; --bg-color: #111450; --hover-color: #fff; --font-size: 1.4rem; --font-color: #fff; } .c-anchor01.is-bold { --padding-y: 15px; --padding-x: 15px; --font-size: 1.1em; } .c-anchor01__item-link { box-sizing: border-box; display: block; padding: var(--padding-y) var(--padding-x); line-height: 1.5; border: 1px solid var(--border-color, var(--bg-color)); background-color: var(--bg-color); font-size: var(--font-size); color: var(--font-color); text-align: center; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .c-anchor01__item-link:hover { --bg-color: #fff; --font-color: #111450; } } @media (max-width: 767.98px) { .c-anchor01__item:not(:last-of-type) { margin-bottom: 10px; } .c-anchor01__item-link { font-size: 1.3rem; } } @media (min-width: 768px) { .c-anchor01 { --padding-x: 15px; --font-size: 1.6rem; display: flex; flex-wrap: wrap; } .c-anchor01.is-bold { --padding-x: 25px; } .c-anchor01.is-center { justify-content: center; } .c-anchor01.is-center .c-anchor01__item { min-width: var(--min-width, 35%); } .c-anchor01__item { width: fit-content; margin: 0 10px 20px; } } .c-archive01 { --padding-y: 10px; --padding-x: 0; --font-color: #111450; --font-size: 1.6rem; } .c-archive01__link { display: block; padding: var(--padding-y) var(--padding-x); line-height: 1.5714285714; color: var(--font-color); } .c-archive01__link.is-blank .c-archive01__head { position: relative; } .c-archive01__link.is-blank .c-archive01__head::after { content: ""; display: inline-block; width: 0.9em; height: 0.9em; margin-left: 0.25em; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-321dd6a5-c2f0-4880-82e1-c7dfc217066e%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800.14%20800%22%3E%3Cpath%20d%3D%22m750%2C550c-27.61%2C0-50%2C22.39-50%2C50v50c0%2C27.61-22.39%2C50-50%2C50H150c-27.61%2C0-50-22.39-50-50V150c0-27.61%2C22.39-50%2C50-50h50c27.61%2C0%2C50-22.39%2C50-50S227.61%2C0%2C200%2C0h-50C67.16%2C0%2C0%2C67.16%2C0%2C150v500c0%2C82.84%2C67.16%2C150%2C150%2C150h500c82.84%2C0%2C150-67.16%2C150-150v-50c0-27.61-22.39-50-50-50Z%22%2F%3E%3Cpath%20d%3D%22m799.9%2C40.25c0-1.5%2C0-3-1.25-4.25-.41-1.69-.91-3.36-1.5-5-.74-1.71-1.57-3.38-2.5-5%2C0%2C0%2C0-2.5-2-3.75-3.64-5.44-8.31-10.11-13.75-13.75l-4-2.25-4.75-2.5-5.25-1.5h-4.25c-3.49-1.14-7.09-1.9-10.75-2.25h-300c-27.61%2C0-50%2C22.39-50%2C50s22.39%2C50%2C50%2C50h179.25l-289.5%2C289.75c-19.54%2C19.54-19.54%2C51.21%2C0%2C70.75s51.21%2C19.54%2C70.75%2C0l289.5-289.75v179.25c0%2C27.61%2C22.39%2C50%2C50%2C50s50-22.39%2C50-50V50c.32-3.24.32-6.51%2C0-9.75Z%22%2F%3E%3C%2Fsvg%3E"); } .c-archive01__link.has-file .c-archive01__head { position: relative; } .c-archive01__link.has-file .c-archive01__head::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.25em; margin-top: -0.1em; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1328%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201328%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.483%22%20height%3D%2219.029%22%20viewBox%3D%220%200%2015.483%2019.029%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_629%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20629%22%20width%3D%2215.483%22%20height%3D%2219.029%22%20fill%3D%22%23133167%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1327%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201327%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_350%22%20data-name%3D%22%E3%83%91%E3%82%B9%20350%22%20d%3D%22M12.291%2C0H5.479L5.132.346.346%2C5.133%2C0%2C5.479V15.837a3.2%2C3.2%2C0%2C0%2C0%2C3.192%2C3.192h9.1a3.2%2C3.2%2C0%2C0%2C0%2C3.192-3.192V3.192A3.2%2C3.2%2C0%2C0%2C0%2C12.291%2C0M14.3%2C15.837a2.01%2C2.01%2C0%2C0%2C1-2.01%2C2.01h-9.1a2.01%2C2.01%2C0%2C0%2C1-2.011-2.01V5.969H4.293A1.675%2C1.675%2C0%2C0%2C0%2C5.969%2C4.293V1.182h6.323a2.01%2C2.01%2C0%2C0%2C1%2C2.01%2C2.01Z%22%20fill%3D%22%23133167%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_351%22%20data-name%3D%22%E3%83%91%E3%82%B9%20351%22%20d%3D%22M88.409%2C252.785h-1.06a.3.3%2C0%2C0%2C0-.323.328v2.741a.372.372%2C0%2C1%2C0%2C.742%2C0v-.833a.027.027%2C0%2C0%2C1%2C.031-.03h.611a1.107%2C1.107%2C0%2C1%2C0%2C0-2.206m-.046%2C1.565H87.8a.027.027%2C0%2C0%2C1-.031-.03v-.863a.027.027%2C0%2C0%2C1%2C.031-.03h.565a.463.463%2C0%2C1%2C1%2C0%2C.924%22%20transform%3D%22translate(-83.792%20-243.39)%22%20fill%3D%22%23133167%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_352%22%20data-name%3D%22%E3%83%91%E3%82%B9%20352%22%20d%3D%22M173.067%2C252.785h-.813a.3.3%2C0%2C0%2C0-.323.328v2.782a.3.3%2C0%2C0%2C0%2C.323.323h.813c.732%2C0%2C1.186-.232%2C1.368-.793a4.269%2C4.269%2C0%2C0%2C0%2C0-1.848c-.182-.56-.636-.792-1.368-.792m.657%2C2.383c-.086.272-.333.389-.677.389H172.7a.027.027%2C0%2C0%2C1-.031-.03v-2.05a.027.027%2C0%2C0%2C1%2C.031-.03h.343c.344%2C0%2C.591.116.677.389a3.719%2C3.719%2C0%2C0%2C1%2C0%2C1.333%22%20transform%3D%22translate(-165.541%20-243.39)%22%20fill%3D%22%23133167%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_353%22%20data-name%3D%22%E3%83%91%E3%82%B9%20353%22%20d%3D%22M261.938%2C252.785h-1.666a.3.3%2C0%2C0%2C0-.323.328v2.741a.372.372%2C0%2C1%2C0%2C.742%2C0v-.979a.027.027%2C0%2C0%2C1%2C.03-.03h.969a.319.319%2C0%2C1%2C0%2C0-.636h-.969a.027.027%2C0%2C0%2C1-.03-.03v-.722a.027.027%2C0%2C0%2C1%2C.03-.03h1.217a.321.321%2C0%2C1%2C0%2C0-.641%22%20transform%3D%22translate(-250.288%20-243.39)%22%20fill%3D%22%23133167%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-archive01__date { margin-bottom: 4px; color: #aaa; } @media (min-width: 768px) { .c-archive01__link { display: grid; grid-template-columns: 120px 1fr; font-size: var(--font-size); } } .c-archive01.is-top { --font-size: 1.5rem; } .c-archive02 { --hover-bg: rgba(12,2,67,.05); } .c-archive02__item { box-sizing: border-box; border-bottom: 1px solid; } .c-archive02__item:first-of-type { border-top: 1px solid; } .c-archive02__item.has-suspended .c-archive02__link { grid-template-columns: 1fr 7em; grid-column-gap: 1em; pointer-events: none; } .c-archive02__item.has-suspended .c-archive02__link::after { display: none; } .c-archive02__link { position: relative; box-sizing: border-box; display: grid; grid-template-columns: 1fr 50px; padding: 14px 0; transition: background-color 0.3s ease-in; } @media not all and (pointer: coarse) { .c-archive02__link:hover { background-color: var(--hover-bg); } } .c-archive02__link::after { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 24px; height: 6px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-8c223393-26c5-43e7-bedb-aa7214f9710b%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049.21%2012.85%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-96132c39-5cc0-48d3-b3d5-c0064018cb86%7Bfill%3A%23000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22uuid-96132c39-5cc0-48d3-b3d5-c0064018cb86%22%20points%3D%2249.21%2012.85%200%2012.85%200%2011.85%2046.79%2011.85%2035.65%20.71%2036.35%200%2049.21%2012.85%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } .c-archive02__head { grid-column: 1; } .c-archive02__head span { display: inline-block; margin-right: 1em; line-height: 1.5; font-weight: 700; font-size: 0.9em; color: red; } .c-archive02__suspended { grid-column: 2; align-self: center; text-align: center; background-color: #111450; font-size: 1.1rem; color: #fff; } @media (min-width: 768px) { .c-archive02__link { padding: 20px 50px 20px 60px; } .c-archive02__link::after { width: 60px; height: 10px; right: 50px; background-position-x: 100%; } .c-archive02__head { position: relative; font-size: 1.8rem; } .c-archive02__head span { position: absolute; left: -60px; top: 50%; transform: translateY(-50%); } .c-archive02__suspended { padding: 2px 0; transform: translateX(30px); font-size: 1.4rem; } } .c-archive03.is-pinned { margin-bottom: 50px; } .c-archive03.is-pinned .c-archive03__item { border-width: 2px; } .c-archive03__item { box-sizing: border-box; padding: 15px; border: 1px solid #ccc; } .c-archive03__item-thumb { aspect-ratio: 800/462; margin-bottom: 5px; } .c-archive03__item-thumb img { width: 100%; height: 100%; object-fit: cover; } .c-archive03__item-cat { margin-bottom: 5px; } .c-archive03__item-cat li { box-sizing: border-box; display: inline-block; line-height: 1.1; margin-bottom: 3px; padding: 3px 5px; border: 1px solid #111450; font-size: 1.1rem; color: #111450; text-align: center; } .c-archive03__item-cat li:not(:last-child) { margin-right: 5px; } @media (max-width: 767.98px) { .c-archive03 { margin-left: -10px; margin-right: -10px; } .c-archive03__item:not(:last-of-type) { margin-bottom: 20px; } } @media (min-width: 768px) { .c-archive03 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 50px 30px; } .c-archive03.is-pinned { grid-template-columns: repeat(2, 1fr); margin-bottom: 80px; } .c-archive03__item { position: relative; padding-bottom: 75px; } .c-archive03__item-cat li { font-size: 1.3rem; } .c-archive03__item-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px; } } .c-btn01 { --margin-top: 23px; --margin-right: auto; --margin-bottom: 0; --margin-left: auto; --width: 188px; --height: 34px; --bg-color: #111450; --hover-color: #fff; --font-color: #fff; overflow: hidden; width: var(--width); margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left); text-align: center; } .c-btn01__link, .c-btn01 a { box-sizing: border-box; position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: var(--height); background-color: var(--bg-color); color: var(--font-color); transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .c-btn01__link:hover, .c-btn01 a:hover { --bg-color: #fff; --font-color: #111450; text-decoration: none; } } @media (min-width: 768px) { .c-btn01 { --margin-top: 46px; } .c-btn01__link, .c-btn01 a { font-size: 1.2rem; } } .c-btn01.is-right { --margin-right: 0; } .c-btn01.is-pc-left { --margin-left: 0; } .c-btn01.is-white { --bg-color: #fff; --font-color: #111450; } .c-btn01.is-white .c-btn01__link { border: 1px solid #111450; } @media not all and (pointer: coarse) { .c-btn01.is-white .c-btn01__link:hover { --bg-color: #111450; --font-color: #fff; } } .c-btn01.has-border .c-btn01__link, .c-btn01.has-border a { border: 1px solid #111450; } .c-btn01.is-large { --width: 240px; --height: 48px; } @media (min-width: 768px) { .c-btn01.is-large .c-btn01__link, .c-btn01.is-large a { font-size: 1.6rem; } } .c-btn01.is-xlarge { --width: 300px; --height: 55px; } .c-btn01.is-xlarge .c-btn01__link, .c-btn01.is-xlarge a { font-size: 1.5rem; } @media (min-width: 768px) { .c-btn01.is-xlarge { --width: 360px; --height: 65px; } .c-btn01.is-xlarge .c-btn01__link, .c-btn01.is-xlarge a { font-size: 1.7rem; } } @media (min-width: 768px) { .c-btn01-list { display: flex; flex-wrap: wrap; justify-content: center; } } .c-faq01 { border-bottom: 1px dotted #111450; } .c-faq01 + .c-faq01 { margin-top: 30px; } .c-faq01__wrap { padding-top: 30px; border-top: 1px dotted #111450; } .c-faq01__question { position: relative; margin-bottom: 15px; padding-left: 30px; line-height: 1.4; font-size: 1.6rem; } .c-faq01__question::before { content: ""; display: inline-block; position: absolute; top: -2px; left: 0; width: 1em; height: 1.5em; background: no-repeat 0 0/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2224%22%20viewBox%3D%220%200%2016%2024%22%3E%20%3Ctext%20id%3D%22Q%22%20transform%3D%22translate(0%2020)%22%20font-size%3D%2220%22%20font-family%3D%22Lato-Regular%2C%20Lato%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%3EQ%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E"); } .c-faq01__lead { box-sizing: border-box; position: relative; margin-bottom: 30px; padding: 15px 15px 15px 45px; background-color: rgba(43, 88, 145, 0.1); font-size: 1.2rem; color: #111450; } .c-faq01__lead::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 20px; height: 20px; background: no-repeat 0 0/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4366%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204366%22%20transform%3D%22translate(-55%20-446.5)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_107%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20107%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20transform%3D%22translate(55%20446.5)%22%20fill%3D%22%232b5891%22%20opacity%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22Icon_open-question-mark%22%20data-name%3D%22Icon%20open-question-mark%22%20d%3D%22M2.93%2C0A3.065%2C3.065%2C0%2C0%2C0%2C.7.783%2C2.588%2C2.588%2C0%2C0%2C0%2C0%2C2.3l1.186.154a1.437%2C1.437%2C0%2C0%2C1%2C.368-.818A1.761%2C1.761%2C0%2C0%2C1%2C2.93%2C1.186a2.093%2C2.093%2C0%2C0%2C1%2C1.447.4.991.991%2C0%2C0%2C1%2C.332.783c0%2C.984-.4%2C1.257-1%2C1.779A3.381%2C3.381%2C0%2C0%2C0%2C2.337%2C6.82v.3H3.523v-.3a1.973%2C1.973%2C0%2C0%2C1%2C.961-1.779A3.4%2C3.4%2C0%2C0%2C0%2C5.895%2C2.372%2C2.279%2C2.279%2C0%2C0%2C0%2C5.2.7%2C3.278%2C3.278%2C0%2C0%2C0%2C2.93%2C0ZM2.337%2C8.3V9.489H3.523V8.3Z%22%20transform%3D%22translate(62%20451.5)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .c-faq01__answer { margin-bottom: 20px; font-weight: 700; font-size: 1.6rem; color: #111450; text-align: center; } .c-faq01__contents { display: grid; grid-template-columns: 1fr; grid-gap: 20px; } .c-faq01__txt-area p + p { margin-top: 1.5em; } @media (min-width: 768px) { .c-faq01 + .c-faq01 { margin-top: 75px; } .c-faq01__wrap { padding-top: 75px; } .c-faq01__question { margin-bottom: 30px; padding-left: 45px; font-size: 2.4rem; } .c-faq01__lead { font-size: 1.6rem; } .c-faq01__contents { grid-template-columns: 1fr 1fr; grid-auto-flow: dense; } .c-faq01__answer { margin-bottom: 30px; font-size: 2.4rem; text-align: left; } .c-faq01__txt-area { grid-column: 2; } .c-faq01__txt-area.is-wide { grid-column: 1/3; } .c-faq01__img-area { grid-column: 1; } } .c-form01 { --table-pt: 5px; --table-pb: 5px; --table-px: 0; --form-parts-py: 0; --form-parts-px: 20px; --form-parts-height: 40px; --checkbox-pl: 28px; --checkbox-size: 18; --ico-bg: #ff0000; /* 必須・任意 */ /* チェックボックス/ラジオボタンベース */ /* チェックボックス */ /* ラジオボタン */ /* 同意 */ /* 送信ボタン */ } .c-form01-table { table-layout: fixed; border-collapse: collapse; width: 100%; } .c-form01-table th, .c-form01-table td { box-sizing: border-box; width: 100%; padding: var(--table-pt) var(--table-px) var(--table-pb); text-align: left; } .c-form01 input, .c-form01 button, .c-form01 textarea, .c-form01 select { appearance: none; border: 0; border-radius: 0; font-family: inherit; } .c-form01 input[type=text], .c-form01 input[type=tel], .c-form01 input[type=email], .c-form01 input[type=number], .c-form01 input[type=date], .c-form01 textarea, .c-form01 select { position: relative; box-sizing: border-box; width: 100%; height: var(--form-parts-height); padding: var(--form-parts-py) var(--form-parts-px); border: 1px solid #646464; } .c-form01 textarea { --form-parts-py: 8px; --form-parts-height: 200px; } .c-form01 ::placeholder { color: #ccc; } .c-form01__ico { display: inline-block; margin-left: 2em; padding: 0 1em 1px; line-height: 1.3; background-color: var(--ico-bg); font-size: 1.1rem; color: #fff; text-align: center; } .c-form01__ico.is-optional { --ico-bg: #646464; } .c-form01 .mwform-checkbox-field input + span, .c-form01 .mwform-radio-field input + span { display: inline-block; position: relative; padding-left: var(--checkbox-pl); } .c-form01 .mwform-checkbox-field input + span::before, .c-form01 .mwform-radio-field input + span::before { content: ""; display: inline-block; position: absolute; width: calc(var(--checkbox-size, 18) * 1px); height: calc(var(--checkbox-size, 18) * 1px); border: 1px solid #646464; transition: all 0.3s ease-in; cursor: pointer; } .c-form01 .mwform-checkbox-field { display: block; } .c-form01 .mwform-checkbox-field label { position: relative; } .c-form01 .mwform-checkbox-field label input[type=checkbox] { display: none; } .c-form01 .mwform-checkbox-field label input[type=checkbox] + span::before { top: 1px; left: 0; } .c-form01 .mwform-checkbox-field label input[type=checkbox]:checked + span::after { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-3ebba721-c8dc-4800-94a1-25456d687514%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.95%2013.3%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-1eea8a00-bd09-4c4f-8806-5fb0d7492881%7Bfill%3A%23111450%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22uuid-1eea8a00-bd09-4c4f-8806-5fb0d7492881%22%20d%3D%22M6.64%2C13.3c-.27%2C0-.52-.11-.71-.29L.28%2C7.35c-.38-.4-.37-1.03%2C.02-1.41%2C.39-.37%2C1-.37%2C1.39%2C0l4.95%2C4.95L17.25%2C.28c.4-.38%2C1.03-.37%2C1.41%2C.02%2C.37%2C.39%2C.37%2C1%2C0%2C1.39L7.35%2C13.01c-.19%2C.19-.44%2C.29-.71%2C.29Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } .c-form01 .mwform-radio-field { display: block; } .c-form01 .mwform-radio-field input[type=radio] { display: none; } .c-form01 .mwform-radio-field input[type=radio] + span::before { border-radius: 50%; top: 1px; left: 0; background: radial-gradient(circle, #111450 0px, #fff 0px); } .c-form01 .mwform-radio-field input[type=radio]:checked + span::before { background: radial-gradient(circle, #111450 5px, #fff 6px); } .c-form01-concent { box-sizing: border-box; } .c-form01-concent__txt { margin-bottom: 15px; } .c-form01-concent__txt a { text-decoration: underline; } @media not all and (pointer: coarse) { .c-form01-concent__txt a:hover { text-decoration: none; } } .c-form01-btn { margin-top: 20px; } .c-form01-btn button { box-sizing: border-box; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 240px; height: 48px; margin: auto; border: 1px solid #111450; background-color: #111450; color: #fff; transition: all 0.3s ease-in; } .c-form01-btn button:hover { background-color: #fff; color: #111450; } .c-form01-btn button.is-back { margin-bottom: 10px; } @media (max-width: 767.98px) { .c-form01-table th, .c-form01-table td { display: block; } .c-form01-table th { font-size: 1.4rem; } .c-form01-table td { --table-pb: 15px; } } @media (min-width: 768px) { .c-form01 { --table-pt: 20px; --table-pb: 20px; --table-px: 50px; --form-parts-py: 10px; --form-parts-px: 20px; --form-parts-height: 50px; --max-width: 100%; --checkbox-pl: 30px; --checkbox-size: 20; /* 必須・任意 */ /* チェックボックス */ /* 同意 */ /* 送信ボタン */ } .c-form01-table { position: relative; border-bottom: 0; } .c-form01-table th, .c-form01-table td { text-align: left; } .c-form01-table th { position: relative; width: 30%; vertical-align: middle; } .c-form01-table td { width: 70%; vertical-align: middle; } .c-form01 input[type=text], .c-form01 input[type=tel], .c-form01 input[type=email], .c-form01 input[type=number], .c-form01 input[type=date], .c-form01 textarea, .c-form01 select { max-width: var(--max-width); } .c-form01 textarea { --form-parts-py: 10px; --form-parts-px: 20px; --form-parts-height: 200px; } .c-form01 select { background-size: 14px; } .c-form01__ico { position: absolute; right: 0; font-size: 1.4rem; } .c-form01 .mwform-checkbox-field { display: block; } .c-form01 .mwform-checkbox-field label input[type=checkbox] + span::before { top: 2px; } .c-form01 .mwform-checkbox-field label input[type=checkbox]:checked + span::after { top: 4px; width: 18px; height: 18px; } .c-form01-btn { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 50px; } .c-form01-btn button.is-back { margin-bottom: 0; } } .mw_wp_form_confirm .c-form01-concent__txt { display: none; } @media (max-width: 767.98px) { .mw_wp_form_confirm .c-form01-table th { border-bottom: 1px solid #646464; } } @media (min-width: 768px) { .mw_wp_form_confirm .c-form01 { --table-px: 30px; } .mw_wp_form_confirm .c-form01__ico { right: 10px; } .mw_wp_form_confirm .c-form01-table th, .mw_wp_form_confirm .c-form01-table td { border: 1px solid #646464; } } .c-head01 { margin-bottom: 30px; color: #111450; } .c-head01__main { position: relative; margin-bottom: 15px; padding-bottom: 10px; line-height: 1.5; border-bottom: 2px solid; font-size: 2.4rem; } .c-head01__main:only-child { margin-bottom: 0; } .c-head01__main small { font-size: 2rem; } @media (min-width: 768px) { .c-head01 { margin-bottom: 60px; } .c-head01__main { padding-bottom: 15px; margin-bottom: 20px; font-size: 3rem; } .c-head01__main small { font-size: 2.2rem; } .c-head01__sub { font-size: 1.5rem; } } .c-head02 { margin-bottom: 20px; line-height: 1.3125; font-weight: 700; font-size: 1.7rem; color: #111450; text-align: center; } .c-head02 small { font-size: 0.75em; } @media (max-width: 767.98px) { .c-head02.is-sp-left { text-align: left; } } @media (min-width: 768px) { .c-head02 { margin-bottom: 40px; line-height: 1.4166666667; font-size: 2.4rem; text-align: left; } } .c-head03 { margin-bottom: 15px; line-height: 1.5; font-weight: 700; font-size: 1.6rem; color: #111450; } .c-head03.has-circle { position: relative; } .c-head03.has-circle::before { content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 0.5em; margin-top: -3px; vertical-align: middle; border-radius: 50%; background-color: #111450; } @media (min-width: 768px) { .c-head03 { margin-bottom: 20px; line-height: 2.1; font-size: 1.8rem; } } .c-head04 { position: relative; margin-bottom: 1em; font-weight: 700; } .c-head04::before { content: ""; display: inline-block; width: 1em; height: 1em; margin-top: -3px; margin-right: 0.25em; border-radius: 50%; background-color: #111450; vertical-align: middle; } .c-list01 { --margin-bottom: 1.5em; } .c-list01__item { position: relative; line-height: 1.5; padding-left: 1em; } .c-list01__item:not(:last-of-type) { margin-bottom: var(--margin-bottom); } .c-list01__item::before { content: ""; display: inline-block; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #000; } .c-list01__item em { font-weight: 700; } .c-list01__item a { color: #111450; text-decoration: underline; } @media not all and (pointer: coarse) { .c-list01__item a:hover { text-decoration: none; } } .c-list01__item > h4:not([class]) { margin-bottom: 5px; font-weight: 700; } @media (min-width: 768px) { .c-list01__item::before { top: 12px; } } .c-list01.has-no-margin { --margin-bottom: 0; } .c-list02 { counter-reset: num; } .c-list02__item { position: relative; padding-left: calc(1em + 9px); letter-spacing: 0.025em; } .c-list02__item::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; content: counter(num) "."; counter-increment: num; } @media (min-width: 768px) { .c-list02__item { padding-left: calc(1em + 16px); } } .c-list03 { margin-top: 1.5em; } .c-list03__item { position: relative; padding-left: 1em; text-indent: -1em; font-size: 0.9em; } .c-list03__item::before { content: "※"; } .c-member01 { --color: #0c0243; display: grid; grid-template-columns: 34% 1fr; grid-column-gap: 30px; grid-row-gap: 22px; } .c-member01 + .c-member01 { margin-top: 38px; } .c-member01__name { align-self: start; margin-bottom: 15px; padding: 0 0 3px 12px; line-height: 1.5; border-left: 3px solid var(--color); color: var(--color); } .c-member01__name-title { margin-bottom: 5px; line-height: 1.3; } .c-member01__name-kanji { font-size: 1.7rem; } .c-member01__name-kana { display: block; font-size: 1.2rem; color: #b4b4b4; } .c-member01__resume { grid-column: 1/-1; } @media (max-width: 767.98px) { .c-member01__name-kana { margin-top: 3px; } } @media (min-width: 768px) { .c-member01 { grid-template-columns: 200px 1fr; grid-column-gap: 82px; grid-row-gap: 14px; } .c-member01 + .c-member01 { margin-top: 100px; } .c-member01__pic { grid-column: 1; grid-row: 1/3; } .c-member01__name { grid-column: 2; grid-row: 1; padding: 5px 0 3px 22px; font-size: 1.4rem; } .c-member01__name-title { margin-bottom: 8px; } .c-member01__name-kanji { font-size: 2rem; } .c-member01__name-kana { display: inline-block; margin-left: 15px; transform: translateY(-3px); } .c-member01__resume { grid-column: 2; grid-row: 2; } } .c-pager01 { position: relative; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; margin: 40px -5px 0; padding: 0 42px; } .c-pager01 li { margin: 0 2px 4px; } .c-pager01 li a, .c-pager01 li span { box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; line-height: 1.1; padding: 10px; text-decoration: none; } .c-pager01 li.current span { background: #111450; color: #fff; } .c-pager01 li.previous, .c-pager01 li.next { color: #fff; position: absolute; top: 0; overflow: hidden; text-indent: -9999px; } .c-pager01 li.previous { left: 0; } .c-pager01 li.next { right: 0; } @media (min-width: 768px) { .c-pager01 { display: table; margin: 50px auto 0; padding: 0 112px; } .c-pager01 li { display: inline-block; margin: 0 3px; } .c-pager01 li a, .c-pager01 li span { padding: 10px 14px; } .c-pager01 li a { transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .c-pager01 li a:hover { background-color: #111450; color: #fff; text-decoration: none; } } .c-pager01 li.first a, .c-pager01 li.last a { border-radius: 0; } } .c-set01 + .c-set01 { margin-top: 30px; } .c-set01__head { margin-bottom: 15px; line-height: 1.5; font-weight: 700; font-size: 1.6rem; } .c-set01__txt { margin-bottom: 1em; } .c-set01__txt:only-child { margin-bottom: 0; } .c-set01 ol li > ol { margin: 0 1em; } @media (min-width: 768px) { .c-set01 + .c-set01 { margin-top: 60px; } .c-set01__head { margin-bottom: 30px; font-size: 2rem; } } .c-set02__inner { padding-top: 50px; padding-bottom: 50px; } .c-set02__inner small { font-size: 0.8em; } .c-set02__inner article + article { margin-top: 80px; } .c-set02__inner section + section { margin-top: 50px; } .c-set02__inner section p:only-of-type { margin-bottom: 2em; } .c-set02__inner section .c-set02-list { padding-left: 1em; } .c-set02__inner section .c-set02-list:not(:last-of-type) { margin-bottom: 1.5em; } .c-set02__inner section .c-set02-list__item:not(:last-of-type) { margin-bottom: 1em; } .c-set02__inner section .c-set02-list__item p { margin-bottom: 0; } .c-set02__inner section .c-set02-list__item > h5 { font-weight: 700; } .c-set02__inner section .c-set02-list__item > ul, .c-set02__inner section .c-set02-list__item > p { margin-bottom: 0; padding-left: 1em; } .c-set02__lead { margin-bottom: 2em; } .c-set02__txt-area { margin-bottom: 2em; } .c-set02__txt-area p + p { margin-top: 2em; } .c-set02__txt-area p > em { font-weight: bold; } .c-set02__txt-area p > a:not([class]) { text-decoration: underline; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .c-set02__txt-area p > a:not([class]):hover { text-decoration: none; } } .c-set02__txt-area p img { display: block; width: fit-content; } .c-set02__img-area { margin-bottom: 1.5em; } .c-set02__img-area img { display: block; } .c-set02 ol:not([class]), .c-set02 ul:not([class]) { margin-bottom: 2em; } .c-set02__table { margin-bottom: 2em; } .c-set02__table table { box-sizing: border-box; width: 100%; } .c-set02__iframe { margin-bottom: 2em; } .c-set02__note { margin: 0.5em 0 0 !important; font-size: 1.2rem; } .c-set02__dl dt, .c-set02__dl dd { padding: 0.5em; } .c-set02__dl dt { background-color: #e9edf4; color: #111450; } .c-set02__dl dd > ol, .c-set02__dl dd ul { margin-bottom: 0 !important; } .c-set02__dl dd > ol li:not(:last-of-type), .c-set02__dl dd ul li:not(:last-of-type) { margin-bottom: 1.5em; } @media (max-width: 767.98px) { .c-set02__img-area img + img { margin-top: 10px; } .c-set02__iframe { position: relative; aspect-ratio: 4/3; } .c-set02__iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-set02__dl dt { margin-bottom: 1.5em; } .c-set02__dl dd:not(:last-of-type) { margin-bottom: 1.5em; } } @media (min-width: 768px) { .c-set02__inner { padding-top: 100px; padding-bottom: 100px; } .c-set02__img-area { display: flex; flex-wrap: wrap; } .c-set02__img-area img { width: calc(50% - 20px); margin-bottom: 20px; } .c-set02__img-area img:not(:last-child) { margin-right: 20px; } .c-set02__img-area img:only-child { width: 100%; } .c-set02__img-area.is-equipment01 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 35px 0; grid-auto-flow: dense; } .c-set02__img-area.is-equipment01 img { width: fit-content; margin: 0; } .c-set02__img-area.is-equipment01 img:first-child, .c-set02__img-area.is-equipment01 img:nth-child(5) { grid-column: 1/-1; } .c-set02__img-area.is-equipment01 img:nth-child(3) { justify-self: center; } .c-set02__img-area.is-equipment01 img:nth-child(4) { justify-self: end; } .c-set02__img-area.is-equipment02 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } .c-set02__img-area.is-equipment02 img { width: fit-content; margin: 0; } .c-set02__img-area.is-equipment02 img:nth-child(2) { justify-self: end; } .c-set02__note { font-size: 1.3rem; } .c-set02 .has-pc-indent { display: inline-block; text-indent: 1em; } .c-set02__dl { display: grid; grid-template-columns: 25% 1fr; grid-gap: 30px; } .c-set02__dl dt { display: flex; align-items: center; } .c-set02__dl dd { align-self: center; } } .c-set02-links__item-link { display: block; } .c-set02-links__item a.c-set02-links__item-link .c-set02-links__item-head { position: relative; text-decoration: underline; transition: all 0.3s ease-in; } .c-set02-links__item a.c-set02-links__item-link .c-set02-links__item-head::before { content: ""; display: inline-block; width: 0.3em; height: 0.3em; margin-right: 0.5em; margin-bottom: 2px; background: no-repeat center/contain; border-right: 2px solid; border-top: 2px solid; transform: rotate(45deg) translateY(-2px); } @media not all and (pointer: coarse) { .c-set02-links__item a.c-set02-links__item-link:hover .c-set02-links__item-head { text-decoration: none; } } .c-set02-links__item-head { margin-bottom: 5px; font-size: 1.1em; } @media (max-width: 767.98px) { .c-set02-links__item:not(:last-of-type) { margin-bottom: 1.5em; } } @media (min-width: 768px) { .c-set02-links { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; } } .c-set03__inner { padding-top: 50px; padding-bottom: 50px; } .c-set03-article { margin-top: 50px; } .c-set03-article__head { margin-bottom: 15px; line-height: 1.5; font-weight: 700; font-size: 1.6rem; } .c-set03-article p + p { margin-top: 1.8em; } .c-set03__nav { margin: 25px auto 50px; } .c-set03__txt-area { margin-bottom: 2em; } .c-set03__txt-area em { font-weight: bold; } .c-set03__txt-area a:not([class]) { text-decoration: underline; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .c-set03__txt-area a:not([class]):hover { text-decoration: none; } } .c-set03__txt-area img { display: block; width: fit-content; } .c-set03__txt-area ul { margin-top: 1.5em; } .c-set03__txt-area ul li:not(:last-child) { margin-bottom: 1em; } .c-set03__img-area { display: grid; grid-gap: 30px; margin-bottom: 2em; } @media (min-width: 768px) { .c-set03__inner { padding-top: 100px; padding-bottom: 100px; } .c-set03-article { margin-top: 100px; } .c-set03-article__head { margin-bottom: 30px; font-size: 2rem; } .c-set03__nav { width: fit-content; margin: 50px auto 100px; } .c-set03__img-area { grid-template-columns: 1fr 1fr; } .c-set03__img-area > *:only-of-type { grid-column: 1/3; } } .c-single01 { --padding-top: 50px; --padding-bottom: 50px; --date-bottom: 10px; --header-bottom: 40px; --head-fz: 2rem; --btn-width: 200px; --btn-height: 40px; --btn-fz: 1.8rem; --btn-py: 10px; } .c-single01__inner { padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); } .c-single01-header { margin-bottom: var(--header-bottom); padding-bottom: 10px; border-bottom: 2px solid #111450; } .c-single01-header__date { display: block; margin-bottom: var(--date-bottom); color: #a0a0a0; } .c-single01-header__head { line-height: 1.5; font-size: var(--head-fz); color: #111450; } .c-single01-content { overflow: hidden; margin-bottom: 50px; } .c-single01-content h1, .c-single01-content h2, .c-single01-content h3, .c-single01-content h4, .c-single01-content h5, .c-single01-content h6 { margin-top: 1.5em; line-height: 1.5; font-weight: 700; } .c-single01-content h1, .c-single01-content h2 { padding: 0.25em 0.5em; background-color: #111450; color: #fff; } .c-single01-content h1 { font-size: 2.2em; } .c-single01-content h2 { font-size: 2em; } .c-single01-content h3 { border-bottom: 3px solid #111450; font-size: 1.5em; } .c-single01-content h4 { font-size: 1.25em; } .c-single01-content strong, .c-single01-content em { font-weight: 700; } .c-single01-content a { color: #111450; text-decoration: underline; } @media not all and (pointer: coarse) { .c-single01-content a:hover { text-decoration: none; } } .c-single01-content ul, .c-single01-content ol, .c-single01-content dl { margin-top: 1.5em; } .c-single01-content ul { list-style: disc inside; } .c-single01-content ol { list-style: auto inside; } .c-single01-content dl dt { border-bottom: 1px solid #646464; } .c-single01-content blockquote { margin-top: 1.5em; padding: 0.5em; background-color: #eee; } .c-single01-content blockquote + p { margin-top: 0; } .c-single01-content p + p { margin-top: 1.5em; } .c-single01-content img { width: fit-content; } .c-single01-content .aligncenter { display: block; margin-right: auto; margin-left: auto; } .c-single01-content .alignright { float: right; margin-bottom: 20px; margin-left: 20px; } .c-single01-content .alignleft { float: left; margin-right: 20px; margin-bottom: 20px; } .c-single01-content .wp-caption { margin-top: 1.5em; } .c-single01-content .wp-caption-text { margin-top: 0; margin-bottom: 1em; line-height: 1.5; font-size: 0.9em; text-align: center; } .c-single01 table { margin-top: 2em; } .c-single01 table th, .c-single01 table td { padding: 0.5em; border: 1px solid #111450; } @media (min-width: 768px) { .c-single01 { --padding-top: 100px; --padding-bottom: 100px; --date-bottom: 15px --header-bottom: 70px; --head-fz: 2.8rem; --btn-width: 400px; --btn-height: 100px; --btn-fz: 2.5rem; --btn-py: 30px; } .c-single01-content { margin-bottom: 100px; } } .c-single01-table { --padding-top: 10px; --padding-bottom: 10px; --padding-left: 10px; --padding-right: 10px; --background: #eee; } .c-single01-table + .c-single01-table { margin-top: 40px; } .c-single01-table__head { margin-bottom: 5px; font-size: 2rem; } .c-single01-table__txt { margin-bottom: 10px; } .c-single01-table table { width: 100%; } .c-single01-table table th, .c-single01-table table td { padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left); } .c-single01-table table th { background-color: var(--background); } .c-single01-table table td { vertical-align: middle; } @media (max-width: 767.98px) { .c-single01-table table, .c-single01-table thead, .c-single01-table tbody, .c-single01-table tr, .c-single01-table th, .c-single01-table td { display: block; } .c-single01-table table th { border-bottom: 0; } .c-single01-table table tr:not(:last-child) td { border-bottom: 0; } } @media (min-width: 768px) { .c-single01-table { --padding-top: 15px; --padding-bottom: 15px; --padding-left: 20px; --padding-right: 20px; } .c-single01-table + .c-single01-table { margin-top: 80px; } .c-single01-table table { table-layout: fixed; } .c-single01-table table th, .c-single01-table table td { border: 1px solid #c8c8c8; } .c-single01-table table th { width: 25%; } .c-single01-table table td { width: 75%; } } .c-single01-anchor { box-sizing: border-box; margin-top: 50px; padding: 15px; background-color: #eee; } .c-single01-anchor__head { margin-bottom: 15px; font-size: 1.6rem; } @media (min-width: 768px) { .c-single01-anchor { margin-top: 100px; padding: 30px; } .c-single01-anchor__head { font-size: 2rem; } } .c-single02__inner { padding-top: 50px; padding-bottom: 50px; } .c-single02__head { margin-bottom: 24px; line-height: 1.5; font-weight: 700; font-size: 2.9rem; letter-spacing: 0.1em; text-align: center; } @media (min-width: 480px) and (max-width: 767.98px) { .c-single02__head { max-width: 500px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .c-single02__inner { padding-top: 130px; padding-bottom: 130px; } .c-single02__head { max-width: 1080px; margin: 0 auto 44px; font-size: 4.8rem; } } /* intro */ .c-single02-intro__inner { display: grid; grid-template-columns: 17.33% 82.67%; } .c-single02-intro__pic { grid-column: 1/3; grid-row: 1; display: flex; } .c-single02-intro__pic img { width: 100%; height: 100%; object-fit: contain; object-position: left; } .c-single02-intro__txts { grid-column: 2; grid-row: 2; align-self: end; position: relative; z-index: 2; transform: translateY(-35px); } .c-single02-intro__txts-in { box-sizing: border-box; padding: 20px 33px; background-color: #fff; } .c-single02-intro__txts.is-empty .c-single02-intro__txts-in { background-color: transparent; } .c-single02-intro__sub { margin-bottom: 5px; line-height: 1.5; font-size: 1.8rem; } .c-single02-intro__caption { grid-column: 1/3; grid-row: 3; box-sizing: border-box; width: fit-content; padding: 0 1em; line-height: 1.5; font-size: 1.2rem; } @media (max-width: 767.98px) { .c-single02-intro__inner { margin-bottom: 35px; } .c-single02-intro__pic { padding-right: 10%; } .c-single02-intro__pic.is-single { position: relative; z-index: 5; } .c-single02-intro__txts::before { content: ""; display: inline-block; position: absolute; z-index: -1; bottom: -35px; right: 0; width: calc(100% + 30px); height: 100%; background-color: #eee; } .c-single02-intro__txts.is-empty::before { height: 100px; } .c-single02-intro__caption { margin-left: auto; } } @media (min-width: 768px) { .c-single02-intro__inner { grid-template-columns: 50% 50%; position: relative; max-width: 1080px; margin: 0 auto 140px; } .c-single02-intro__inner::before { content: ""; display: inline-block; position: absolute; z-index: -1; right: -150px; bottom: -75px; width: 690px; height: 600px; } .c-single02-intro__txts { grid-column: 1/3; margin-top: -160px; transform: translateX(75px); } .c-single02-intro__txts-in { width: fit-content; margin-left: auto; padding: 50px 75px; } .c-single02-intro__sub { margin-bottom: 10px; font-size: 3.6rem; } .c-single02-intro__caption { grid-column: 1; font-size: 1.5rem; } } /* video */ .c-single02-video { position: relative; } .c-single02-video::before { content: ""; display: inline-block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff8e8; } .c-single02-video__inner { padding-top: 35px; padding-bottom: 35px; } .c-single02-video__heading { margin-bottom: 30px; text-align: center; color: #111450; } .c-single02-video__heading-head { width: 85.93%; margin: 0 auto; } .c-single02-video__heading-sub { font-size: 1.5rem; } .c-single02-video__lead { margin-bottom: 40px; line-height: 1.5; font-size: 1.2rem; text-align: center; } @media (min-width: 768px) { .c-single02-video::before { height: 490px; } .c-single02-video__inner { padding-top: 75px; padding-bottom: 75px; } .c-single02-video__heading-head { width: 507px; margin-bottom: 5px; } .c-single02-video__heading-sub { font-size: 2.8rem; } .c-single02-video__lead { margin-bottom: 55px; font-size: 1.5rem; } } .c-single02-video-list { --play-width: 54px; } .c-single02-video-list__item-thumb { position: relative; display: flex; margin-bottom: 25px; } .c-single02-video-list__item-thumb::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--play-width); height: var(--play-width); background: url(../img/discover/ico_play01.png) no-repeat center/contain; pointer-events: none; } .c-single02-video-list__item-link { width: 100%; height: 100%; } .c-single02-video-list__item-link:empty { aspect-ratio: 1.77; background-color: #eee; } .c-single02-video-list__item-head { line-height: 1.5; font-weight: 700; font-size: 1.5rem; } @media (max-width: 767.98px) { .c-single02-video-list__item:not(:last-of-type) { margin-bottom: 30px; } } @media (min-width: 768px) { .c-single02-video-list { --play-width: 93px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px; } .c-single02-video-list__item-head { margin-bottom: 10px; font-size: 1.9rem; } .c-single02-video-list__item-txt { font-size: 1.4rem; } } /* gallery */ .c-single02-gallery__inner { padding-top: 50px; padding-bottom: 50px; } .c-single02-gallery__head { margin-bottom: 30px; line-height: 1.5; font-weight: 700; font-size: 2.5rem; } .c-single02-gallery__txt { margin-bottom: 40px; } @media (min-width: 768px) { .c-single02-gallery__inner { padding-top: 100px; padding-bottom: 100px; } .c-single02-gallery__head { margin-bottom: 50px; font-size: 4.4rem; } .c-single02-gallery__txt { margin-bottom: 0; } } .c-single02-gallery-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .c-single02-gallery-list__item { aspect-ratio: 1/1; } .c-single02-gallery-list__item img { width: 100%; height: 100%; object-fit: cover; object-position: center; vertical-align: top; } .c-single02-gallery-list__item:first-of-type, .c-single02-gallery-list__item:nth-of-type(2) { grid-column: 1/3; } @media not all and (pointer: coarse) { .c-single02-gallery-list__item:not(.is-txt):hover { cursor: pointer; opacity: 0.7; } } @media (min-width: 768px) { .c-single02-gallery-list { grid-template-columns: repeat(4, 1fr); } .c-single02-gallery-list.is-2-column { grid-template-columns: repeat(2, 1fr); } .c-single02-gallery-list.is-2-column .c-single02-gallery-list__item:first-of-type { grid-column: 1; } .c-single02-gallery-list.is-2-column .c-single02-gallery-list__item:nth-of-type(2) { grid-column: 2; } .c-single02-gallery-list.is-3-column { grid-template-columns: repeat(3, 1fr); } .c-single02-gallery-list.is-3-column .c-single02-gallery-list__item:first-of-type { grid-column: 1; } .c-single02-gallery-list.is-3-column .c-single02-gallery-list__item:nth-of-type(2) { grid-column: 2/4; } .c-single02-gallery-list__item { align-self: center; } .c-single02-gallery-list__item.is-txt { box-sizing: border-box; padding-right: 40px; } .c-single02-gallery-list__item:first-of-type { grid-column: 1/3; } .c-single02-gallery-list__item:nth-of-type(2) { grid-column: 3/5; } } /* 現行サイトに合わせたカスタムCSS */ .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item { aspect-ratio: revert; } @media (max-width: 767.98px) { .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(2) { grid-column: 1/3; grid-row: 2/4; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(3) { grid-column: 1; grid-row: 4/6; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(4) { grid-column: 2; grid-row: 4; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(5) { grid-column: 2; grid-row: 5; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(6) { grid-column: 1; grid-row: 6; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(7) { grid-column: 1; grid-row: 7; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(8) { grid-column: 2; grid-row: 6/8; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(9) { grid-column: 1/3; grid-row: 8/11; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(10) { grid-column: 1; grid-row: 11; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(11) { grid-column: 2; grid-row: 11; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(12) { grid-column: 1/3; } } @media (min-width: 768px) { .c-single02-gallery-list.is-2384 { grid-row-gap: 5px; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(3) { grid-column: 1; grid-row: 2/4; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(4) { grid-column: 2; grid-row: 2; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(5) { grid-column: 2; grid-row: 3; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(6) { grid-column: 3; grid-row: 2; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(7) { grid-column: 3; grid-row: 3; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(8) { grid-column: 4; grid-row: 2/4; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(9) { grid-column: 1/3; grid-row: 5/7; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(10) { grid-column: 3; grid-row: 5; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(11) { grid-column: 4; grid-row: 5; } .c-single02-gallery-list.is-2384 .c-single02-gallery-list__item:nth-of-type(12) { grid-column: 3/5; grid-row: 6; } } .c-single02-links__inner { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 768px) { .c-single02-links__inner { padding-top: 80px; padding-bottom: 80px; } } .c-single02-links-list { --item-margin: 5px; } .c-single02-links-list.has-banner { --item-margin: 10px; } .c-single02-links-list + .c-single02-links-list { margin-top: 30px; } .c-single02-links-list__item:not(:last-of-type) { margin-bottom: var(--item-margin); } .c-single02-links-list__item-link { line-height: 1.5; } .c-single02-links-list__item-link img { width: fit-content; } .c-single02-links-list__item-link.is-external { position: relative; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .c-single02-links-list__item-link.is-external:hover { text-decoration: underline; } } .c-single02-links-list__item-link.is-external::after { content: ""; display: inline-block; width: 0.9em; height: 0.9em; margin-left: 0.25em; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-321dd6a5-c2f0-4880-82e1-c7dfc217066e%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800.14%20800%22%3E%3Cpath%20d%3D%22m750%2C550c-27.61%2C0-50%2C22.39-50%2C50v50c0%2C27.61-22.39%2C50-50%2C50H150c-27.61%2C0-50-22.39-50-50V150c0-27.61%2C22.39-50%2C50-50h50c27.61%2C0%2C50-22.39%2C50-50S227.61%2C0%2C200%2C0h-50C67.16%2C0%2C0%2C67.16%2C0%2C150v500c0%2C82.84%2C67.16%2C150%2C150%2C150h500c82.84%2C0%2C150-67.16%2C150-150v-50c0-27.61-22.39-50-50-50Z%22%2F%3E%3Cpath%20d%3D%22m799.9%2C40.25c0-1.5%2C0-3-1.25-4.25-.41-1.69-.91-3.36-1.5-5-.74-1.71-1.57-3.38-2.5-5%2C0%2C0%2C0-2.5-2-3.75-3.64-5.44-8.31-10.11-13.75-13.75l-4-2.25-4.75-2.5-5.25-1.5h-4.25c-3.49-1.14-7.09-1.9-10.75-2.25h-300c-27.61%2C0-50%2C22.39-50%2C50s22.39%2C50%2C50%2C50h179.25l-289.5%2C289.75c-19.54%2C19.54-19.54%2C51.21%2C0%2C70.75s51.21%2C19.54%2C70.75%2C0l289.5-289.75v179.25c0%2C27.61%2C22.39%2C50%2C50%2C50s50-22.39%2C50-50V50c.32-3.24.32-6.51%2C0-9.75Z%22%2F%3E%3C%2Fsvg%3E"); } @media (min-width: 768px) { .c-single02-links-list { --item-margin: 10px; width: fit-content; margin-inline: auto; } .c-single02-links-list.has-banner { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .c-single02-links-list.has-banner .c-single02-links-list__item { display: flex; justify-content: center; align-items: center; width: calc((100% - 60px) / 3); margin: 0 10px 10px; } } .c-single03__inner { padding-top: 50px; padding-bottom: 50px; } .c-single03__content + .c-single03__content { margin-top: 50px; } .c-single03__content em, .c-single03__content strong { font-weight: 700; } .c-single03__content em { color: red; } .c-single03__head { margin-bottom: 1em; padding-bottom: 0.5em; line-height: 1.5; border-bottom: 2px solid #111450; font-weight: 700; font-size: 1.8em; color: #111450; } .c-single03__eyecatch { margin-bottom: 50px; } .c-single03__eyecatch img { display: block; width: fit-content; margin: auto; } .c-single03__sub { position: relative; margin-bottom: 1.5em; padding-left: 1em; line-height: 1.5; font-weight: 700; font-size: 1.5em; } .c-single03__sub::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 10px; height: 90%; background-color: #111450; } .c-single03__img-area { margin-bottom: 1.5em; } .c-single03__img-area img { display: inline-block; width: fit-content; margin-bottom: 1em; } .c-single03__img-area img:not(:last-child) { margin-right: 1em; } .c-single03__txt-area { margin-bottom: 1.5em; } .c-single03-list { margin-bottom: 1.5em; } .c-single03-list__item { position: relative; padding-left: 1em; text-indent: -1em; } .c-single03-list__item::before { content: "●"; color: #111450; } .c-single03-list__item:not(:last-of-type) { margin-bottom: 0.5em; } .c-single03-btn { width: fit-content; } .c-single03-btn__link { box-sizing: border-box; display: block; padding: 0.5em 1em; background-color: #111450; border: 1px solid #111450; color: #fff; text-align: center; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .c-single03-btn__link:hover { background-color: #fff; color: #111450; } } @media (min-width: 768px) { .c-single03__inner { padding-top: 100px; padding-bottom: 100px; } .c-single03__eyecatch { margin-bottom: 100px; } .c-single03__content + .c-single03__content { margin-top: 100px; } } /* wysiwyg */ .c-single03__wysiwyg { overflow: hidden; margin-bottom: 50px; } .c-single03__wysiwyg h1:not([class]), .c-single03__wysiwyg h2:not([class]), .c-single03__wysiwyg h3:not([class]), .c-single03__wysiwyg h4:not([class]), .c-single03__wysiwyg h5:not([class]), .c-single03__wysiwyg h6:not([class]) { margin-top: 1.5em; margin-bottom: 1.5em; line-height: 1.5; font-weight: 700; } .c-single03__wysiwyg h1:not([class]), .c-single03__wysiwyg h2:not([class]) { padding: 0.25em 0.5em; background-color: #111450; color: #fff; } .c-single03__wysiwyg h1:not([class]) { font-size: 2.2em; } .c-single03__wysiwyg h2:not([class]) { font-size: 2em; } .c-single03__wysiwyg h3:not([class]) { border-bottom: 3px solid #111450; font-size: 1.5em; } .c-single03__wysiwyg h4:not([class]) { font-size: 1.25em; } .c-single03__wysiwyg strong, .c-single03__wysiwyg em, .c-single03__wysiwyg b { font-weight: 700; } .c-single03__wysiwyg a:not([class]) { color: #111450; text-decoration: underline; } @media not all and (pointer: coarse) { .c-single03__wysiwyg a:not([class]):hover { text-decoration: none; } } .c-single03__wysiwyg ul, .c-single03__wysiwyg ol, .c-single03__wysiwyg dl { margin-top: 1.5em; } .c-single03__wysiwyg ul:not([class]) { list-style: disc inside; } .c-single03__wysiwyg ol:not([class]) { list-style: auto inside; } .c-single03__wysiwyg dl:not([class]) dt { border-bottom: 1px solid #646464; } .c-single03__wysiwyg blockquote { margin-top: 1.5em; padding: 0.5em; background-color: #eee; } .c-single03__wysiwyg blockquote + p { margin-top: 0; } .c-single03__wysiwyg p + p { margin-top: 1.5em; } .c-single03__wysiwyg img { width: fit-content; } .c-single03__wysiwyg table { box-sizing: border-box; width: 100%; margin-top: 1.5em; margin-bottom: 1.5em; } .c-single03__wysiwyg table th, .c-single03__wysiwyg table td { padding: 0.5em; border: 1px solid #646464; text-align: center; vertical-align: middle; } .c-single03__wysiwyg table th { font-weight: 700; background-color: #111450; color: #fff; } .c-single03__wysiwyg .aligncenter { display: block; margin-right: auto; margin-left: auto; } .c-single03__wysiwyg .alignright { float: right; margin-bottom: 20px; margin-left: 20px; } .c-single03__wysiwyg .alignleft { float: left; margin-right: 20px; margin-bottom: 20px; } .c-single03__wysiwyg .wp-caption { margin-top: 1.5em; } .c-single03__wysiwyg .wp-caption-text { margin-top: 0; margin-bottom: 1em; line-height: 1.5; font-size: 0.9em; text-align: center; } @media (max-width: 767.98px) { .c-single03__wysiwyg .js-scrollable table { min-width: max-content; } } .c-sns01 { --width: 33px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .c-sns01__item { width: var(--width); margin: 0 17px 17px; } .c-sns01__item.is-twitter { --width: 25px; } .c-sns01__item.is-ig { --width: 30px; } .c-sns01__item-link { width: 100%; height: 100%; } @media (max-width: 374.98px) { .c-sns01 { margin-left: -15px; margin-right: -15px; } .c-sns01__item { margin: 0 15px 15px; } } .c-sns01.is-white .c-sns01__item-link { position: relative; } .c-sns01.is-white .c-sns01__item-link img { opacity: 0; } .c-sns01.is-white .c-sns01__item-link::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .c-sns01.is-white .c-sns01__item.is-fb .c-sns01__item-link::before { width: 32px; height: 32px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-2ded0556-22f0-49c3-9918-a1aea1daeb6d%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201017.78%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-26be5e67-81f1-4f8d-8423-323e96b2f570%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22uuid-26be5e67-81f1-4f8d-8423-323e96b2f570%22%20d%3D%22m1024%2C512C1024%2C229.23%2C794.77%2C0%2C512%2C0S0%2C229.23%2C0%2C512c0%2C255.55%2C187.23%2C467.37%2C432%2C505.78v-357.78h-130v-148h130v-112.8c0-128.32%2C76.44-199.2%2C193.39-199.2%2C56.02%2C0%2C114.61%2C10%2C114.61%2C10v126h-64.56c-63.6%2C0-83.44%2C39.47-83.44%2C79.96v96.04h142l-22.7%2C148h-119.3v357.78c244.77-38.41%2C432-250.22%2C432-505.78Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } .c-sns01.is-white .c-sns01__item.is-twitter .c-sns01__item-link::before { width: 34px; height: 32px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-d437c22c-01e4-4874-bcc5-9ad0b90aeeee%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-d3ad1d6b-f918-4c11-8868-b5687d7be1c7%7Bfill%3Anone%3B%7D.uuid-acd08fff-a279-4d7b-95e7-88745a563ce5%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22uuid-d3ad1d6b-f918-4c11-8868-b5687d7be1c7%22%20x%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%2F%3E%3Cpath%20class%3D%22uuid-acd08fff-a279-4d7b-95e7-88745a563ce5%22%20d%3D%22m100%2C19.64c-3.75%2C1.66-7.72%2C2.75-11.78%2C3.24%2C4.29-2.57%2C7.5-6.6%2C9.03-11.36-4.03%2C2.4-8.43%2C4.08-13.03%2C4.98-7.73-8.28-20.71-8.72-28.99-.98-4.16%2C3.88-6.51%2C9.32-6.51%2C15.01%2C0%2C1.58.17%2C3.15.53%2C4.68-16.51-.82-31.89-8.62-42.3-21.47-5.44%2C9.39-2.66%2C21.39%2C6.36%2C27.42-3.26-.08-6.46-.96-9.3-2.56v.25c0%2C9.77%2C6.89%2C18.19%2C16.47%2C20.13-1.76.48-3.58.72-5.4.72-1.3%2C0-2.59-.13-3.86-.38%2C2.69%2C8.36%2C10.39%2C14.1%2C19.18%2C14.26-7.27%2C5.71-16.25%2C8.81-25.49%2C8.79-1.64%2C0-3.27-.1-4.9-.3%2C9.35%2C6.08%2C20.27%2C9.3%2C31.43%2C9.28%2C37.76%2C0%2C58.4-31.3%2C58.4-58.44%2C0-.89-.02-1.78-.06-2.65%2C4.01-2.91%2C7.48-6.51%2C10.24-10.63Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; margin-top: -2px; } .c-sns01.is-white .c-sns01__item.is-discord .c-sns01__item-link::before { width: 37px; height: 32px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-eadf0ff5-427a-497f-8457-ee8855d6a902%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20127.14%2096.36%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-24f74568-652d-470c-9389-4c54309b612d%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22uuid-b62d7783-310f-4716-bfc6-8b1120a7682c%22%3E%3Cg%20id%3D%22uuid-70e649e9-8087-4ae7-9e1d-64c0e917348a%22%3E%3Cg%20id%3D%22uuid-7b339154-57f9-4adb-9ef1-3d63336ee9b9%22%3E%3Cpath%20class%3D%22uuid-24f74568-652d-470c-9389-4c54309b612d%22%20d%3D%22m107.7%2C8.07c-8.35-3.82-17.17-6.54-26.23-8.07-1.24%2C2.22-2.36%2C4.5-3.36%2C6.83-9.65-1.45-19.46-1.45-29.11%2C0-1-2.33-2.12-4.61-3.36-6.83-9.06%2C1.55-17.89%2C4.27-26.25%2C8.09C2.79%2C32.65-1.71%2C56.6.54%2C80.21h0c9.72%2C7.18%2C20.6%2C12.65%2C32.17%2C16.15%2C2.6-3.5%2C4.91-7.22%2C6.89-11.11-3.76-1.4-7.39-3.14-10.85-5.18.91-.66%2C1.8-1.34%2C2.66-2%2C20.37%2C9.58%2C43.95%2C9.58%2C64.32%2C0%2C.87.71%2C1.76%2C1.39%2C2.66%2C2-3.46%2C2.05-7.1%2C3.78-10.87%2C5.19%2C1.98%2C3.89%2C4.28%2C7.6%2C6.89%2C11.1%2C11.58-3.49%2C22.47-8.95%2C32.19-16.14h0c2.64-27.38-4.51-51.11-18.9-72.15Zm-65.25%2C57.62c-6.27%2C0-11.45-5.69-11.45-12.69s5-12.74%2C11.43-12.74%2C11.57%2C5.74%2C11.46%2C12.74-5.05%2C12.69-11.44%2C12.69Zm42.24%2C0c-6.28%2C0-11.44-5.69-11.44-12.69s5-12.74%2C11.44-12.74%2C11.54%2C5.74%2C11.43%2C12.74-5.04%2C12.69-11.43%2C12.69Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; margin-top: -2px; } .c-sns01.is-white .c-sns01__item.is-ig .c-sns01__item-link::before { width: 30px; height: 32px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-56c7a904-1d02-4078-a6da-0d9cc688a4e6%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20999.99%201000%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-5b5b5cc0-2b3f-4614-9e4a-f87f34804c79%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22uuid-5b5b5cc0-2b3f-4614-9e4a-f87f34804c79%22%20d%3D%22m292.92%2C3.5c-53.2%2C2.51-89.53%2C11-121.29%2C23.48-32.87%2C12.81-60.73%2C30-88.45%2C57.82-27.72%2C27.82-44.79%2C55.7-57.51%2C88.62-12.31%2C31.83-20.65%2C68.19-23%2C121.42C.32%2C348.07-.2%2C365.18.06%2C500.96s.86%2C152.8%2C3.44%2C206.14c2.54%2C53.19%2C11%2C89.51%2C23.48%2C121.28%2C12.83%2C32.87%2C30%2C60.72%2C57.83%2C88.45%2C27.83%2C27.73%2C55.69%2C44.76%2C88.69%2C57.5%2C31.8%2C12.29%2C68.17%2C20.67%2C121.39%2C23%2C53.22%2C2.33%2C70.35%2C2.87%2C206.09%2C2.61%2C135.74-.26%2C152.83-.86%2C206.16-3.39s89.46-11.05%2C121.24-23.47c32.87-12.86%2C60.74-30%2C88.45-57.84s44.77-55.74%2C57.48-88.68c12.32-31.8%2C20.69-68.17%2C23-121.35%2C2.33-53.37%2C2.88-70.41%2C2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45s-55.74-44.8-88.67-57.48c-31.82-12.31-68.17-20.7-121.39-23S634.83-.2%2C499.04.06s-152.79.84-206.12%2C3.44m5.84%2C903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29%2C2.53-202c2.08-48.71%2C10.23-75.21%2C17-92.84%2C9-23.39%2C19.84-40%2C37.29-57.57s34.1-28.39%2C57.43-37.51c17.62-6.88%2C44.06-15.06%2C92.79-17.38%2C52.73-2.5%2C68.53-3%2C202-3.29%2C133.47-.29%2C149.31.21%2C202.06%2C2.53%2C48.71%2C2.12%2C75.22%2C10.19%2C92.83%2C17%2C23.37%2C9%2C40%2C19.81%2C57.57%2C37.29s28.4%2C34.07%2C37.52%2C57.45c6.89%2C17.57%2C15.07%2C44%2C17.37%2C92.76%2C2.51%2C52.73%2C3.08%2C68.54%2C3.32%2C202%2C.24%2C133.46-.23%2C149.31-2.54%2C202-2.13%2C48.75-10.21%2C75.23-17%2C92.89-9%2C23.35-19.85%2C40-37.31%2C57.56s-34.09%2C28.38-57.43%2C37.5c-17.6%2C6.87-44.07%2C15.07-92.76%2C17.39-52.73%2C2.48-68.53%2C3-202.05%2C3.29s-149.27-.25-202-2.53M706.37%2C232.77c.06%2C33.14%2C26.96%2C59.96%2C60.1%2C59.9s59.96-26.96%2C59.9-60.1c-.06-33.14-26.96-59.96-60.1-59.9%2C0%2C0-.01%2C0-.02%2C0-33.13.07-59.94%2C26.97-59.88%2C60.1M243.27%2C500.5c.28%2C141.8%2C115.44%2C256.49%2C257.21%2C256.22s256.54-115.42%2C256.27-257.22-115.46-256.52-257.25-256.24-256.5%2C115.46-256.23%2C257.24m90.06-.18c-.18-92.05%2C74.29-166.82%2C166.34-167%2C92.05-.18%2C166.82%2C74.29%2C167%2C166.34.18%2C92.05-74.29%2C166.82-166.34%2C167-92.04.19-166.81-74.26-167-166.3v-.04%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } .c-sns01.is-white .c-sns01__item.is-youtube .c-sns01__item-link::before { width: 34px; height: 32px; content: ""; display: inline-block; vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22uuid-c4bef447-a1a3-45ec-9b3d-8057be88f273%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-4d53bf02-3c0d-46ae-b710-4041fbd955fc%7Bfill%3Anone%3B%7D.uuid-e6f7e00b-a80b-4a49-a4a7-82b64567a824%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22uuid-4d53bf02-3c0d-46ae-b710-4041fbd955fc%22%20width%3D%22100%22%20height%3D%22100%22%2F%3E%3Cpath%20class%3D%22uuid-e6f7e00b-a80b-4a49-a4a7-82b64567a824%22%20d%3D%22m97.91%2C25.93c-1.16-4.31-4.53-7.68-8.84-8.84-7.8-2.09-39.07-2.09-39.07-2.09%2C0%2C0-31.27%2C0-39.07%2C2.09-4.31%2C1.16-7.68%2C4.53-8.84%2C8.84C0%2C33.73%2C0%2C50%2C0%2C50c0%2C0%2C0%2C16.27%2C2.09%2C24.07%2C1.16%2C4.31%2C4.53%2C7.68%2C8.84%2C8.84%2C7.8%2C2.09%2C39.07%2C2.09%2C39.07%2C2.09%2C0%2C0%2C31.27%2C0%2C39.07-2.09%2C4.31-1.16%2C7.68-4.53%2C8.84-8.84%2C2.09-7.8%2C2.09-24.07%2C2.09-24.07%2C0%2C0%2C0-16.27-2.09-24.07Zm-57.91%2C39.07v-30l25.98%2C15-25.98%2C15Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; margin-top: -4px; } .c-table01 { --border: #b4b4b4; } .c-table01 table { width: 100%; } @media (max-width: 767.98px) { .c-table01 table, .c-table01 thead, .c-table01 tbody, .c-table01 tr, .c-table01 th, .c-table01 td { display: block; } .c-table01 th { border-bottom: 1px solid var(--border); text-align: left; } .c-table01 td { padding-top: 5px; padding-bottom: 35px; } } @media (min-width: 768px) { .c-table01 { table-layout: fixed; } .c-table01 th, .c-table01 td { padding: 14px 0; border-top: 1px solid var(--border); } .c-table01 th { width: 20%; } .c-table01 td { width: 80%; } .c-table01 tr:last-child th, .c-table01 tr:last-child td { border-bottom: 1px solid var(--border); } } .c-table02 { --padding-y: 5px; --padding-x: 10px; --border: #646464; } .c-table02 + .c-table02 { margin-top: 50px; } .c-table02 table { width: 100%; } .c-table02 thead { background-color: rgba(43, 88, 145, 0.1); } .c-table02 th, .c-table02 td { padding: var(--padding-y) var(--padding-x); border: 1px solid var(--border); vertical-align: middle; text-align: center; } @media (max-width: 767.98px) { .c-table02 td img { display: block; width: 90px; margin-left: auto; margin-right: auto; } .c-table02 td img + img { margin-top: 5px; } } @media (min-width: 768px) { .c-table02 { --padding-y: 15px; --padding-x: 20px; table-layout: fixed; } .c-table02 + .c-table02 { margin-top: 100px; } .c-table02 td img { width: 100px; vertical-align: middle; } .c-table02 td img + img { margin-left: 10px; } } .c-table03 { --padding-y: 5px; --padding-x: 10px; --border: #646464; table-layout: fixed; } .c-table03 + .c-table03 { margin-top: 50px; } .c-table03 table { width: 100%; } .c-table03 thead { background-color: rgba(43, 88, 145, 0.1); } .c-table03 thead tr:first-child { background-color: rgba(43, 88, 145, 0.4); } .c-table03 th, .c-table03 td { width: 20%; padding: var(--padding-y) var(--padding-x); border: 1px solid var(--border); vertical-align: middle; text-align: center; } .c-table03 th:last-child, .c-table03 td:last-child { width: 40%; } @media (min-width: 768px) { .c-table03 { --padding-y: 15px; --padding-x: 20px; } .c-table03 + .c-table03 { margin-top: 100px; } } .c-table03.is-small th, .c-table03.is-small td { width: fit-content; } @media (min-width: 768px) { .c-table03.is-small table { width: fit-content; } .c-table03.is-small th, .c-table03.is-small td { min-width: 200px; } } .c-table04 { --padding-y: 10px; --padding-x: 10px; --border: #646464; } .c-table04.is-td-center td { min-width: 40px; text-align: center; } .c-table04.has-small-columns tbody td:nth-last-child(-n+2) { width: 10%; text-align: center; } .c-table04.is-equalized th, .c-table04.is-equalized td { width: 20%; text-align: center; } .c-table04 table { width: 100%; box-sizing: border-box; } .c-table04 caption { margin-bottom: 0.5em; font-weight: bold; color: #111450; text-align: center; } .c-table04 thead { background-color: #111450; font-weight: 700; color: #fff; text-align: center; } .c-table04 tbody th { background-color: rgba(43, 88, 145, 0.1); } .c-table04 th, .c-table04 td { padding: var(--padding-y) var(--padding-x); border: 1px solid var(--border); vertical-align: middle; } .c-table04 th small, .c-table04 td small { display: block; font-size: 0.8em; } @media (max-width: 767.98px) { .c-table04 table { font-size: 1.2rem; } } .c-table05 table { box-sizing: border-box; width: 100%; text-align: center; } .c-table05 thead { background-color: #111450; font-weight: 700; color: #fff; } .c-table05 tbody th { background-color: rgba(43, 88, 145, 0.1); } .c-table05 th, .c-table05 td { box-sizing: border-box; padding: 5px 10px; border: 1px solid #646464; vertical-align: middle; } .c-table05 th em, .c-table05 td em { color: red; } .c-table05 th:last-of-type, .c-table05 td:last-of-type { width: 20%; } .c-table05 tr:nth-of-type(even) { background-color: rgba(43, 81, 145, 0.1); } @media (max-width: 767.98px) { .c-table05 table { min-width: 900px; font-size: 1.2rem; } } @media (min-width: 768px) { .c-table05 th, .c-table05 td { width: 16%; } } .c-table06 table { box-sizing: border-box; width: 100%; } .c-table06 thead { background-color: #111450; color: #fff; } .c-table06 th, .c-table06 td { box-sizing: border-box; padding: 0.5em; border: 1px solid #646464; vertical-align: middle; text-align: center; } @media (min-width: 768px) { .c-table06 { font-size: 1.5rem; } } .assist-anchor { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 6px; padding-top: 40px; } @media (min-width: 768px) { .assist-anchor { grid-gap: 15px; padding-top: 80px; } } .assist-contents a { text-decoration: underline; } @media not all and (pointer: coarse) { .assist-contents a:hover { text-decoration: none; } } .assist-contents__table th, .assist-contents__table td { min-width: 84px; } .assist-contents__table td:nth-last-child { width: 30%; text-align: left; } @media (min-width: 768px) { .assist-contents article > section { box-sizing: border-box; padding: 30px; border: 1px solid #aeaeae; } } /* baggagecare-detail */ .baggagecare-detail__inner { padding-top: 50px; padding-bottom: 50px; } .baggagecare-detail__inner p:not([class]) { margin-bottom: 1.5em; } .baggagecare-detail__inner p:not([class]) a { color: #111450; text-decoration: underline; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .baggagecare-detail__inner p:not([class]) a:hover { text-decoration: none; } } .baggagecare-detail__inner h4 { margin-bottom: 1.5em; color: #888; } .baggagecare-detail table { width: 100%; margin-bottom: 1.5em; } .baggagecare-detail table th, .baggagecare-detail table td { padding: 1em; border: 1px solid #C1D9F0; } .baggagecare-detail table thead th { font-weight: 700; background-color: #111450; color: #fff; } .baggagecare-detail table tbody th { background-color: #EEF1F4; } .baggagecare-detail ol { margin-bottom: 1.5em; } @media (min-width: 768px) { .baggagecare-detail__inner { padding-top: 100px; padding-bottom: 100px; } } body#brand main { overflow: hidden; } /* brand-message */ .brand-message__inner { position: relative; padding-top: 65px; padding-bottom: 72px; } .brand-message__inner::before { content: ""; display: inline-block; position: absolute; z-index: -1; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; height: 81%; background: url(../img/brand/bg_message01_sp.png) no-repeat 50% 100%/cover; } .brand-message__heading { padding-left: 42px; } .brand-message__heading-en { width: 65.4411764706%; } .brand-message__heading-ja { font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); color: #0c0243; } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-message__heading-ja { font-size: 1.2rem; } } .brand-message__img { width: 80%; } .brand-message__lead { line-height: 1.5217391304; font-size: clamp(2.3rem, 1.1292682927rem + 2.4390243902vw, 3rem); color: #0c0243; } @supports not (font-size: clamp(23 * 0.1rem, 1.1292682927rem + 2.4390243902vw, 30 * 0.1rem)) { .brand-message__lead { font-size: 2.3rem; } } .brand-message__lead small { display: block; font-size: 1.5rem; } .brand-message__txt { line-height: 2.0833333333; font-size: clamp(1.2rem, 0.6982578397rem + 1.0452961672vw, 1.5rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.6982578397rem + 1.0452961672vw, 15 * 0.1rem)) { .brand-message__txt { font-size: 1.2rem; } } @media (max-width: 767.98px) { .brand-message__heading { margin-bottom: 18px; } .brand-message__img { margin-bottom: 27px; } .brand-message__lead, .brand-message__txt { box-sizing: border-box; max-width: 500px; margin: auto; padding-left: min(40px, 10.66%); } @supports not (padding-left: min(40px, 10.66%)) { .brand-message__lead, .brand-message__txt { padding-left: 40px; } } .brand-message__lead { margin-bottom: 37px; } .brand-message__lead small { margin-top: 8px; } } @media (max-width: 374.98px) { .brand-message__lead, .brand-message__txt { padding-left: min(20px, 5.33%); } @supports not (padding-left: min(20px, 5.33%)) { .brand-message__lead, .brand-message__txt { padding-left: 20px; } } .brand-message__lead { margin-bottom: 45px; } .brand-message__txt { font-size: 1.1rem; } } @media (min-width: 768px) { .brand-message__inner { padding-top: 85px; padding-bottom: 105px; display: grid; grid-template-columns: 50% 50%; } .brand-message__inner::before { height: 64.86%; background-image: url(../img/brand/bg_message01_pc.png); } .brand-message__heading { grid-column: 1; grid-row: 1; justify-self: end; position: relative; z-index: 2; padding: 0 39.5% 0 0; } .brand-message__heading-en { width: max(15.625vw, 190px); margin-bottom: 13px; } .brand-message__heading-ja { font-size: 1.8rem; } .brand-message__img { grid-column: 1/3; grid-row: 1/3; width: 54.4927536232%; padding-top: 55px; } .brand-message__lead, .brand-message__txt { padding-left: 87px; } .brand-message__lead { grid-column: 2; grid-row: 1; padding-top: 45px; line-height: 1.75; font-size: clamp(2.8rem, 0.8rem + 1.3020833333vw, 3.3rem); } @supports not (font-size: clamp(28 * 0.1rem, 0.8rem + 1.3020833333vw, 33 * 0.1rem)) { .brand-message__lead { font-size: 2.8rem; } } .brand-message__lead small { font-size: 2.2rem; } .brand-message__txt { grid-column: 2; grid-row: 2; max-width: 452px; padding-top: 93px; line-height: 2.4285714286; font-size: 1.4rem; } } @media (min-width: 768px) and (max-width: 1130px) { .brand-message__txt { padding-right: 50px; } } @media (min-width: 1536px) { .brand-message__lead { align-self: center; } } @media (min-width: 1921px) { .brand-message__lead, .brand-message__txt { padding-left: 7vw; } } /* brand-vision */ .brand-vision { position: relative; } .brand-vision::before { content: ""; display: inline-block; position: absolute; top: -27px; right: 0; width: 32%; height: 100%; background: url(../img/brand/bg_vision01_sp.png) no-repeat 100% 0/contain; } .brand-vision__inner { position: relative; z-index: 2; padding-top: 89px; padding-bottom: 75px; } .brand-vision__heading { margin-bottom: 22px; } .brand-vision__heading-en { width: 38.9705882353%; } .brand-vision__heading-ja { font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); color: #0c0243; } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-vision__heading-ja { font-size: 1.2rem; } } .brand-vision__lead { margin-bottom: 55px; line-height: 2; font-size: 1.5rem; color: #0c0243; } @media (max-width: 767.98px) { .brand-vision__inner { box-sizing: border-box; padding-left: min(18px, 4.66%); padding-right: min(18px, 4.66%); } @supports not (padding-left: min(18px, 4.66%)) { .brand-vision__inner { padding-left: 18px; padding-right: 18px; } } .brand-vision__heading, .brand-vision__lead { padding-left: 24px; } } @media (min-width: 480px) and (max-width: 767.98px) { .brand-vision::before { top: -7.2vw; max-width: 150px; } } @media (min-width: 768px) { .brand-vision::before { top: -60px; width: 20%; max-height: 850px; background-image: url(../img/brand/bg_vision01_pc.png); } .brand-vision__inner { max-width: 960px; margin: auto; padding-top: 165px; padding-bottom: 35px; } .brand-vision__heading { margin-bottom: 78px; text-align: center; } .brand-vision__heading-en { width: max(10.625vw, 204px); margin: 0 auto 13px; } .brand-vision__heading-ja { font-size: 1.8rem; } .brand-vision__lead { margin-bottom: 134px; line-height: 1.75; font-size: 2.8rem; text-align: center; } } @media (min-width: 1081px) { .brand-vision::before { width: 40%; } } .brand-vision-detail { position: relative; } .brand-vision-detail__txt { position: absolute; top: 48%; left: 50%; transform: translateX(-50%); line-height: 2; font-size: 1.1rem; text-align: center; color: #0c0243; } @media (max-width: 767.98px) { .brand-vision-detail img { display: block; max-width: 500px; margin: auto; } } @media (min-width: 480px) and (max-width: 767.98px) { .brand-vision-detail__txt { top: 50%; font-size: 1.4rem; } } @media (min-width: 768px) { .brand-vision-detail { max-width: 600px; margin: auto; } .brand-vision-detail__txt { top: 46%; font-size: 2rem; } .brand-vision-detail__wrap { position: relative; max-width: 960px; margin: 0 auto 87px; } } @media (min-width: 1921px) { .brand-vision-detail { max-width: 800px; } .brand-vision-detail__txt { top: 50%; } .brand-vision-detail__wrap { max-width: calc(100% + 200px); margin-left: -100px; margin-right: -100px; } } .brand-vision-list__item { display: flex; flex-wrap: wrap; } .brand-vision-list__item-head { margin-bottom: 5px; line-height: 1.5; font-size: clamp(1.5rem, 0.9982578397rem + 1.0452961672vw, 1.8rem); color: #0c0243; } @supports not (font-size: clamp(15 * 0.1rem, 0.9982578397rem + 1.0452961672vw, 18 * 0.1rem)) { .brand-vision-list__item-head { font-size: 1.5rem; } } .brand-vision-list__item-txt { font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-vision-list__item-txt { font-size: 1.2rem; } } @media (max-width: 767.98px) { .brand-vision-list { margin-top: 52px; margin-bottom: 75px; } .brand-vision-list__item:not(:last-of-type) { margin-bottom: 40px; } .brand-vision-list__item-ico { width: 41.1764705882%; transform: translateY(5px); } .brand-vision-list__item-txts { width: 58.8235294118%; } } @media (min-width: 768px) { .brand-vision-list { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; display: grid; grid-template-columns: 50% 50%; grid-template-rows: minmax(300px, 50%); } .brand-vision-list__item { box-sizing: border-box; } .brand-vision-list__item.is-airport { grid-column: 2; grid-row: 1; padding-left: 27.25%; transform: translateY(-25px); } .brand-vision-list__item.is-station { grid-column: 1; grid-row: 2; padding-top: 35px; padding-left: 20px; } .brand-vision-list__item.is-port { grid-column: 2; grid-row: 2; justify-self: end; padding-top: 35px; } .brand-vision-list__item-head { margin-bottom: 8px; font-size: 2.4rem; } .brand-vision-list__item-txt { font-size: 1.4rem; } } @media (min-width: 1921px) { .brand-vision-list { grid-template-rows: minmax(400px, 50%); } } .brand-vision-sub { width: calc(100% - 50px); margin-left: auto; } .brand-vision-sub__item { padding-left: 16px; border-left: 2px solid; } .brand-vision-sub__item-ja { line-height: 1.5; font-size: clamp(1.5rem, 0.9982578397rem + 1.0452961672vw, 1.8rem); } @supports not (font-size: clamp(15 * 0.1rem, 0.9982578397rem + 1.0452961672vw, 18 * 0.1rem)) { .brand-vision-sub__item-ja { font-size: 1.5rem; } } .brand-vision-sub__item-en { line-height: 1.3; font-size: clamp(1.2rem, 0.531010453rem + 1.393728223vw, 1.6rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.531010453rem + 1.393728223vw, 16 * 0.1rem)) { .brand-vision-sub__item-en { font-size: 1.2rem; } } @media (max-width: 767.98px) { .brand-vision-sub__item:not(:last-of-type) { margin-bottom: 20px; } } @media (min-width: 768px) { .brand-vision-sub { display: flex; flex-wrap: wrap; justify-content: center; width: fit-content; margin-left: auto; margin-right: 15px; } .brand-vision-sub__item { width: fit-content; padding-left: 25px; border-left-width: 3px; } .brand-vision-sub__item:not(:last-of-type) { margin-right: 70px; } .brand-vision-sub__item-ja { font-size: 2.1rem; } .brand-vision-sub__item-en { font-size: 1.8rem; } } /* brand-mission */ .brand-mission { position: relative; } .brand-mission::before { content: ""; display: inline-block; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: url(../img/brand/bg_mission01_sp.png) no-repeat 50% 0/100%; } .brand-mission__inner { position: relative; z-index: 2; padding-top: 14.4vw; padding-bottom: 52px; } .brand-mission__heading { margin-bottom: 20px; } .brand-mission__heading-en { width: 52.5423728814%; } .brand-mission__heading-ja { font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); color: #0c0243; } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-mission__heading-ja { font-size: 1.2rem; } } .brand-mission__lead { margin-bottom: 45%; line-height: 1.5217391304; font-size: clamp(2.2rem, 0.8620209059rem + 2.787456446vw, 3rem); } @supports not (font-size: clamp(22 * 0.1rem, 0.8620209059rem + 2.787456446vw, 30 * 0.1rem)) { .brand-mission__lead { font-size: 2.2rem; } } .brand-mission__lead span { display: inline-block; } .brand-mission-list__item:not(:last-of-type) { margin-bottom: 6px; } .brand-mission-list__item-num { line-height: 1.5; font-size: 2rem; } .brand-mission-list__item-txt { line-height: 2.0833333333; font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-mission-list__item-txt { font-size: 1.2rem; } } .brand-mission-list__item-txt span { display: block; } @media (max-width: 767.98px) { .brand-mission__inner { box-sizing: border-box; padding-left: min(40px, 10.66%); padding-right: min(40px, 10.66%); } @supports not (padding-left: min(40px, 10.66%)) { .brand-mission__inner { padding-left: 40px; padding-right: 40px; } } } @media (max-width: 374.98px) { .brand-mission-list__item-txt span { display: inline; } } @media (min-width: 768px) { .brand-mission::before { top: -23%; height: 300%; background-image: url(../img/brand/bg_mission01_pc.png); } .brand-mission__inner { max-width: 1080px; margin: auto; padding-top: 180px; padding-bottom: 64px; } .brand-mission__heading { margin-bottom: 48px; } .brand-mission__heading-en { width: max(12.395vw, 238px); margin: 0 auto 13px 0; } .brand-mission__heading-ja { font-size: 1.8rem; } .brand-mission__lead, .brand-mission-list { padding-left: 100px; } .brand-mission__lead { margin-bottom: 53px; line-height: 1.5; font-size: 3.8rem; } .brand-mission-list__item { display: flex; } .brand-mission-list__item:not(:last-of-type) { margin-bottom: 32px; } .brand-mission-list__item-num { padding-right: 15px; font-size: 2rem; } .brand-mission-list__item-txt { line-height: 2.4285714286; } } @media (min-width: 768px) and (max-width: 1180px) { .brand-mission__heading, .brand-mission__lead { box-sizing: border-box; padding-left: 5%; } } /* brand-value */ .brand-value { position: relative; } .brand-value::before { content: ""; display: inline-block; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: url(../img/brand/bg_value01_sp.png) no-repeat 50% 0/100%; } .brand-value__inner { position: relative; z-index: 2; padding-top: 88px; padding-bottom: 72px; } .brand-value__heading { margin-bottom: 42px; } .brand-value__heading-en { width: 43.0508474576%; } .brand-value__heading-ja { font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); color: #0c0243; } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-value__heading-ja { font-size: 1.2rem; } } .brand-value__lead { margin-bottom: 42px; line-height: 2.0833333333; font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-value__lead { font-size: 1.2rem; } } @media (max-width: 767.98px) { .brand-value__inner { box-sizing: border-box; padding-left: min(18px, 4.66%); padding-right: min(18px, 4.66%); } @supports not (padding-left: min(18px, 4.66%)) { .brand-value__inner { padding-left: 18px; padding-right: 18px; } } .brand-value__heading, .brand-value__lead { padding-left: 24px; } } @media (min-width: 480px) and (max-width: 767.98px) { .brand-value::before { top: -2%; } .brand-value__lead { max-width: 500px; } .brand-value__lead span { display: inline-block; } } @media (min-width: 768px) { .brand-value::before { background: url(../img/brand/bg_value01_pc.png) no-repeat 0 0/cover; } .brand-value__inner { max-width: 1080px; margin: auto; padding-top: 134px; padding-bottom: 152px; } .brand-value__heading { margin-bottom: 90px; } .brand-value__heading-en { width: max(10vw, 192px); margin: 0 auto 13px 0; } .brand-value__heading-ja { font-size: 1.8rem; } .brand-value__lead { max-width: 75%; margin-bottom: 90px; } .brand-value__lead span { display: inline-block; } } @media (min-width: 768px) and (max-width: 1180px) { .brand-value__heading, .brand-value__lead { box-sizing: border-box; padding-left: 5%; } } @media (min-width: 1536px) { .brand-value { margin-top: 10%; } .brand-value::before { width: 1920px; height: 1721px; } } @media (min-width: 1921px) { .brand-value::before { width: 100%; height: 100%; } } .brand-value-list { counter-reset: num; } .brand-value-list__item { display: grid; grid-template-columns: 26.7647058824% 1fr; grid-column-gap: 11.46vw; } .brand-value-list__item-ico { grid-column: 1; grid-row: 1/3; } .brand-value-list__item-head { grid-column: 2; grid-row: 1; position: relative; line-height: 1.5; font-size: clamp(1.5rem, 0.9982578397rem + 1.0452961672vw, 1.8rem); color: #0c0243; word-break: break-word; } @supports not (font-size: clamp(15 * 0.1rem, 0.9982578397rem + 1.0452961672vw, 18 * 0.1rem)) { .brand-value-list__item-head { font-size: 1.5rem; } } .brand-value-list__item-head::before { position: absolute; top: -3px; left: -1.2em; content: counter(num) "."; counter-increment: num; font-size: 2rem; } .brand-value-list__item-head span { display: inline-block; } .brand-value-list__item-txt { grid-column: 2; grid-row: 2; font-size: clamp(1.2rem, 0.8655052265rem + 0.6968641115vw, 1.4rem); } @supports not (font-size: clamp(12 * 0.1rem, 0.8655052265rem + 0.6968641115vw, 14 * 0.1rem)) { .brand-value-list__item-txt { font-size: 1.2rem; } } .brand-value-list__item-txt span { display: inline-block; } @media (max-width: 767.98px) { .brand-value-list { max-width: 500px; margin: auto; } .brand-value-list__item:not(:last-of-type) { margin-bottom: 37px; } } @media (max-width: 374.98px) { .brand-value-list__item-txt span { display: inline; } } @media (min-width: 480px) and (max-width: 767.98px) { .brand-value-list__item-head { align-self: end; margin-bottom: 5px; } } @media (min-width: 768px) { .brand-value-list { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 80px; grid-auto-flow: dense; } .brand-value-list__item { grid-template-columns: 26% 1fr; grid-template-rows: 40px 1fr; grid-column-gap: 44px; box-sizing: border-box; padding-left: 11.11%; } .brand-value-list__item:nth-of-type(n) { grid-column: 1; } .brand-value-list__item:nth-last-of-type(-n+3) { grid-column: 2; } .brand-value-list__item-head { line-height: 1.3; font-size: 1.8rem; } .brand-value-list__item-head::before { top: 0; left: -1.6em; font-size: 2rem; } .brand-value-list__item-txt { font-size: 1.4rem; } } /* campaign-detail */ .campaign-detail__inner { padding-top: 50px; padding-bottom: 50px; } .campaign-detail__lead { margin-bottom: 40px; } @media (min-width: 768px) { .campaign-detail__inner { padding-top: 100px; padding-bottom: 100px; } .campaign-detail__lead { margin-bottom: 80px; } } /* company-detail */ .company-detail__inner { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .company-detail__inner { padding-top: 100px; padding-bottom: 100px; } } /* conditions-detail */ .conditions-detail__inner { padding-top: 50px; padding-bottom: 50px; } .conditions-detail__links { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1em; } .conditions-detail__links a { margin: 0 2em; } .conditions-detail__head { font-weight: 700; font-size: 2.2rem; text-align: center; } .conditions-detail__sub { margin-top: 2em; margin-bottom: 1em; font-weight: 700; font-size: 2rem; } .conditions-detail__lead { margin-top: 30px; margin-bottom: 1em; font-weight: 700; font-size: 1.8rem; } .conditions-detail__txt { margin-top: 2em; } @media (min-width: 768px) { .conditions-detail__inner { padding-top: 100px; padding-bottom: 100px; } .conditions-detail__head { font-size: 3.2rem; } .conditions-detail__sub { font-size: 2.6rem; } .conditions-detail__lead { margin-top: 60px; font-size: 2.4rem; } } /* contact-form */ .contact-form__inner { padding-top: 50px; padding-bottom: 50px; } .contact-form__txt-area + .contact-form__txt-area { margin-top: 30px; } .contact-form__txt-area:last-of-type { margin-bottom: 60px; } .contact-form__txt-area p + p { margin-top: 1.5em; } @media (min-width: 768px) { .contact-form__inner { padding-top: 100px; padding-bottom: 100px; } .contact-form__txt-area + .contact-form__txt-area { margin-top: 60px; } .contact-form__txt-area:last-of-type { margin-bottom: 100px; } } .booking-detail__head { position: relative; box-sizing: border-box; padding: 0.75em; background-color: rgba(43, 81, 145, 0.1); font-size: clamp(1.8rem, 0.7965156794rem + 2.0905923345vw, 2.4rem); text-align: left; } @supports not (font-size: clamp(18 * 0.1rem, 0.7965156794rem + 2.0905923345vw, 24 * 0.1rem)) { .booking-detail__head { font-size: 1.8rem; } } .booking-detail__head span { display: inline-block; } .booking-detail-point { display: grid; grid-gap: 30px; } .booking-detail-point__item { box-sizing: border-box; padding: 15px; line-height: 1.5; border: 1px solid; text-align: center; font-weight: 700; font-size: clamp(1.6rem, 0.5965156794rem + 2.0905923345vw, 2.2rem); } @supports not (font-size: clamp(16 * 0.1rem, 0.5965156794rem + 2.0905923345vw, 22 * 0.1rem)) { .booking-detail-point__item { font-size: 1.6rem; } } .booking-detail-box { box-sizing: border-box; margin-top: 40px; padding: 15px; border: 1px solid; border-radius: 20px; text-align: center; } .booking-detail-box p + p { margin-top: 1em; } .booking-detail-box a { text-decoration: underline; } @media not all and (pointer: coarse) { .booking-detail-box a:hover { text-decoration: none; } } @media (max-width: 374.98px) { .booking-detail__head { font-size: 1.6rem; } } @media (min-width: 768px) { .booking-detail-point { grid-template-columns: repeat(3, 1fr); } .booking-detail-point__item { display: flex; justify-content: center; align-items: center; font-size: 2.2rem; } .booking-detail-box { width: fit-content; margin: 80px auto 0; padding: 20px; } } .booking-detail-list { display: grid; grid-gap: 30px; margin-bottom: 30px; } .booking-detail-list__item-table { --padding-top: 10px; --padding-bottom: 10px; --padding-left: 10px; --padding-right: 10px; --border: #646464; --background: #156082; } .booking-detail-list__item-table.is-green { --background: #00b050; } .booking-detail-list__item-table table { width: 100%; text-align: center; } .booking-detail-list__item-table th, .booking-detail-list__item-table td { box-sizing: border-box; width: 33.3333333333%; padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left); border: 1px solid var(--border); } .booking-detail-list__item-table th { background-color: var(--background); color: #fff; } .booking-detail-list__item-table thead { font-weight: 700; } .booking-detail-list__item-table tbody tr td { background-color: #ccd2d8; } .booking-detail-list__item-table tbody tr:nth-child(even) td { background-color: #e7eaed; } @media (min-width: 768px) { .booking-detail-list { grid-template-columns: 1fr 1fr; grid-auto-flow: dense; } .booking-detail-list__item:nth-of-type(n) { grid-column: 1; } .booking-detail-list__item:nth-last-of-type(-n+2) { grid-column: 2; } } .booking-detail-note__item { position: relative; padding-left: 1em; text-indent: -1em; font-size: 0.9em; } .booking-detail-note__item::before { content: "※"; width: 1em; height: 1em; } .booking-detail-note__item a { text-decoration: underline; } @media not all and (pointer: coarse) { .booking-detail-note__item a:hover { text-decoration: none; } } /* emergency-detail */ .emergency-detail__inner { padding-top: 50px; padding-bottom: 50px; } .emergency-detail__lead { margin-bottom: 2em; } .emergency-detail__txt { margin-top: 2em; } @media (min-width: 768px) { .emergency-detail__inner { padding-top: 100px; padding-bottom: 100px; } } /* error-detail */ .error-detail__inner { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .error-detail__inner { padding-top: 100px; padding-bottom: 100px; } } /* fare-detail */ .fare-detail__inner { padding-top: 30px; padding-bottom: 40px; } @media (max-width: 767.98px) { .fare-detail-anchor { margin-bottom: 60px; } .fare-detail-anchor__item:not(:last-of-type) { margin-bottom: 14px; } .fare-detail-anchor__item-link img { display: block; } } @media (min-width: 768px) { .fare-detail__inner { padding-top: 50px; padding-bottom: 80px; } } .fare-detail-list { --head-color: #F39306; --bg-color: rgba(243,147,6,.15); margin-bottom: 58px; } .fare-detail-list__item { box-sizing: border-box; position: relative; } .fare-detail-list__item-head { position: relative; } .fare-detail-list__item-head::after { content: ""; display: inline-block; position: absolute; background: no-repeat center/contain; } .fare-detail-list__item-head img { display: block; } .fare-detail-list__item-txts { box-sizing: border-box; padding: 0 28px 28px; border: 3px solid var(--head-color); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-width: 0; } .fare-detail-list__item-txt { margin-bottom: 20px; line-height: 1.5; font-weight: 500; font-size: 2rem; } .fare-detail-list__item-txt span { font-size: 1.4rem; } .fare-detail-list__item-price { margin-bottom: 24px; padding: 15px 0; line-height: 1.5; border-bottom: 1px solid #ccc; font-size: 1.5rem; color: var(--head-color); text-align: center; } .fare-detail-list__item-price em { font-weight: 700; font-size: 2.4rem; } .fare-detail-list__item-price p + p { margin-top: 10px; } .fare-detail-list__item-list { box-sizing: border-box; display: grid; grid-template-columns: 80px 1fr; grid-column-gap: 20px; grid-row-gap: 10px; } .fare-detail-list__item-list + .fare-detail-list__item-list { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc; } .fare-detail-list__item-list.is-column { grid-template-columns: 100%; } .fare-detail-list__item-list.is-column dd { font-size: 1.2rem; } .fare-detail-list__item-list.is-variant p:nth-last-child(n-2):not(:first-child):not(:nth-child(2)) { grid-column: 1/3; font-size: 1.2rem; } .fare-detail-list__item-list.is-variant p > i { display: inline-block; float: left; width: 38px; height: 38px; margin-right: 14px; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4582%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204582%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238.176%22%20height%3D%2238.176%22%20viewBox%3D%220%200%2038.176%2038.176%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2540%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202540%22%20width%3D%223.471%22%20height%3D%2217.356%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_119%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20119%22%20cx%3D%2219.088%22%20cy%3D%2219.088%22%20r%3D%2219.088%22%20fill%3D%22%23608d06%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4581%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204581%22%20transform%3D%22translate(17.353%2010.412)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4580%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204580%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3582%22%20data-name%3D%22%E3%83%91%E3%82%B9%203582%22%20d%3D%22M1.735%2C12.147A1.736%2C1.736%2C0%2C0%2C1%2C0%2C10.412V1.735a1.735%2C1.735%2C0%2C1%2C1%2C3.471%2C0v8.676a1.736%2C1.736%2C0%2C0%2C1-1.735%2C1.735%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3583%22%20data-name%3D%22%E3%83%91%E3%82%B9%203583%22%20d%3D%22M1.735%2C19.474a1.688%2C1.688%2C0%2C0%2C1-1.223-.512A1.718%2C1.718%2C0%2C0%2C1%2C0%2C17.738a1.818%2C1.818%2C0%2C0%2C1%2C.13-.669A1.224%2C1.224%2C0%2C0%2C1%2C.3%2C16.775a1.23%2C1.23%2C0%2C0%2C1%2C.217-.269%2C2.091%2C2.091%2C0%2C0%2C1%2C.26-.217%2C1.95%2C1.95%2C0%2C0%2C1%2C.294-.157%2C2.206%2C2.206%2C0%2C0%2C1%2C.33-.1%2C1.751%2C1.751%2C0%2C0%2C1%2C1.562.477%2C1.592%2C1.592%2C0%2C0%2C1%2C.217.269%2C1.612%2C1.612%2C0%2C0%2C1%2C.166.294%2C2.256%2C2.256%2C0%2C0%2C1%2C.095.322%2C1.565%2C1.565%2C0%2C0%2C1%2C.035.347%2C1.748%2C1.748%2C0%2C0%2C1-1.735%2C1.735%22%20transform%3D%22translate(0%20-2.117)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .fare-detail-list__item-list dt, .fare-detail-list__item-list p:first-child { align-self: start; max-width: 80px; line-height: 30px; border-radius: 3px; background-color: var(--bg-color); font-size: 1.2rem; text-align: center; } .fare-detail-list__item-list dd, .fare-detail-list__item-list p:not(:first-child) { align-self: center; line-height: 1.6; } .fare-detail-list__item-list dd em, .fare-detail-list__item-list p:not(:first-child) em { font-weight: 700; color: red; } .fare-detail-list__item-list dd small, .fare-detail-list__item-list p:not(:first-child) small { display: inline-block; line-height: 1.4; font-size: 1.2rem; } .fare-detail-list__item.is-tokibiz { --head-color: rgb(96,141,6); --bg-color: rgba(96,141,6,.15); } .fare-detail-list__item.is-tokibiz .fare-detail-list__item-head::after { bottom: -32px; right: 5.3vw; width: 15.2vw; height: 36.7vw; background-image: url(../img/fare/ico_fare04.png); } .fare-detail-list__item.is-tokibiz .fare-detail-list__item-price img { width: 77.288372093%; } .fare-detail-list__item.is-tokitoku { --head-color: rgb(19,49,103); --bg-color: rgba(19,49,103,.15); } .fare-detail-list__item.is-tokitoku .fare-detail-list__item-head::after { bottom: -36px; right: 5.3vw; width: 15.2vw; height: 36.7vw; background-image: url(../img/fare/ico_fare02.png); } .fare-detail-list__item.is-tokitoku .fare-detail-list__item-price img { width: 75.9674418605%; } .fare-detail-list__item.is-tokitoku .fare-detail-list__item-list.is-variant p > i { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4635%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204635%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238.158%22%20height%3D%2238.158%22%20viewBox%3D%220%200%2038.158%2038.158%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2540%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202540%22%20width%3D%223.469%22%20height%3D%2217.348%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3591%22%20data-name%3D%22%E3%83%91%E3%82%B9%203591%22%20d%3D%22M19.079%2C0A19.079%2C19.079%2C0%2C1%2C1%2C0%2C19.079%2C19.079%2C19.079%2C0%2C0%2C1%2C19.079%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23133167%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4581%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204581%22%20transform%3D%22translate(17.345%2010.407)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4580%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204580%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3582%22%20data-name%3D%22%E3%83%91%E3%82%B9%203582%22%20d%3D%22M1.734%2C12.141A1.735%2C1.735%2C0%2C0%2C1%2C0%2C10.407V1.734a1.734%2C1.734%2C0%2C1%2C1%2C3.469%2C0v8.672a1.735%2C1.735%2C0%2C0%2C1-1.734%2C1.734%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3583%22%20data-name%3D%22%E3%83%91%E3%82%B9%203583%22%20d%3D%22M1.734%2C19.472A1.687%2C1.687%2C0%2C0%2C1%2C.513%2C18.96%2C1.717%2C1.717%2C0%2C0%2C1%2C0%2C17.737a1.817%2C1.817%2C0%2C0%2C1%2C.13-.669A1.223%2C1.223%2C0%2C0%2C1%2C.3%2C16.775a1.23%2C1.23%2C0%2C0%2C1%2C.217-.269%2C2.09%2C2.09%2C0%2C0%2C1%2C.26-.217%2C1.95%2C1.95%2C0%2C0%2C1%2C.294-.157%2C2.2%2C2.2%2C0%2C0%2C1%2C.33-.1%2C1.75%2C1.75%2C0%2C0%2C1%2C1.561.477%2C1.591%2C1.591%2C0%2C0%2C1%2C.217.269%2C1.611%2C1.611%2C0%2C0%2C1%2C.166.294%2C2.255%2C2.255%2C0%2C0%2C1%2C.095.322%2C1.565%2C1.565%2C0%2C0%2C1%2C.035.347%2C1.747%2C1.747%2C0%2C0%2C1-1.734%2C1.734%22%20transform%3D%22translate(0%20-2.124)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .fare-detail-list__item.is-tokiuni .fare-detail-list__item-head::after { bottom: -35px; right: 4.6vw; width: 14vw; height: 34vw; background-image: url(../img/fare/ico_fare01.png); } .fare-detail-list__item.is-tokiuni .fare-detail-list__item-price img { width: 38.2093023256%; } .fare-detail-list__item.is-tokiuni .fare-detail-list__item-list.is-variant p > i { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4582%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204582%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238.176%22%20height%3D%2238.176%22%20viewBox%3D%220%200%2038.176%2038.176%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2540%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202540%22%20width%3D%223.471%22%20height%3D%2217.356%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3591%22%20data-name%3D%22%E3%83%91%E3%82%B9%203591%22%20d%3D%22M19.088%2C0A19.088%2C19.088%2C0%2C1%2C1%2C0%2C19.088%2C19.088%2C19.088%2C0%2C0%2C1%2C19.088%2C0Z%22%20fill%3D%22%23f39306%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4581%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204581%22%20transform%3D%22translate(17.353%2010.412)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4580%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204580%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3582%22%20data-name%3D%22%E3%83%91%E3%82%B9%203582%22%20d%3D%22M1.735%2C12.147A1.736%2C1.736%2C0%2C0%2C1%2C0%2C10.412V1.735a1.735%2C1.735%2C0%2C1%2C1%2C3.471%2C0v8.676a1.736%2C1.736%2C0%2C0%2C1-1.735%2C1.735%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3583%22%20data-name%3D%22%E3%83%91%E3%82%B9%203583%22%20d%3D%22M1.735%2C19.474a1.688%2C1.688%2C0%2C0%2C1-1.223-.512A1.718%2C1.718%2C0%2C0%2C1%2C0%2C17.738a1.818%2C1.818%2C0%2C0%2C1%2C.13-.669A1.224%2C1.224%2C0%2C0%2C1%2C.3%2C16.775a1.23%2C1.23%2C0%2C0%2C1%2C.217-.269%2C2.091%2C2.091%2C0%2C0%2C1%2C.26-.217%2C1.95%2C1.95%2C0%2C0%2C1%2C.294-.157%2C2.206%2C2.206%2C0%2C0%2C1%2C.33-.1%2C1.751%2C1.751%2C0%2C0%2C1%2C1.562.477%2C1.592%2C1.592%2C0%2C0%2C1%2C.217.269%2C1.612%2C1.612%2C0%2C0%2C1%2C.166.294%2C2.256%2C2.256%2C0%2C0%2C1%2C.095.322%2C1.565%2C1.565%2C0%2C0%2C1%2C.035.347%2C1.748%2C1.748%2C0%2C0%2C1-1.735%2C1.735%22%20transform%3D%22translate(0%20-2.117)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } .fare-detail-list__item.is-challenged { --head-color: #133167; --bg-color: #eee; border: 3px solid #ccc; border-radius: 3px; } .fare-detail-list__item.is-challenged .fare-detail-list__item-head { margin: 0 28px; padding-top: 14px; padding-bottom: 16px; border-bottom: 1px solid #ccc; } .fare-detail-list__item.is-challenged .fare-detail-list__item-head img { display: block; width: 66.5vw; margin: auto; } .fare-detail-list__item.is-challenged .fare-detail-list__item-txts { border: none; } .fare-detail-list__item.is-challenged .fare-detail-list__item-txt { line-height: 2.1428571429; font-size: 1.4rem; } .fare-detail-list__item.is-challenged .fare-detail-list__item-txt sup { font-size: 1.2rem; } .fare-detail-list__item.is-challenged .fare-detail-list__item-price span { color: #000; } .fare-detail-list__item.is-challenged .fare-detail-list__item-price img { width: 35.9023255814%; } .fare-detail-list__item.is-challenged .fare-detail-list__item-list.is-variant p > i { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4635%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204635%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238.158%22%20height%3D%2238.158%22%20viewBox%3D%220%200%2038.158%2038.158%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2540%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202540%22%20width%3D%223.469%22%20height%3D%2217.348%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3591%22%20data-name%3D%22%E3%83%91%E3%82%B9%203591%22%20d%3D%22M19.079%2C0A19.079%2C19.079%2C0%2C1%2C1%2C0%2C19.079%2C19.079%2C19.079%2C0%2C0%2C1%2C19.079%2C0Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23133167%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4581%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204581%22%20transform%3D%22translate(17.345%2010.407)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4580%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204580%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3582%22%20data-name%3D%22%E3%83%91%E3%82%B9%203582%22%20d%3D%22M1.734%2C12.141A1.735%2C1.735%2C0%2C0%2C1%2C0%2C10.407V1.734a1.734%2C1.734%2C0%2C1%2C1%2C3.469%2C0v8.672a1.735%2C1.735%2C0%2C0%2C1-1.734%2C1.734%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3583%22%20data-name%3D%22%E3%83%91%E3%82%B9%203583%22%20d%3D%22M1.734%2C19.472A1.687%2C1.687%2C0%2C0%2C1%2C.513%2C18.96%2C1.717%2C1.717%2C0%2C0%2C1%2C0%2C17.737a1.817%2C1.817%2C0%2C0%2C1%2C.13-.669A1.223%2C1.223%2C0%2C0%2C1%2C.3%2C16.775a1.23%2C1.23%2C0%2C0%2C1%2C.217-.269%2C2.09%2C2.09%2C0%2C0%2C1%2C.26-.217%2C1.95%2C1.95%2C0%2C0%2C1%2C.294-.157%2C2.2%2C2.2%2C0%2C0%2C1%2C.33-.1%2C1.75%2C1.75%2C0%2C0%2C1%2C1.561.477%2C1.591%2C1.591%2C0%2C0%2C1%2C.217.269%2C1.611%2C1.611%2C0%2C0%2C1%2C.166.294%2C2.255%2C2.255%2C0%2C0%2C1%2C.095.322%2C1.565%2C1.565%2C0%2C0%2C1%2C.035.347%2C1.747%2C1.747%2C0%2C0%2C1-1.734%2C1.734%22%20transform%3D%22translate(0%20-2.124)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } @media (max-width: 767.98px) { .fare-detail-list__item:not(:last-of-type) { margin-bottom: 30px; } .fare-detail-list__item-head::after { background-position: center bottom; } .fare-detail-list__item.is-tokibiz .fare-detail-list__item-head::after { max-width: 76px; } .fare-detail-list__item.is-tokitoku .fare-detail-list__item-head::after { max-width: 76px; } .fare-detail-list__item.is-uni .fare-detail-list__item-head::after { max-width: 70px; } .fare-detail-list__item.is-challenged .fare-detail-list__item-list.is-age p:last-child { grid-column: 1/3; font-size: 1.2rem; } } @media (max-width: 374.98px) { .fare-detail-list__item-txts { padding-left: 20px; padding-right: 20px; } } @media (min-width: 768px) { .fare-detail-list { display: grid; grid-template-columns: repeat(3, 340px); grid-column-gap: 30px; grid-row-gap: 60px; margin-bottom: 80px; } .fare-detail-list__item-txts { padding: 0 30px 30px; } .fare-detail-list__item-txt { margin-bottom: 22px; font-size: 2.4rem; } .fare-detail-list__item-txt span { display: inline-block; transform: translateY(-6px); font-size: 1.6rem; } .fare-detail-list__item-txt em { font-size: 2.4rem; } .fare-detail-list__item-txt small { font-size: 1.2rem; } .fare-detail-list__item-price { margin-bottom: 30px; padding: 30px 0; font-size: 1.8rem; } .fare-detail-list__item-price em { font-size: 2.8rem; } .fare-detail-list__item-list { grid-template-columns: 94px 1fr; grid-gap: 15px; place-content: flex-start; } .fare-detail-list__item-list.is-variant p:first-child { max-width: 94px; font-size: 1.4rem; } .fare-detail-list__item-list.is-variant p:nth-child(n-2):not(:first-child):not(:nth-child(2)) { font-size: 1.6rem; } .fare-detail-list__item-list.is-variant p:has(i) { font-size: 1.4rem !important; } .fare-detail-list__item-list.is-variant p > i { width: 44px; height: 44px; } .fare-detail-list__item-list.is-column dd { font-size: 1.6rem; } .fare-detail-list__item-list:first-of-type.is-variant p:last-child { min-height: 96px; } .fare-detail-list__item-list.is-age { min-height: 276px; } .fare-detail-list__item-list.is-reserv, .fare-detail-list__item-list.is-change { min-height: 98px; } .fare-detail-list__item-list.is-limit { min-height: 146px; } .fare-detail-list__item-list dt { max-width: 94px; font-size: 1.4rem; } .fare-detail-list__item-list dd small, .fare-detail-list__item-list p:not(:first-child) small { margin-left: 0.25em; font-size: 1.4rem; } .fare-detail-list__item.is-tokibiz { --head-color: rgb(96,141,6); --bg-color: rgba(96,141,6,.15); } .fare-detail-list__item.is-tokibiz .fare-detail-list__item-head::after { bottom: -54px; right: 23px; width: 64px; height: 155px; } .fare-detail-list__item.is-tokibiz .fare-detail-list__item-price img { width: 96.5571428571%; } .fare-detail-list__item.is-tokitoku { --head-color: rgb(19,49,103); --bg-color: rgba(19,49,103,.15); } .fare-detail-list__item.is-tokitoku .fare-detail-list__item-head::after { bottom: -43px; right: 20px; width: 65px; height: 144px; } .fare-detail-list__item.is-tokitoku .fare-detail-list__item-price img { width: 89.2214285714%; } .fare-detail-list__item.is-tokitoku .fare-detail-list__item-list.is-variant:nth-of-type(2) p:last-child { grid-row: 2; } .fare-detail-list__item.is-tokiuni .fare-detail-list__item-head::after { bottom: -27px; right: 30px; width: 57px; height: 137px; } .fare-detail-list__item.is-tokiuni .fare-detail-list__item-price img { width: 45.8428571429%; } .fare-detail-list__item.is-tokiuni .fare-detail-list__item-list.is-variant:nth-of-type(2) p:last-child { grid-row: 2; } .fare-detail-list__item.is-challenged { --head-color: #133167; --bg-color: #eee; grid-column: 1/-1; } .fare-detail-list__item.is-challenged .fare-detail-list__item-head { margin: 0 50px; padding-top: 50px; } .fare-detail-list__item.is-challenged .fare-detail-list__item-head img { width: 980px; } .fare-detail-list__item.is-challenged .fare-detail-list__item-txts { padding-left: 50px; padding-right: 50px; } .fare-detail-list__item.is-challenged .fare-detail-list__item-txt { line-height: 1.8; font-size: 1.6rem; } .fare-detail-list__item.is-challenged .fare-detail-list__item-txt sup { display: inline-block; margin-left: 11px; font-size: 1.4rem; vertical-align: baseline; } .fare-detail-list__item.is-challenged .fare-detail-list__item-price { display: flex; justify-content: flex-start; align-items: center; } .fare-detail-list__item.is-challenged .fare-detail-list__item-price p:not(:last-child) { margin-right: 30px; } .fare-detail-list__item.is-challenged .fare-detail-list__item-price p + p { margin-top: 0; } .fare-detail-list__item.is-challenged .fare-detail-list__item-list.is-age { min-height: auto; } .fare-detail-list__item.is-challenged .fare-detail-list__item-list.is-age p:last-child { grid-column: 1/3; } .fare-detail-list__item.is-challenged .fare-detail-list__item-list:last-of-type { grid-template-columns: 94px auto auto; } .fare-detail-list__item.is-challenged .fare-detail-list__item-list:last-of-type p:nth-last-child(2) { grid-column: 3 !important; text-align: left !important; } .fare-detail-list__item.is-challenged .fare-detail-list__item-list:last-of-type p:last-child { grid-column: 1/4 !important; line-height: 44px; } } /* fare-free */ .fare-free__inner { padding-top: 27px; padding-bottom: 38px; } .fare-free__head { margin-bottom: 27px; } .fare-free__head img { display: block; } .fare-free-list { margin-bottom: 37px; } .fare-free-list__item p { margin-top: 5px; } .fare-free-list__item p a { color: #111450; text-decoration: underline; } @media not all and (pointer: coarse) { .fare-free-list__item p a:hover { text-decoration: none; } } .fare-free__content + .fare-free__content { margin-top: 40px; } .fare-free__content-head { margin-bottom: 15px; line-height: 1.5; font-size: 1.6rem; color: #111450; } .fare-free__content p > a { position: relative; display: inline-block; text-decoration: underline; color: #111450; transition: all 0.3s ease-in; } .fare-free__content p > a::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.25em; transform: translateY(-1px); vertical-align: middle; background: no-repeat center/contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416.588%22%20height%3D%22512.001%22%20viewBox%3D%220%200%20416.588%20512.001%22%3E%20%3Cg%20id%3D%22pdf-svgrepo-com%22%20transform%3D%22translate(-47.706)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3124%22%20data-name%3D%22%E3%83%91%E3%82%B9%203124%22%20d%3D%22M378.413%2C0h-183.3L185.8%2C9.314%2C57.02%2C138.1l-9.314%2C9.314v278.69A85.991%2C85.991%2C0%2C0%2C0%2C133.6%2C512H378.413a85.988%2C85.988%2C0%2C0%2C0%2C85.881-85.895V85.9A85.984%2C85.984%2C0%2C0%2C0%2C378.413%2C0ZM432.5%2C426.105A54.085%2C54.085%2C0%2C0%2C1%2C378.413%2C480.2H133.6a54.088%2C54.088%2C0%2C0%2C1-54.1-54.091V160.591H163.22a45.08%2C45.08%2C0%2C0%2C0%2C45.077-45.07V31.8H378.413A54.085%2C54.085%2C0%2C0%2C1%2C432.5%2C85.9Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3125%22%20data-name%3D%22%E3%83%91%E3%82%B9%203125%22%20d%3D%22M171.947%2C252.785H143.418c-5.432%2C0-8.686%2C3.533-8.686%2C8.825v73.754c0%2C6.388%2C4.2%2C10.6%2C10.041%2C10.6%2C5.711%2C0%2C9.914-4.21%2C9.914-10.6V312.958a.727.727%2C0%2C0%2C1%2C.824-.817h16.436c20.1%2C0%2C32.188-12.226%2C32.188-29.612C204.136%2C264.871%2C192.182%2C252.785%2C171.947%2C252.785Zm-1.228%2C42.1H155.511a.725.725%2C0%2C0%2C1-.824-.81v-23.23a.726.726%2C0%2C0%2C1%2C.824-.816h15.208c8.42%2C0%2C13.447%2C5.027%2C13.447%2C12.5S179.139%2C294.888%2C170.719%2C294.888Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3126%22%20data-name%3D%22%E3%83%91%E3%82%B9%203126%22%20d%3D%22M250.191%2C252.785H228.323c-5.432%2C0-8.686%2C3.533-8.686%2C8.825v74.843c0%2C5.3%2C3.253%2C8.693%2C8.686%2C8.693h21.868c19.69%2C0%2C31.923-6.249%2C36.81-21.324%2C1.76-5.3%2C2.723-11.681%2C2.723-24.857s-.964-19.557-2.723-24.856C282.113%2C259.034%2C269.881%2C252.785%2C250.191%2C252.785ZM267.856%2C316.9c-2.318%2C7.331-8.965%2C10.459-18.21%2C10.459h-9.23a.727.727%2C0%2C0%2C1-.824-.816V271.393a.727.727%2C0%2C0%2C1%2C.824-.817h9.23c9.245%2C0%2C15.892%2C3.128%2C18.21%2C10.46.95%2C3.128%2C1.62%2C8.56%2C1.62%2C17.93S268.8%2C313.768%2C267.856%2C316.9Z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3127%22%20data-name%3D%22%E3%83%91%E3%82%B9%203127%22%20d%3D%22M361.167%2C252.785H316.355c-5.432%2C0-8.7%2C3.533-8.7%2C8.825v73.754c0%2C6.388%2C4.218%2C10.6%2C10.055%2C10.6%2C5.7%2C0%2C9.914-4.21%2C9.914-10.6V309.013a.715.715%2C0%2C0%2C1%2C.81-.81H354.52c5.837%2C0%2C9.23-3.532%2C9.23-8.56s-3.393-8.553-9.23-8.553H328.434a.717.717%2C0%2C0%2C1-.81-.817V270.848a.716.716%2C0%2C0%2C1%2C.81-.816h32.733c5.572%2C0%2C9.245-3.666%2C9.245-8.553C370.411%2C256.45%2C366.738%2C252.785%2C361.167%2C252.785Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); } @media not all and (pointer: coarse) { .fare-free__content p > a:hover { text-decoration: none; } } .fare-free__content ul { margin-top: 15px; } .fare-free__content ul li { position: relative; display: flex; flex-flow: row wrap; } .fare-free__content ul li:not(:last-of-type) { margin-bottom: 5px; } .fare-free__content ul i { position: relative; display: inline-block; flex: auto; } .fare-free__content ul i::before { content: ""; display: inline-block; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: calc(100% - 1em); height: 1px; border-top: 1px dotted; } @media (max-width: 767.98px) { .fare-free-list { width: 69.3vw; margin-left: auto; margin-right: auto; } .fare-free-list__item:not(:last-of-type) { margin-bottom: 20px; } .fare-free-list__item p { font-size: 1.2rem; } .fare-free__content p > a { margin-right: -1em; } } @media (min-width: 768px) { .fare-free__inner { padding-top: 80px; padding-bottom: 80px; } .fare-free__head { margin-bottom: 43px; } .fare-free__head img { width: min(100%, 770px); margin: auto; transform: translateX(13px); } .fare-free-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 45px; } .fare-free-list__item p { margin-top: 15px; } .fare-free__content + .fare-free__content { margin-top: 85px; } .fare-free__content-head { margin-bottom: 25px; font-size: 2.4rem; } .fare-free__content ul { max-width: 430px; margin-top: 20px; } } /* fare-note */ .fare-note__inner { padding-top: 40px; padding-bottom: 80px; } .fare-note__content + .fare-note__content { margin-top: 40px; } .fare-note__content-head { margin-bottom: 13px; line-height: 1.5; font-weight: 700; font-size: 1.4rem; } .fare-note__content-txt { line-height: 1.6; font-size: 1.2rem; color: #333; } .fare-note__content-txt a { text-decoration: underline; } @media not all and (pointer: coarse) { .fare-note__content-txt a:hover { text-decoration: none; } } @media (min-width: 768px) { .fare-note__inner { padding-top: 80px; padding-bottom: 125px; } .fare-note__content + .fare-note__content { margin-top: 45px; } .fare-note__content-head { font-size: 1.6rem; } .fare-note__content-txt { line-height: 1.8; font-size: 1.4rem; } } /* guide-detail */ .guide-detail__inner { padding-top: 50px; padding-bottom: 50px; } .guide-detail__lead { margin-bottom: 30px; } .guide-detail__txt { margin-top: 50px; } @media (min-width: 768px) { .guide-detail__inner { padding-top: 100px; padding-bottom: 100px; } .guide-detail__lead { margin-bottom: 80px; } .guide-detail__txt { margin-top: 100px; } } /* home-nav */ .home-nav__inner { padding-top: 50px; padding-bottom: 50px; } .home-nav-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } @media (min-width: 768px) { .home-nav__inner { padding-top: 100px; padding-bottom: 100px; } .home-nav-list { grid-template-columns: repeat(4, 1fr); grid-gap: 16px; } } /* home-news */ .home-news__inner { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .home-news__inner { padding-top: 100px; padding-bottom: 100px; } .home-news-list { padding: 0 20px; } } /* home-links */ .home-links__inner { padding-top: 50px; padding-bottom: 50px; } .home-links-list { display: grid; grid-gap: 20px; } .home-links-list__item img { display: block; margin-bottom: 10px; } .home-links-list__item p { font-size: 1.3rem; } @media (min-width: 768px) { .home-links__inner { padding-top: 100px; padding-bottom: 100px; } .home-links-list { grid-template-columns: repeat(3, 1fr); grid-gap: 40px; } .home-links-list__item p { font-size: 1.7rem; text-align: center; } } /* home-brand */ .home-brand { background-color: #D3FAFF; color: #111450; } .home-brand__inner { padding-top: 60px; padding-bottom: 60px; } .home-brand__head { margin-bottom: 0; } .home-brand__img { position: relative; } .home-brand__lead { position: absolute; top: 40px; left: 0; line-height: 1.5; font-weight: 700; font-size: 6.4vw; } .home-brand__lead span { display: inline-block; margin-top: 20px; font-size: 3.2vw; } .home-brand__btn { --width: 300px; --margin-right: -10%; font-weight: 700; font-size: 1.2rem; } @media (max-width: 767.98px) { .home-brand__inner { max-width: 100%; } .home-brand__head { margin-right: -10%; } .home-brand__img img { margin-left: -10%; margin-right: -10%; min-width: 120%; } } @media (min-width: 768px) { .home-brand__inner { padding-top: 110px; padding-bottom: 80px; } .home-brand__lead { font-size: 3rem; } .home-brand__lead span { font-size: 1.5rem; } .home-brand__btn { --margin-right: 0; font-size: 1.3rem; } } /* home-youtube */ .home-youtube { background-color: #D3FAFF; } .home-youtube__inner { padding-bottom: 60px; } .home-youtube__video { position: relative; aspect-ratio: 1.7777777778; } @supports not (aspect-ratio: 1.7777777778) { .home-youtube__video { position: relative; width: 100%; padding-top: 56.25%; } .home-youtube__video > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .home-youtube__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 767.98px) { .home-youtube__video + .home-youtube__video { margin-top: 30px; } } @media (min-width: 768px) { .home-youtube__inner { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; padding-bottom: 150px; } } /* member-introduce */ .member-introduce__inner { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .member-introduce__inner { padding-top: 100px; padding-bottom: 100px; } } .member-introduce-top { --color: #111450; margin-bottom: 40px; } .member-introduce-top__name { margin-bottom: 15px; padding: 3px 0 0 12px; line-height: 1.5; border-left: 3px solid var(--color); color: var(--color); } .member-introduce-top__name-kanji { font-size: 1.7rem; } .member-introduce-top__name-kana { display: inline-block; margin-left: 10px; transform: translateY(-2px); font-size: 1.2rem; color: #b4b4b4; } .member-introduce-top__detail { line-height: 2; } @media (max-width: 767.98px) { .member-introduce-top__pic { margin-bottom: 20px; } .member-introduce-top__name, .member-introduce-top__detail { padding-left: 28px; } .member-introduce-top__detail { margin-bottom: 15px; } } @media (min-width: 768px) { .member-introduce-top { display: grid; grid-template-columns: 1fr 500px; margin-bottom: 100px; } .member-introduce-top__pic { grid-column: 2; grid-row: 1/3; } .member-introduce-top__name { grid-column: 1; grid-row: 1; align-self: start; margin: 52px 0 0 0; padding: 5px 0 5px 26px; font-size: 2rem; } .member-introduce-top__name-kanji { font-size: 2.6rem; } .member-introduce-top__name-kana { margin-left: 16px; font-size: 1.8rem; } .member-introduce-top__detail { grid-column: 1; grid-row: 2; align-self: start; } .member-introduce-top__resume { grid-column: 1/3; grid-row: 3; padding-top: 50px; } } /* news-archive */ .news-archive__inner { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .news-archive__inner { padding-top: 100px; padding-bottom: 100px; } } /* privacy-detail */ .privacy-detail__inner { padding-top: 50px; padding-bottom: 50px; } .privacy-detail__intro { margin-bottom: 30px; } @media (min-width: 768px) { .privacy-detail__inner { padding-top: 100px; padding-bottom: 100px; } } /* recruit-apply */ .recruit-apply__inner { padding-top: 50px; padding-bottom: 50px; } .recruit-apply__detail + .recruit-apply__detail { margin-top: 30px; } .recruit-apply__detail-head { margin-bottom: 15px; font-size: 1.7rem; } @media (min-width: 768px) { .recruit-apply__inner { padding-top: 100px; padding-bottom: 100px; } .recruit-apply__detail + .recruit-apply__detail { margin-top: 60px; } .recruit-apply__detail-head { margin-bottom: 30px; font-size: 2rem; } } /* recruit-session */ .recruit-session__inner { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .recruit-session__inner { padding-top: 100px; padding-bottom: 100px; } } .recruit-session-list { --hover-bg: rgba(12,2,67,.05); } .recruit-session-list__item { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 1px solid; } .recruit-session-list__item-link { box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 12px; line-height: 1.5; font-size: 1.6rem; transition: background-color 0.3s ease-in; } @media not all and (pointer: coarse) { .recruit-session-list__item-link:hover { background-color: var(--hover-bg); } } .recruit-session-list__item-link span { display: inline-block; width: fit-content; margin: auto; } @media (max-width: 767.98px) { .recruit-session-list__item:not(:last-of-type) { margin-bottom: 15px; } } @media (min-width: 768px) { .recruit-session-list { display: flex; flex-wrap: wrap; justify-content: center; } .recruit-session-list__item { width: min(50%, 400px); margin: 0 20px 20px; } .recruit-session-list__item-link { padding: 30px; font-size: 2.2rem; } } /* request-detail */ .request-detail__inner { padding-top: 50px; padding-bottom: 50px; } .request-detail-list__item:not(:last-of-type) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #111450; } .request-detail-list__item-txt, .request-detail-list__item-list, .request-detail-list__item-img, .request-detail-list__item-note { margin-bottom: 15px; } .request-detail-list__item-note { font-size: 0.9em; color: #999; } .request-detail-list__item-table table th, .request-detail-list__item-table table td { padding: 5px 10px; border: 1px solid #646464; } .request-detail-list__item-table table th { background-color: rgba(43, 81, 145, 0.1); text-align: center; } .request-detail-list__item-table table td em { font-weight: 700; } @media (max-width: 767.98px) { .request-detail-list__item-table { overflow-x: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; } .request-detail-list__item-table table { min-width: 800px; border-collapse: collapse; } .request-detail-list__item-table table th, .request-detail-list__item-table table td { min-width: calc(4em + 20px); max-width: 400px; font-size: 1.3rem; } } @media (min-width: 768px) { .request-detail__inner { padding-top: 100px; padding-bottom: 100px; } .request-detail-list__item-txt, .request-detail-list__item-list, .request-detail-list__item-img, .request-detail-list__item-note { margin-bottom: 30px; } .request-detail-list__item-table table { font-size: 1.5rem; } .request-detail-list__item-table table thead th { padding: 10px; } } /* routemap-detail */ .routemap-detail__inner { padding-top: 50px; padding-bottom: 50px; } .routemap-detail__txt { margin-bottom: 40px; } @media (min-width: 768px) { .routemap-detail__inner { padding-top: 100px; padding-bottom: 100px; } .routemap-detail__txt { margin-bottom: 80px; } .routemap-detail__img img { display: block; width: fit-content; margin: auto; } } /* rules-anchor */ .rules-anchor { display: grid; grid-gap: 15px; padding-top: 50px; } .rules-anchor__item-link { box-sizing: border-box; display: block; padding: 10px; background-color: #111450; border-radius: 5px; color: #fff; text-align: center; } @media (min-width: 768px) { .rules-anchor { grid-template-columns: repeat(3, 1fr); } .rules-anchor__item-link { display: flex; align-items: center; justify-content: center; height: 80px; } } /* rules-contents */ .rules-contents__article { box-sizing: border-box; border: 1px solid #111450; padding: 1.5em; } @media (max-width: 767.98px) { .rules-contents__inner { padding-left: 20px; padding-right: 20px; } } .sado-tour-list { display: grid; grid-gap: 25px; } @media (min-width: 768px) { .sado-tour-list { grid-template-columns: 1fr 1fr; place-items: center; } } /* safety-detail */ .safety-detail__inner { padding-top: 50px; padding-bottom: 50px; } .safety-detail__txt-area { margin-bottom: 42px; line-height: 1.5714285714; } .safety-detail__txt-area p + p { margin-top: 1.75em; } .safety-detail__name { font-weight: 700; color: #111450; text-align: right; } @media (min-width: 768px) { .safety-detail__inner { padding-top: 100px; padding-bottom: 100px; } } /* service-detail */ .service-detail__inner { padding-top: 50px; padding-bottom: 50px; } .service-detail__lead { margin-bottom: 30px; } .service-detail__img { margin-bottom: 1em; } .service-detail__img img { display: block; width: fit-content; } .service-detail__txt { margin-bottom: 30px; } .service-detail-article + .service-detail-article { margin-top: 50px; } .service-detail-article__head { margin-bottom: 1em; padding: 10px 5px; font-weight: 700; background-color: #e9edf4; color: #111450; text-align: center; } .service-detail-article__txt-area p + p { margin-top: 1em; } .service-detail-article__img { text-align: center; } .service-detail-article__img img { display: block; width: fit-content; max-width: 300px; margin: auto; } .service-detail-article__img small { font-size: 0.8em; } @media (max-width: 767.98px) { .service-detail-article__txt-area { margin-bottom: 1.5em; } } @media (min-width: 768px) { .service-detail__inner { padding-top: 100px; padding-bottom: 100px; } .service-detail__lead { margin-bottom: 50px; } .service-detail__txt { margin-bottom: 50px; } .service-detail-article { display: grid; grid-template-columns: 30% 1fr; grid-gap: 30px; } .service-detail-article + .service-detail-article { margin-top: 100px; } .service-detail-article__head { grid-column: 1/3; } .service-detail-article__txt-area { grid-column: 2; grid-row: 2; align-self: center; } .service-detail-article__img { grid-column: 1; grid-row: 2; } } #summer-schedule { --percent: 5.33%; --min-px: 20px; background-color: #00ACCE; } #summer-schedule div[class*=__inner] > h2:not([class]), #summer-schedule div[class*=__inner] > h3:not([class]) { margin-bottom: 20px; line-height: 1.5; font-weight: 700; font-size: 1.8rem; text-align: center; color: #FFEC00; } @media (min-width: 768px) { #summer-schedule div[class*=__inner] > h2:not([class]), #summer-schedule div[class*=__inner] > h3:not([class]) { margin-bottom: 30px; font-size: 2.4rem; } } .summer-mv img { display: block; } .summer-intro { background-color: #FFEC00; color: #00ACCE; } .summer-intro__inner { padding-top: 50px; padding-bottom: 50px; text-align: center; } .summer-intro__head { position: relative; width: fit-content; margin: 0 auto 20px; line-height: 1.5; font-weight: 700; font-size: 2.2rem; } .summer-intro__head::before, .summer-intro__head::after { content: ""; display: inline-block; position: absolute; top: 50%; width: 1px; height: 70%; background-color: #00ACCE; } .summer-intro__head::before { right: 115%; transform: translateY(-50%) rotate(-30deg); } .summer-intro__head::after { left: 115%; transform: translateY(-50%) rotate(30deg); } .summer-intro__head em { font-size: 2.6rem; } .summer-intro__lead { width: fit-content; margin: 0 auto 30px; } .summer-intro__price img { display: block; width: min(75%, 608px); margin: auto; } @media (min-width: 768px) { .summer-intro__inner { padding-top: 100px; padding-bottom: 100px; } .summer-intro__head { margin-bottom: 30px; font-size: 4rem; } .summer-intro__head::before { right: 105%; } .summer-intro__head::after { left: 105%; } .summer-intro__head em { font-size: 5.5rem; } .summer-intro__lead { margin-bottom: 50px; } } .summer-timeline { background-color: #fff; } @media (min-width: 768px) { .summer-timeline img { max-width: 1220px; margin-left: auto; margin-right: auto; } } .summer-timetable { color: #fff; } .summer-timetable__inner { padding-top: 50px; padding-bottom: 50px; } .summer-timetable__head { margin-bottom: 20px; font-weight: 700; font-size: 2.4rem; color: #FFEC00; text-align: center; letter-spacing: 0.1em; } .summer-timetable__head sub { display: inline-block; margin-right: 0.25em; font-size: 1.1rem; color: #fff; } .summer-timetable__lead { margin-bottom: 30px; font-size: 1.6rem; } .summer-timetable__lead small { font-size: 1.2rem; } .summer-timetable__sub { text-align: center; } .summer-timetable__box { box-sizing: border-box; padding: 15px 10px; border-radius: 20px; background-color: #fff; color: #000F47; } .summer-timetable__box-txt { margin-bottom: 1em; } .summer-timetable__box-txt span { display: block; } .summer-timetable__table thead tr:first-of-type { background-color: #00ACCE; } .summer-timetable__table thead tr:not(:first-of-type) { background-color: rgba(0, 172, 206, 0.1); } .summer-timetable__table tbody td { background-color: #fff; color: #000F47; } @media (min-width: 768px) { .summer-timetable__inner { padding-top: 100px; padding-bottom: 100px; } .summer-timetable__head { margin-bottom: 30px; font-size: 4rem; } .summer-timetable__head sub { font-size: 1.3rem; } .summer-timetable__lead { margin-bottom: 50px; font-size: 1.8rem; text-align: center; } .summer-timetable__lead small { font-size: 1.4rem; } .summer-timetable__box { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; width: fit-content; margin: 0 auto; padding: 25px 30px; } .summer-timetable__box-txt { grid-column: 1/3; } .summer-timetable__box-txt span { display: inline-block; } .summer-timetable__box-txt span:not(:last-of-type) { margin-right: 2em; } .summer-timetable__box .summer-timetable__table:first-of-type { justify-self: end; } .summer-timetable__table { margin-top: 0 !important; } .summer-timetable__table th, .summer-timetable__table td { min-width: 100px !important; } } .summer-price__inner { padding-top: 50px; padding-bottom: 50px; } .summer-price-list { color: #000F47; } .summer-price-list__item { box-sizing: border-box; padding-top: 35px; border-radius: 20px; background-color: #fff; } .summer-price-list__item > *:not(h3) { width: 90%; margin: auto; } .summer-price-list__item > p { margin-bottom: 2em; text-align: center; } .summer-price-list__item > p em { font-weight: 700; font-size: 1.5em; } .summer-price-list__item > p span { display: inline-block; margin-top: 1em; line-height: 1.5; } .summer-price-list__item div { box-sizing: border-box; padding: 2em 0 2em; border-top: 2px solid #00ACCE; } .summer-price-list__item div p:first-of-type { margin-bottom: 1em; font-weight: 700; font-size: 1.2em; } .summer-price-list__item div p:only-of-type { margin-bottom: 0; } .summer-price-list__item div p + ul { margin-top: 1em; } .summer-price-list__item div p small { font-size: 0.9em; } .summer-price-list__item ul li { position: relative; padding-left: 1em; text-indent: -1em; font-size: 0.9em; } .summer-price-list__item ul li::before { content: "※"; } .summer-price-list__item ul li a { text-decoration: underline; } @media not all and (pointer: coarse) { .summer-price-list__item ul li a:hover { text-decoration: none; } } @media (max-width: 767.98px) { .summer-price-list__item:not(:last-of-type) { margin-bottom: 20px; } } @media (min-width: 768px) { .summer-price__inner { padding-top: 100px; padding-bottom: 100px; } .summer-price-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .summer-price-list__item:last-of-type { display: grid; grid-auto-flow: column; grid-template-rows: auto auto 1fr auto; } .summer-price-list__item:last-of-type div:first-of-type { display: flex; align-items: center; height: 100%; } .summer-price-list__item div:last-of-type { min-height: 320px; } } .summer-point__inner { padding-top: 50px; padding-bottom: 50px; } .summer-point-list { box-sizing: border-box; padding: 2em 1.5em; border-radius: 20px; background-color: #fff; } .summer-point-list__item h3 { margin-bottom: 1.5em; font-weight: 700; font-size: 1.2em; color: #ED6B00; text-align: center; } .summer-point-list__item h3 small { font-size: 0.7em; color: #000F47; } .summer-point-list__item img { display: block; width: min(50%, 200px); margin: 0 auto 2em; } @media (max-width: 767.98px) { .summer-point-list__item:not(:last-of-type) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #00ACCE; } } @media (min-width: 768px) { .summer-point__inner { padding-top: 100px; padding-bottom: 100px; } .summer-point-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .summer-point-list__item { box-sizing: border-box; justify-self: center; padding: 0 20px; } .summer-point-list__item:not(:last-of-type) { position: relative; } .summer-point-list__item:not(:last-of-type)::after { content: ""; display: inline-block; position: absolute; top: 50%; left: calc(100% + 15px); transform: translateY(-50%); width: 2px; height: 90%; background-color: #00ACCE; } }