/*** 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; } * { margin: 0; padding: 0; } html { overflow: auto; font-size: 62.5%; } html[lang=en] { word-break: break-word; } body { position: relative; min-width: 320px; min-height: 100lvh; min-height: 100vh; color: #333; font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; font-size: clamp(1.4rem, 1.0655052265rem + 0.6968641115vw, 1.6rem); line-height: 1.6; overflow: hidden; -webkit-text-size-adjust: 100%; } @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: 1000px; font-size: 1.6rem; } } .l-wrapper { min-height: 100lvh; min-height: 100vh; } @media (min-width: 768px) { .l-wrapper { display: grid; grid-template-columns: 343px 1fr; } .l-wrapper .l-header { grid-column: 1; grid-row: 1; } .l-wrapper .l-main-img { grid-column: 1/-1; grid-row: 1; } .l-wrapper main { grid-column: 2; grid-row: 2; } .l-wrapper .l-footer { grid-column: 2; grid-row: 3; align-self: end; } } @media (min-width: 768px) { body:not(#home) .l-wrapper { position: relative; grid-template-rows: 350px 50px 1fr 1fr; } body:not(#home) .l-wrapper .l-header { grid-column: 1; grid-row: 1/3; } body:not(#home) .l-wrapper .l-breadcrumb { grid-column: 2; grid-row: 2; } body:not(#home) .l-wrapper main { grid-column: 2; grid-row: 3/5; } body:not(#home) .l-wrapper .l-footer { grid-column: 1; grid-row: 3; align-self: start; } body:not(#home) .l-wrapper.has-no-mv .l-breadcrumb { grid-row: 1; margin-top: 35px; } body:not(#home) .l-wrapper.has-no-mv main { grid-row: 1/5; margin-top: 80px; } } 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; } } } a[target=_blank] { position: relative; } a[target=_blank]::after { content: ""; display: inline-block; margin-left: 0.5em; width: 0.8em; height: 0.8em; vertical-align: middle; margin-top: -1px; 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-444e432d-ce92-4506-861f-ec6ae04b9698%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-ed24374b-8c9e-4195-8788-08644de4e0cd%7Bfill%3A%23b80000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22uuid-ed24374b-8c9e-4195-8788-08644de4e0cd%22%20d%3D%22m96%2C0v416h416V0H96Zm376%2C376H136V40h336v336Z%22%2F%3E%3Cpolygon%20class%3D%22uuid-ed24374b-8c9e-4195-8788-08644de4e0cd%22%20points%3D%2240%20472%2040%20296%2040%20136%2040%2096%200%2096%200%20512%20416%20512%20416%20472%20376%20472%2040%20472%22%2F%3E%3Cpolygon%20class%3D%22uuid-ed24374b-8c9e-4195-8788-08644de4e0cd%22%20points%3D%22232.8%20312.8%20350.7%20195%20350.7%20279.8%20390.7%20279.8%20390.7%20126.7%20237.6%20126.7%20237.6%20166.7%20322.4%20166.7%20204.5%20284.5%20232.8%20312.8%22%2F%3E%3C%2Fsvg%3E"); } span { font-weight: inherit; } img { width: 100%; height: auto; } input, textarea, button { border: none; appearance: none; caret-color: #b80000; } input:focus-visible, textarea:focus-visible, button:focus-visible { outline-color: #b80000; } @media (max-width: 767.98px) { input, textarea, button { font-size: 1.6rem; } } /* SP/PC only*/ @media (max-width: 767.98px) { .u-sp { display: block; } } @media (min-width: 768px) { .u-sp { display: none !important; } } @media (max-width: 767.98px) { .u-pc { display: none !important; } } @media (min-width: 768px) { .u-pc { display: block; } } /* link */ .u-link { display: block; transition: all 0.3s ease-in; } @media not all and (pointer: coarse) { .u-link:hover { opacity: 0.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; } /* layout */ .u-inner { box-sizing: border-box; --percent: 5.33%; --min-px: 20px; width: 100%; padding-left: min(var(--percent), var(--min-px)); padding-right: min(var(--percent), var(--min-px)); } @media (min-width: 480px) and (max-width: 767.98px) { .u-inner { max-width: 500px; margin: auto; } } @supports not (padding-left: min(var(--percent), var(--min-px))) { .u-inner { padding-left: 20px; padding-right: 20px; } } @media (min-width: 768px) { .u-inner { max-width: 655px; } } @media (min-width: 655px) { .u-inner { padding-left: 0; padding-right: 0; } } .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-chinese { font-family: "Noto Sans SC", sans-serif; } .js-switch-tab-list { display: flex; } .js-switch-tab { --background: #72baa7; background-color: var(--background); cursor: pointer; } .js-switch-tab.is-active { --background: #f69896; } .js-switch-content { display: none; } .js-switch-content.is-active { display: block; } .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 { --header-height: 75; --first-line: 20; --line-gap: 6; position: relative; z-index: 2000; height: calc(var(--header-height) * 1px); color: #fff; } .l-header__logo { padding: 25px 20px 0 0; text-align: right; } .l-header__logo img { width: 108px; } .l-header-nav-btn { position: absolute; z-index: 9999; top: 0; left: 0; width: calc(var(--header-height) * 1px); height: calc(var(--header-height) * 1px); } .l-header-nav-btn::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 122px; height: 75px; background: no-repeat 0 0/122px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22244px%22%20height%3D%22149px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(184%2C%200%2C%200)%22%20d%3D%22M0.005%2C-0.000%20L243.1000%2C-0.000%20L0.005%2C148.1000%20L0.005%2C-0.000%20Z%22%2F%3E%3C%2Fsvg%3E"); } .l-header-nav-btn__line { position: absolute; left: 20px; width: 28px; height: 1px; content: ""; background: #fff; transition: all 0.3s ease-in; } .l-header-nav-btn__line:nth-child(1) { top: calc(var(--first-line) * 1px); } .l-header-nav-btn__line:nth-child(2) { top: calc((var(--first-line) + var(--line-gap)) * 1px); } .l-header-nav-btn__line:nth-child(3) { top: calc((var(--first-line) + var(--line-gap) * 2) * 1px); } .l-header-nav-btn__txt { position: absolute; top: 28px; left: 10px; font-size: 1rem; color: #333; } .l-header-nav-btn.is-open .l-header-nav-btn__line:nth-child(1) { top: calc((var(--first-line) + var(--line-gap)) * 1px); transform: rotate(-18deg); } .l-header-nav-btn.is-open .l-header-nav-btn__line:nth-child(2) { opacity: 0; } .l-header-nav-btn.is-open .l-header-nav-btn__line:nth-child(3) { top: calc((var(--first-line) + var(--line-gap)) * 1px); transform: rotate(18deg); } @media (min-width: 768px) { body#home .l-header__logo { position: absolute; top: 0; left: 736px; width: 213px; padding-right: 0; } body#home .l-header__logo img { width: 213px; } } @media (max-width: 767.98px) { body:not(#home) .l-header { margin-bottom: 30px; } } @media (min-width: 768px) { body:not(#home) .l-header { padding: 50px 0 0 50px; color: #333; } body:not(#home) .l-header__logo { position: relative; width: 120px; } body:not(#home) .l-header__logo::before { content: ""; display: inline-block; position: absolute; width: 100%; height: 40px; top: 0; left: 0; background: no-repeat 0 0/120px; 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-9cec0393-4df8-4ddf-97d6-58ab863b2b95%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180.16%20102.53%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-d807f48e-c93f-47fa-8daa-abc1ab453318%7Bfill%3A%23b80000%3B%7D.uuid-eeff1a93-e4c0-4b22-8012-ffd33fe2a02d%7Bfill%3A%23da0011%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22uuid-d807f48e-c93f-47fa-8daa-abc1ab453318%22%20points%3D%2290.08%2055.67%200%2055.67%200%200%2090.08%2055.67%22%2F%3E%3Cpolygon%20class%3D%22uuid-d807f48e-c93f-47fa-8daa-abc1ab453318%22%20points%3D%22180.16%200%2090.08%200%2090.08%2055.67%20180.16%200%22%2F%3E%3Cpolygon%20class%3D%22uuid-eeff1a93-e4c0-4b22-8012-ffd33fe2a02d%22%20points%3D%220%200%2090.08%200%2090.08%2055.67%200%200%22%2F%3E%3C%2Fsvg%3E"); } body:not(#home) .l-header__logo img { display: block; width: 120px; padding-top: 30px; } body:not(#home) .l-header-nav-list { padding: 62px 0 0 0; } body:not(#home) .l-header-nav-list__item.is-current::before { width: 13px; height: 8px; content: ""; display: inline-block; 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%2213px%22%20height%3D%228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23b80000%22%20d%3D%22M-0.001%2C-0.001%20L12.999%2C-0.001%20L-0.001%2C7.1000%20L-0.001%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } } @media (min-width: 768px) { body[id^=group] .l-header-nav-list__item:nth-of-type(5) { position: relative; display: grid; grid-template-columns: 20px 1fr; } body[id^=group] .l-header-nav-list__item:nth-of-type(5)::before { width: 13px; height: 8px; content: ""; display: inline-block; 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%2213px%22%20height%3D%228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23b80000%22%20d%3D%22M-0.001%2C-0.001%20L12.999%2C-0.001%20L-0.001%2C7.1000%20L-0.001%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; margin-top: 11px; } @media not all and (pointer: coarse) { body[id^=group] .l-header-nav-list__item:nth-of-type(5):hover::before { opacity: 0.7; } } } @media (max-width: 767.98px) { .l-header-nav { position: absolute; z-index: 9000; top: 0; right: 0; width: 100%; height: 100lvh; height: 100vh; transform: translateX(-120%); transition: all 0.3s ease-in; background-color: #b80000; } .l-header-nav.is-open { transform: translateX(0); } } .l-header-nav-list { font-weight: 700; } .l-header-nav-list__item-link.is-small { font-size: 1.3rem; font-weight: normal; } .l-header-nav-list__item-link.is-small::after { display: none; } @media (max-width: 767.98px) { .l-header-nav-list { width: calc(100% - 40px); margin: auto; padding-top: 65px; } .l-header-nav-list__item-link { padding: 12px 0; font-size: 1.6rem; letter-spacing: 0.3em; } } @media (min-width: 768px) { .l-header-nav-list { padding: 40px 0 0 50px; } .l-header-nav-list__item.is-current { position: relative; display: grid; grid-template-columns: 20px 1fr; } .l-header-nav-list__item.is-current::before { width: 13px; height: 8px; content: ""; display: inline-block; 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%2213px%22%20height%3D%228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M-0.001%2C-0.001%20L12.999%2C-0.001%20L-0.001%2C7.1000%20L-0.001%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; margin-top: 11px; } @media not all and (pointer: coarse) { .l-header-nav-list__item.is-current:hover::before { opacity: 0.7; } } .l-header-nav-list__item-link { padding: 5px 0; letter-spacing: 0.1em; } .l-header-nav-list.is-en { font-size: 1.4rem; } .l-header-nav-list.is-en .l-header-nav-list__item-link { letter-spacing: 0.06em; } .l-header-nav-list.is-en .l-header-nav-list__item-link.is-small { font-size: 1.2rem; } .l-header-nav-list.is-en .l-header-nav-list__item-link.is-small small { font-size: 1rem; } } @media (max-width: 767.98px) { .l-header-nav-sub { position: relative; width: calc(100% - 40px); margin: 30px auto 0; padding-top: 30px; } .l-header-nav-sub::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 30px; height: 1px; background-color: #fff; } .l-header-nav-sub__item-link { display: block; padding: 13px 0; letter-spacing: 0.3em; font-weight: 700; font-size: 1.2rem; } } /* overlay */ .l-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #b80000; z-index: 1000; } @media (min-width: 768px) { .l-overlay { display: none !important; } } /* .l-footer ================================================ */ .l-footer { position: sticky; bottom: 0; --padding-top: 25px; --padding-bottom: 25px; padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); } .l-footer-list { display: flex; flex-wrap: wrap; justify-content: center; font-weight: 700; } .l-footer-list__item { margin: 0 9px; } .l-footer__credit { margin-top: 10px; font-size: 1rem; color: #888; letter-spacing: 0.025em; text-align: center; } @media (max-width: 767.98px) { .l-footer-list__item.is-lang { color: #888; } } @media (min-width: 768px) { .l-footer { padding-right: 50px; } .l-footer-list { justify-content: flex-end; font-size: 1.2rem; } .l-footer-list__item { overflow: hidden; } .l-footer-list__item.is-current { position: relative; display: grid; grid-template-columns: 20px 1fr; } .l-footer-list__item.is-current::before { width: 13px; height: 8px; content: ""; display: inline-block; 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%2213px%22%20height%3D%228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23b80000%22%20d%3D%22M-0.001%2C-0.001%20L12.999%2C-0.001%20L-0.001%2C7.1000%20L-0.001%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; margin-top: 11px; } @media not all and (pointer: coarse) { .l-footer-list__item.is-current:hover::before { opacity: 0.7; } } .l-footer-list__item.is-current .l-footer-list__item-link { margin-left: -4px; } .l-footer-list__item.is-lang { position: relative; padding-left: 16px; } .l-footer-list__item.is-lang::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: #888; } .l-footer__credit { text-align: right; } } @media (min-width: 768px) { .l-footer.is-column { padding: 0 0 0 50px; } .l-footer.is-column .l-footer-list { flex-direction: column; justify-content: flex-start; padding-top: 35px; } .l-footer.is-column .l-footer-list__item { margin: 0; } .l-footer.is-column .l-footer-list__item.is-lang { margin-top: 16px; padding-top: 16px; padding-left: 0; } .l-footer.is-column .l-footer-list__item.is-lang::before { top: 0; transform: none; width: 15px; height: 1px; } .l-footer.is-column .l-footer-list__item-link { padding: 5px 0; } .l-footer.is-column .l-footer__credit { margin-top: 45px; text-align: left; } } @media (max-width: 767.98px) { .l-footer__pagetop { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 43px; } } @media (min-width: 768px) { .l-footer__pagetop { box-sizing: border-box; position: absolute; left: 0; bottom: 10px; width: 1000px; padding-right: 50px; } .l-footer__pagetop img { display: block; width: 45px; margin-left: auto; } } /* .l-breadcrumb ================================================ */ .l-breadcrumb-list { display: flex; white-space: nowrap; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; overflow: auto; padding: 11px 19px; } .l-breadcrumb-list::-webkit-scrollbar { display: none; } .l-breadcrumb-list__item { display: inline-block; vertical-align: middle; font-size: 1.1rem; } .l-breadcrumb-list__item + .l-breadcrumb-list__item { margin-left: 10px; } .l-breadcrumb-list__item + .l-breadcrumb-list__item:before { content: ""; display: inline-block; width: 7px; height: 7px; border-top: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; margin-right: 16px; transform: rotate(45deg); } @media (min-width: 768px) { .l-breadcrumb-list { padding: 13px 0; border: 0; } .l-breadcrumb-list__item { font-size: 1.2rem; } .l-breadcrumb-list__item-link { text-decoration: underline; } } /* HOME */ .l-main-img { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } @media (min-width: 768px) { .l-main-img { position: relative; z-index: -1; } .l-main-img__inner { height: 630px; } .l-main-img__img { position: absolute; top: 0; left: 0; width: 1980px; } } /* .l-sub-img ================================================ */ .l-sub-img { --height: 155px; height: var(--height); background: no-repeat 0 0/cover; } .l-sub-img.is-outline { background-image: url(../img/outline/bg_mv01.jpg); } .l-sub-img.is-history { background-image: url(../img/history/bg_mv01.jpg); } .l-sub-img.is-summary { background-image: url(../img/summary/bg_mv01.jpg); } .l-sub-img.is-affiliated { background-image: url(../img/affiliated/bg_mv01.jpg); } .l-sub-img.is-inquiry { background-image: url(../img/inquiry/bg_mv01.jpg); } .l-sub-img.is-sitemap { background-image: url(../img/sitemap/bg_mv01.jpg); } .l-sub-img.is-group01 { background-image: url(../img/group01/bg_mv01.jpg); } .l-sub-img.is-group02 { background-image: url(../img/group02/bg_mv01.jpg); } .l-sub-img.is-group03 { background-image: url(../img/group03/bg_mv01.jpg); } .l-sub-img.is-group04 { background-image: url(../img/group04/bg_mv01.jpg); } .l-sub-img.is-group05 { background-image: url(../img/group05/bg_mv01.jpg); } .l-sub-img.is-group06 { background-image: url(../img/group06/bg_mv01.jpg); } .l-sub-img.is-group07 { background-image: url(../img/group07/bg_mv01.jpg); } .l-sub-img.is-group08 { background-image: url(../img/group08/bg_mv01.jpg); } .l-sub-img.is-group09 { background-image: url(../img/group09/bg_mv01.jpg); } .l-sub-img.is-group10 { background-image: url(../img/group10/bg_mv01.jpg); } .l-sub-img.is-group11 { background-image: url(../img/group11/bg_mv01.jpg); } .l-sub-img.is-group12 { background-image: url(../img/group12/bg_mv01.jpg); } .l-sub-img.is-group13 { background-image: url(../img/group13/bg_mv01.jpg); } .l-sub-img.is-group14 { background-image: url(../img/group14/bg_mv01.jpg); } .l-sub-img.is-group15 { background-image: url(../img/group15/bg_mv01.jpg); } .l-sub-img.is-group16 { background-image: url(../img/group16/bg_mv01.jpg); } .l-sub-img.is-group17 { background-image: url(../img/group17/bg_mv01.jpg); } .l-sub-img.is-group18 { background-image: url(../img/group18/bg_mv01.jpg); } .l-sub-img.is-group19 { background-image: url(../img/group19/bg_mv01.jpg); } .l-sub-img.is-group20 { background-image: url(../img/group20/bg_mv01.jpg); } @media (min-width: 768px) { .l-sub-img { --height: 350px; background-size: 850px; } } .c-head01 { position: relative; margin-bottom: 25px; padding-left: 35px; line-height: 1.5; font-weight: 700; font-size: 1.8rem; letter-spacing: 0.025em; } .c-head01::before { content: ""; display: inline-block; position: absolute; top: 7px; left: 0; width: 26px; height: 15px; content: ""; display: inline-block; 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%2213px%22%20height%3D%228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23b80000%22%20d%3D%22M-0.001%2C-0.001%20L12.999%2C-0.001%20L-0.001%2C7.1000%20L-0.001%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } @media (min-width: 768px) { .c-head01 { margin-bottom: 46px; padding-left: 45px; font-size: 2rem; } .c-head01::before { width: 31px; height: 19px; } } .c-head02 { position: relative; margin-bottom: 46px; padding-left: 30px; line-height: 1.5; font-weight: 700; font-size: 1.6rem; letter-spacing: 0.025em; } .c-head02::before { content: ""; display: inline-block; position: absolute; top: 7px; left: 0; width: 17px; height: 11px; 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-a9955fb2-d73b-4c0e-8d7e-86c361a75fbf%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090.08%2055.67%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-8b20f45b-b3e6-48b4-a203-e8ad30d782ec%7Bfill%3A%23b80000%3B%7D.uuid-354329c0-53b1-4f1e-b8ad-e93b1397da38%7Bfill%3A%23da0011%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22uuid-8b20f45b-b3e6-48b4-a203-e8ad30d782ec%22%20points%3D%2290.08%2055.67%200%2055.67%200%200%2090.08%2055.67%22%2F%3E%3Cpolygon%20class%3D%22uuid-354329c0-53b1-4f1e-b8ad-e93b1397da38%22%20points%3D%220%200%2090.08%200%2090.08%2055.67%200%200%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } @media (min-width: 768px) { .c-head02 { font-size: 1.7rem; } .c-head02::before { top: 8px; } } .c-head02.is-small { margin-bottom: 5px; padding-left: 21px; font-size: 1.2rem; } .c-head02.is-small::before { width: 11px; height: 7px; } @media (min-width: 768px) { .c-head02.is-small { margin-bottom: 8px; font-size: 1.5rem; } } .c-link01 { position: relative; display: block; padding-left: 16px; font-size: 1.2rem; } .c-link01::before { content: ""; display: inline-block; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; background: url(../img/common/ico_arw02.gif) no-repeat 0 0/contain; } @media (min-width: 768px) { .c-link01 { font-size: 1.4rem; text-decoration: underline; } @media not all and (pointer: coarse) { .c-link01:hover { text-decoration: none; } } } .c-link01.is-disabled { pointer-events: none; text-decoration: none; font-weight: 700; } .c-link01.is-disabled::before { display: none; } .c-list01 { padding-left: 5px; } .c-list01__item { position: relative; line-height: 1.5; padding-left: 16px; font-size: 1.2rem; } .c-list01__item:not(:last-of-type) { margin-bottom: 10px; } .c-list01__item::before { content: ""; display: inline-block; position: absolute; top: 8px; left: 0; width: 7px; height: 1px; background-color: #b8b8b8; } .c-list01__item-link { text-decoration: underline; } @media not all and (pointer: coarse) { .c-list01__item-link:hover { text-decoration: none; } } @media (min-width: 768px) { .c-list01 { padding-left: 8px; } .c-list01__item { padding-left: 13px; font-size: 1.4rem; } .c-list01__item:not(:last-of-type) { margin-bottom: 1px; } .c-list01__item::before { top: 10px; } } .c-list01.has-no-ico .c-list01__item { padding-left: 0; } .c-list01.has-no-ico .c-list01__item::before { display: none; } .c-table01 { --padding-top: 15px; --padding-bottom: 19px; --padding-left: 10px; --padding-right: 10px; --border: #e1e1e1; } .c-table01 table { width: 100%; } .c-table01 th, .c-table01 td { padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left); } .c-table01 th { font-weight: 700; text-align: left; } @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, .c-table01 td { font-size: 1.2rem; } .c-table01 th { --padding-bottom: 3px; border-top: 1px solid var(--border); } .c-table01 td { --padding-top: 0; } .c-table01 tr:last-child td { border-bottom: 1px solid var(--border); } } @media (min-width: 768px) { .c-table01 { --padding-top: 1.25em; --padding-bottom: 1em; --padding-left: .75em; --padding-right: .5em; table-layout: fixed; max-width: 650px; } .c-table01 tr { border-top: 1px solid var(--border); } .c-table01 tr:last-child { border-bottom: 1px solid var(--border); } .c-table01 th, .c-table01 td { font-size: 1.3rem; } .c-table01 th { width: 85px; } .c-table01 td { --padding-left: 0; } .c-table01 td p { border-left: 3px solid #e1e1e1; padding-left: 0.5em; } } @media (min-width: 768px) { .c-table01.is-history { max-width: 610px; } .c-table01.is-history th, .c-table01.is-history td { font-size: 1.4rem; } .c-table01.is-history th { width: 200px; } .c-table01.is-history td p { padding-left: 1.75em; } } @media (min-width: 768px) { .c-table01.is-group { max-width: 610px; } .c-table01.is-group th, .c-table01.is-group td { font-size: 1.4rem; } .c-table01.is-group th { width: 145px; } .c-table01.is-group td p { padding-left: 1.75em; } .c-table01.is-group td p a { text-decoration: underline; } @media not all and (pointer: coarse) { .c-table01.is-group td p a:hover { text-decoration: none; } } } @media (min-width: 768px) { html[lang=en] .c-table01:not(.is-history):not(.is-group) th { width: 145px; } html[lang=en] .c-table01:not(.is-history):not(.is-group) td p { padding-left: 1.75em; } } @media (min-width: 768px) { html[lang=en] .c-table01.is-history th { width: 110px; } } @media (min-width: 768px) { html[lang=en] .c-table01.is-group th { width: 165px; } } .affiliated-detail__inner { padding-top: 30px; padding-bottom: 130px; } .affiliated-detail__lead { margin-bottom: 15px; font-size: 1.3rem; } .affiliated-detail-list__item-head { margin-bottom: 13px !important; } @media (max-width: 767.98px) { .affiliated-detail-list { border-top: 1px solid #e1e1e1; } .affiliated-detail-list__item { padding: 25px 0; border-bottom: 1px solid #e1e1e1; } .affiliated-detail-list__item:empty { display: none; } .affiliated-detail-list.is-top .affiliated-detail-list__item { border-bottom: 0; } } @media (min-width: 768px) { .affiliated-detail__inner { padding-top: 63px; padding-bottom: 150px; } .affiliated-detail__lead { margin-bottom: 25px; font-size: 1.4rem; } .affiliated-detail-list { position: relative; display: flex; flex-wrap: wrap; border-bottom: 1px solid #e1e1e1; } .affiliated-detail-list::after { content: ""; display: inline-block; position: absolute; z-index: 2; bottom: -1px; left: 45%; transform: translateX(-50%); width: 40px; height: 1px; background-color: #fff; } .affiliated-detail-list__item { box-sizing: border-box; position: relative; width: 55%; padding-top: 28px; padding-bottom: 25px; border-top: 1px solid #e1e1e1; } .affiliated-detail-list__item:nth-of-type(odd) { width: 45%; padding-left: 20px; } .affiliated-detail-list__item:nth-of-type(odd)::before, .affiliated-detail-list__item:nth-of-type(odd)::after { content: ""; display: inline-block; position: absolute; z-index: 2; background-color: #fff; } .affiliated-detail-list__item:nth-of-type(odd)::before { top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: calc(100% - 50px); background-color: #e1e1e1; } .affiliated-detail-list__item:nth-of-type(odd)::after { top: -1px; right: -20px; width: 40px; height: 1px; } .affiliated-detail-list__item:nth-of-type(even) { padding-left: 40px; } .affiliated-detail-list__item-head { margin-bottom: 4px !important; } .affiliated-detail-list:not(.is-top) .affiliated-detail-list__item:nth-of-type(-n+2) { border-top: 0; } .affiliated-detail-list:not(.is-top) .affiliated-detail-list__item:nth-of-type(-n+2)::after { display: none; } .affiliated-detail-list.is-top::after { display: none; } .affiliated-detail-list.is-top .affiliated-detail-list__item::before, .affiliated-detail-list.is-top .affiliated-detail-list__item::after { display: none; } .affiliated-detail-list.is-top .affiliated-detail-list__item:nth-of-type(n) { width: 100%; } } .group-detail__inner { padding-top: 30px; padding-bottom: 55px; } @media (min-width: 768px) { .group-detail__inner { display: grid; padding-top: 12px; padding-bottom: 150px; } .group-detail__head { grid-row: 2; } .group-detail__table { grid-row: 3; } } @media (max-width: 767.98px) { .group-anchor { margin-top: 24px; padding: 0 5px 25px; border-bottom: 1px solid #e1e1e1; font-weight: 700; } .group-anchor__item:not(:last-of-type) { margin-bottom: 10px; } } @media (min-width: 768px) { .group-anchor { grid-row: 1; margin-bottom: 45px; margin-right: -20px; padding-bottom: 30px; border-bottom: 1px dotted #e1e1e1; } .group-anchor__item { display: inline-block; margin-right: 30px; margin-bottom: 5px; } } .history-detail__inner { padding-top: 30px; padding-bottom: 75px; } @media (min-width: 768px) { .history-detail__inner { padding-top: 63px; padding-bottom: 150px; } } .home-bnr__inner { padding-top: 45px; padding-bottom: 43px; } .home-bnr__head { margin-bottom: 10px; font-weight: 700; font-size: 1.1rem; text-align: center; letter-spacing: 0.1em; } .home-bnr__link::after { display: none !important; } @media (max-width: 767.98px) { .home-bnr__link { width: 89.3333333333%; margin: auto; } } @media (min-width: 768px) { .home-bnr__inner { max-width: 1000px; padding-top: 96px; } .home-bnr__head { margin-bottom: 20px; font-size: 1.6rem; } } .inquiry-detail__inner { padding-top: 30px; padding-bottom: 130px; } .inquiry-detail-list__item:not(:last-of-type) { margin-bottom: 40px; } .inquiry-detail-list__item-txt { line-height: 1.1; padding-left: 21px; font-size: 3rem; letter-spacing: 0.025em; } .inquiry-detail-list__item-txt small { font-size: 1.3rem; } .inquiry-detail-list__item-txt.is-email { font-size: 1.6rem; } .inquiry-detail-list__item-txt.is-email a { text-decoration: underline; } @media (max-width: 767.98px) { .inquiry-detail-list { margin-top: 35px; } } @media (min-width: 768px) { .inquiry-detail__inner { padding-top: 63px; padding-bottom: 150px; } .inquiry-detail-list { display: grid; grid-template-columns: 320px 1fr; } .inquiry-detail-list__item:not(:last-of-type) { margin-bottom: 43px; } .inquiry-detail-list__item-txt.is-email { margin-top: 12px; font-size: 1.4rem; } } html[lang=en] .inquiry-detail-list__item-txt small { display: block; margin-left: -5px; font-size: 1.2rem; } .outline-detail__inner { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 768px) { .outline-detail__inner { padding-top: 63px; } } .outline-logo__inner { padding-top: 73px; padding-bottom: 130px; } .outline-logo__txt { line-height: 2; } @media (max-width: 767.98px) { .outline-logo__img { width: 183px; margin: 0 auto 28px; } .outline-logo__txt { font-size: 1.2rem; } } @media (min-width: 768px) { .outline-logo__inner { display: grid; grid-template-columns: 200px 1fr; grid-column-gap: 100px; padding-top: 60px; } .outline-logo__head { grid-column: 1/3; grid-row: 1; } .outline-logo__img { grid-column: 1; grid-row: 2; } .outline-logo__txt { grid-column: 2; grid-row: 2; max-width: 310px; line-height: 1.6; font-size: 1.4rem; } } .sitemap-detail__inner { padding-top: 30px; padding-bottom: 80px; } .sitemap-detail-list { font-size: 1.3rem; } .sitemap-detail-list__item { position: relative; padding-left: 17px; } .sitemap-detail-list__item:not(:last-of-type) { margin-bottom: 15px; } .sitemap-detail-list__item::before { content: ""; display: inline-block; position: absolute; top: 7px; left: 0; width: 11px; 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-a9955fb2-d73b-4c0e-8d7e-86c361a75fbf%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090.08%2055.67%22%3E%3Cdefs%3E%3Cstyle%3E.uuid-8b20f45b-b3e6-48b4-a203-e8ad30d782ec%7Bfill%3A%23b80000%3B%7D.uuid-354329c0-53b1-4f1e-b8ad-e93b1397da38%7Bfill%3A%23da0011%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22uuid-8b20f45b-b3e6-48b4-a203-e8ad30d782ec%22%20points%3D%2290.08%2055.67%200%2055.67%200%200%2090.08%2055.67%22%2F%3E%3Cpolygon%20class%3D%22uuid-354329c0-53b1-4f1e-b8ad-e93b1397da38%22%20points%3D%220%200%2090.08%200%2090.08%2055.67%200%200%22%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s ease-in; } .sitemap-detail-list__item-link { text-decoration: underline; } @media not all and (pointer: coarse) { .sitemap-detail-list__item-link:hover { text-decoration: none; } } .sitemap-detail-sub { margin-top: 10px; margin-left: -16px; } @media (max-width: 767.98px) { .sitemap-detail-sub__item:not(:last-of-type) { margin-bottom: 10px; } .sitemap-detail-sub__item-link { text-decoration: underline; } } @media (min-width: 768px) { .sitemap-detail__inner { padding-top: 60px; padding-bottom: 150px; } .sitemap-detail-list { display: grid; grid-template-columns: 150px 1fr; font-size: 1.4rem; } .sitemap-detail-list__item:not(:last-of-type) { margin-bottom: 20px; } .sitemap-detail-list__item::before { top: 9px; } .sitemap-detail-list__item:not(.has-sub) { grid-column: 1; } .sitemap-detail-list__item.has-sub { grid-column: 2; grid-row: 1/7; } .sitemap-detail-sub { display: grid; grid-template-columns: repeat(2, max-content); grid-column-gap: 30px; margin-left: -16px; } .sitemap-detail-sub__item { grid-column: 1; margin-bottom: 4px; line-height: 1.6; } .sitemap-detail-sub__item:nth-of-type(even) { grid-column: 2; } } @media (min-width: 768px) { html[lang=en] .sitemap-detail-list { grid-template-columns: 170px 1fr; } } .summary-detail__inner { padding-top: 30px; padding-bottom: 130px; } .summary-detail-list { display: grid; } .summary-detail-list__item-head { margin-bottom: 12px !important; } @media (max-width: 767.98px) { .summary-detail__head { margin-bottom: 33px; } .summary-detail-list { grid-template-columns: 50% 50%; grid-column-gap: 10px; grid-row-gap: 45px; } .summary-detail-list:not(:last-of-type) { margin-bottom: 45px; } .summary-detail-list__item-head { font-size: 1.4rem !important; } } @media (min-width: 768px) { .summary-detail__inner { padding-top: 63px; padding-bottom: 150px; } .summary-detail__head { margin-bottom: 50px; } .summary-detail-list { grid-template-columns: repeat(3, max-content); grid-gap: 70px; } .summary-detail-list__item:not(:last-of-type) { margin-bottom: 35px; } .summary-detail-list__item.is-wide { grid-column: 2/-1; } }