@charset "UTF-8"; /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } [type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } [type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* add original reset style */ html { /* iPhone safariで文字サイズが大きくなるバグを回避 */ -webkit-text-size-adjust: 100%; } html { scroll-behavior: smooth; } body { line-height: 1.5; font-family: "M PLUS Rounded 1c", Meiryo, メイリオ, Osaka, sans-serif; color: #577082; font-size: clamp(12px, 1.5625vw, 16px); background-color: #f0f2f9; overflow-x: hidden; } body.fixed { overflow: hidden; } *:target { scroll-margin-top: 135px; } a { text-decoration: none; } img { max-width: 100%; width: 100%; } .relative { position: relative; } _::-webkit-full-page-media, _:future, :root * { -webkit-mask-image: none !important; mask-image: none !important; } input[name=tab-item] { display: none; } area { cursor: pointer; } .c-list li { position: relative; padding-left: 1.2em; } .c-list li::before { display: inline-block; position: absolute; top: 0; left: 0; } .c-list.-disc li::before { content: "・"; } .c-list.-circle li::before { content: "●"; } .c-list.-asterisk li::before { content: "※"; } .c-list.-decimal li { counter-increment: cnt; } .c-list.-decimal li::before { content: "" counter(cnt) "."; } .c-list.-arrow li { padding-left: 1.1em; } .c-list.-arrow li::before { display: inline-block; top: 0.55em; width: 9px; height: 9px; border-top: 2px solid #577082; border-right: 2px solid #577082; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 500px) { .c-list.-arrow li::before { width: 7px; height: 7px; } } .c-table { width: 100%; background-color: #f0f2f9; font-size: clamp(12px, 1.5625vw, 16px); } .c-table th, .c-table td { padding: 1.1em 1.31em; border: 2px solid #fff; } @media screen and (max-width: 500px) { .c-table th, .c-table td { padding: 1em 0.5em; } } .c-table th { font-weight: 800; } .c-text.-indent { text-indent: 1em; } .c-text.-underline { text-decoration: underline; } .c-text.-bold { font-weight: bold; } .c-text.-caution { color: #DE0012; } .c-text.-asterisk { text-indent: -1em; padding-left: 1em; display: block; } .c-text.-asterisk::before { content: "※"; margin-right: 0.1em; } .c-title-border { position: relative; padding-bottom: 0.66em; border-bottom: 2px solid #e06a37; text-align: center; font-weight: 500; font-size: clamp(18px, 2.34375vw, 30px); } @media screen and (max-width: 768px) { .c-title-border { padding-bottom: 0.5em; border-bottom-width: 1px; } } .c-title-border::before { display: block; width: 2px; height: 1.66em; margin: 0 auto; margin-bottom: 0.5em; background-color: #e06a37; content: ""; } @media screen and (max-width: 768px) { .c-title-border::before { width: 1px; height: 1.38em; } } .c-title-underbar { position: relative; margin-bottom: 1.31em; border-bottom: 2px solid #b9cedd; padding-bottom: 0.3em; font-size: clamp(15px, 1.953125vw, 38px); font-weight: 500; } .c-title-underbar::after { position: absolute; left: 0; bottom: -2px; height: 2px; width: 100px; display: block; content: ""; background-color: #e06a37; border-left: 1px solid #000; } .c-inner { width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; } @media screen and (max-width: 768px) { .c-inner { padding: 0 15px; } } .c-modal { position: fixed; z-index: 1; display: block; background-color: rgba(87, 112, 130, 0); width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .c-modal.-show { background-color: rgba(87, 112, 130, 0.6); visibility: visible; } .c-button { display: inline-block; border-radius: 100px; font-size: clamp(12px, 1.5625vw, 18px); color: #fff; background-color: #e06a37; line-height: 1; padding: 1.243em 3em; -ms-flex-preferred-size: auto; flex-basis: auto; border: 1px solid #e06a37; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .c-button svg { height: 1.33em; width: auto; fill: #fff; margin-left: 0.3em; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; vertical-align: text-top; } .c-button:hover { background-color: #fff; color: #e06a37; } .c-button:hover svg { fill: #e06a37; } .c-button.-bl { background: -webkit-gradient(linear, left top, right top, from(#58b65a), to(#0f8dba)); background: linear-gradient(to right, #58b65a, #0f8dba); border-color: #FFF; } .c-button.-bl:hover { opacity: 0.9; color: #FFF; } .c-button.-bl:hover svg { fill: #FFF; } .c-dlist dt { font-size: clamp(16px, 2.0833333333vw, 24px); font-weight: 500; color: #e06a37; } .c-dlist dt:not(:first-of-type) { margin-top: 2em; } .c-dlist dd { font-size: clamp(12px, 1.5625vw, 16px); margin-top: 0.7em; } .c-link { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .c-link:hover { opacity: 0.8; } .c-link.-underline { text-decoration: underline; } .c-section + .c-section { margin-top: clamp(50px, 6.5104166667vw, 100px); } .c-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-column.-col4 .c-column__item { width: 23.64%; } @media screen and (max-width: 768px) { .c-column.-col4 .c-column__item { width: 48.28%; } .c-column.-col4 .c-column__item:nth-of-type(n+3) { margin-top: 15px; } } @media screen and (max-width: 500px) { .c-column.-col4 .c-column__item { width: 100%; } .c-column.-col4 .c-column__item:not(:first-of-type) { margin-top: 15px; } } .c-column.-col3 .c-column__item { width: 31.31%; } @media screen and (max-width: 768px) { .c-column.-col3 .c-column__item { width: 48.28%; } .c-column.-col3 .c-column__item:nth-of-type(n+3) { margin-top: 15px; } } @media screen and (max-width: 500px) { .c-column.-col3 .c-column__item { width: 100%; } .c-column.-col3 .c-column__item:not(:first-of-type) { margin-top: 15px; } } .c-column.-col2 .c-column__item { width: 48.28%; } .c-column.-col2 .c-column__item:nth-of-type(n+3) { margin-top: clamp(20px, 2.6041666667vw, 50px); } @media screen and (max-width: 500px) { .c-column.-col2 .c-column__item { width: 100%; } .c-column.-col2 .c-column__item:not(:first-of-type) { margin-top: 15px; } } .c-person { background-color: #f0f2f9; border-radius: clamp(20px, 2.6041666667vw, 30px); display: -webkit-box; display: -ms-flexbox; display: flex; padding: clamp(20px, 2.6041666667vw, 50px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-person-overview { width: 25.9%; } @media screen and (max-width: 500px) { .c-person-overview { width: 100%; } } .c-person-overview__photo { border-radius: clamp(20px, 2.6041666667vw, 30px); overflow: hidden; } .c-person-overview__texts { margin-top: clamp(10px, 1.3020833333vw, 30px); } .c-person-overview__texts .lg { font-size: clamp(15px, 1.953125vw, 30px); } .c-person-overview__texts .lg span { font-size: 0.6em; } .c-person-overview__texts .md { font-weight: 800; font-size: clamp(12px, 1.5625vw, 18px); } .c-person-overview__texts .sm { font-size: clamp(12px, 1.5625vw, 16px); } .c-person-details { width: 68.43%; font-size: clamp(12px, 1.5625vw, 16px); } @media screen and (max-width: 500px) { .c-person-details { width: 100%; margin-top: 15px; } } .c-person-details ul { margin-bottom: 2em; } .c-person-details dl dt { font-size: clamp(12px, 1.5625vw, 18px); font-weight: 800; text-indent: -1em; padding-left: 1em; } .c-person-details dl dt:not(:first-of-type) { margin-top: 2em; } .c-person-details dl dt::before { content: "・"; } .c-person-details dl dd { margin-top: 0.3em; } .c-branch { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-branch-map { width: 50.5%; position: relative; height: 390px; } @media screen and (max-width: 768px) { .c-branch-map { width: 100%; } } .c-branch-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: clamp(10px, 1.3020833333vw, 20px); } .c-branch-texts { width: 42%; } @media screen and (max-width: 768px) { .c-branch-texts { width: 100%; margin-top: 20px; } } @media screen and (max-width: 500px) { .c-branch-texts__logo { text-align: center; } } @media screen and (max-width: 960px) { .c-branch-texts__logo img { max-width: 360px; width: 80%; } } .c-branch-texts__table { font-size: clamp(12px, 1.5625vw, 16px); } .c-branch-texts__table td { padding: 0.2em 0; } .c-branch-texts__table td:not(:first-of-type) { padding-left: 1em; } .l-header { padding-top: 15px; padding-bottom: 15px; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .l-header { padding-top: 10px; padding-bottom: 10px; } } .l-header.-wh { background-color: rgba(255, 255, 255, 0.8); } .l-header__logo { width: clamp(117px, 15.234375vw, 235px); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-header__logo:hover { opacity: 0.8; } .l-header-subnav { -webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; display: none; } @media screen and (max-width: 768px) { .l-header-subnav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .l-header-subnav__item { cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; width: 30px; height: 30px; border-radius: 50%; display: inline-block; background-color: #577082; } .l-header-subnav__item:hover { opacity: 0.8; } .l-header-subnav__item.-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-header-subnav__item.-contact svg { fill: #abb8c1; width: 12px; } .l-header-subnav__item.-switch { position: relative; z-index: 12; } .l-header-subnav__item.-switch::before, .l-header-subnav__item.-switch::after { content: ""; display: inline-block; height: 2px; width: 14px; background-color: #abb8c1; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-header-subnav__item.-switch::before { top: calc(50% - 4px); } .l-header-subnav__item.-switch::after { top: calc(50% + 4px); } .l-header-subnav__item.-switch.-active::before { top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .l-header-subnav__item.-switch.-active::after { top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } @media screen and (max-width: 960px) { .l-footer .c-inner { padding-left: 40px; } } .l-footer-box { background-color: #577082; border-top-left-radius: clamp(25px, 3.2552083333vw, 50px); margin-right: calc(50% - 50vw); padding-right: calc(50vw - 50%); padding-bottom: 20px; padding-top: clamp(30px, 3.90625vw, 85px); padding-left: clamp(38px, 4.9479166667vw, 94px); position: relative; max-width: calc(100vw - 50px); } @media screen and (max-width: 768px) { .l-footer-box { max-width: calc(100vw - 40px); } } .l-footer__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .l-footer__flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .l-footer__pagetop { position: absolute; left: 0; bottom: 18px; -webkit-transform: translateX(-200%); transform: translateX(-200%); } @media screen and (max-width: 768px) { .l-footer__pagetop { -webkit-transform: translateX(-250%); transform: translateX(-250%); } } .l-footer__pagetop a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-footer__pagetop a:hover { opacity: 0.8; } .l-footer__pagetop a img { width: clamp(10px, 1.3020833333vw, 20px); } .l-footer__logo { width: clamp(100px, 13.0208333333vw, 138px); display: block; } @media screen and (max-width: 768px) { .l-footer__logo { margin: 0 auto; } } .l-footer__address { color: #fff; font-size: clamp(12px, 1.5625vw, 18px); margin-top: 2.8em; line-height: 1.5; } .l-footer__address::before, .l-footer__address::after { content: ""; display: block; width: 0; height: 0; } .l-footer__address::before { margin-top: calc((1 - 1.5) * 0.5em); } .l-footer__address::after { margin-bottom: calc((1 - 1.5) * 0.5em); } .l-footer__copyright { text-align: right; color: #fff; font-size: 12px; margin-top: 1.5em; } @media screen and (max-width: 768px) { .l-footer__copyright { text-align: center; font-size: 9px; } } .l-footer-navs { -webkit-column-gap: 56px; -moz-column-gap: 56px; column-gap: 56px; } @media screen and (max-width: 768px) { .l-footer-navs { display: none !important; } } .l-footer-nav { color: #fff; } .l-footer-nav__h2 { font-size: clamp(14px, 1.8229166667vw, 18px); } .l-footer-nav__h3 { margin-top: 0.5em; font-size: clamp(12px, 1.5625vw, 13px); } .l-footer-nav__list { font-size: clamp(13px, 1.6927083333vw, 16px); } .l-footer-nav__list + .l-footer-nav__h2 { margin-top: 2em; } .l-footer-nav__list.-lg { margin-top: 2em; } .l-footer-nav__list li a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-footer-nav__list li a:hover { opacity: 0.8; } .l-footer__button { border: 1px solid #fff; border-radius: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; padding: 1.69em 0; font-size: clamp(12px, 1.5625vw, 18px); line-height: 1; margin-top: 2em; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .l-footer__button { width: 260px; padding: 1.11em 0; } } .l-footer__button svg { width: 0.875em; height: auto; margin-left: 0.5em; fill: #f0f2f9; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-footer__button:hover { background-color: #fff; color: #567082; border-color: #567082; } .l-footer__button:hover svg { fill: #567082; } @media screen and (max-width: 768px) { .l-gnav { position: fixed; background-color: #fff; top: 0; right: 0; padding: 52px 15px 32px; height: 100dvh; overflow: auto; width: 300px; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; opacity: 0; visibility: hidden; z-index: 2; } } @media screen and (max-width: 768px) { .l-gnav.-show { opacity: 1; visibility: visible; } } .l-gnav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .l-gnav > ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #577082; } } .l-gnav > ul > li { font-size: clamp(14px, 1.8229166667vw, 16px); margin-right: 3.12em; } @media screen and (max-width: 768px) { .l-gnav > ul > li { border-top: 1px solid #577082; margin-right: 0; width: 100%; font-size: 15px; } } @media screen and (max-width: 768px) { .l-gnav > ul > li > a { display: block; padding: 1em 0; position: relative; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-gnav > ul > li > a::after { content: ""; display: block; background-image: url(../images/common/obj-arrow-primary-right.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 8px; height: 14px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .l-gnav > ul > li > span { position: relative; display: inline-block; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .l-gnav > ul > li > span { display: block; padding: 1em 0; } } .l-gnav > ul > li > span::after { display: inline-block; content: ""; width: 7.1px; height: 7.1px; border-right: 1px solid #e06a37; border-bottom: 1px solid #e06a37; -webkit-transform: translateY(-75%) rotate(45deg); transform: translateY(-75%) rotate(45deg); position: absolute; top: 50%; right: -0.7em; } @media screen and (max-width: 768px) { .l-gnav > ul > li > span::after { border: 0; content: ""; display: block; background-image: url(../images/common/obj-arrow-primary-right.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 8px; height: 14px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } } @media screen and (max-width: 768px) { .l-gnav > ul > li.top { display: none; } } .l-gnav > ul > li:hover > a, .l-gnav > ul > li:hover > span, .l-gnav > ul > li.current > a, .l-gnav > ul > li.current > span, .l-gnav > ul > li.-active > a, .l-gnav > ul > li.-active > span { position: relative; color: #e06a37; } @media screen and (max-width: 768px) { .l-gnav > ul > li:hover > a, .l-gnav > ul > li:hover > span, .l-gnav > ul > li.current > a, .l-gnav > ul > li.current > span, .l-gnav > ul > li.-active > a, .l-gnav > ul > li.-active > span { color: inherit; } } .l-gnav > ul > li:hover > a::before, .l-gnav > ul > li:hover > span::before, .l-gnav > ul > li.current > a::before, .l-gnav > ul > li.current > span::before, .l-gnav > ul > li.-active > a::before, .l-gnav > ul > li.-active > span::before { width: 0.437em; height: 0.437em; display: inline-block; content: ""; border-radius: 50%; background-color: #e06a37; position: absolute; left: 50%; bottom: -0.5em; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 768px) { .l-gnav > ul > li:hover > a::before, .l-gnav > ul > li:hover > span::before, .l-gnav > ul > li.current > a::before, .l-gnav > ul > li.current > span::before, .l-gnav > ul > li.-active > a::before, .l-gnav > ul > li.-active > span::before { content: none; } } .l-gnav > ul > li.l-gnav__contact { margin-right: 0; } @media screen and (max-width: 768px) { .l-gnav > ul > li.l-gnav__contact { display: none; } } .l-gnav > ul > li.l-gnav__contact a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #577082; color: #fff; padding: 0.75em 2.94em; border-radius: 400px; line-height: 1; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; border: 1px solid #577082; } .l-gnav > ul > li.l-gnav__contact a svg { width: 0.875em; height: auto; margin-left: 0.5em; fill: #f0f2f9; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-gnav > ul > li.l-gnav__contact a::before { content: none; } .l-gnav > ul > li.l-gnav__contact a:hover { background-color: #fff; color: #577082; } .l-gnav > ul > li.l-gnav__contact a:hover svg { fill: #577082; } .l-gnav-mega { position: absolute; top: 94px; right: 38px; background-color: #fff; max-width: 770px; border-radius: 30px; overflow: hidden; z-index: 11; -webkit-box-shadow: 0 0 10px rgba(57, 57, 57, 0.4); box-shadow: 0 0 10px rgba(57, 57, 57, 0.4); opacity: 0; visibility: hidden; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .l-gnav-mega { position: static; opacity: 1; visibility: hidden; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding-bottom: 1em; opacity: 1; visibility: visible; display: none; } } .l-gnav-mega.-show { opacity: 1; visibility: visible; display: block !important; } .l-gnav-mega-item-image { width: 25.97%; vertical-align: bottom; } @media screen and (max-width: 768px) { .l-gnav-mega-item-image { display: none; } } .l-gnav-mega-item-image img { vertical-align: bottom; } .l-gnav-mega-item-texts { padding-top: 20px; width: 74.03%; } @media screen and (max-width: 768px) { .l-gnav-mega-item-texts { width: 100%; padding-top: 0; } } .l-gnav-mega-item-texts h2 { font-size: clamp(16px, 2.0833333333vw, 24px); border-bottom: 1px solid #b9cedd; padding-bottom: 0.66em; padding-left: 1em; } @media screen and (max-width: 768px) { .l-gnav-mega-item-texts h2 { display: none; } } .l-gnav-mega-item-texts h3 { color: #e06a37; font-weight: 500; font-size: clamp(12px, 1.5625vw, 16px); } .l-gnav-mega-item-texts h3:not(:first-of-type) { margin-top: 1.5em; } @media screen and (max-width: 768px) { .l-gnav-mega-item-texts h3:not(:first-of-type) { margin-top: 1.79em; } } .l-gnav-mega-item__col { width: 50%; padding: 20px; padding: clamp(10px, 1.3020833333vw, 18px); } @media screen and (max-width: 768px) { .l-gnav-mega-item__col { width: 100%; padding: 0; } .l-gnav-mega-item__col:not(:first-of-type) { margin-top: 1.79em; } } .l-gnav-mega__list { margin-top: 10px; } .l-gnav-mega__list li { border-top: 1px solid #b9cedd; padding: 1em 0; padding-right: 8px; position: relative; font-size: clamp(12px, 1.5625vw, 16px); line-height: 1.25; } .l-gnav-mega__list li::before, .l-gnav-mega__list li::after { content: ""; display: block; width: 0; height: 0; } .l-gnav-mega__list li::before { margin-top: calc((1 - 1.25) * 0.5em); } .l-gnav-mega__list li::after { margin-bottom: calc((1 - 1.25) * 0.5em); } @media screen and (max-width: 768px) { .l-gnav-mega__list li { border-top: 0; padding: 0; margin-top: 1.16em; } } .l-gnav-mega__list li:last-of-type { border-bottom: 1px solid #b9cedd; } @media screen and (max-width: 768px) { .l-gnav-mega__list li:last-of-type { border-bottom: 0; } } .l-gnav-mega__list li::after { content: ""; display: inline-block; background-image: url(../images/common/obj-arrow-orange-right.png); background-size: contain; background-position: center; background-repeat: no-repeat; height: 0.875em; width: 0.4375em; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .l-gnav-mega__list li::after { background-image: url(../images/common/obj-arrow-primary-right.png); } } .l-gnav-mega__list li a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-gnav-mega__list li a:hover { color: #e06a37; } .l-hamburger { width: 30px; height: 22px; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; position: relative; display: none; z-index: 20; } @media screen and (max-width: 768px) { .l-hamburger { display: block; } } .l-hamburger__top, .l-hamburger__middle, .l-hamburger__bottom { display: inline-block; display: block; height: 2px; background-color: #fff; position: absolute; left: 50%; -webkit-transition: 0.3s; transition: 0.3s; } .l-hamburger__top { width: 30px; top: 0; left: 0; } .l-hamburger__middle { width: 30px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l-hamburger__bottom { width: 20px; bottom: 0; left: 0; } .l-hamburger:hover { cursor: pointer; } .l-heading1 { aspect-ratio: 1400/700; max-height: 800px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(../images/common/heading1-yw-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .l-heading1__title { font-size: clamp(24px, 3.125vw, 36px); color: #577082; } .l-heading1__title span { font-size: 0.5em; display: block; } .l-heading2__image { position: relative; max-height: 800px; width: 73%; margin-left: auto; aspect-ratio: 1024/700; } @media screen and (max-width: 500px) { .l-heading2__image { position: relative; width: 93.3%; aspect-ratio: 1/1; } } .l-heading2__image img { border-bottom-left-radius: clamp(25px, 3.2552083333vw, 50px); -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 500px) { .l-heading2__image img { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .l-heading2-circle { position: absolute; top: 50%; left: max(-37%, -500px); max-width: 550px; width: 40.8%; -webkit-transform: translateY(-50%); transform: translateY(-50%); aspect-ratio: 1/1; } @media screen and (max-width: 500px) { .l-heading2-circle { top: initial; bottom: -20%; left: -9.8%; width: 58%; -webkit-transform: none; transform: none; } } .l-heading2-circle__sub { font-size: clamp(12px, 1.5625vw, 18px); } .l-heading2-circle__title { margin-top: 0.6em; font-weight: normal; font-size: clamp(18px, 2.34375vw, 36px); } .l-heading2-circle__title .md { display: block; font-size: clamp(13px, 1.6927083333vw, 24px); } .l-heading2-circle__title .sm { display: block; font-size: clamp(12px, 1.5625vw, 16px); } .l-heading2__copy { margin-top: 2em; text-align: center; font-weight: 500; font-size: clamp(15px, 1.953125vw, 30px); } @media screen and (max-width: 500px) { .l-heading2__copy { margin-top: 25%; } } .l-content { margin-bottom: clamp(45px, 5.859375vw, 100px); position: relative; z-index: 1; } .l-content.-col1 .l-content__inner { max-width: 1190px; padding: 0 25px; width: 100%; margin: 0 auto; } .l-content.-col1 .l-content__main { padding: clamp(20px, 2.6041666667vw, 75px); } @media screen and (max-width: 960px) { .l-content.-col2 { margin-top: 50px; } } .l-content.-col2 .l-content__inner { max-width: 1330px; padding: 0 25px; margin: 0 auto; } @media screen and (max-width: 960px) { .l-content.-col2 .l-content__inner { padding: 0 25px; } } .l-content.-col2 .l-content__main { padding: 80px 50px; padding-right: clamp(25px, 3.2552083333vw, 50px); margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); width: calc(100% - 240px + 50vw - 50%); border-top-left-radius: 0; border-bottom-left-radius: 0; } @media screen and (max-width: 960px) { .l-content.-col2 .l-content__main { padding: 30px 10px; width: calc(100% + 50vw - 50%); } } .l-content__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .l-content__main { background-color: #fff; width: 100%; border-radius: clamp(20px, 2.6041666667vw, 50px); } .l-heading1 + .l-content.-col1 { margin-top: max(-13.6%, -215px); } @media screen and (max-width: 960px) { .l-heading1 + .l-content.-col1 { margin-top: 30px; } } .l-heading1 + .l-content.-col2 { margin-top: max(-13.6%, -215px); } @media screen and (max-width: 960px) { .l-heading1 + .l-content.-col2 { margin-top: -5%; } } .l-heading2 + .l-content { margin-top: clamp(35px, 4.5572916667vw, 70px); } @media screen and (max-width: 960px) { .l-heading2 + .l-content { margin-top: 22%; } } .l-breadcrumb { font-size: clamp(12px, 1.5625vw, 16px); margin-bottom: 1em; } @media screen and (max-width: 768px) { .l-breadcrumb { display: none; } } .l-breadcrumb__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -1em; } .l-breadcrumb__item { margin-top: 1em; } .l-breadcrumb__item + .l-breadcrumb__item { margin-left: 1em; } .l-breadcrumb__item + .l-breadcrumb__item::before { content: "＞"; margin-right: 1em; } .l-breadcrumb__item a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-breadcrumb__item a:hover { color: #e06a37; } .l-pagination { margin-top: clamp(26px, 3.3854166667vw, 80px); } .l-pagination__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: clamp(6px, 0.78125vw, 12px); -moz-column-gap: clamp(6px, 0.78125vw, 12px); column-gap: clamp(6px, 0.78125vw, 12px); } .l-pagination__item { text-decoration: none; display: inline-block; position: relative; font-size: clamp(12px, 1.5625vw, 18px); } .l-pagination__item > a, .l-pagination__item > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f0f2f9; border: #577082 solid 1px; width: clamp(35px, 4.5572916667vw, 70px); height: clamp(35px, 4.5572916667vw, 70px); border-radius: 50%; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-pagination__item.is_current > a, .l-pagination__item.is_current > span, .l-pagination__item:hover > a, .l-pagination__item:hover > span { color: #fff; background-color: #e06a37; border-color: #e06a37; } .l-sidenav { font-size: clamp(12px, 1.5625vw, 16px); width: 210px; margin-top: 35px; } @media screen and (max-width: 768px) { .l-sidenav { display: none; } } .l-sidenav__list { position: sticky; top: 120px; left: 0; } .l-sidenav__list > li { border-top: 2px dashed #577082; } .l-sidenav__list > li:last-of-type { border-bottom: 2px dashed #577082; } .l-sidenav__list > li > a { display: block; padding: 1.45em 0; padding-right: 2em; position: relative; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-sidenav__list > li > a::after { content: ""; background-color: #b9cedd; width: 1.875em; height: 1.875em; border-radius: 50%; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; background-image: url(../images/common/obj-arrow-primary-right.png); background-size: 28%; background-position: center; background-repeat: no-repeat; } .l-sidenav__list > li > a:hover { opacity: 0.8; } .l-sidenav__childlist > li { padding-left: 1em; text-indent: -1em; } .l-sidenav__childlist > li:not(:first-of-type) { margin-top: 1em; } .l-sidenav__childlist > li:last-of-type { margin-bottom: 1em; } .l-sidenav__childlist > li::before { content: "・"; } .l-sidenav__childlist > li > a { line-height: 1.13; position: relative; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-sidenav__childlist > li > a:hover { opacity: 0.8; } .l-sidenav__childlist > li > a::after { content: ""; display: inline-block; background-image: url(../images/common/obj-arrow-primary-right.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 0.375em; height: 0.75em; position: absolute; right: 0; bottom: 0.5em; -webkit-transform: translate(150%, 30%); transform: translate(150%, 30%); } .l-selectnav { display: none; position: relative; margin-bottom: 32px; } @media screen and (max-width: 768px) { .l-selectnav { display: block; } } .l-selectnav::after { content: ""; background-color: #577082; width: 1.66em; height: 1.66em; border-radius: 50%; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; background-image: url(../images/common/obj-arrow-wh-down.png); background-size: 50%; background-position: center; background-repeat: no-repeat; pointer-events: none; } .l-selectnav select { width: 100%; background-color: #fff; padding: 0.54em 1.53em; border: 1px solid #577082; border-radius: 100px; font-size: 15px; } .p-top { min-height: 100vh; background-image: url(../images/top/bg-obj.png); background-position: left top; background-size: 55%; background-repeat: no-repeat; overflow-x: hidden; margin-top: clamp(66px, 8.59375vw, 108px); } @media screen and (max-width: 768px) { .p-top { background-position: left 8%; margin-top: 54px; } } .p-top-mv__accordion-slider { position: relative; } .p-top-mv__slider { position: relative; } .p-top-mv__circle { position: absolute; right: -15%; bottom: -26%; z-index: 1; width: 39.7%; -webkit-transition: 0.5s ease-out; transition: 0.5s ease-out; -webkit-transform: rotate(90deg); transform: rotate(90deg); pointer-events: none; } @media screen and (max-width: 768px) { .p-top-mv__circle { width: 72.8%; bottom: 0; right: -35%; } } @media screen and (max-width: 768px) { .p-top-mv__circle.-pc { display: none; } } .p-top-mv__circle.-sp { display: none; } @media screen and (max-width: 768px) { .p-top-mv__circle.-sp { display: block; } } .p-top-accordion-slider { border-radius: clamp(25px, 3.2552083333vw, 50px); overflow: hidden; } .p-top-slider { display: none; border-radius: clamp(25px, 3.2552083333vw, 50px); overflow: hidden; } @media screen and (max-width: 768px) { .p-top-slider { display: -webkit-box; display: -ms-flexbox; display: flex; } } .p-top-slider__item { display: block; position: relative; width: 11.5%; padding-top: 49.23%; background-position: center; background-size: cover; background-repeat: no-repeat; cursor: pointer; } @media screen and (max-width: 768px) { .p-top-slider__item { aspect-ratio: 355/320; width: 100%; border-radius: clamp(25px, 3.2552083333vw, 50px); } .p-top-slider__item img { -o-object-fit: cover; object-fit: cover; } } .p-top-slider__item:hover { opacity: 0.8; } .p-top-slider__item.-show { width: 77%; } .p-top-slider__item.-show .p-top-slider__lead { -webkit-animation: 0.5s linear 0.3s forwards fadein; animation: 0.5s linear 0.3s forwards fadein; } @media screen and (max-width: 768px) { .p-top-slider__item.-show .p-top-slider__lead { -webkit-animation: none; animation: none; } } .p-top-slider__item.-slide01 { background-image: url(../images/top/accordion-slide01.jpg); } .p-top-slider__item.-slide01 .p-top-slider__title span { color: #f375bf; } .p-top-slider__item.-slide02 { background-image: url(../images/top/accordion-slide02.jpg); } .p-top-slider__item.-slide02 .p-top-slider__title span { color: #cf0a7e; } .p-top-slider__item.-slide03 { background-image: url(../images/top/accordion-slide03.jpg); } .p-top-slider__item.-slide03 .p-top-slider__title span { color: #4485b7; } .p-top-slider__item.-slide04 { background-image: url(../images/top/accordion-slide04.jpg); } .p-top-slider__item.-slide04 .p-top-slider__title { color: #577082; } .p-top-slider__item.-slide04 .p-top-slider__title span { color: #ec8a4a; } .p-top-slider__item.-slide04 .p-top-slider__lead { color: #577082; } .p-top-slider__title { position: absolute; top: 35px; left: 46px; left: min(25%, 46px); color: #fff; font-size: clamp(24px, 3.125vw, 36px); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } @media screen and (max-width: 768px) { .p-top-slider__title { top: 22px; left: 22px; } } .p-top-slider__title span { display: block; font-size: 0.5em; } .p-top-slider__lead { position: absolute; top: 35px; left: 22.5%; visibility: hidden; color: #fff; font-size: clamp(12px, 1.5625vw, 18px); opacity: 0; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-slider__lead { position: static; color: #577082; visibility: visible; opacity: 1; margin-top: 1em; } } .p-top-lead { padding-top: clamp(80px, 10.4166666667vw, 160px); padding-bottom: clamp(22px, 2.8645833333vw, 64px); background-image: url(../images/top/bg-obj2.png); background-position: right -10%; background-size: 80%; background-repeat: no-repeat; } .p-top-lead__large { color: #577082; font-size: clamp(24px, 3.125vw, 60px); } .p-top-lead__large span { display: block; color: #e06a37; font-size: clamp(15px, 1.953125vw, 36px); } .p-top-lead__small { margin-top: 3.83em; color: #444; font-size: clamp(12px, 1.5625vw, 18px); } .p-top-lead__small span { display: block; margin-bottom: 1em; color: #577082; font-weight: 500; font-size: clamp(18px, 2.34375vw, 30px); } @media screen and (max-width: 768px) { .p-top-lead__small span { margin-bottom: 0.5em; } } .p-top-lead__pictures { margin-top: clamp(31px, 4.0364583333vw, 143px); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } .p-top-information__title { text-align: center; font-weight: 500; font-size: clamp(24px, 3.125vw, 38px); } .p-top-information__title span { display: block; color: #e06a37; font-weight: normal; font-size: clamp(12px, 1.5625vw, 18px); } .p-top-information__flex { margin-top: clamp(25px, 3.2552083333vw, 70px); } .p-top-information__list { width: 72.3%; } @media screen and (max-width: 768px) { .p-top-information__list { width: 100%; } } .p-top-information .p-information__list { margin-top: 0; } .p-top-information__back { text-align: right; margin-top: clamp(15px, 1.953125vw, 30px); } .p-top-information__back a { font-size: clamp(12px, 1.5625vw, 16px); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-top-information__back a::after { display: inline-block; width: 2.083em; height: 2.083em; margin-left: 0.5em; border-radius: 50%; background-color: #b9cedd; background-image: url(../images/common/obj-arrow-primary-right.png); background-position: center; background-size: 25%; background-repeat: no-repeat; content: ""; vertical-align: middle; } .p-top-information__back a:hover { opacity: 0.8; } .p-top-links { margin-top: clamp(50px, 6.5104166667vw, 87px); margin-bottom: clamp(60px, 7.8125vw, 100px); } .p-top-links-item { width: 50%; padding: 60px 40px; background-position: center; background-size: cover; background-repeat: no-repeat; color: #fff; } @media screen and (max-width: 768px) { .p-top-links-item { width: 100%; padding: 30px 17px 45px; } } .p-top-links-item.-training { border-top-left-radius: 50px; border-bottom-left-radius: 50px; background-image: url(../images/top/links-bg01.jpg); } @media screen and (max-width: 768px) { .p-top-links-item.-training { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; } } .p-top-links-item.-training .p-top-links-item__button:hover { color: #49a08f; background-color: #fff; border-color: #49a08f; } .p-top-links-item.-training .p-top-links-item__button:hover img { border: 2px solid #49a08f; } .p-top-links-item.-recruitment { border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-image: url(../images/top/links-bg02.jpg); position: relative; } @media screen and (max-width: 768px) { .p-top-links-item.-recruitment { border-top-right-radius: 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } } .p-top-links-item.-recruitment .p-top-links-item__button { position: absolute; bottom: 60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 80px); } @media screen and (max-width: 768px) { .p-top-links-item.-recruitment .p-top-links-item__button { position: relative; bottom: initial; left: initial; -webkit-transform: none; transform: none; width: 100%; } } .p-top-links-item.-recruitment .p-top-links-item__button:hover { color: #e78f48; background-color: #fff; border-color: #e78f48; } .p-top-links-item.-recruitment .p-top-links-item__button:hover img { border: 2px solid #e78f48; } .p-top-links-item__title { font-weight: 500; font-size: clamp(30px, 3.90625vw, 60px); line-height: 1.3; } .p-top-links-item__title::before, .p-top-links-item__title::after { content: ""; display: block; width: 0; height: 0; } .p-top-links-item__title::before { margin-top: calc((1 - 1.3) * 0.5em); } .p-top-links-item__title::after { margin-bottom: calc((1 - 1.3) * 0.5em); } .p-top-links-item__title span { display: block; font-weight: normal; font-size: clamp(12px, 1.5625vw, 18px); } .p-top-links-item__lead { margin-top: 1.54em; font-size: clamp(15px, 1.953125vw, 24px); line-height: 1.5; } .p-top-links-item__lead::before, .p-top-links-item__lead::after { content: ""; display: block; width: 0; height: 0; } .p-top-links-item__lead::before { margin-top: calc((1 - 1.5) * 0.5em); } .p-top-links-item__lead::after { margin-bottom: calc((1 - 1.5) * 0.5em); } .p-top-links-item__button { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 422px; margin: 0 auto; margin-top: 40px; padding: 0.75em; border: 2px solid #fff; border-radius: 200px; text-align: center; font-size: clamp(15px, 1.953125vw, 24px); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-top-links-item__button img { position: absolute; top: 50%; right: 0.5em; width: 2.33em; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; border: 0; border-radius: 50%; } .p-top-links-item__link { position: absolute; font-size: 14px; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-top-links-item__link { bottom: 15px; } } .p-top-links-item__link:hover { opacity: 0.8; } .p-top-links-item__link img { width: 1.42em; vertical-align: sub; margin-left: 5px; } @-webkit-keyframes fadein { from { visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadein { from { visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } to { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .p-information__nav { width: 19.2%; } @media screen and (max-width: 768px) { .p-information__nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } } .p-information__nav li { border: 1px solid #577082; font-size: clamp(12px, 1.5625vw, 16px); padding: 1.08em 0; border-radius: 500px; text-align: center; margin-bottom: 20px; cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-information__nav li { width: 33.3333333333%; padding: 0.47em 0; } } .p-information__nav li.current, .p-information__nav li:hover { background-color: #e06a37; border-color: #e06a37; color: #fff; } .p-information__list { margin-top: clamp(20px, 2.6041666667vw, 80px); } .p-information__list li { display: block; padding: 2.3em 0; border-top: 1px solid #b9cedd; position: relative; } @media screen and (max-width: 768px) { .p-information__list li { padding: 1.16em 0; } } .p-information__list li:last-of-type { border-bottom: 1px solid #b9cedd; } .p-information__time { font-size: clamp(12px, 1.5625vw, 16px); } .p-information__cat { font-size: 12px; display: inline-block; background-color: #b9cedd; border-radius: 500px; margin-left: 0.75em; padding: 0 2em; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-information__cat { padding: 0 0.7em; } } .p-information__cat:hover { opacity: 0.8; } .p-information__title { font-size: clamp(12px, 1.5625vw, 18px); margin-top: 0.55em; display: inline-block; line-height: 1.5; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-information__title::before, .p-information__title::after { content: ""; display: block; width: 0; height: 0; } .p-information__title::before { margin-top: calc((1 - 1.5) * 0.5em); } .p-information__title::after { margin-bottom: calc((1 - 1.5) * 0.5em); } @media screen and (max-width: 768px) { .p-information__title { margin-top: 1em; } } .p-information__title:hover { color: #e06a37; } .p-taiyo1__logo { text-align: center; margin-top: clamp(15px, 1.953125vw, 20px); } .p-taiyo1__logo img { max-width: 665px; } .p-taiyo1-about__lead { font-size: clamp(12px, 1.5625vw, 18px); font-weight: 500; } .p-taiyo1-about__list { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-taiyo1-about__list li { border: 6px solid #f0f2f9; border-radius: clamp(15px, 1.953125vw, 30px); padding: clamp(10px, 1.3020833333vw, 15px); } @media screen and (max-width: 768px) { .p-taiyo1-about__list li { border-width: 4px; } } .p-taiyo1-about__copy { text-align: center; font-size: clamp(18px, 2.34375vw, 24px); margin-top: 1.5em; } .p-taiyo1-about__programs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: clamp(20px, 2.6041666667vw, 35px); } .p-taiyo1-about__programs li { width: 19.19%; } .p-taiyo1-what__lead { font-size: clamp(12px, 1.5625vw, 18px); font-weight: 500; } .p-taiyo1-what__table { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-taiyo1-what__table th { min-width: 8em; width: 24%; } .p-taiyo1-what__table td { width: 76%; } .p-taiyo1-what__table td dl dt { font-weight: 800; } .p-taiyo1-what__table td dl dt:not(:first-of-type) { margin-top: 2em; } .p-taiyo1-what__addresses { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2em; } .p-taiyo1-what__addresses li { width: 50%; margin-top: 0.3em; } @media screen and (max-width: 768px) { .p-taiyo1-what__addresses li { width: 100%; } } .p-taiyo1-branches { margin-top: clamp(15px, 1.953125vw, 30px); border-top: 1px solid #577082; } .p-taiyo1-branches-head { text-align: center; margin-top: clamp(15px, 1.953125vw, 25px); } .p-taiyo1-branches-head .sm { font-size: clamp(12px, 1.5625vw, 16px); } .p-taiyo1-branches-head .lg { font-size: clamp(15px, 1.953125vw, 24px); font-weight: 800; } .p-taiyo1-branches-head .md { font-size: clamp(12px, 1.5625vw, 18px); } .p-taiyo1-branches-head .md span { font-weight: 800; } .p-taiyo1-branches-branch { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-taiyo1-branches-branch__tag { display: inline-block; background-color: #a5d05c; color: #fff; font-weight: 800; font-size: clamp(12px, 1.5625vw, 16px); padding: 0.1em 0.75em; } .p-taiyo1-branches-branch__name { font-size: clamp(20px, 2.6041666667vw, 30px); font-weight: 800; line-height: 1.2; margin-top: 0.26em; } .p-taiyo1-branches-branch__name::before, .p-taiyo1-branches-branch__name::after { content: ""; display: block; width: 0; height: 0; } .p-taiyo1-branches-branch__name::before { margin-top: calc((1 - 1.2) * 0.5em); } .p-taiyo1-branches-branch__name::after { margin-bottom: calc((1 - 1.2) * 0.5em); } .p-taiyo1-branches-branch__name span { display: block; font-size: 0.8em; } .p-taiyo1-branches-branch__line { margin-top: 10px; } .p-taiyo1-branches-branch__line a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; width: 80px; display: inline-block; } .p-taiyo1-branches-branch__line a:hover { opacity: 0.8; } .p-taiyo1-branches-branch__line a img { height: auto; } .p-taiyo1-branches-branch__details { font-size: clamp(12px, 1.5625vw, 18px); } .p-taiyo1-branches-branch__details span { font-size: 1.33em; font-weight: 800; } .p-taiyo2__lead { font-size: clamp(12px, 1.5625vw, 18px); } .p-taiyo2-evaluation-unit { background-color: #f0f2f9; border-radius: clamp(20px, 2.6041666667vw, 40px); padding: 35px; margin-top: clamp(25px, 3.2552083333vw, 50px); } @media screen and (max-width: 768px) { .p-taiyo2-evaluation-unit { padding: 18px; } } .p-taiyo2-evaluation-unit:first-of-type { margin-top: clamp(30px, 3.90625vw, 60px); } .p-taiyo2-evaluation-unit__title { text-align: center; font-weight: 500; font-size: clamp(15px, 1.953125vw, 30px); } .p-taiyo2-evaluation-unit__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 1em; margin-top: clamp(15px, 1.953125vw, 30px); } .p-taiyo2-evaluation-unit__item { width: calc(50% - 10px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; } @media screen and (max-width: 1300px) { .p-taiyo2-evaluation-unit__item { width: 100%; } } .p-taiyo2-evaluation-unit__item img { width: 1.55em; height: 1.55em; margin-left: 0.61em; } .p-taiyo2-evaluation__previous { text-align: right; font-size: clamp(12px, 1.5625vw, 16px); text-decoration: underline; margin-top: 1.5em; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .p-taiyo2-evaluation__previous { text-align: left; } } .p-taiyo2-evaluation__previous:hover { opacity: 0.8; } .p-post-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } .p-post-detail__date { font-size: clamp(18px, 2.34375vw, 24px); } .p-post-detail__cat { font-size: clamp(12px, 1.5625vw, 16px); border: 1px solid #fff; border-radius: 100px; margin-left: 1em; line-height: 1; padding: 0.333em 1.71em; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-post-detail__cat:hover { background-color: rgba(255, 255, 255, 0.1); } .p-post-content p { margin-top: 2em; font-size: clamp(12px, 1.5625vw, 16px); } .p-post-content img { width: auto; } .p-post-content figure figcaption { font-weight: 800; font-size: clamp(12px, 1.5625vw, 14px); } .p-post-content hr { margin: 50px 0; border-top: 1px solid #b9cedd; margin-top: clamp(30px, 3.90625vw, 55px); margin-bottom: clamp(30px, 3.90625vw, 55px); } .p-post-content .col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 20px; } .p-post-content .col2 > * { width: 48%; } @media screen and (max-width: 500px) { .p-post-content .col2 > * { width: 100%; } } .p-post__back { text-align: center; margin-top: clamp(50px, 6.5104166667vw, 100px); } .p-post__back a { font-size: clamp(13px, 1.6927083333vw, 24px); -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-post__back a::before { display: inline-block; width: 2.083em; height: 2.083em; margin-right: 0.5em; border-radius: 50%; background-color: #b9cedd; background-image: url(../images/common/obj-arrow-primary-left.png); background-position: center; background-size: 25%; background-repeat: no-repeat; content: ""; vertical-align: middle; } .p-post__back a:hover { opacity: 0.8; } .p-privacy__lead { font-weight: 800; font-size: clamp(12px, 1.5625vw, 18px); margin-top: 4em; } .p-privacy__dl { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-contact-form__dlist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: clamp(12px, 1.5625vw, 18px); } .p-contact-form__dlist dt { width: 7em; font-weight: 800; margin-top: clamp(10px, 1.3020833333vw, 50px); } @media screen and (max-width: 768px) { .p-contact-form__dlist dt { width: 100%; } } .p-contact-form__dlist dt:first-of-type { margin-top: clamp(15px, 1.953125vw, 60px); } .p-contact-form__dlist dt.required::before { content: "※"; font-size: 0.88em; color: #e06a37; display: block; font-weight: 500; } .p-contact-form__dlist dd { width: 80%; margin-top: clamp(10px, 1.3020833333vw, 50px); } @media screen and (max-width: 768px) { .p-contact-form__dlist dd { width: 100%; } } .p-contact-form__dlist dd:first-of-type { margin-top: clamp(15px, 1.953125vw, 60px); } .p-contact-form__dlist dd:has(select) { position: relative; } .p-contact-form__dlist dd:has(select)::before { position: absolute; top: 1px; right: 1px; display: inline-block; background-color: #fff; width: 70px; height: calc(100% - 2px); content: ""; border-top-right-radius: clamp(10px, 1.3020833333vw, 20px); border-bottom-right-radius: clamp(10px, 1.3020833333vw, 20px); pointer-events: none; } @media screen and (max-width: 768px) { .p-contact-form__dlist dd:has(select)::before { width: 35px; } } .p-contact-form__dlist dd:has(select)::after { display: inline-block; content: ""; width: 11.36px; height: 11.36px; border-right: 2px solid #8ba2b2; border-bottom: 2px solid #8ba2b2; -webkit-transform: translateY(-75%) rotate(45deg); transform: translateY(-75%) rotate(45deg); position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } @media screen and (max-width: 768px) { .p-contact-form__dlist dd:has(select)::after { display: inline-block; content: ""; width: 5.68px; height: 5.68px; border-right: 2px solid #8ba2b2; border-bottom: 2px solid #8ba2b2; -webkit-transform: translateY(-75%) rotate(45deg); transform: translateY(-75%) rotate(45deg); right: 15px; } } .p-contact-form input[type=text], .p-contact-form input[type=tel], .p-contact-form input[type=email], .p-contact-form select, .p-contact-form textarea { background-color: #f0f2f9; border: 1px solid #d1dfe2; width: 100%; padding: 1.16em; border-radius: clamp(10px, 1.3020833333vw, 20px); } .p-contact-form input[type=text]::-webkit-input-placeholder, .p-contact-form input[type=tel]::-webkit-input-placeholder, .p-contact-form input[type=email]::-webkit-input-placeholder, .p-contact-form select::-webkit-input-placeholder, .p-contact-form textarea::-webkit-input-placeholder { color: #8ba2b2; } .p-contact-form input[type=text]::-moz-placeholder, .p-contact-form input[type=tel]::-moz-placeholder, .p-contact-form input[type=email]::-moz-placeholder, .p-contact-form select::-moz-placeholder, .p-contact-form textarea::-moz-placeholder { color: #8ba2b2; } .p-contact-form input[type=text]:-ms-input-placeholder, .p-contact-form input[type=tel]:-ms-input-placeholder, .p-contact-form input[type=email]:-ms-input-placeholder, .p-contact-form select:-ms-input-placeholder, .p-contact-form textarea:-ms-input-placeholder { color: #8ba2b2; } .p-contact-form input[type=text]::-ms-input-placeholder, .p-contact-form input[type=tel]::-ms-input-placeholder, .p-contact-form input[type=email]::-ms-input-placeholder, .p-contact-form select::-ms-input-placeholder, .p-contact-form textarea::-ms-input-placeholder { color: #8ba2b2; } .p-contact-form input[type=text]::placeholder, .p-contact-form input[type=tel]::placeholder, .p-contact-form input[type=email]::placeholder, .p-contact-form select::placeholder, .p-contact-form textarea::placeholder { color: #8ba2b2; } .p-contact-form select { cursor: pointer; } .p-contact-form textarea { height: 350px; } .p-contact-form-treatment { margin-top: clamp(20px, 2.6041666667vw, 40px); } .p-contact-form-treatment__title { font-size: clamp(13px, 1.6927083333vw, 24px); font-weight: 800; } .p-contact-form-treatment__lead { font-size: clamp(12px, 1.5625vw, 16px); margin-top: 0.5em; } .p-contact-form-treatment__checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-contact-form-treatment__checkbox input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: inline-block; background-color: #f0f2f9; border: 1px solid #d1dfe2; width: clamp(15px, 1.953125vw, 30px); height: clamp(15px, 1.953125vw, 30px); border-radius: 50%; vertical-align: bottom; position: relative; margin-right: 0.5em; } .p-contact-form-treatment__checkbox input[type=checkbox]:checked::after { content: ""; display: inline-block; border-radius: 50%; background-color: #577082; width: 70%; height: 70%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-contact-form-treatment__checkbox input[type=checkbox] + label { cursor: pointer; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-contact-form-treatment__checkbox input[type=checkbox] + label:hover { opacity: 0.8; } .p-contact-form-treatment__caution { font-size: clamp(12px, 1.5625vw, 16px); } .p-contact-form__button { text-align: center; } .p-contact-form__button .c-button { max-width: 380px; width: 100%; margin-top: clamp(35px, 4.5572916667vw, 75px); } .p-le-catch__lead { text-align: center; font-size: clamp(12px, 1.5625vw, 18px); font-weight: 500; margin-top: 2em; } .p-le-catch__images { margin-top: 30px; } .p-le-purpose { margin-top: clamp(35px, 4.5572916667vw, 70px); } .p-le-established__images { margin-top: clamp(30px, 3.90625vw, 40px); } .p-le-established__flyer { text-align: center; max-width: 790px; margin: 0 auto; margin-top: clamp(20px, 2.6041666667vw, 40px); } .p-le-established__flyer figcaption { text-align: right; font-size: clamp(12px, 1.5625vw, 16px); font-weight: 500; } .p-le-contact { background-color: #f0f2f9; border-radius: clamp(20px, 2.6041666667vw, 30px); padding: clamp(25px, 3.2552083333vw, 50px); margin-top: clamp(30px, 3.90625vw, 35px); } .p-le-contact h2 { font-size: clamp(18px, 2.34375vw, 30px); border-bottom: 1px solid #577082; text-align: center; } .p-le-contact__overview { font-size: clamp(12px, 1.5625vw, 18px); text-align: center; margin-top: 1em; } .p-le-contact__overview span { font-size: 1.33em; font-weight: 800; } .p-le-contact__map { position: relative; height: 250px; margin-top: 20px; } .p-le-contact__map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .p-le-contact__button { text-align: center; margin-top: 0.5em; } .p-rink__image { margin-top: clamp(20px, 2.6041666667vw, 37px); } .p-rink__catch { color: #e06a37; text-align: center; font-weight: 500; font-size: clamp(18px, 2.34375vw, 30px); } .p-rink__catch.-gr { color: #85A105; } .p-rink-copy { margin-top: clamp(30px, 3.90625vw, 60px); } .p-rink-copy__text { margin-top: 1em; font-weight: 500; max-inline-size: -webkit-max-content; max-inline-size: -moz-max-content; max-inline-size: max-content; margin-inline: auto; font-size: clamp(12px, 1.5625vw, 18px); } .p-rink-about { background-color: #F0F2F9; border-radius: clamp(20px, 2.6041666667vw, 30px); margin-top: clamp(30px, 3.90625vw, 60px); padding: clamp(20px, 2.6041666667vw, 50px); } .p-rink-about__list { margin-top: 2em; font-weight: 500; font-size: clamp(12px, 1.5625vw, 16px); } .p-rink-about__list li::before { color: #85A105; } .p-rink-about__button { margin-top: 2.5em; text-align: center; } .p-rink-access { margin-top: clamp(40px, 5.2083333333vw, 85px); } .p-rink-access__map { position: relative; height: 390px; } .p-rink-access__map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .p-rink-access__address { margin-top: 1.5em; text-align: center; font-size: clamp(12px, 1.5625vw, 18px); } .p-rink-access__address .sm { font-size: 0.889em; } .p-rink-access__address .lg { font-size: 1.33em; } .p-overview__table { width: 100%; background-color: #f0f2f9; font-size: clamp(12px, 1.5625vw, 16px); } .p-overview__table th, .p-overview__table td { padding: 1.1em 1.31em; border: 2px solid #fff; } @media screen and (max-width: 500px) { .p-overview__table th, .p-overview__table td { padding: 1em 0.5em; } } .p-overview__table th { font-weight: 800; } .p-overview-greeting__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-overview-greeting__image { width: 41.4%; } @media screen and (max-width: 500px) { .p-overview-greeting__image { width: 100%; } } .p-overview-greeting__texts { width: 55%; } @media screen and (max-width: 500px) { .p-overview-greeting__texts { width: 100%; } } .p-overview-greeting__catch { color: #e06a37; font-weight: 500; font-size: clamp(14px, 1.8229166667vw, 24px); } .p-overview-greeting__text p { margin-top: 1em; font-size: clamp(12px, 1.5625vw, 16px); } .p-overview-greeting__name { margin-top: 2em; text-align: right; } .p-overview-greeting__name p { font-size: clamp(13px, 1.6927083333vw, 18px); display: inline-block; font-weight: 500; text-align: left; } .p-overview-mission p { color: #e06a37; text-align: center; font-weight: 500; font-size: clamp(14px, 1.8229166667vw, 24px); } .p-overview-philosophy p { font-size: clamp(14px, 1.8229166667vw, 24px); } .p-overview-motto ol { font-size: clamp(14px, 1.8229166667vw, 24px); } .p-overview-motto ol li { padding-left: 2em; text-indent: -2em; } .p-overview-overview__table th { min-width: 9em; width: 25%; } .p-overview-history__table td:first-of-type { min-width: 7em; width: 14.1%; } @media screen and (max-width: 500px) { .p-overview-history__table td:first-of-type { min-width: 5em; } } .p-overview-history__table td:nth-of-type(2) { min-width: 6em; width: 10.9%; text-align: right; } @media screen and (max-width: 500px) { .p-overview-history__table td:nth-of-type(2) { min-width: 4em; } } .p-overview-other__age { text-align: center; font-size: clamp(14px, 1.8229166667vw, 24px); } .p-overview-other__growth { margin-top: 10px; text-align: center; } .p-overview-other__growth img { max-width: 816px; } .p-overview-other__members { margin-top: 1em; font-size: clamp(12px, 1.5625vw, 16px); } .p-consultant1-service-list__item { background-color: #e0e8ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: clamp(10px, 1.3020833333vw, 20px); overflow: hidden; } .p-consultant1-service-list__item:not(:first-of-type) { margin-top: clamp(20px, 2.6041666667vw, 40px); } .p-consultant1-service-list__text { padding-left: clamp(20px, 2.6041666667vw, 50px); font-size: clamp(13px, 1.6927083333vw, 24px); padding-right: 1em; font-weight: 500; width: 61.71%; } .p-consultant1-service-list__image { width: 38.29%; } .p-consultant1-service-list__image img { vertical-align: bottom; } .p-consultant1-feature-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: solid 2px #5d6fb1; } .p-consultant1-feature-list__item:not(:first-of-type) { margin-top: clamp(10px, 1.3020833333vw, 20px); } .p-consultant1-feature-list__label { color: #fff; background-color: #5d6fb1; width: 27.27%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: clamp(15px, 1.953125vw, 30px); font-weight: 500; } .p-consultant1-feature-list__text { width: 72.73%; font-size: clamp(13px, 1.6927083333vw, 24px); font-weight: 500; padding: 2.5em 1.8em; } @media screen and (max-width: 768px) { .p-consultant1-feature-list__text { padding: 1.2em; } } .p-consultant1-feature-list__text p { font-size: clamp(12px, 1.5625vw, 18px); } .p-consultant1-feature__message { text-align: center; font-size: clamp(13px, 1.6927083333vw, 24px); margin-top: 2em; } .p-consultant2-service-list__item { background-color: #ffe6f3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: clamp(10px, 1.3020833333vw, 20px); overflow: hidden; } .p-consultant2-service-list__item:not(:first-of-type) { margin-top: clamp(20px, 2.6041666667vw, 40px); } .p-consultant2-service-list__text { padding-left: clamp(20px, 2.6041666667vw, 50px); font-size: clamp(13px, 1.6927083333vw, 24px); padding-right: 1em; font-weight: 500; width: 61.71%; } .p-consultant2-service-list__image { width: 38.29%; } .p-consultant2-service-list__image img { vertical-align: bottom; } .p-consultant2-feature-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: solid 2px #d5589b; } .p-consultant2-feature-list__item:not(:first-of-type) { margin-top: clamp(10px, 1.3020833333vw, 20px); } .p-consultant2-feature-list__label { color: #fff; background-color: #d5589b; width: 27.27%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: clamp(15px, 1.953125vw, 30px); font-weight: 500; } .p-consultant2-feature-list__text { width: 72.73%; font-size: clamp(13px, 1.6927083333vw, 24px); font-weight: 500; padding: 2.5em 1.8em; } @media screen and (max-width: 768px) { .p-consultant2-feature-list__text { padding: 1.2em; } } .p-consultant2-feature-list__text p { font-size: clamp(12px, 1.5625vw, 18px); } .p-consultant2-feature__message { text-align: center; font-size: clamp(13px, 1.6927083333vw, 24px); margin-top: 2em; } .p-consultant3-service__lead1 { margin-top: 1em; text-align: center; font-weight: 800; font-size: clamp(24px, 3.125vw, 24px); } .p-consultant3-service__lead1 span { display: block; font-weight: 500; font-size: clamp(12px, 1.5625vw, 16px); } .p-consultant3-service__lead2 { margin-top: 1em; text-align: center; font-weight: 500; font-size: clamp(24px, 3.125vw, 24px); } .p-consultant3-service__lead2 span { display: block; font-size: clamp(12px, 1.5625vw, 14px); } .p-consultant3-service__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2em; font-size: clamp(12px, 1.5625vw, 16px); } .p-consultant3-service__list li { width: 50%; } .p-consultant3-service__list li::before { color: #91498e; } .p-consultant3-service__list li:nth-of-type(odd) { width: 16em; } .p-consultant3-service__list li:nth-of-type(even) { width: 50%; } .p-consultant3-about__box { background-color: #f0f2f9; border-radius: clamp(20px, 2.6041666667vw, 30px); padding: clamp(20px, 2.6041666667vw, 50px); } .p-consultant3-about__button { text-align: center; margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-consultant3-about__caution { font-size: clamp(12px, 1.5625vw, 16px); text-align: center; margin-top: 1.5em; } .p-consultant3-company-about__list { margin-top: 2.5em; } .p-consultant3-company-about__list li::before { color: #91498e; } .p-consultant3-company-flow__h3 { font-weight: 900; font-size: clamp(12px, 1.5625vw, 18px); margin-top: 2em; } .p-consultant3-company-flow__text { font-size: clamp(12px, 1.5625vw, 18px); font-weight: 500; margin-top: 0.3em; } .p-consultant3-company-flow-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-consultant3-company-flow-steps li { width: 31.31%; text-align: center; position: relative; border-radius: clamp(20px, 2.6041666667vw, 30px); background-color: #f0f2f9; } .p-consultant3-company-flow-steps li:not(:first-of-type)::before { display: inline-block; content: ""; border-top: clamp(8.3333333333px, 1.0850694444vw, 12.5px) solid transparent; border-bottom: clamp(8.3333333333px, 1.0850694444vw, 12.5px) solid transparent; border-left: clamp(6.6666666667px, 0.8680555556vw, 10px) solid transparent; border-left-color: #8ba2b2; border-right: 0; position: absolute; top: 50%; left: -6%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 500px) { .p-consultant3-company-flow-steps li:not(:first-of-type)::before { display: inline-block; content: ""; border-top: clamp(6.6666666667px, 0.8680555556vw, 10px) solid transparent; border-bottom: clamp(6.6666666667px, 0.8680555556vw, 10px) solid transparent; border-left: clamp(5.3333333333px, 0.6944444444vw, 8px) solid transparent; border-left-color: #8ba2b2; border-right: 0; } } .p-consultant3-company-flow-steps__label { background-color: #b9cedd; font-size: clamp(13px, 1.6927083333vw, 24px); font-weight: 800; padding: 0.9em; border-top-left-radius: clamp(20px, 2.6041666667vw, 30px); border-top-right-radius: clamp(20px, 2.6041666667vw, 30px); } @media screen and (max-width: 500px) { .p-consultant3-company-flow-steps__label { padding: 0.5em; } } .p-consultant3-company-flow-steps__text { padding: 1.47em 1em; font-size: clamp(12px, 1.5625vw, 18px); } @media screen and (max-width: 500px) { .p-consultant3-company-flow-steps__text { padding: 1em; } } .p-consultant3-company-flow__dlist { margin-top: clamp(45px, 5.859375vw, 22px); } .p-consultant3-company-flow__dlist dt { color: #9c487c; } .p-consultant3-company-flow__dlist dt:not(:first-of-type) { margin-top: 1em; } .p-consultant3-company-flow__dlist dd { font-size: clamp(12px, 1.5625vw, 18px); } .p-consultant3-company-flow__image { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-staff-list__person:not(:first-of-type) { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-training-business-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 45px; } @media screen and (max-width: 500px) { .p-training-business-list { row-gap: 15px; } } .p-training-business-list__item { width: 48%; border-radius: clamp(20px, 2.6041666667vw, 40px); overflow: hidden; } @media screen and (max-width: 500px) { .p-training-business-list__item { width: 100%; } } .p-training-business-list__item.-taiyo { background-color: #d1dfe2; } .p-training-business-list__item.-taiyo .p-training-business-list__top { background-image: url(../images/training/business1.jpg); } .p-training-business-list__item.-syoukeian { background-color: #dce6d8; } .p-training-business-list__item.-syoukeian .p-training-business-list__top { background-image: url(../images/training/business2.jpg); } .p-training-business-list__item.-cafe { background-color: #ebd7f1; } .p-training-business-list__item.-cafe .p-training-business-list__top { background-color: #90669c; } .p-training-business-list__item.-syub { background-color: #efceb5; } .p-training-business-list__item.-syub .p-training-business-list__top { background-color: #e47638; } .p-training-business-list__top { color: #fff; text-align: center; padding: clamp(20px, 2.6041666667vw, 40px); } .p-training-business-list__top h2 { font-size: clamp(16px, 2.0833333333vw, 30px); font-weight: 800; } .p-training-business-list__top h2 span { font-size: 0.8em; } .p-training-business-list__top p { font-size: clamp(12px, 1.5625vw, 18px); font-weight: 500; margin-top: 0.5em; } .p-training-business-list__bottom { padding: clamp(20px, 2.6041666667vw, 40px); } .p-training-business-list__bottom p { font-weight: 500; font-size: clamp(12px, 1.5625vw, 16px); } .p-training-appearance__images figure img { border-radius: clamp(15px, 1.953125vw, 30px); } .p-training-appearance__images figure figcaption { font-size: clamp(12px, 1.5625vw, 14px); font-weight: 800; } .p-training-instructors__person { margin-top: clamp(20px, 2.6041666667vw, 30px); } .p-syoukeian1-about__list1 li { border: 6px solid #f0f2f9; border-radius: clamp(15px, 1.953125vw, 30px); padding: clamp(10px, 1.3020833333vw, 15px); } @media screen and (max-width: 768px) { .p-syoukeian1-about__list1 li { border-width: 4px; } } .p-syoukeian1-about__h3 { text-align: center; margin-top: clamp(35px, 4.5572916667vw, 70px); } .p-syoukeian1-about__h3 img { height: clamp(15px, 1.953125vw, 36px); width: auto; } .p-syoukeian1-about__list2 { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-syoukeian1-about__list2 li img { border-radius: clamp(15px, 1.953125vw, 30px); } .p-syoukeian1-about__list2 li .c-dlist { margin-top: 1em; } .p-syoukeian1-about-branch { margin-top: clamp(50px, 6.5104166667vw, 100px); } .p-syoukeian1-about-branch__tel { font-size: clamp(16px, 2.0833333333vw, 24px); } .p-syoukeian2-safety__images figure img { border-radius: clamp(15px, 1.953125vw, 30px); } .p-syoukeian2-meal-slider { margin-top: clamp(25px, 3.2552083333vw, 50px); } .p-syoukeian2-meal-slider__item { position: relative; } .p-syoukeian2-meal-slider__item figcaption { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #e06a37; color: #fff; font-size: clamp(13px, 1.6927083333vw, 24px); width: 12.5em; text-align: center; border-top-left-radius: clamp(10px, 1.3020833333vw, 20px); border-top-right-radius: clamp(10px, 1.3020833333vw, 20px); padding: 0.3em; } .p-syoukeian2-meal-slider__item img { vertical-align: bottom; border-radius: clamp(15px, 1.953125vw, 30px); } .p-syoukeian2-meal-slider .swiper-button-next, .p-syoukeian2-meal-slider .swiper-button-prev { color: #577082; } .p-syoukeian2-care-list { margin-top: clamp(20px, 2.6041666667vw, 35px); } .p-syoukeian2-care-list__item { border-radius: clamp(15px, 1.953125vw, 30px); border: 6px solid #9475b7; overflow: hidden; } .p-syoukeian2-care-list__item.-item2 { border-color: #5bb1a4; } .p-syoukeian2-care-list__item.-item2 dl dt { background-color: #5bb1a4; } .p-syoukeian2-care-list__item.-item3 { border-color: #649f59; } .p-syoukeian2-care-list__item.-item3 dl dt { background-color: #649f59; } .p-syoukeian2-care-list__item dl dt { background-color: #9475b7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: clamp(15px, 1.953125vw, 24px); padding: clamp(10px, 1.3020833333vw, 20px); position: relative; } .p-syoukeian2-care-list__item dl dt img { height: 75.25%; width: auto; position: absolute; top: 47%; right: 2%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-syoukeian2-care-list__item dl dd { padding: clamp(10px, 1.3020833333vw, 20px); } .u-ds-none { display: none !important; } .u-ds-block { display: block !important; } .u-ds-inline-block { display: inline-block !important; } .u-ds-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-ds-inline { display: inline !important; } @media screen and (max-width: 500px) { .u-ds-sp-none { display: none !important; } .u-ds-sp-block { display: block !important; } .u-ds-sp-inline-block { display: inline-block !important; } .u-ds-sp-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-ds-sp-inline { display: inline !important; } } @media screen and (max-width: 768px) { .u-ds-tb-none { display: none !important; } .u-ds-tb-block { display: block !important; } .u-ds-tb-inline-block { display: inline-block !important; } .u-ds-tb-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-ds-tb-inline { display: inline !important; } } @media screen and (max-width: 960px) { .u-ds-pc-none { display: none !important; } .u-ds-pc-block { display: block !important; } .u-ds-pc-inline-block { display: inline-block !important; } .u-ds-pc-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-ds-pc-inline { display: inline !important; } } .u-mg-0auto { margin: 0 auto !important; } .u-mg-mt-0 { margin-top: 0 !important; } .u-mg-mt-1em { margin-top: 1em !important; } .u-mg-mt-2em { margin-top: 2em !important; } .u-mg-mt-3em { margin-top: 3em !important; } .u-mg-mt-4em { margin-top: 4em !important; } .u-mg-mb-0 { margin-bottom: 0 !important; } .u-mg-mb-1em { margin-bottom: 1em !important; } .u-mg-mb-2em { margin-bottom: 2em !important; } .u-mg-mb-3em { margin-bottom: 3em !important; } .u-mg-mb-4em { margin-bottom: 4em !important; } .u-mg-ml-0 { margin-left: 0 !important; } .u-mg-ml-1em { margin-left: 1em !important; } .u-mg-ml-2em { margin-left: 2em !important; } .u-mg-ml-3em { margin-left: 3em !important; } .u-mg-ml-4em { margin-left: 4px !important; } .u-mg-mr-0 { margin-right: 0 !important; } .u-mg-mr-1em { margin-right: 1em !important; } .u-mg-mr-2em { margin-right: 2em !important; } .u-mg-mr-3em { margin-right: 3em !important; } .u-mg-mr-4em { margin-right: 4em !important; } .u-align-left { text-align: left; } .u-align-center { text-align: center; } .u-align-right { text-align: right; } .u-align-justify { text-align: justify; } .u-flex-start-start, .u-flex-start-center, .u-flex-start-end, .u-flex-start-stretch, .u-flex-start-baseline, .u-flex-center-start, .u-flex-center-center, .u-flex-center-end, .u-flex-center-stretch, .u-flex-center-baseline, .u-flex-end-start, .u-flex-end-center, .u-flex-end-end, .u-flex-end-stretch, .u-flex-end-baseline, .u-flex-between-start, .u-flex-between-center, .u-flex-between-end, .u-flex-between-stretch, .u-flex-between-baseline, .u-flex-around-start, .u-flex-around-center, .u-flex-around-end, .u-flex-around-stretch, .u-flex-around-baseline, .u-flex-evenly-start, .u-flex-evenly-center, .u-flex-evenly-end, .u-flex-evenly-stretch, .u-flex-evenly-baseline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .u-flex-start-start.u-flex-wrap, .u-flex-start-center.u-flex-wrap, .u-flex-start-end.u-flex-wrap, .u-flex-start-stretch.u-flex-wrap, .u-flex-start-baseline.u-flex-wrap, .u-flex-center-start.u-flex-wrap, .u-flex-center-center.u-flex-wrap, .u-flex-center-end.u-flex-wrap, .u-flex-center-stretch.u-flex-wrap, .u-flex-center-baseline.u-flex-wrap, .u-flex-end-start.u-flex-wrap, .u-flex-end-center.u-flex-wrap, .u-flex-end-end.u-flex-wrap, .u-flex-end-stretch.u-flex-wrap, .u-flex-end-baseline.u-flex-wrap, .u-flex-between-start.u-flex-wrap, .u-flex-between-center.u-flex-wrap, .u-flex-between-end.u-flex-wrap, .u-flex-between-stretch.u-flex-wrap, .u-flex-between-baseline.u-flex-wrap, .u-flex-around-start.u-flex-wrap, .u-flex-around-center.u-flex-wrap, .u-flex-around-end.u-flex-wrap, .u-flex-around-stretch.u-flex-wrap, .u-flex-around-baseline.u-flex-wrap, .u-flex-evenly-start.u-flex-wrap, .u-flex-evenly-center.u-flex-wrap, .u-flex-evenly-end.u-flex-wrap, .u-flex-evenly-stretch.u-flex-wrap, .u-flex-evenly-baseline.u-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .u-flex-start-start.u-flex-column, .u-flex-start-center.u-flex-column, .u-flex-start-end.u-flex-column, .u-flex-start-stretch.u-flex-column, .u-flex-start-baseline.u-flex-column, .u-flex-center-start.u-flex-column, .u-flex-center-center.u-flex-column, .u-flex-center-end.u-flex-column, .u-flex-center-stretch.u-flex-column, .u-flex-center-baseline.u-flex-column, .u-flex-end-start.u-flex-column, .u-flex-end-center.u-flex-column, .u-flex-end-end.u-flex-column, .u-flex-end-stretch.u-flex-column, .u-flex-end-baseline.u-flex-column, .u-flex-between-start.u-flex-column, .u-flex-between-center.u-flex-column, .u-flex-between-end.u-flex-column, .u-flex-between-stretch.u-flex-column, .u-flex-between-baseline.u-flex-column, .u-flex-around-start.u-flex-column, .u-flex-around-center.u-flex-column, .u-flex-around-end.u-flex-column, .u-flex-around-stretch.u-flex-column, .u-flex-around-baseline.u-flex-column, .u-flex-evenly-start.u-flex-column, .u-flex-evenly-center.u-flex-column, .u-flex-evenly-end.u-flex-column, .u-flex-evenly-stretch.u-flex-column, .u-flex-evenly-baseline.u-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .u-flex-start-start.u-flex-row-reverse, .u-flex-start-center.u-flex-row-reverse, .u-flex-start-end.u-flex-row-reverse, .u-flex-start-stretch.u-flex-row-reverse, .u-flex-start-baseline.u-flex-row-reverse, .u-flex-center-start.u-flex-row-reverse, .u-flex-center-center.u-flex-row-reverse, .u-flex-center-end.u-flex-row-reverse, .u-flex-center-stretch.u-flex-row-reverse, .u-flex-center-baseline.u-flex-row-reverse, .u-flex-end-start.u-flex-row-reverse, .u-flex-end-center.u-flex-row-reverse, .u-flex-end-end.u-flex-row-reverse, .u-flex-end-stretch.u-flex-row-reverse, .u-flex-end-baseline.u-flex-row-reverse, .u-flex-between-start.u-flex-row-reverse, .u-flex-between-center.u-flex-row-reverse, .u-flex-between-end.u-flex-row-reverse, .u-flex-between-stretch.u-flex-row-reverse, .u-flex-between-baseline.u-flex-row-reverse, .u-flex-around-start.u-flex-row-reverse, .u-flex-around-center.u-flex-row-reverse, .u-flex-around-end.u-flex-row-reverse, .u-flex-around-stretch.u-flex-row-reverse, .u-flex-around-baseline.u-flex-row-reverse, .u-flex-evenly-start.u-flex-row-reverse, .u-flex-evenly-center.u-flex-row-reverse, .u-flex-evenly-end.u-flex-row-reverse, .u-flex-evenly-stretch.u-flex-row-reverse, .u-flex-evenly-baseline.u-flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .u-flex-start-start.u-flex-column-reverse, .u-flex-start-center.u-flex-column-reverse, .u-flex-start-end.u-flex-column-reverse, .u-flex-start-stretch.u-flex-column-reverse, .u-flex-start-baseline.u-flex-column-reverse, .u-flex-center-start.u-flex-column-reverse, .u-flex-center-center.u-flex-column-reverse, .u-flex-center-end.u-flex-column-reverse, .u-flex-center-stretch.u-flex-column-reverse, .u-flex-center-baseline.u-flex-column-reverse, .u-flex-end-start.u-flex-column-reverse, .u-flex-end-center.u-flex-column-reverse, .u-flex-end-end.u-flex-column-reverse, .u-flex-end-stretch.u-flex-column-reverse, .u-flex-end-baseline.u-flex-column-reverse, .u-flex-between-start.u-flex-column-reverse, .u-flex-between-center.u-flex-column-reverse, .u-flex-between-end.u-flex-column-reverse, .u-flex-between-stretch.u-flex-column-reverse, .u-flex-between-baseline.u-flex-column-reverse, .u-flex-around-start.u-flex-column-reverse, .u-flex-around-center.u-flex-column-reverse, .u-flex-around-end.u-flex-column-reverse, .u-flex-around-stretch.u-flex-column-reverse, .u-flex-around-baseline.u-flex-column-reverse, .u-flex-evenly-start.u-flex-column-reverse, .u-flex-evenly-center.u-flex-column-reverse, .u-flex-evenly-end.u-flex-column-reverse, .u-flex-evenly-stretch.u-flex-column-reverse, .u-flex-evenly-baseline.u-flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .u-flex-start-start.u-flex-grow-1, .u-flex-start-center.u-flex-grow-1, .u-flex-start-end.u-flex-grow-1, .u-flex-start-stretch.u-flex-grow-1, .u-flex-start-baseline.u-flex-grow-1, .u-flex-center-start.u-flex-grow-1, .u-flex-center-center.u-flex-grow-1, .u-flex-center-end.u-flex-grow-1, .u-flex-center-stretch.u-flex-grow-1, .u-flex-center-baseline.u-flex-grow-1, .u-flex-end-start.u-flex-grow-1, .u-flex-end-center.u-flex-grow-1, .u-flex-end-end.u-flex-grow-1, .u-flex-end-stretch.u-flex-grow-1, .u-flex-end-baseline.u-flex-grow-1, .u-flex-between-start.u-flex-grow-1, .u-flex-between-center.u-flex-grow-1, .u-flex-between-end.u-flex-grow-1, .u-flex-between-stretch.u-flex-grow-1, .u-flex-between-baseline.u-flex-grow-1, .u-flex-around-start.u-flex-grow-1, .u-flex-around-center.u-flex-grow-1, .u-flex-around-end.u-flex-grow-1, .u-flex-around-stretch.u-flex-grow-1, .u-flex-around-baseline.u-flex-grow-1, .u-flex-evenly-start.u-flex-grow-1, .u-flex-evenly-center.u-flex-grow-1, .u-flex-evenly-end.u-flex-grow-1, .u-flex-evenly-stretch.u-flex-grow-1, .u-flex-evenly-baseline.u-flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .u-flex-start-start.u-flex-grow-0, .u-flex-start-center.u-flex-grow-0, .u-flex-start-end.u-flex-grow-0, .u-flex-start-stretch.u-flex-grow-0, .u-flex-start-baseline.u-flex-grow-0, .u-flex-center-start.u-flex-grow-0, .u-flex-center-center.u-flex-grow-0, .u-flex-center-end.u-flex-grow-0, .u-flex-center-stretch.u-flex-grow-0, .u-flex-center-baseline.u-flex-grow-0, .u-flex-end-start.u-flex-grow-0, .u-flex-end-center.u-flex-grow-0, .u-flex-end-end.u-flex-grow-0, .u-flex-end-stretch.u-flex-grow-0, .u-flex-end-baseline.u-flex-grow-0, .u-flex-between-start.u-flex-grow-0, .u-flex-between-center.u-flex-grow-0, .u-flex-between-end.u-flex-grow-0, .u-flex-between-stretch.u-flex-grow-0, .u-flex-between-baseline.u-flex-grow-0, .u-flex-around-start.u-flex-grow-0, .u-flex-around-center.u-flex-grow-0, .u-flex-around-end.u-flex-grow-0, .u-flex-around-stretch.u-flex-grow-0, .u-flex-around-baseline.u-flex-grow-0, .u-flex-evenly-start.u-flex-grow-0, .u-flex-evenly-center.u-flex-grow-0, .u-flex-evenly-end.u-flex-grow-0, .u-flex-evenly-stretch.u-flex-grow-0, .u-flex-evenly-baseline.u-flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .u-flex-start-start.u-flex-shrink-1, .u-flex-start-center.u-flex-shrink-1, .u-flex-start-end.u-flex-shrink-1, .u-flex-start-stretch.u-flex-shrink-1, .u-flex-start-baseline.u-flex-shrink-1, .u-flex-center-start.u-flex-shrink-1, .u-flex-center-center.u-flex-shrink-1, .u-flex-center-end.u-flex-shrink-1, .u-flex-center-stretch.u-flex-shrink-1, .u-flex-center-baseline.u-flex-shrink-1, .u-flex-end-start.u-flex-shrink-1, .u-flex-end-center.u-flex-shrink-1, .u-flex-end-end.u-flex-shrink-1, .u-flex-end-stretch.u-flex-shrink-1, .u-flex-end-baseline.u-flex-shrink-1, .u-flex-between-start.u-flex-shrink-1, .u-flex-between-center.u-flex-shrink-1, .u-flex-between-end.u-flex-shrink-1, .u-flex-between-stretch.u-flex-shrink-1, .u-flex-between-baseline.u-flex-shrink-1, .u-flex-around-start.u-flex-shrink-1, .u-flex-around-center.u-flex-shrink-1, .u-flex-around-end.u-flex-shrink-1, .u-flex-around-stretch.u-flex-shrink-1, .u-flex-around-baseline.u-flex-shrink-1, .u-flex-evenly-start.u-flex-shrink-1, .u-flex-evenly-center.u-flex-shrink-1, .u-flex-evenly-end.u-flex-shrink-1, .u-flex-evenly-stretch.u-flex-shrink-1, .u-flex-evenly-baseline.u-flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; } .u-flex-start-start.u-flex-shrink-o, .u-flex-start-center.u-flex-shrink-o, .u-flex-start-end.u-flex-shrink-o, .u-flex-start-stretch.u-flex-shrink-o, .u-flex-start-baseline.u-flex-shrink-o, .u-flex-center-start.u-flex-shrink-o, .u-flex-center-center.u-flex-shrink-o, .u-flex-center-end.u-flex-shrink-o, .u-flex-center-stretch.u-flex-shrink-o, .u-flex-center-baseline.u-flex-shrink-o, .u-flex-end-start.u-flex-shrink-o, .u-flex-end-center.u-flex-shrink-o, .u-flex-end-end.u-flex-shrink-o, .u-flex-end-stretch.u-flex-shrink-o, .u-flex-end-baseline.u-flex-shrink-o, .u-flex-between-start.u-flex-shrink-o, .u-flex-between-center.u-flex-shrink-o, .u-flex-between-end.u-flex-shrink-o, .u-flex-between-stretch.u-flex-shrink-o, .u-flex-between-baseline.u-flex-shrink-o, .u-flex-around-start.u-flex-shrink-o, .u-flex-around-center.u-flex-shrink-o, .u-flex-around-end.u-flex-shrink-o, .u-flex-around-stretch.u-flex-shrink-o, .u-flex-around-baseline.u-flex-shrink-o, .u-flex-evenly-start.u-flex-shrink-o, .u-flex-evenly-center.u-flex-shrink-o, .u-flex-evenly-end.u-flex-shrink-o, .u-flex-evenly-stretch.u-flex-shrink-o, .u-flex-evenly-baseline.u-flex-shrink-o { -ms-flex-negative: 0; flex-shrink: 0; } .u-flex-start-start, .u-flex-start-center, .u-flex-start-end, .u-flex-start-stretch, .u-flex-start-baseline { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .u-flex-center-start, .u-flex-center-center, .u-flex-center-end, .u-flex-center-stretch, .u-flex-center-baseline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .u-flex-end-start, .u-flex-end-center, .u-flex-end-end, .u-flex-end-stretch, .u-flex-end-baseline { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .u-flex-between-start, .u-flex-between-center, .u-flex-between-end, .u-flex-between-stretch, .u-flex-between-baseline { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .u-flex-around-start, .u-flex-around-center, .u-flex-around-end, .u-flex-around-stretch, .u-flex-around-baseline { -ms-flex-pack: distribute; justify-content: space-around; } .u-flex-evenly-start, .u-flex-evenly-center, .u-flex-evenly-end, .u-flex-evenly-stretch, .u-flex-evenly-baseline { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .u-flex-start-start, .u-flex-center-start, .u-flex-end-start, .u-flex-between-start, .u-flex-around-start, .u-flex-evenly-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .u-flex-start-center, .u-flex-center-center, .u-flex-end-center, .u-flex-between-center, .u-flex-around-center, .u-flex-evenly-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u-flex-start-end, .u-flex-center-end, .u-flex-end-end, .u-flex-between-end, .u-flex-around-end, .u-flex-evenly-end { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .u-flex-start-stretch, .u-flex-center-stretch, .u-flex-end-stretch, .u-flex-between-stretch, .u-flex-around-stretch, .u-flex-evenly-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .u-flex-start-baseline, .u-flex-center-baseline, .u-flex-end-baseline, .u-flex-between-baseline, .u-flex-around-baseline, .u-flex-evenly-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .u-text-light { font-weight: 300; } .u-text-regular { font-weight: 400; } .u-text-semibold { font-weight: 600; } .u-text-bold { font-weight: 700; } .u-text-underline { text-decoration: underline; } .u-text-italic { font-style: italic; } .js-accordion-slider { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .js-accordion-slider { display: none; } } .js-accordion-slider__item { overflow: hidden; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; } .js-tab-content { display: none; } .js-tab-content.-show { display: block; } /*# sourceMappingURL=style.css.map */