@charset "UTF-8";
*, ::before, ::after { box-sizing: border-box; border-style: solid; border-width: 0 }
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent }
body { margin: 0 }
main { display: block }
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0 }
h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0 }
ul, ol { margin: 0; padding: 0; list-style: none }
dt { font-weight: inherit }
dd { margin-left: 0 }
hr { box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit }
pre { font-family: monospace, monospace; font-size: inherit }
address { font-style: inherit }
a { background-color: transparent; text-decoration: none; color: inherit }
abbr[title] { text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: inherit }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
img, embed, object, iframe { vertical-align: bottom }
button, input, optgroup, select, textarea { -webkit-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; outline: 0; border-radius: 0; text-align: inherit }
[type=checkbox] { -webkit-appearance: checkbox; appearance: checkbox }
[type=radio] { -webkit-appearance: radio; appearance: radio }
button, input { overflow: visible }
button, select { text-transform: none }
button, [type=button], [type=reset], [type=submit] { cursor: pointer; -webkit-appearance: none; appearance: none }
button[disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled] { cursor: default }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0 }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText }
select::-ms-expand { display: none }
option { padding: 0 }
fieldset { margin: 0; padding: 0; min-width: 0 }
legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
[type=search] { outline-offset: -2px }
[type=search]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
label[for] { cursor: pointer }
details { display: block }
summary { display: list-item }
[contenteditable] { outline: none }
table { border-collapse: collapse; border-spacing: 0 }
caption { text-align: left }
td, th { vertical-align: top; padding: 0 }
th { text-align: left; font-weight: 700 }
template { display: none }
[hidden] { display: none }
body { position: relative; width: 100%; font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; color: #323237; font-feature-settings: palt; line-height: 1.5; opacity: 0; animation: body-fade 1s forwards; overflow-x: hidden }
@keyframes body-fade {
    0% { opacity: 0 }
    100% { opacity: 1 }
}
a { transition-property: opacity, color, background-color, border-color; transition-duration: .4s; transition-timing-function: ease }
button { transition-property: opacity, color, background-color, border-color; transition-duration: .4s; transition-timing-function: ease }
img { width: 100%; max-width: 100%; -webkit-backface-visibility: hidden }
.u-default-anchor { text-decoration: underline }
.u-default-anchor:link { color: #00e }
.u-default-anchor:hover { color: #00e }
.u-default-anchor:active { color: red }
.u-default-anchor:visited { color: #551a8b }
.u-flex-center { display: flex; align-items: center; justify-content: center }
.u-b { display: block }
.u-ib { display: inline-block }
_::-webkit-full-page-media, _:future, :root .u-ib::after { content: "."; display: inline; width: 0; font-size: 0; color: transparent; pointer-events: none }
.u-100vw { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw }
.u-object-fit { object-fit: cover; font-family: "object-fit:cover; " }
.u-object-fit--contain { object-fit: contain; font-family: "object-fit:contain; " }
.u-text-right[class] { text-align: right }
.u-text-left[class] { text-align: left }
.u-text-justify[class] { text-align: justify }
.u-text-palt { font-feature-settings: palt }
.u-text-underline { text-decoration: underline }
.u-text-hidden { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden }
.u-text-nowrap { white-space: nowrap }
.u-ls-0 { letter-spacing: 0 !important }
.container._960-30 { max-width: 960px; margin-left: auto; margin-right: auto }
.container._1120-30 { max-width: 1120px; margin-left: auto; margin-right: auto }
.container._1240-20 { max-width: 1240px; margin-left: auto; margin-right: auto }
.container._1240-30 { max-width: 1240px; margin-left: auto; margin-right: auto }
.pageType--top .l-header { background-color: transparent !important }
.pageType--top .l-header__logo { filter: brightness(0) invert(1) !important }
.headerBg-transparent .l-header { background-color: transparent }
.headerBg-transparent .l-header__logo { filter: brightness(0) invert(1) }
.l-header { background-color: #fff; transition: background-color .5s }
.l-header__logo { transition: filter .5s }
.l-header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; padding-left: 70px }
.l-header__row { display: flex; justify-content: space-between }
.l-header__logo { margin: 20px 0 20px 20px }
.l-header__logo img { width: 100px }
.l-header__entry { display: flex; align-items: center; justify-content: center; width: 160px; height: 55px; background-color: #009137; color: #fff; font-family: "Manrope"; font-size: 14px; font-weight: 700; letter-spacing: .24em }
.pageType--top .l-footer__toTop { background-color: #323237 }
.l-footer { position: relative }
.nav-open .l-navBg { visibility: visible; opacity: 1 }
.nav-open .l-nav { visibility: visible; opacity: 1; transform: translateX(0) }
.l-nav { position: fixed; top: 0; left: 0; z-index: 101; height: calc(var(--vh) * 100); max-width: 100%; background-color: #fff }
.l-nav__scroll { overflow-y: scroll; max-height: 100%; -ms-overflow-style: none; scrollbar-width: none; z-index: 102; position: relative; }
.l-nav__scroll::-webkit-scrollbar { display: none }
.l-nav__inner { padding: 60px }
.l-nav__item.is-active dt::after { transform: rotate(90deg) }
.l-nav__item dt { margin-bottom: .8em; font-size: 24px; font-weight: 700; letter-spacing: .05em }
.l-nav__item dd { color: #009137; font-size: 16px; font-weight: 500; letter-spacing: .05em }
.l-nav__item li + li { margin-top: .4em }
.l-nav__item .firstHierarchy > li { padding-left: 20px; text-indent: -20px }
.l-nav__item .firstHierarchy > li::before { content: ""; display: inline-block; margin-right: 12px; width: 8px; height: 8px; background-color: #19503c; vertical-align: middle }
.l-nav__item .secondHierarchy { margin-top: .4em; margin-left: -20px; font-weight: 400 }
.l-nav__item .secondHierarchy > li { padding-left: 20px; text-indent: -20px }
.l-nav__item .secondHierarchy > li::before { content: ""; display: inline-block; margin-left: 1px; margin-right: 13px; width: 6px; height: 2px; background-color: #19503c; vertical-align: middle }
.l-nav__item a { text-decoration: underline }
.l-nav__item a[target=_blank]::after { content: ""; display: inline-block; margin-left: 5px; width: 1em; height: 1em; background: url(../images/icon-new-tab.svg) no-repeat top center }
.l-nav__item._work .firstHierarchy > li + li { margin-top: 1.6em }
.nav-open .l-side__hamburger .text._menu { display: none }
.nav-open .l-side__hamburger .text._close { display: block }
.l-side { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 0 20px; position: fixed; z-index: 102; top: 0; left: 0; padding-top: 44vh; padding-bottom: 25px; width: 70px; height: 100vh; background-color: #fff; cursor: pointer; transition-property: color, background-color; transition-duration: .4s; transition-timing-function: ease }
.l-side__copyright { width: 8px; transition-property: filter; transition-duration: .4s; transition-timing-function: ease }
.l-side__hamburger .icon { display: flex; align-items: center; margin: 0 auto; width: 32px; height: 32px }
.l-side__hamburger .icon__line { display: block; position: relative; width: 100%; height: 3px; background-color: currentColor }
.l-side__hamburger .icon__line::before, .l-side__hamburger .icon__line::after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 100%; background-color: currentColor }
.l-side__hamburger .icon__line::before { top: -9px }
.l-side__hamburger .icon__line::after { top: 9px }
.l-side__hamburger .text { font-family: "Manrope"; font-size: 10px; font-weight: 900; letter-spacing: .05em; text-align: center }
.l-side__hamburger .text._menu { display: block }
.l-side__hamburger .text._close { display: none }
.l-side__hamburger.no-animation .icon__line { animation: none }
.l-side__hamburger.no-animation .icon__line::before, .l-side__hamburger.no-animation .icon__line::after { animation: none }
.nav-open .l-side__hamburger .icon__line { animation: open-bar02 .5s forwards }
.nav-open .l-side__hamburger .icon__line::before { animation: open-bar01 .5s forwards }
.nav-open .l-side__hamburger .icon__line::after { animation: open-bar03 .5s forwards }
.l-side__hamburger .icon__line { animation: bar02 .5s forwards }
.l-side__hamburger .icon__line::before { animation: bar01 .5s forwards }
.l-side__hamburger .icon__line::after { animation: bar03 .5s forwards }
@keyframes bar02 {
    0% { background-color: transparent }
    50% { background-color: transparent }
    100% { background-color: currentColor }
}
@keyframes open-bar02 {
    0% { background-color: currentColor }
    50% { background-color: transparent }
    100% { background-color: transparent }
}
.fade-in._delay-1, .fade-in-up._delay-1 { animation-delay: .25s !important }
.fade-in._delay-2, .fade-in-up._delay-2 { animation-delay: .5s !important }
.fade-in._delay-3, .fade-in-up._delay-3 { animation-delay: .75s !important }
.fade-in._delay-4, .fade-in-up._delay-4 { animation-delay: 1s !important }
.fade-in._delay-5, .fade-in-up._delay-5 { animation-delay: 1.25s !important }
.fade-in._delay-6, .fade-in-up._delay-6 { animation-delay: 1.5s !important }
.fade-in._delay-7, .fade-in-up._delay-7 { animation-delay: 1.75s !important }
.fade-in._delay-8, .fade-in-up._delay-8 { animation-delay: 2s !important }
.fade-in._delay-9, .fade-in-up._delay-9 { animation-delay: 2.25s !important }
.fade-in._delay-10, .fade-in-up._delay-10 { animation-delay: 2.5s !important }
.multi-delay:nth-of-type(1) { animation-delay: 0 !important }
.multi-delay:nth-of-type(2) { animation-delay: .4s !important }
.multi-delay:nth-of-type(3) { animation-delay: .8s !important }
.multi-delay:nth-of-type(4) { animation-delay: 1.2s !important }
.multi-delay:nth-of-type(5) { animation-delay: 1.6s !important }
.multi-delay:nth-of-type(6) { animation-delay: 2s !important }
.multi-delay:nth-of-type(7) { animation-delay: 2.4s !important }
.multi-delay:nth-of-type(8) { animation-delay: 2.8s !important }
.multi-delay:nth-of-type(9) { animation-delay: 3.2s !important }
.multi-delay:nth-of-type(10) { animation-delay: 3.6s !important }
.js-separateCharacter span { display: inline-block; opacity: 0; transform: translate3d(50%, 0, 0); will-change: transform, animation }
.motion.is-animating .js-separateCharacter span { animation: character-animation .8s both }
.motion.is-animating .js-separateCharacter._slow span { animation-duration: .9s }
@keyframes character-animation {
    0% { opacity: 0; transform: translate3d(50%, 0, 0) }
    100% { opacity: 1; transform: translate3d(0, 0, 0) }
}
.fade-in, .fade-in-up { opacity: 0 }
.is-animating.fade-in, .is-animating .fade-in { animation: fadeIn .9s ease both }
.is-animating.fade-in-up, .is-animating .fade-in-up { animation: fadeInUp .9s ease both }
@keyframes fadeIn {
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px) }
    100% { opacity: 1; transform: translateY(0px) }
}
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-20px) }
    100% { opacity: 1; transform: translateX(0) }
}
@keyframes fadeInRight {
    0% { opacity: 0; transform: translateX(20px) }
    100% { opacity: 1; transform: translateX(0) }
}
@keyframes fadeBlur {
    0% { opacity: 0; filter: blur(16px) }
    100% { opacity: 1; filter: blur(0px) }
}
.hover-opacity-img img { transition: opacity .4s ease }
.hover-opacity--partly__target { transition: opacity .4s ease }
.hover-zoom__target { overflow: hidden }
.hover-zoom__target img { transform: scale(1); transform-origin: center; backface-visibility: hidden; transition: transform .8s ease }
.hover-zoom__target--opacity { overflow: hidden }
.hover-zoom__target--opacity img { transform: scale(1); transform-origin: center; transition-property: transform, opacity; transition-duration: .8s; transition-timing-function: ease; backface-visibility: hidden }
.js-accordion .js-accordionTrigger { cursor: pointer }
.js-accordion .js-accordionTarget { display: none }
.entryBlock { padding: 100px 25px 150px; background: linear-gradient(90deg, transparent calc(50% - 380px), #3c3c41 calc(50% - 380px), #3c3c41 calc(50% - 379px), transparent calc(50% - 379px), transparent 50%, #3c3c41 50%, #3c3c41 calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + 379px), #3c3c41 calc(50% + 379px), #3c3c41 calc(50% + 380px), transparent calc(50% + 380px)), #323237 }
.entryBlock__lead { color: #fff; font-size: 23px; font-weight: 500; letter-spacing: .1em; line-height: 2.09; text-align: center }
.entryBlock__button { display: flex; align-items: center; justify-content: center; position: relative; margin: 45px auto 0; border-radius: 6px; width: 610px; height: 130px; background-color: #009137; color: #fff; font-family: "Manrope"; font-size: 36px; letter-spacing: .24em; text-align: center }
.entryBlock__button::after { content: ""; display: block; position: absolute; top: calc(50% - 9px); right: 45px; width: 77px; height: 18px; background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2077%2018%22%3E%20%3Cline%20x1%3D%220.465%22%20y1%3D%229%22%20x2%3D%2264.087%22%20y2%3D%229%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%20%3Cpolyline%20points%3D%2266.845%200.724%2075.121%209%2066.845%2017.276%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%3C%2Fsvg%3E) no-repeat center right; background-size: cover }
.modal__overlay { position: fixed; z-index: 98; top: 0; left: 0; right: 0; bottom: 0; border-right-style: solid; border-right-color: transparent; background-color: #000 }
.modal__container { max-width: 1200px; margin-left: auto; margin-right: auto }
.modal__scroll { padding: 130px 0; width: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none }
.modal__scroll::-webkit-scrollbar { display: none }
.modal__content { position: relative }
.modal__button-set { display: grid; grid-template-columns: 90px 90px 90px; grid-template-rows: 90px; gap: 0 1px; position: absolute; z-index: 1; top: 0; right: 0; color: #fff; font-size: 13px; font-weight: 500; letter-spacing: .05em; text-align: center }
.modal__button-set button::before { content: ""; display: block; margin: 0 auto 10px; width: 38px; height: 38px }
.modal__buttonPrev, .modal__buttonNext { display: block; background-color: #5b5b5f; transition: opacity .4s }
.modal__buttonPrev::before, .modal__buttonNext::before { background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.375%2037.373%22%3E%20%3Cg%3E%20%3Cline%20x1%3D%2237.375%22%20y1%3D%2218.686%22%20x2%3D%221.375%22%20y2%3D%2218.686%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%20%3Cpolyline%20points%3D%2218.365%200.686%201.375%2018.686%2018.365%2036.686%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center; background-size: contain }
.modal__buttonNext::before { transform: scale(-1, 1) }
.modal__buttonClose { display: block; background-color: #5b5b5f; transition: opacity .4s }
.modal__buttonClose::before { width: 32px; height: 32px; background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031.414%2031.414%22%3E%20%3Cg%3E%20%3Cline%20x1%3D%220.707%22%20y1%3D%220.707%22%20x2%3D%2230.707%22%20y2%3D%2230.707%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%20%3Cline%20x1%3D%2230.707%22%20y1%3D%220.707%22%20x2%3D%220.707%22%20y2%3D%2230.707%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center; background-size: 84.21% auto }
@keyframes mmfadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}
@keyframes mmfadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}
.modal { display: none }
.modal.is-open { display: block; position: relative; z-index: 1 }
.modal[aria-hidden=false] .modal__overlay { animation: mmfadeIn .5s cubic-bezier(0, 0, 0.2, 1) }
.modal[aria-hidden=true] .modal__overlay { animation: mmfadeOut .5s cubic-bezier(0, 0, 0.2, 1) }
.modal .modal__container, .modal .modal__overlay { will-change: transform }
.head { display: grid }
.head__mv, .head__title { grid-row: 1/-1; grid-column: 1/-1 }
.head__mv { height: 750px }
.head__mv img { width: 100%; height: 100%; object-fit: cover }
.head__mv._bg-color { position: relative; height: 450px; background: linear-gradient(90deg, rgba(83, 124, 178, 0) 0%, rgba(80, 122, 177, 0.4) 100%), #006c61; background-blend-mode: multiply }
.head__mv._bg-color::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, transparent calc(50% - 380px), #fff calc(50% - 380px), #fff calc(50% - 379px), transparent calc(50% - 379px), transparent 50%, #fff 50%, #fff calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + 379px), #fff calc(50% + 379px), #fff calc(50% + 380px), transparent calc(50% + 380px)); opacity: .2 }
.head__title { z-index: 1; align-self: center; margin-bottom: -2%; color: #fff; line-height: 1; text-align: center }
.head__title .en { display: block; font-family: "La Belle Aurore", cursive; font-size: 85px; letter-spacing: -.03em }
.head__title .ja { display: block; font-size: 22px; font-weight: 500; letter-spacing: .18em }
.nextContent { padding: 105px 25px 130px; background: linear-gradient(90deg, transparent calc(50% - 380px), #3c3c41 calc(50% - 380px), #3c3c41 calc(50% - 379px), transparent calc(50% - 379px), transparent 50%, #3c3c41 50%, #3c3c41 calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + 379px), #3c3c41 calc(50% + 379px), #3c3c41 calc(50% + 380px), transparent calc(50% + 380px)), #323237 }
.nextContent__title { margin-bottom: 60px; color: #fff; text-align: center }
.nextContent__title .en { display: block; font-family: "La Belle Aurore", cursive; font-size: 60px; letter-spacing: -.03em; line-height: 1 }
.nextContent__title .ja { display: block; font-size: 13px; font-weight: 500; letter-spacing: .05em; line-height: 1 }
.nextContent__link { display: block; position: relative; margin: 0 auto; width: 720px; max-width: 100% }
.nextContent__linkTitle { display: flex; align-items: center; gap: 0 .5em; position: absolute; bottom: 0; right: 0; padding: 1em; background-color: rgba(50, 50, 55, 0.9); color: #fff; font-size: 16px; font-weight: 700; letter-spacing: .05em }
.nextContent__linkTitle svg { stroke: #fff; width: 40px; height: 7px }
.nextContent__buttonLink-set { display: grid; grid-template-columns: repeat(2, minmax(0, 455px)); justify-content: center; gap: 0 min(4.55vw, 50px) }
.nextContent__buttonLink { display: flex; align-items: center; justify-content: center; position: relative; padding-right: 4%; height: 150px; background-color: #009137; color: #fff; font-size: 27px; letter-spacing: .12em }
.nextContent__buttonLink:hover { background-color: #19503c }
.nextContent__buttonLink::after { content: ""; display: block; position: absolute; top: calc(50% - 7px); right: 7%; width: 62px; height: 14px; background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2077%2018%22%3E%20%3Cline%20x1%3D%220.465%22%20y1%3D%229%22%20x2%3D%2264.087%22%20y2%3D%229%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%20%3Cpolyline%20points%3D%2266.845%200.724%2075.121%209%2066.845%2017.276%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%23fff%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%202px%22%2F%3E%3C%2Fsvg%3E) no-repeat center right; background-size: cover }
.top-head { display: grid; align-items: center; position: relative; height: calc(var(--vh) * 100) }
.top-head__title, .top-head__slider { grid-row: 1/-1; grid-column: 1/-1 }
.top-head__title { z-index: 10; margin-top: -15%; padding-left: 5px; color: #fff; font-family: "Cormorant Garamond"; font-size: min(5vw, 65px); font-weight: 500; letter-spacing: .05em; line-height: 1.23 }
.top-head__slider .swiper { height: calc(var(--vh) * 100) }
.top-head__sliderItem { height: 100% }
.top-head__sliderItem img { width: 100%; height: 100%; object-fit: cover }
.top-panel { display: grid; position: relative; cursor: pointer }
.top-panel__title, .top-panel__photo { grid-row: 1/-1; grid-column: 1/-1 }
.top-panel__title { align-self: center; z-index: 1; margin-bottom: -17%; padding: 0 30px; color: #fff }
.top-panel__title .en { display: block; font-family: "La Belle Aurore", cursive; font-size: min(4.62vw, 60px); letter-spacing: -.03em; line-height: 1 }
.top-panel__title .ja { display: block; margin-top: .2em; font-size: min(1vw, 13px); font-weight: 500; letter-spacing: .1em; line-height: 1 }
.top-panel__photo { height: 100% }
.top-panel__photo img { width: 100%; height: 100%; object-fit: cover }
.top-panel__more { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; padding: 1.7em 0; width: 100%; background-color: rgba(50, 50, 55, 0.9); color: #fff; font-family: "Manrope"; font-size: 14px; font-weight: 500; letter-spacing: .05em; line-height: 1.36; text-align: center }
.top-panel__more .text::before { content: "VIEW MORE" }
.top-panel__more .arrow { display: inline-block; margin-left: .5em; font-size: 140% }
.top-panelContent { position: relative; background-color: #fff }
.top-panelContent__right { display: grid; counter-reset: number 0 }
.top-panelContent__link { display: block; position: relative }
.top-panelContent__link::before { content: counter(number, decimal-leading-zero); counter-increment: number 1; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; top: -10px; left: -10px; width: 70px; height: 70px; background-color: rgba(25, 80, 60, 0.95); color: #fff; font-family: "Bellefair", serif; font-size: 34px }
.top-panelContent__link .linkPhoto { width: 100%; height: 100% }
.top-panelContent__link .linkPhoto img { width: 100%; height: 100%; object-fit: cover }
.top-panelContent__link .linkTitle { display: flex; align-items: center; gap: 0 .5em; position: absolute; z-index: 1; bottom: 0; right: 0; padding: 1em; background-color: rgba(50, 50, 55, 0.9); color: #fff; font-size: min(1.23vw, 16px); font-weight: 700; letter-spacing: .05em }
.top-panelContent__link .linkTitle svg { stroke: #fff; flex: 0 0 auto; width: 40px; height: 7px }
.business-intro { position: relative; margin-top: -110px; padding: 0 15px }
.business-intro__box { margin: 0 auto; padding: 80px 0 150px; max-width: 1240px; background-color: #fff }
.business-intro__lead { margin-bottom: 1.8em; font-size: 28px; font-weight: 700; letter-spacing: .1em; line-height: 1.79; text-align: center }
.business-intro__graph { display: grid; position: relative; margin: auto; max-width: 760px; width: 100% }
.business-intro__graph .graph, .business-intro__graph .graphLogo { grid-row: 1/-1; grid-column: 1/-1 }
.business-intro__graph .graphLogo { z-index: 1; align-self: center; justify-self: center; width: 27.5% }
.business-section-set { padding: 0 40px 270px }
.business-section + .business-section { margin-top: 40px }
.business-section:last-of-type .business-section__bottom { padding-bottom: 0 }
.business-section__top { display: grid; position: relative }
.business-section__top:hover .business-section__topPhoto { opacity: .8 }
.business-section__topPhoto, .business-section__topTitle { grid-row: 1/-1; grid-column: 1/-1 }
.business-section__topPhoto { transition: opacity .3s }
.business-section__topPhoto img { width: 100%; height: 450px; object-fit: cover }
.business-section__topTitle { align-self: center; justify-self: center; z-index: 1; margin-top: -1%; color: #fff; font-size: 38px; font-weight: 700; letter-spacing: .1em; text-align: center }
.business-section__topTitle span { display: block; margin-top: .4em; font-family: "Prompt"; font-size: 20px; font-weight: 400; letter-spacing: 0 }
.business-section__topIcon { position: absolute; top: calc(50% - 47px); right: 6%; border-radius: 50%; border: solid 1px #fff; width: 94px; height: 94px; background-color: rgba(48, 45, 44, 0.2) }
.business-section__topIcon::before, .business-section__topIcon::after { content: ""; display: block; position: absolute; top: 45px; left: 29px; width: 34px; height: 2px; background-color: #fff }
.business-section__topIcon::after { transform: rotate(90deg); transition: transform .3s }
.business-section__bottom { padding: 75px 0 130px; animation-delay: .35s !important }
.business-section__bottomTitle { margin-bottom: 1.3em; font-size: 28px; font-weight: 700; letter-spacing: .1em; line-height: 1.79; text-align: center }
.business-section__bottomText { font-size: 16px; line-height: 2.2; text-align: center }
.business-section__bottomPoint { margin: 0 auto; padding: 80px 0 95px; max-width: 1180px }
.business-section__bottomPoint .pointTitle { margin-bottom: 2.5em; font-family: "Prompt"; font-size: 28px; font-weight: 300; letter-spacing: .05em; text-align: center }
.business-section__bottomPoint .pointTitle span { padding-bottom: .2em; border-bottom: 1px solid #302d2c }
.business-section__bottomPoint .pointCircle-set { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: center; gap: 0 2% }
.business-section__bottomPoint .pointCircle { position: relative; border-radius: 50%; border: solid 1px #302d2c }
.business-section__bottomPoint .pointCircle::before { content: ""; display: block; position: absolute; top: 10.1%; left: 11%; width: 8.1%; height: 7.4%; background: url(../images/business/point-star.svg) no-repeat center; background-size: contain }
.business-section__bottomPoint .circle__inner { width: 100%; padding-top: 100% }
.business-section__bottomPoint .pointCircle__text { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; padding: 12%; width: 100%; height: 100% }
.business-section__bottomPoint .pointCircle__text p:nth-of-type(1) { margin-bottom: 1.5em; color: #006c61; font-size: min(1.64vw, 20px); font-weight: 500; letter-spacing: .05em; line-height: 1.5; text-align: center }
.business-section__bottomPoint .pointCircle__text p:nth-of-type(2) { font-size: min(1.15vw, 14px); letter-spacing: .03em; line-height: 1.79; text-align: center }
.business-section__bottomBrand { margin: 0 auto; padding: 75px 0 95px; max-width: 960px }
.business-section__bottomBrand .brandTitle { margin-bottom: 1.6em; font-size: 28px; letter-spacing: .1em; text-align: center }
.business-section__bottomBrand .brandTitle span { padding-bottom: .4em; border-bottom: 1px solid #302d2c }
.business-section__bottomBrand .brandLead { margin-bottom: 4.5em; font-size: 15px; letter-spacing: .03em; line-height: 2; text-align: center }
.business-section__bottomBrand .brandPanel-set { display: flex; flex-wrap: wrap; justify-content: center; gap: 60px 35px }
.business-section__bottomBrand .brandPanel { width: calc((100% - 70px) / 3); text-align: center }
.business-section__bottomBrand .brandPanel__logo { padding: 20px 0 15px }
.business-section__bottomBrand .brandPanel__logo img { width: initial; height: 37px }
.business-section__bottomBrand .brandPanel__text { font-size: 15px; font-weight: 500; letter-spacing: .05em; line-height: 1.47 }
.js-accordion.is-active .business-section__topIcon::after { transform: rotate(0deg) }
.job-section:nth-of-type(even) { background-color: #f1f1f1; }
.job-section { padding: 140px 0 165px }
.job-section__title { display: grid; grid-template-columns: auto 1fr; gap: 0 35px }
.job-section__title .type { position: relative; display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; background-color: #19503c; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: .1em; line-height: 1 }
.job-section__title .type::before { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 30px; height: 30px; background-color: #009137 }
.job-section__title .lead { padding-top: 10px; font-size: 28px; font-weight: 500; letter-spacing: .1em; line-height: 1.61 }
.job-section__intro { margin-top: 45px; font-size: 15px; letter-spacing: .03em; line-height: 2 }
.job-section__panel-set { display: grid; grid-template-columns: 1fr 1fr; gap: 60px 100px; gap: 60px min(8.47vw, 100px); padding-top: 80px }
.job-section__panel { display: grid; grid-template-columns: 39.25% 1fr; gap: 0 8%; padding: 20px 0 }
.job-section__panel dt { margin-bottom: 15px; color: #19503c; font-size: 22px; font-weight: 700; letter-spacing: .15em }
.job-section__panel dd { font-size: 15px; line-height: 2; text-align: justify }
.job-section__interviews { margin-top: 95px; padding-bottom: 85px; padding: 0 40px 85px; background-image: linear-gradient(to bottom, transparent 20px, #19503c 20px) }
.job-section__interviews .interviewsDeco { margin-bottom: 35px; color: #009137; font-family: "Poppins"; font-size: 52px; font-weight: 200; letter-spacing: .02em; line-height: 1; text-align: center }
.job-section__interviews .interviewsTitle { margin-bottom: 45px; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: .15em; text-align: center }
.job-section__interviews .interviewsList-set { display: grid; grid-template-columns: repeat(auto-fit, 210px); gap: 35px; justify-content: center }
.job-section__interviews .interviewsList { display: block }
.job-section__interviews .interviewsList__text { position: relative; margin-top: -1em; color: #fff; font-size: 16px; letter-spacing: .07em; text-align: center }
.job-section__interviews .interviewsList__text span { display: inline-block; border: 1px solid #fff; padding: .7em .8em; min-width: 76%; background-color: rgba(0, 145, 55, 0.5) }
.job-section__photo { padding-top: 95px }
.welfare-content { position: relative; z-index: 1; margin-top: -110px; padding: 0 30px }
.welfare-content__box { margin-left: auto; margin-right: auto; padding-top: 110px; padding-bottom: 230px; background-color: #fff; max-width: 1240px }
.welfare-content__title { margin-bottom: 65px; font-size: 28px; font-weight: 700; color: #006c61; text-align: center }
.welfare-content__boxInner--s { max-width: 960px; margin-left: auto; margin-right: auto }
.welfare-content__boxInner--m { margin-left: auto; margin-right: auto; max-width: 960px }
.welfare-content__boxInner--l { margin-left: auto; margin-right: auto; max-width: 1240px }
.welfare-table { padding-bottom: 135px }
.welfare-table dl { display: grid; grid-template-columns: 200px 1fr; gap: 0 10px }
.welfare-table dl:last-of-type dt { border-bottom: 2px solid #006c61 }
.welfare-table dl:last-of-type dd { border-bottom: 1px solid #979695 }
.welfare-table dt, .welfare-table dd { padding: 25px 0 25px 10px }
.welfare-table dt { display: flex; align-items: center; border-top: 2px solid #006c61; font-size: 18px; line-height: 1.39; font-weight: 500 }
.welfare-table dd { border-top: 1px solid #979695 }
.welfare-table li { font-size: 16px; line-height: 2.19; display: flex; align-items: baseline }
.welfare-table li::before { content: "★"; color: #006c61; margin-right: 4px; display: block }
.welfare-system + .welfare-system { margin-top: 105px }
.welfare-system__title { margin-bottom: .7em; color: #006c61; font-size: 20px; font-weight: 700; letter-spacing: .05em }
.welfare-system__text { font-size: 16px; letter-spacing: .05em; line-height: 2.19; text-align: justify }
.welfare-system__photo { display: grid; grid-template-columns: 1fr 1fr; gap: 0 5px; margin-top: 40px }
.welfare-system__photo div:nth-of-type(1) img { object-position: left center }
.welfare-system__photo img { min-height: 110px; object-fit: cover }
.welfare-certification:first-of-type { margin-top: 185px }
.welfare-certification + .welfare-certification { margin-top: 155px }
.welfare-certification { background-color: #f9f9f9 }
.welfare-certification._white500 .mark img { width: 72.09% }
.welfare-certification._kurumin .mark img { width: 50.31% }
.welfare-certification__deco { position: relative; padding: 50px 0 45px }
.welfare-certification__deco::before { content: ""; display: block; margin: 0 auto; width: 12px; height: 11px; background: url(../images/icon-star.svg) no-repeat center; background-size: contain }
.welfare-certification__deco:after { content: ""; display: block; position: absolute; bottom: calc(100% - 42px); left: calc(50% - 1px); width: 1px; height: 95px; background-color: #006c61 }
.welfare-certification__title { margin-top: -.4em; margin-bottom: 60px; color: #006c61; font-size: 24px; letter-spacing: .1em; line-height: 1.72; font-weight: 700; text-align: center }
.welfare-certification__text-set { display: grid; grid-template-columns: 58.33% 33.96%; align-items: flex-start; justify-content: space-between; padding: 0 11.3% 130px }
.welfare-certification__text-set p { margin-top: -.4em; font-size: 16px; letter-spacing: .05em; line-height: 2.2; text-align: justify }
.welfare-certification__text-set .mark { position: relative; padding-top: 85.89%; background-color: #fff }
.welfare-certification__text-set .mark__inner { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.academy { color: #000 }
.academy-title { position: relative; padding-top: 70px; color: #006c61; font-size: 15px; font-weight: 500; letter-spacing: .1em; text-align: center }
.academy-title::before { content: ""; display: block; margin: 6px auto; width: 15px; height: 13px; background: url(../images/icon-star.svg) no-repeat center; background-size: contain }
.academy-title:after { content: ""; display: block; position: absolute; bottom: calc(100% - 70px); left: calc(50% - 1px); width: 1px; height: 125px; background-color: #006c61 }
.academy__lead { margin: 1.3em 0; font-size: 28px; font-weight: 700; letter-spacing: .1em; line-height: 1.79; text-align: center }
.academy__text { color: #302d2c; letter-spacing: .03em; line-height: 2.2; text-align: center }
.academy__text .note { display: block; margin-top: 2em; color: #989696 }
.academy-vision { padding-bottom: 225px }
.academy-vision .academy-title { padding-top: 45px }
.academy-vision .academy-title::after { bottom: calc(100% - 45px); height: 95px }
.academy-vision__graph { margin-top: 75px; padding: 20px; background-color: #e6f0ef; text-align: center }
.academy-vision__graph img { width: auto }
.academy-overall { padding-bottom: 215px; background-color: #f9f9f9 }
.academy-overall__graph { margin-top: 70px; text-align: center }
.academy-overall__graph img { max-width: 1090px }
.academy-keyword { position: relative; padding-bottom: 240px; background: linear-gradient(150deg, rgba(83, 124, 178, 0) 0%, rgba(80, 122, 177, 0.4) 100%), #006c61; background-blend-mode: overlay }
.academy-keyword .academy-title { color: #fff }
.academy-keyword .academy-title::before { filter: brightness(0) invert(1) }
.academy-keyword .academy-title::after { background-image: linear-gradient(to top, #fff 0%, #fff 70px, #006c61 70px, #006c61 100%) }
.academy-keyword__point-set { margin-top: 85px }
.academy-keyword__point + .academy-keyword__point { margin-top: 40px }
.academy-keyword__point { padding: 70px 11% 120px; background-color: #fff }
.academy-keyword__pointTitle { text-align: center }
.academy-keyword__pointTitle .deco { margin-bottom: .5em; color: #989696; font-family: "Prompt"; font-size: 15px; font-weight: 300; letter-spacing: .2em }
.academy-keyword__pointTitle .deco span { display: inline-block; padding: .15em .5em 0; color: #006c61; font-size: 65%; vertical-align: text-top }
.academy-keyword__pointTitle .title { color: #006c61; font-size: 28px; font-weight: 700; letter-spacing: .1em }
.academy-keyword__pointIcon { margin: 35px 0 25px; text-align: center }
.academy-keyword__pointIcon img { width: 67px }
.academy-keyword__pointText { font-size: 16px; letter-spacing: .03em; line-height: 2.2; text-align: justify }
.academy-keyword__curriculum { margin: 45px auto 0; max-width: 800px; padding: 65px 10% 70px; background: #f9f9f9 }
.academy-keyword__curriculum .panel-set { display: grid; grid-template-columns: repeat(6, 1fr); gap: 25px 0; text-align: center }
.academy-keyword__curriculum .panel img { width: 77.3% }
.academy-keyword__curriculum .panel p { margin-top: .5em; font-size: 12px; font-size: min(1.11vw, 12px); line-height: 1.25 }
.academy-keyword__style { margin: 65px auto 0; max-width: 780px }
.academy-keyword__style .graph { margin: 0 auto 45px; padding: 45px 18%; max-width: 550px; width: 100%; background-color: #f5f5f4 }
.academy-keyword__style figcaption { margin-top: .4em; font-size: 14px; letter-spacing: .03em; line-height: inherit }
.academy-keyword__system { margin-top: 55px }
.academy-keyword__system .card-set { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 5% }
.academy-keyword__system .card__icon { text-align: center }
.academy-keyword__system .card__icon img { height: 60px }
.academy-keyword__system .card__title { margin-bottom: 1em; border-bottom: 1px solid #006c61; padding: 1em 0; font-size: 18px; font-weight: 500; line-height: 1.67; text-align: center }
.academy-keyword__system .card__text { font-size: 15px; letter-spacing: .02em; line-height: 2; text-align: justify }
.academy-keyword__system .photo-set { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2%; margin-top: 50px }
.academy-feedback { padding-bottom: 155px }
.academy-feedback .academy-title::after { background-image: linear-gradient(to top, #006c61 0%, #006c61 70px, #fff 70px, #fff 100%) }
.academy-feedback__panel-set { margin-top: 90px }
.academy-feedback__panel + .academy-feedback__panel { margin-top: 60px }
.academy-feedback__panel:nth-of-type(odd) { flex-direction: row-reverse }
.academy-feedback__panel { display: flex; padding: 80px 11% 105px; background-color: #f9f9f9 }
.academy-feedback__panel .panelText__title { margin-bottom: 1.3em; border-bottom: 1px solid #006c61; padding-bottom: 1em; color: #006c61; font-size: 23px; font-weight: 500; letter-spacing: .1em; line-height: 1.74 }
.academy-feedback__panel .panelText__comment { font-size: 16px; letter-spacing: .03em; line-height: 2.2; text-align: justify }
.academy-feedback__panel .panelPeople { flex: 0 0 auto; padding: 0 5.5% }
.academy-feedback__panel .panelPeople__photo { position: relative; padding: 8px; border-radius: 50%; border: 1px solid #006c61; background-color: #fff }
.academy-feedback__panel .panelPeople__photo::before { content: ""; display: block; position: absolute; top: 9.8%; left: 11%; width: 18px; height: 17px; background: url(../images/academy/feedback-star.svg) no-repeat center; background-size: contain }
.academy-feedback__panel .panelPeople__profile { position: relative; margin-top: -35px; padding: .6em .5em; background-color: #006c61; color: #fff; font-size: 15px; letter-spacing: .05em; line-height: 1.33; text-align: center }
.academy-feedback__panel .panelPeople__profile .name { margin-top: .4em; font-size: 127% }
.academy-message { position: relative; padding: 225px 0 270px; background-color: #eaeaea }
.academy-message__content { display: grid; grid-template-columns: 47% 1fr; gap: 0 10% }
.academy-message__title { margin-top: -.2em; margin-bottom: 2em; font-family: "Prompt"; font-size: 20px; letter-spacing: .05em }
.academy-message__title::before { content: ""; display: inline-block; margin-right: 20px; width: 40px; height: 1px; background-color: #006c61; vertical-align: middle }
.academy-message__lead { margin-bottom: 1.4em; color: #006c61; font-size: 28px; font-weight: 700; letter-spacing: .1em; line-height: 1.79 }
.academy-message__lead .responsive-br { display: none }
.academy-message__text { font-size: 15px; letter-spacing: .03em; line-height: 1.87; text-align: justify }
.academy-message__text p + p { margin-top: 1.5em }
.academy-message__text .name { margin-top: 2.8em; font-size: 18px; font-weight: 500 }
.process-intro { padding: 85px 0 335px; background-color: #f4f6f5 }
.process-intro__title { color: #006c61; font-size: 23px; font-weight: 500; letter-spacing: .1em; text-align: center }
.process-intro__title > span { display: inline-block; border-bottom: 1px solid currentColor; padding: 0 .5em .5em }
.process-intro__lead { padding: 50px 0 80px; font-size: 16px; letter-spacing: .05em; line-height: 2.19; text-align: center }
.process-intro__link-set { display: grid; grid-template-columns: repeat(2, minmax(0, 375px)); justify-content: center; gap: 0 50px }
.process-intro__link { display: grid; position: relative; color: #fff; font-size: 24px; letter-spacing: .1em; text-align: center }
.process-intro__link small { display: block; font-size: 15px; font-weight: 500; letter-spacing: .05em; line-height: 1.47 }
.process-intro__link::after { content: ""; display: block; position: absolute; z-index: 1; top: calc(50% - 7px); right: 30px; width: 10px; height: 15px; background-color: #fff; clip-path: polygon(0 0, 100% 50%, 0 100%) }
.process-intro__link .photo, .process-intro__link .text { grid-row: 1/-1; grid-column: 1/-1 }
.process-intro__link .text { z-index: 1; align-self: center; justify-self: center }
.process-flow { position: relative; margin-top: -200px }
.process-flow__box { padding: 110px 30px 165px; background-color: #fff }
.process-flow__step { display: grid; grid-template-columns: auto 1fr; gap: 0 5%; position: relative; margin: 0 auto; padding-bottom: 80px; max-width: 960px }
.process-flow__step::after { content: ""; display: block; position: absolute; bottom: 0; left: 95px; width: 1px; height: calc(100% - 190px - 10px); background-color: #006c61 }
.process-flow__step + .process-flow__step::before { content: ""; display: block; position: absolute; top: -10px; left: 85px; width: 20px; height: 20px; background: url(../images/icon-star.svg) no-repeat center, radial-gradient(circle farthest-side at center 95px, #f9f9f9, #f9f9f9 calc(100% - 10px), #fff calc(100% - 10px)), #fff; background-size: 13px auto, auto auto, auto auto }
.process-flow__step:last-of-type { padding-bottom: 0 }
.process-flow__step:last-of-type::after { display: none }
.process-flow__stepIcon { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #707073; width: 190px; height: 190px; background-color: #f9f9f9 }
.process-flow__stepIcon img { width: 94px }
.process-flow__stepIcon._border { border-style: dashed }
.process-flow__stepText .title { margin-bottom: .8em; border-bottom: 1px solid #c2c2c3; padding-top: 1em; padding-bottom: .8em; color: #006c61; font-size: 22px; font-weight: 500 }
.process-flow__stepText .desc { font-size: 15px; letter-spacing: .02em; line-height: 2; text-align: justify }
.faq-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 240px)); justify-content: center; gap: 15px 10px; position: relative; z-index: 1; margin-top: -40px; padding: 0 25px }
.faq-nav a { display: flex; align-items: center; justify-content: center; border: 2px solid #009137; padding: 1.5em .5em 1.7em; background-color: #fff; color: #009137; font-size: 16px; font-weight: 700; letter-spacing: .05em; line-height: 1.25; text-align: center }
.faq-nav a:hover { color: #fff; background-color: #009137 }
.faq-section-set { position: relative }
.faq-section:nth-of-type(even) { background-color: #f4f6f5 }
.faq-section:last-of-type { padding-bottom: 200px }
.faq-section { padding: 105px 0 135px }
.faq-section__deco { color: #99999b; font-family: "Prompt"; font-size: 15px; font-weight: 300; letter-spacing: .2em; text-align: center }
.faq-section__deco span { display: inline-block; padding: .15em .5em 0; color: #19503c; font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 75%; font-weight: 700; vertical-align: text-top }
.faq-section__title { margin-top: 10px; margin-bottom: 20px; font-size: 28px; font-weight: 700; letter-spacing: .1em; text-align: center }
.faq-section__question { border-bottom: 1px solid #c2c2c3; padding: 55px 20px 45px 10px }
.faq-section__question dt { display: grid; grid-template-columns: 50px 1fr; margin-bottom: 35px; color: #006c61; font-size: 22px; letter-spacing: .08em; text-align: justify }
.faq-section__question dt::before { content: "Q"; font-family: "Manrope"; font-size: 35px; line-height: 1 }
.faq-section__question dd { display: grid; grid-template-columns: 50px 1fr }
.faq-section__question dd::before { content: "A"; color: #99999b; font-family: "Manrope"; font-size: 35px; line-height: 1 }
.faq-section__question p:nth-of-type(1) { margin-bottom: .7em; font-size: 18px; font-weight: 500; letter-spacing: .1em; line-height: 1.67; text-align: justify }
.faq-section__question p:nth-of-type(2) { color: #302d2c; font-size: 16px; letter-spacing: .05em; line-height: 2.19; text-align: justify }
.l-nav__item .grayOut { color: #d6d6d7; pointer-events: none }
.top-panelContent__link.grayOut { pointer-events: none }
.top-panelContent__link.grayOut::after { content: "coming soon"; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: -10px; left: -10px; width: calc(100% + 10px); height: calc(100% + 10px); background-color: rgba(255, 255, 255, 0.8); color: #19503c; font-family: "Bellefair", serif; font-size: min(2.61vw, 40px) }
.nextContent__link.grayOut { pointer-events: none }
.nextContent__link.grayOut::before { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(50, 50, 55, 0.6) }
@media (max-width:1300px) {
    .container._1240-30 { max-width: initial !important; width: 100%; padding-left: 30px; padding-right: 30px }
}
@media (max-width:1280px) {
    .container._1240-20 { max-width: initial !important; width: 100%; padding-left: 20px; padding-right: 20px }
}
@media (max-width:1260px) {
    .modal__container { max-width: initial !important; width: 100%; padding-left: 30px; padding-right: 30px }
}
@media (max-width:1180px) {
    .container._1120-30 { max-width: initial !important; width: 100%; padding-left: 30px; padding-right: 30px }
}
@media (max-width:1175px) {
    .job-section__interviews .interviewsList-set { margin-left: auto; margin-right: auto; max-width: 455px }
}
@media (max-width:1020px) {
    .container._960-30 { max-width: initial !important; width: 100%; padding-left: 30px; padding-right: 30px }
}
@media (max-width:1010px) {
    .welfare-content__boxInner--s { max-width: initial !important; width: 100%; padding-left: 25px; padding-right: 25px }
}
@media not all and (max-width:900px) {
    .u-sp-only { display: none }
    .u-ib--pc { display: inline-block }
    .u-ls-0--pc { letter-spacing: 0 !important }
    .l-header__entry:hover { background-color: #19503c }
    .l-footer__toTop { display: none }
    .l-footer__copyright { display: none }
    .l-navBg { position: fixed; z-index: 101; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(50, 50, 55, 0.8); visibility: hidden; opacity: 0; transition-property: opacity, visibility; transition-duration: .5s; transition-timing-function: ease-out }
    .l-nav { display: flex; align-items: center; justify-content: center; padding-left: 70px; width: 960px; visibility: hidden; opacity: 0; transform: translateX(-100%); transition-property: opacity, visibility, transform; transition-duration: .5s; transition-timing-function: ease-out }
    .l-nav__item-set { display: grid; grid-template-rows: auto auto 1fr; grid-template-columns: auto auto; gap: 60px 100px; justify-content: center }
    .l-nav__item:nth-of-type(2) { grid-row: 1/4; grid-column: 2/3 }
    .l-side:hover { color: #fff; background-color: #19503c }
    .l-side:hover .l-side__copyright { filter: brightness(0) invert(1) }
    @keyframes bar01 {
        0% { transform: translateY(9px) rotate(45deg) }
        50% { transform: translateY(9px) rotate(0) }
        100% { transform: translateY(0) rotate(0) }
    }
    @keyframes open-bar01 {
        0% { transform: translateY(0) rotate(0) }
        50% { transform: translateY(9px) rotate(0) }
        100% { transform: translateY(9px) rotate(45deg) }
    }
    @keyframes bar03 {
        0% { transform: translateY(-9px) rotate(-45deg) }
        50% { transform: translateY(-9px) rotate(0) }
        100% { transform: translateY(0) rotate(0) }
    }
    @keyframes open-bar03 {
        0% { transform: translateY(0) rotate(0) }
        50% { transform: translateY(-9px) rotate(0) }
        100% { transform: translateY(-9px) rotate(-45deg) }
    }
    .l-toTop { display: grid; gap: 10px 0; position: absolute; bottom: 50px; right: 55px }
    .l-toTop .arrow { margin: 0 auto; width: 13px }
    .l-toTop .text { display: inline-block; padding: 0 .5em; width: 2em; min-height: 5em; font-family: "Prompt"; font-size: 14px; font-weight: 300; letter-spacing: .05em; writing-mode: vertical-rl; font-feature-settings: pkna; line-height: 1 }
    .l-wrapper { padding-left: 70px }
    .hover-opacity:hover { opacity: .4 }
    .hover-opacity-img:hover img { opacity: .4 }
    .hover-opacity--partly:hover .hover-opacity-partly__target { opacity: .4 }
    .hover-zoom:hover .hover-zoom__target img { transform: scale(1.1) }
    .hover-zoom:hover .hover-zoom__target--opacity img { opacity: .7; transform: scale(1.1) }
    .entryBlock__button:hover { background-color: #19503c }
    .modal__overlay { display: flex; align-items: center; justify-content: center }
    .head__mv._size-s { height: 700px }
    .top-content { overflow: hidden; display: grid; grid-template-rows: calc(var(--vh) * 100); grid-template-columns: 47.8% 1fr 1fr }
    .top-head__scroll { display: none }
    .top-section.is-show .top-panelContent { visibility: visible; opacity: 1 }
    .top-section.is-show .top-panelContent__mv img { filter: blur(0px) opacity(100%) }
    .top-panel { height: calc(var(--vh) * 100) }
    .top-panelContent { display: grid; grid-template-columns: 47.8% 1fr; position: fixed; z-index: 10; top: 0; left: 0; padding-left: 70px; width: 100%; visibility: hidden; opacity: 0; transition-property: visibility, opacity; transition-duration: .4s; transition-timing-function: ease-in-out }
    .top-panelContent__mv { display: grid; grid-template-rows: calc(var(--vh) * 100) }
    .top-panelContent__mv .mvTitle, .top-panelContent__mv .mvPhoto { grid-row: 1/-1; grid-column: 1/-1 }
    .top-panelContent__mv .mvTitle { align-self: center; z-index: 1; margin-bottom: -5%; padding: 0 7%; color: #fff }
    .top-panelContent__mv .mvTitle__en { display: block; font-family: "La Belle Aurore", cursive; font-size: min(4.62vw, 60px); letter-spacing: -.03em; line-height: 1 }
    .top-panelContent__mv .mvTitle__ja { display: block; font-size: min(1vw, 13px); font-weight: 500; letter-spacing: .1em; line-height: 1 }
    .top-panelContent__mv .mvPhoto { overflow: hidden; height: 100% }
    .top-panelContent__mv .mvPhoto img { width: 100%; height: 100%; object-fit: cover; filter: blur(5px) opacity(0%); transition: filter 1.3s .2s ease-in-out }
    .top-panelContent__right { grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6.5%; margin: auto; width: 75%; height: calc(var(--vh) * 75) }
    .top-panelContent__link:first-of-type { grid-row: 1/2; grid-column: 1/3 }
    .top-panelContent__button { display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 70px; width: 150px; height: 55px; background-color: rgba(50, 50, 55, 0.85); color: #fff; font-family: "Manrope"; font-size: 14px; font-weight: 700; letter-spacing: .1em; transition-property: background-color; transition-duration: .4s; transition-timing-function: ease }
    .top-panelContent__button:hover { background-color: #19503c }
    .top-panelContent__button span { display: inline-block; margin-right: .5em; font-size: 140%; vertical-align: middle }
    .job-section-set { padding-bottom: 60px }
    .job-section:first-of-type { padding-top: 110px }
    .job-section__panel:nth-of-type(odd)::after { left: 0 }
    .job-section__panel:nth-of-type(even):before { content: ""; display: block; position: absolute; top: 0; left: max(-4.24vw, -50px); width: 1px; height: 100%; background-color: #d6d6d7 }
    .job-section__panel:nth-of-type(even)::after { right: 0 }
    .job-section__panel:nth-last-of-type(1)::after, .job-section__panel:nth-last-of-type(2)::after { display: none }
    .job-section__panel { position: relative }
    .job-section__panel::after { content: ""; display: block; position: absolute; bottom: -30px; width: calc(100% + 20px); height: 1px; background-color: #d6d6d7 }
    .welfare-certification._kurumin .welfare-certification__title { text-align: left }
    .academy-overall .academy__lead { margin-top: 2.4em }
    .academy-overall .academy__text { line-height: 1.87 }
}
@media (max-width:900px) {
    .u-pc-only { display: none }
    .u-ib--sp { display: inline-block }
    .l-header { padding-left: 55px }
    .l-header__logo { align-self: center; margin: 0 0 0 15px }
    .l-header__logo img { width: 60px }
    .l-header__entry { width: 120px; font-size: 11px }
    .l-footer__toTop { display: flex; align-items: center; justify-content: center; height: 40px; background-color: #19503c }
    .l-footer__toTop::before { content: ""; display: block; width: 12px; height: 6px; background-color: #fff; clip-path: polygon(50% 0, 100% 100%, 0 100%) }
    .l-footer__copyright { padding: 1.3em .5em; background-color: #fff; font-family: "Manrope"; font-size: 10px; font-weight: 300; text-align: center }
    .l-navBg { display: none }
    .l-nav { width: 100%; padding-top: 55px; visibility: hidden; opacity: 0; transition-property: opacity, visibility; transition-duration: .5s; transition-timing-function: ease-out }
    .l-nav__inner { padding: 10px 40px 30px }
    .l-nav__item + .l-nav__item { border-top: 1px solid #d6d6d7 }
    .l-nav__item dt { position: relative; margin: 0; padding: 1em 0; font-size: 22px }
    .l-nav__item dt::after { content: ""; display: block; position: absolute; top: calc(50% - 7px); right: 10px; width: 9px; height: 14px; background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.243%2026.828%22%3E%20%3Cpolyline%20points%3D%221.414%201.414%2013.414%2013.414%201.414%2025.414%22%20style%3D%22fill%3A%20none%3Bstroke%3A%20%2319503c%3Bstroke-miterlimit%3A%2010%3Bstroke-width%3A%204px%22%2F%3E%3C%2Fsvg%3E) no-repeat center; background-size: contain; transition: transform .3s ease }
    .l-nav__item dd { font-size: 14px; padding-bottom: 30px; white-space: nowrap }
    .l-nav__item li + li { margin-top: 1em }
    .l-nav__item .secondHierarchy { margin-top: 0 }
    .l-nav__item .secondHierarchy > li { margin-top: .5em; font-size: 13px }
    .l-side { justify-content: center; padding-top: 0; padding-bottom: 0; width: 55px; height: 55px }
    .l-side__copyright { display: none }
    .l-side__hamburger .icon { width: 25px; height: 25px }
    .l-side__hamburger .icon__line::before { top: -6px }
    .l-side__hamburger .icon__line::after { top: 6px }
    @keyframes bar01 {
        0% { transform: translateY(6px) rotate(45deg) }
        50% { transform: translateY(6px) rotate(0) }
        100% { transform: translateY(0) rotate(0) }
    }
    @keyframes open-bar01 {
        0% { transform: translateY(0) rotate(0) }
        50% { transform: translateY(6px) rotate(0) }
        100% { transform: translateY(6px) rotate(45deg) }
    }
    @keyframes bar03 {
        0% { transform: translateY(-6px) rotate(-45deg) }
        50% { transform: translateY(-6px) rotate(0) }
        100% { transform: translateY(0) rotate(0) }
    }
    @keyframes open-bar03 {
        0% { transform: translateY(0) rotate(0) }
        50% { transform: translateY(-6px) rotate(0) }
        100% { transform: translateY(-6px) rotate(-45deg) }
    }
    .l-toTop { display: none }
    .js-accordion--sp .js-accordionTrigger { cursor: pointer }
    .js-accordion--sp .js-accordionTarget { display: none }
    .entryBlock { padding: 50px 25px 75px; background: linear-gradient(90deg, transparent calc(50% - 90px), #3c3c41 calc(50% - 90px), #3c3c41 calc(50% - 89px), transparent calc(50% - 89px), transparent 50%, #3c3c41 50%, #3c3c41 calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + 89px), #3c3c41 calc(50% + 89px), #3c3c41 calc(50% + 90px), transparent calc(50% + 90px)), #323237 }
    .entryBlock__lead { font-size: 16px; line-height: 1.88 }
    .entryBlock__button { margin-top: 30px; width: 325px; max-width: 100%; height: 90px; font-size: 25px }
    .entryBlock__button::after { top: calc(50% - 5px); right: 20px; width: 40px; height: 12px }
    .modal__scroll { padding: 30px 0 }
    .modal__button-set { grid-template-columns: 55px 55px 55px; grid-template-rows: 55px; font-size: 10px }
    .modal__button-set button::before { margin-bottom: 3px; width: 21px; height: 21px }
    .modal__buttonClose::before { margin-bottom: 5px; width: 20px; height: 20px }
    .head__mv { height: auto }
    .head__mv._bg-color { height: 220px }
    .head__mv._bg-color::before { background: linear-gradient(90deg, transparent calc(50% - 90px), #fff calc(50% - 90px), #fff calc(50% - 89px), transparent calc(50% - 89px), transparent 50%, #fff 50%, #fff calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + 89px), #fff calc(50% + 89px), #fff calc(50% + 90px), transparent calc(50% + 90px)) }
    .head__title { margin-bottom: -12% }
    .head__title .en { font-size: 40px }
    .head__title .ja { font-size: 12px }
    .nextContent { padding: 65px 25px 75px; background: linear-gradient(90deg, transparent calc(50% - 90px), #3c3c41 calc(50% - 90px), #3c3c41 calc(50% - 89px), transparent calc(50% - 89px), transparent 50%, #3c3c41 50%, #3c3c41 calc(50% + 1px), transparent calc(50% + 1px), transparent calc(50% + 89px), #3c3c41 calc(50% + 89px), #3c3c41 calc(50% + 90px), transparent calc(50% + 90px)), #323237 }
    .nextContent__title { margin-bottom: 50px }
    .nextContent__title .en { font-size: 36px }
    .nextContent__title .ja { margin-top: .4em; font-size: 12px }
    .nextContent__linkTitle { font-size: 12px }
    .nextContent__linkTitle svg { width: 30px; height: 6px }
    .nextContent__buttonLink-set { grid-template-columns: 1fr; gap: 20px 0 }
    .nextContent__buttonLink { padding-right: 10%; height: 110px; font-size: 20px }
    .nextContent__buttonLink::after { top: calc(50% - 5px); right: 25px; width: 46px; height: 11px }
    .top-head { height: calc(var(--firstVh) * 100) }
    .top-head__title { margin-top: -17%; padding-left: 15px; font-size: 40px; line-height: 1.21 }
    .top-head__scroll { display: flex; flex-direction: column; align-items: center; gap: 5px 0; position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; color: #fff; font-family: "Manrope"; font-size: 10px; letter-spacing: .05em }
    .top-head__scroll::after { content: ""; display: block; width: 1px; height: 35px; background-color: currentColor }
    .top-section.is-show .top-panel__more .text::before { content: "CLOSE \a CONTENT " }
    .top-section.is-show .top-panel__more .arrow { transform: rotate(90deg) }
    .top-panel__title { margin-bottom: 0; padding: 0 20px }
    .top-panel__title .en { font-size: 45px }
    .top-panel__title .ja { font-size: 11px }
    .top-panel__more { flex-direction: column; width: 75px; height: 100%; font-size: 11px }
    .top-panel__more .text::before { content: "VIEW \aMORE"; white-space: pre }
    .top-panel__more .arrow { margin-top: 10px; margin-left: 0 }
    .top-panelContent { display: none }
    .top-panelContent__mv { display: none }
    .top-panelContent__right { grid-template-rows: none; grid-template-columns: 1fr; gap: 25px 0; padding: 35px 25px 75px }
    .top-panelContent__link::before { top: -5px; left: -5px; width: 50px; height: 50px; font-size: 24px }
    .top-panelContent__link .linkTitle { font-size: 12px }
    .top-panelContent__link .linkTitle svg { width: 30px; height: 6px }
    .top-panelContent__button { display: none }
    .business-intro { margin-top: -30px }
    .business-intro__box { padding: 30px 0 45px }
    .business-intro__lead { font-size: 18px; line-height: 1.53 }
    .business-intro__graph { padding: 0 5px }
    .business-section-set { padding: 0 15px 75px }
    .business-section + .business-section { margin-top: 15px }
    .business-section__topPhoto img { height: auto; min-height: 135px }
    .business-section__topTitle { margin-top: 0; margin-bottom: -3%; padding-right: 8%; padding-bottom: 0; font-size: 21px; line-height: 1.19 }
    .business-section__topTitle span { font-size: 10px }
    .business-section__topTitle._long { letter-spacing: 0 }
    .business-section__topIcon { top: calc(50% - 19px); right: 4%; width: 38px; height: 38px }
    .business-section__topIcon::before, .business-section__topIcon::after { top: 18px; left: 11px; width: 14px; height: 1px }
    .business-section__bottom { padding: 30px 4% }
    .business-section__bottomTitle { font-size: 18px; line-height: 1.67 }
    .business-section__bottomText { font-size: 11px; line-height: 1.82; text-align: justify; text-justify: inter-ideograph }
    .business-section__bottomPoint { padding: 30px 0 }
    .business-section__bottomPoint .pointTitle { margin-bottom: 1.8em; font-size: 18px }
    .business-section__bottomPoint .pointCircle-set { grid-template-columns: 1fr; gap: 12px 0 }
    .business-section__bottomPoint .pointCircle { border-radius: 200px; margin: auto; width: 100%; max-width: 315px }
    .business-section__bottomPoint .pointCircle::before { top: 12px; left: 18px; width: 22px; height: 21px }
    .business-section__bottomPoint .circle__inner { padding-top: 0 }
    .business-section__bottomPoint .pointCircle__text { position: static; padding: 25px 13% 30px; min-height: 181px }
    .business-section__bottomPoint .pointCircle__text p:nth-of-type(1) { font-size: 12px }
    .business-section__bottomPoint .pointCircle__text p:nth-of-type(2) { letter-spacing: .02em; font-size: 10px; text-align: justify }
    .business-section__bottomBrand { padding: 30px 0 35px }
    .business-section__bottomBrand .brandTitle { font-size: 18px }
    .business-section__bottomBrand .brandLead { margin-bottom: 3.8em; font-size: 10px; line-height: 1.8 }
    .business-section__bottomBrand .brandPanel-set { gap: 10px 0 }
    .business-section__bottomBrand .brandPanel { display: grid; grid-template-columns: 47% 1fr; gap: 0 6%; width: 100%; text-align: left }
    .business-section__bottomBrand .brandPanel__logo { padding: 15px 0 10px }
    .business-section__bottomBrand .brandPanel__logo img { height: 19px }
    .business-section__bottomBrand .brandPanel__text { font-size: 10px }
    .job-section { padding: 60px 0 90px }
    .job-section__title { grid-template-columns: 1fr; gap: 30px 0 }
    .job-section__title .type { justify-self: center; width: 90px; height: 90px; font-size: 14px }
    .job-section__title .type::before { top: -5px; left: -5px; width: 20px; height: 20px }
    .job-section__title .lead { padding-top: 0; font-size: 19px; letter-spacing: .08em; line-height: 1.58 }
    .job-section__intro { margin-top: 25px; font-size: 12px; line-height: 2.08 }
    .job-section__panel-set { grid-template-columns: 1fr; gap: 0; padding-top: 10px }
    .job-section__panel + .job-section__panel { border-top: 1px solid #d6d6d7 }
    .job-section__panel { grid-template-columns: 1fr; gap: 25px 0; padding: 40px 0 }
    .job-section__panel dt { font-size: 17px }
    .job-section__panel dd { font-size: 12px; letter-spacing: .03em; line-height: 2.08 }
    .job-section__interviews { margin-top: 0; padding: 0 0 45px; background-image: linear-gradient(to bottom, transparent 15px, #19503c 15px) }
    .job-section__interviews .interviewsDeco { margin-bottom: 20px; font-size: 35px; line-height: 1 }
    .job-section__interviews .interviewsTitle { margin-bottom: 25px; font-size: 15px }
    .job-section__interviews .interviewsList-set { grid-template-columns: repeat(2, minmax(0, 132px)); gap: 20px 10px }
    .job-section__interviews .interviewsList__text { font-size: 11px; letter-spacing: 0 }
    .job-section__interviews .interviewsList__text span { min-width: 90% }
    .job-section__photo { padding-top: 50px }
    .welfare-content { margin-top: -30px }
    .welfare-content__box { padding-top: 45px; padding-bottom: 75px }
    .welfare-content__title { margin-bottom: 35px; font-size: 18px }
    .welfare-table { padding-bottom: 60px }
    .welfare-table dl { grid-template-columns: 57px 1fr; gap: 0 5px }
    .welfare-table dl:last-of-type dt { border-bottom: 1.5px solid #006c61 }
    .welfare-table dt, .welfare-table dd { padding: 15px 0 15px 5px }
    .welfare-table dt { border-top: 1.5px solid #006c61; font-size: 11px; line-height: 1.14 }
    .welfare-table li { font-size: 11px; line-height: 1.82 }
    .welfare-table li::before { margin-right: 2px }
    .welfare-system + .welfare-system { margin-top: 60px }
    .welfare-system__title { margin-bottom: .8em; font-size: 14px }
    .welfare-system__text { font-size: 11px; line-height: 2.05 }
    .welfare-system__photo { gap: 0 3px; margin-top: 25px }
    .welfare-certification:first-of-type { margin-top: 80px }
    .welfare-certification + .welfare-certification { margin-top: 80px }
    .welfare-certification._white500 .mark img { width: 55.85% }
    .welfare-certification._kurumin .mark img { width: 38.49% }
    .welfare-certification__deco { padding: 25px 0 }
    .welfare-certification__deco::before { margin: 4px auto; width: 9px; height: 8px }
    .welfare-certification__deco:after { bottom: calc(100% - 24px); height: 48px }
    .welfare-certification__title { margin-bottom: 20px; font-size: 16px }
    .welfare-certification__text-set { grid-template-columns: 1fr; gap: 30px 0; padding: 0 25px 37px }
    .welfare-certification__text-set p { margin-top: 0; font-size: 11px; line-height: 2 }
    .welfare-certification__text-set .mark { padding-top: 66.04% }
    .academy-title { padding-top: 24px; font-size: 10px }
    .academy-title::before { margin: 4px auto; width: 11px; height: 10px }
    .academy-title:after { bottom: calc(100% - 24px); height: 47px }
    .academy__lead { margin: 1.1em 0; font-size: 18px; font-size: min(4.68vw, 18px); line-height: 1.53 }
    .academy__text { padding: 0 7%; font-size: 10px; line-height: 1.75; text-align: justify }
    .academy__text .note { margin-top: 1em }
    .academy-vision { padding-bottom: 80px }
    .academy-vision .academy-title { padding-top: 22px }
    .academy-vision .academy-title::after { bottom: calc(100% - 22px); height: 47px }
    .academy-vision__graph { margin-top: 35px; padding: 4% 5% }
    .academy-overall { padding-bottom: 75px }
    .academy-overall .academy__lead { margin-bottom: 1.3em }
    .academy-overall__graph { margin-top: 35px }
    .academy-keyword { padding-bottom: 55px }
    .academy-keyword .academy-title::after { background-image: linear-gradient(to top, #fff 0%, #fff 23px, #006c61 23px, #006c61 100%) }
    .academy-keyword__point-set { margin-top: 25px }
    .academy-keyword__point + .academy-keyword__point { margin-top: 25px }
    .academy-keyword__point { padding: 35px 8% 40px }
    .academy-keyword__pointTitle .deco { margin-bottom: .8em; font-size: 10px }
    .academy-keyword__pointTitle .deco span { bottom: .15em; transform: scale(0.7) }
    .academy-keyword__pointTitle .title { font-size: 18px }
    .academy-keyword__pointIcon { margin: 15px 0 }
    .academy-keyword__pointIcon img { width: 44px }
    .academy-keyword__pointText { font-size: 10px; line-height: 1.75 }
    .academy-keyword__curriculum { margin: 25px auto 0; padding: 25px 2% 30px }
    .academy-keyword__curriculum .panel-set { grid-template-columns: repeat(3, 1fr); gap: 15px 0 }
    .academy-keyword__curriculum .panel img { width: 73.5% }
    .academy-keyword__curriculum .panel p { font-size: 10px }
    .academy-keyword__style { margin: 30px auto 0 }
    .academy-keyword__style .graph { margin-bottom: 30px; padding: 20px 20%; max-width: inherit }
    .academy-keyword__style figcaption { margin-top: .1em; font-size: 10px }
    .academy-keyword__system { margin-top: 25px }
    .academy-keyword__system .card-set { grid-template-columns: 1fr; gap: 35px 0 }
    .academy-keyword__system .card__icon img { height: 40px }
    .academy-keyword__system .card__title { font-size: 12px }
    .academy-keyword__system .card__text { font-size: 10px; line-height: 2 }
    .academy-keyword__system .photo-set { margin-top: 45px }
    .academy-feedback { padding-bottom: 55px }
    .academy-feedback .academy-title::after { background-image: linear-gradient(to top, #006c61 0%, #006c61 23px, #fff 23px, #fff 100%) }
    .academy-feedback__panel-set { margin-top: 25px }
    .academy-feedback__panel + .academy-feedback__panel { margin-top: 10px }
    .academy-feedback__panel { display: block; padding: 30px 8% }
    .academy-feedback__panel .panelText { margin-bottom: 25px }
    .academy-feedback__panel .panelText__title { font-size: 12px }
    .academy-feedback__panel .panelText__comment { font-size: 10px; letter-spacing: .02em; line-height: 2 }
    .academy-feedback__panel .panelPeople { display: grid; grid-template-columns: 110px 1fr; align-items: center; gap: 0 3%; padding: 0 3% }
    .academy-feedback__panel .panelPeople__photo { padding: 3px }
    .academy-feedback__panel .panelPeople__photo::before { top: 8.2%; left: 8%; width: 12px; height: 11px }
    .academy-feedback__panel .panelPeople__profile { margin: 0; padding: .8em .5em; font-size: 10px }
    .academy-message { padding: 40px 0 115px }
    .academy-message__content { grid-template-columns: 1fr; gap: 30px 0 }
    .academy-message__title { margin-bottom: 1.4em; font-size: 13px }
    .academy-message__title::before { margin-right: 10px; width: 25px }
    .academy-message__lead { margin-bottom: 1em; font-size: 18px; line-height: 1.67 }
    .academy-message__text { font-size: 10px; line-height: 2 }
    .academy-message__text .name { margin-top: 1.7em; font-size: 12px }
    .process-intro { padding: 45px 0 135px }
    .process-intro__title { font-size: 17px; line-height: 1.76 }
    .process-intro__lead { padding: 25px 0; font-size: 12px; line-height: 2.08 }
    .process-intro__link-set { grid-template-columns: 1fr; gap: 15px 0 }
    .process-intro__link { font-size: 20px }
    .process-intro__link small { font-size: 12px; line-height: 1.5 }
    .process-intro__link::after { top: calc(50% - 6px); right: 25px; width: 8px; height: 12px }
    .process-intro__link .photo { min-height: 110px }
    .process-intro__link .photo img { width: 100%; height: 100%; object-fit: cover }
    .process-flow { margin-top: -75px }
    .process-flow__box { padding: 45px 30px 60px }
    .process-flow__step { grid-template-columns: 1fr; padding-bottom: 75px }
    .process-flow__step::after { left: 50%; height: 45px }
    .process-flow__step + .process-flow__step::before { top: -5px; left: calc(50% - 5px); width: 12px; height: 12px; background: url(../images/icon-star.svg) no-repeat center, radial-gradient(circle farthest-side at center 48px, #f9f9f9, #f9f9f9 calc(100% - 5px), #fff calc(100% - 5px)), #fff; background-size: 7px auto, auto auto, auto auto }
    .process-flow__stepIcon { margin: 0 auto; width: 95px; height: 95px }
    .process-flow__stepIcon img { width: 47px }
    .process-flow__stepText .title { font-size: 18px; text-align: center }
    .process-flow__stepText .desc { font-size: 12px; line-height: 2.08 }
    .faq-nav { grid-template-columns: repeat(2, minmax(0, 160px)); gap: 5px 5px; margin-top: -25px }
    .faq-nav a { padding: 1em .5em; min-height: 5em; font-size: 12px }
    .faq-section { padding: 45px 0 60px }
    .faq-section__deco { font-size: 11px }
    .faq-section__title { margin-top: 5px; margin-bottom: 0; font-size: 21px }
    .faq-section__question { padding: 35px 0 40px }
    .faq-section__question dt { grid-template-columns: 35px 1fr; margin-bottom: 20px; font-size: 16px; line-height: 1.56 }
    .faq-section__question dt::before { font-size: 26px }
    .faq-section__question dd { grid-template-columns: 35px 1fr }
    .faq-section__question dd::before { font-size: 26px }
    .faq-section__question p:nth-of-type(1) { font-size: 14px; letter-spacing: .02em; line-height: 1.78 }
    .faq-section__question p:nth-of-type(2) { font-size: 12px; line-height: 2.08 }
    .top-panelContent__link.grayOut::after { top: -5px; left: -5px; width: calc(100% + 5px); height: calc(100% + 5px); font-size: 25px }
}
@media (min-width:901px) and (max-width:1255px) {
    .academy-keyword__system .card__title .u-ib { width: 100% }
}
@media (min-width:901px) and (max-width:1050px) {
    .academy-message__lead .responsive-br { display: inline-block }
}
.head__mv._size-m { height: 800px }
.head { position: relative }
.head__copy { color: #fff; font-size: 36px; font-weight: 500; line-height: 65px; letter-spacing: .1em; position: absolute; left: 130px; bottom: 330px; }
.head__info { display: flex; justify-content: center; align-items: center; width: 280px; height: 280px; color: #fff; font-size: 22px; line-height: 35px; text-align: center; letter-spacing: .15em; text-indent: -.15em; background: #265845; position: absolute; left: 130px; bottom: 0 }
.head__info span { display: block; padding: 25px 0 0; font-size: 15px; font-weight: 700; line-height: 26px; letter-spacing: .05em; text-indent: -.05em }
.head__info small { display: block; font-size: 13px; line-height: 30px; letter-spacing: .1em; text-indent: -.1em }
.head__info-icon { width: 30px; height: 30px; background: url(../images/interview/bg_icon.png) repeat; position: absolute; left: 120px; bottom: 260px }
.interview-info { padding: 120px 0; background: linear-gradient(to right, #CCE9D7, #A1C4C3) }
.interview-info__inner { display: flex; justify-content: space-between; margin: 0 auto; padding: 0 20px; width: 100%; max-width: 1000px }
.interview-info__inner .inner-bx { width: 47%; }
.interview-info__inner .inner-bx .inner-bx__tit { margin-bottom: 20px; color: #006C61; font-size: 20px; font-weight: 500; line-height: 50px; letter-spacing: .15em; border-bottom: 2px solid #5CA297 }
.interview-info__inner .inner-bx .inner-bx__txt { font-size: 15px; line-height: 30px; letter-spacing: .03em }
.interview-info__inner .inner-bx .inner-bx__list li { padding: 0 0 0 19px; font-size: 15px; line-height: 30px; letter-spacing: .03em; background: url(../images/interview/icon.png) no-repeat left 7px; background-size: 15px auto }
.interview-question { padding: 130px 0 0; background: url(../images/interview/001/bg_gray.png) repeat-x left bottom }
.interview-question__inner { display: flex; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 1530px }
.interview-question__inner .question-bx { padding: 0 20px 100px 110px; width: 100%; max-width: 633px; font-size: 15px; line-height: 30px; letter-spacing: .03em }
.interview-question__inner .question-bx .question-bx__number { margin-bottom: 10px; color: #adadaf; font-size: 14px; font-weight: 700; line-height: 1; font-family: "Manrope"; letter-spacing: .05em }
.interview-question__inner .question-bx .question-bx__copy { margin-bottom: 20px; color: #006c61; font-size: 28px; font-weight: 500; line-height: 45px; letter-spacing: .1em }
.interview-question__inner .question-img { width: 100%; max-width: 800px }
.interview-question.typ02 { padding: 146px 0 130px; background: #F1F1F1 }
.interview-question.typ02 .interview-question__inner { margin: 0; padding: 0 250px; width: 100%; max-width: 1460px; min-width: inherit }
.interview-question.typ02 .interview-question__inner .question-bx { padding: 0; width: 100%; max-width: 1210px }
.interview-question.typ03 { padding: 0 0 130px; background: url(../images/interview/001/bg_gray.png) repeat-x left top }
.interview-question.typ03 .interview-question__inner { display: flex; justify-content: space-between; margin: 0; padding: 0 20px 0 0; width: 100%; max-width: 1374px }
.interview-question.typ03 .interview-question__inner .question-img { width: 100%; max-width: 740px }
.interview-question.typ03 .interview-question__inner .question-bx { padding: 240px 0 0 20px; max-width: 500px }
.interview-question.typ04 { padding: 155px 0 178px; background: #F1F1F1; min-width: inherit }
.interview-question.typ04 .interview-question__inner { margin: 0; padding: 0 250px; width: 100%; max-width: 1460px; min-width: inherit }
.interview-question.typ04 .interview-question__inner .question-bx { padding: 0; width: 100%; max-width: 1210px }
.interview-question.typ05 { padding: 0; background: linear-gradient(to right, #CCE9D7, #A1C4C3) }
.interview-question.typ05 .interview__mv { height: 750px }
.interview-question.typ05 .interview__mv._size-m { height: 715px }
.interview-question.typ05 .interview__mv img { width: 100%; height: 100%; object-fit: cover }
.interview-question.typ05 .interview-question__inner { margin: 0 auto; padding: 0; width: 100%; height: 640px; max-width: inherit; position: relative }
.interview-question.typ05 .interview-question__inner .question-bx { margin: 0 auto; padding: 110px 140px; width: 100%; max-width: 960px; background: #fff; border-radius: 3px; box-sizing: border-box; position: absolute; left: 0; right: 0; top: -160px }
.nextContent.interview .nextContent__title span.en { display: block; margin: 0 auto 72px; width: 100%; max-width: 445px }
.nextContent.interview .nextContent__buttonLink-set__02 { display: flex; justify-content: space-between; margin: 0 auto; width: 1004px }
.nextContent.interview .nextContent__buttonLink-set__02 li.arrow { margin-top: 80px; width: 62px }
.nextContent.interview .nextContent__buttonLink-set__02 li.next_link { width: 300px; overflow: hidden }
.nextContent.interview .nextContent__buttonLink-set__02 li.prev_link { width: 300px }
.nextContent.interview .nextContent__buttonLink-set__02 li.next_link a p, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link a p { display: block; width: 300px; height: 199px; overflow: hidden }
.nextContent.interview .nextContent__buttonLink-set__02 li.next_link a p img, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link a p img { transition: 1s all }
.nextContent.interview .nextContent__buttonLink-set__02 li.next_link a:hover p img, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link a:hover p img { transform: scale(1.1, 1.1); transition: 1s all }
.nextContent.interview .nextContent__buttonLink-set__02 li.next_link span, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link span { display: block; padding: 20px 0 0; color: #fff; font-size: 18px; line-height: 28px }
.nextContent.interview .nextContent__buttonLink-set__02 li.next_link span small, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link span small { display: block; padding: 8px 0 0; color: #fff; font-size: 14px; line-height: 24px }
.nextContent.interview .nextContent__buttonLink-set__02 li.page_link { margin-top: 70px; width: 60px }
.nextContent.interview .nextContent__buttonLink-set__02 li.page_link a { display: block; width: 100%; height: 60px; background: url(../images/interview/page_link.png) no-repeat; background-size: 100% auto }
.nextContent.interview .nextContent__buttonLink-set__02 li.page_link a:hover { background: url(../images/interview/page_link_on.png) no-repeat }
@media (max-width:900px) {
    .head__mv._size-m { height: auto }
    .head__copy { padding: 8vw 0 12vw 6.933vw; color: #19503c; font-size: 6.4vw; line-height: 10.666vw; letter-spacing: normal; position: static; left: inherit; top: inherit }
    .head__info { display: flex; justify-content: center; align-items: center; margin: 0 auto 14.666vw; padding: 11vw 0 10vw; width: 84vw; height: auto; font-size: 5.333vw; line-height: 8vw; background: #265845; position: relative; left: inherit; top: inherit }
    .head__info span { padding: 7.333vw 0 0; font-size: 3.733vw; line-height: 5.333vw }
    .head__info small { font-size: 2.933vw; line-height: 6vw }
    .head__info-icon { width: 6.666vw; height: 6.666vw; background: url(../images/interview/bg_icon.png) repeat; position: absolute; left: -1.333vw; top: -1.333vw }
    .interview-info { padding: 16vw 8vw 19vw; background: linear-gradient(to right, #CCE9D7, #A1C4C3) }
    .interview-info__inner { display: block; margin: 0 auto; padding: 0; width: 100%; max-width: inherit }
    .interview-info__inner .inner-bx { width: 100% }
    .interview-info__inner .inner-bx + .inner-bx { margin-top: 14.6vw }
    .interview-info__inner .inner-bx .inner-bx__tit { margin-bottom: 4vw; font-size: 4.8vw; line-height: 12vw }
    .interview-info__inner .inner-bx .inner-bx__txt { font-size: 3.466vw; line-height: 6.666vw }
    .interview-info__inner .inner-bx .inner-bx__list li { padding: 0 0 0 4.266vw; font-size: 3.466vw; line-height: 6.666vw; background: url(../images/interview/icon.png) no-repeat left 1.8vw; background-size: 3.466vw auto }
    .interview-question { padding: 20vw 0 0; background: url(../images/interview/001/bg_gray_sp.png) repeat-x left bottom }
    .interview-question__inner { display: block; margin: 0 auto; width: 100%; max-width: inherit }
    .interview-question__inner .question-bx { margin: 0 auto; padding: 0; width: 84vw; max-width: inherit; font-size: 3.466vw; line-height: 6.666vw }
    .interview-question__inner .question-bx .question-bx__number { margin-bottom: 5.333vw; font-size: 3.2vw }
    .interview-question__inner .question-bx .question-bx__copy { margin-bottom: 6vw; font-size: 6.4vw; line-height: 10.666vw; letter-spacing: normal }
    .interview-question__inner .question-img { padding: 13.333vw 0 0 14.666vw; width: 100%; max-width: inherit; box-sizing: border-box }
    .interview-question.typ02 { padding: 19.466vw 8vw 13.333vw }
    .interview-question.typ02 .interview-question__inner { padding: 0; width: 100%; max-width: inherit }
    .interview-question.typ02 .interview-question__inner .question-bx { padding: 0; width: 100%; max-width: inherit }
    .interview-question.typ03 { padding: 0 0 19.333vw; background: url(../images/interview/001/bg_gray02_sp.png) repeat-x left top }
    .interview-question.typ03 .interview-question__inner { display: block; margin: 0; padding: 0; width: 100%; max-width: inherit }
    .interview-question.typ03 .interview-question__inner .question-img { padding: 0 14.666vw 0 0; width: 100%; max-width: inherit }
    .interview-question.typ03 .interview-question__inner .question-bx { padding: 19.333vw 0 0 20px; max-width: inherit }
    .interview-question.typ04 { padding: 19.466vw 8vw 22vw }
    .interview-question.typ04 .interview-question__inner { padding: 0; width: 100%; max-width: inherit }
    .interview-question.typ04 .interview-question__inner .question-bx { padding: 0; width: 100%; max-width: inherit }
    .interview-question.typ05 { padding: 0; background: linear-gradient(to right, #CCE9D7, #A1C4C3) }
    .interview-question.typ05 .interview__mv { height: auto }
    .interview-question.typ05 .interview__mv._size-m { height: auto }
    .interview-question.typ05 .interview__mv img { width: 100%; height: 100%; object-fit: cover }
    .interview-question.typ05 .interview-question__inner { margin: 0 auto; padding: 0; width: 84vw; height: 226.66vw; max-width: inherit; position: relative }
    .interview-question.typ05 .interview-question__inner .question-bx { margin: 0 auto; padding: 14vw 10.666vw; width: 100%; max-width: inherit; top: -20vw }
    .nextContent.interview .nextContent__title span.en { display: block; margin: 0 auto 12.933vw; width: 68.933vw; max-width: inherit }
    .nextContent.interview .nextContent__buttonLink-set__02 { width: 84vw }
    .nextContent.interview .nextContent__buttonLink-set__02 li.arrow { display: none }
    .nextContent.interview .nextContent__buttonLink-set__02 li.next_link { width: 33.6vw; overflow: hidden }
    .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link { width: 33.6vw }
    .nextContent.interview .nextContent__buttonLink-set__02 li.next_link a p, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link a p { display: block; width: 33.6vw; height: 22.4vw; overflow: hidden }
    .nextContent.interview .nextContent__buttonLink-set__02 li.next_link a p img, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link a p img { transition: 1s all }
    .nextContent.interview .nextContent__buttonLink-set__02 li.next_link a:hover p img, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link a:hover p img { transform: scale(1.1, 1.1); transition: 1s all }
    .nextContent.interview .nextContent__buttonLink-set__02 li.next_link span, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link span { padding: 4vw 0 0; font-size: 3.466vw; line-height: 5.333vw }
    .nextContent.interview .nextContent__buttonLink-set__02 li.next_link span small, .nextContent.interview .nextContent__buttonLink-set__02 li.prev_link span small { display: none }
    .nextContent.interview .nextContent__buttonLink-set__02 li.page_link { margin-top: 7.2vw; width: 8vw }
    .nextContent.interview .nextContent__buttonLink-set__02 li.page_link a { display: block; width: 100%; height: 60px; background: url(../images/interview/page_link.png) no-repeat; background-size: 100% auto }
    .nextContent.interview .nextContent__buttonLink-set__02 li.page_link a:hover { background: url(../images/interview/page_link.png) no-repeat; background-size: 100% auto; }
}
.about-first-intro .about-first-intro__box.motion h2.about-first-intro__lead { font-size: 16px; font-weight: bold; text-align: center; margin: -110px auto 0; line-height: 2; width: 1240px; padding: 70px 0; background: #fff; position: relative; }
.about-first-intro .about-first-intro__box.motion .about-first-intro__link { display: flex; justify-content: space-between; width: 1150px; margin: 0 auto 150px; }
.about-first-intro .about-first-intro__box.motion .about-first-intro__link li a { background: #19503c; display: block; width: 280px; height: 75px; text-align: center; padding: 15px 0 0 0; box-sizing: border-box; font-size: 15px; color: #fff; }
.about-first-intro .about-first-intro__box.motion .about-first-intro__link li a:hover { background: #323237; display: block; width: 280px; height: 75px; text-align: center; padding: 15px 0 0 0; box-sizing: border-box; font-size: 15px; color: #fff; }
.about-first-intro .about-first-intro__box.motion .about-first-intro__link li a span { color: #009137; font-size: 14px; display: block; }
.about-first-section-set { width: 960px; margin: 0 auto; }
.about-first-section h3 { display: flex; align-items: center; width: 960px; margin: 0 auto; }
.about-first-section h3:before, .about-first-section h3:after { content: ""; height: 1px; flex-grow: 1; background-color: #19503c; }
.about-first-section h3:before { margin-right: 1rem; }
.about-first-section h3:after { margin-left: 1rem; }
.about-first-section h3 span { font-size: 16px; margin: 0 10px 0 0; font-weight: bold; color: #19503c; }
.about-first-section-set .about-first-section h2 { text-align: center; font-size: 28px; font-weight: bold; line-height: 1.6; padding: 45px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; }
.about-first-section-set .about-first-section .about-first-section__text { width: 800px; margin: 50px auto 100px; font-size: 14px; line-height: 2; }
.about-first-section-photo { margin: 0 0 160px 0; }
.about-first-section-photo .infiniteslide li img { width: 630px; height: 420px; }
.about-first-section-second-set { background: #edf7f1; padding: 150px 0 50px; }
.about-first-section-second-set .about-first-section { width: 960px; margin: 0 auto; }
.about-first-section-second-set .about-first-section h2 { background: #fff; margin: -11px 0 0 0; text-align: center; font-size: 28px; font-weight: bold; line-height: 1.6; padding: 45px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; }
.about-first-section-second-set .about-first-section .about-first-section__text { width: 800px; margin: 50px auto 100px; font-size: 14px; line-height: 2; }
.about-first-section-second-set .about-first-section .fade-in-up h4 { background: #006c61; text-align: center; color: #fff; font-size: 28px; padding: 21px; }
.about-first-section-second-set .about-first-section .fade-in-up .about-first-section__text02 { width: 800px; margin: 50px auto 0px; font-size: 14px; line-height: 2; font-weight: bold; color: #0c6c61; }
.about-first-section-second-set .about-first-section .fade-in-up .about-first-section__text03 { width: 800px; margin: 20px auto 100px; font-size: 14px; line-height: 2; }
.about-first-section-second-set .about-first-section .fade-in-up picture { margin: 0 auto 120px; display: block; }
.about-first-section-third-set .about-first-section { width: 960px; margin: 140px auto; }
.about-first-section-third-set .about-first-section h2 { text-align: center; font-size: 28px; font-weight: bold; line-height: 1.6; padding: 45px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; }
.about-first-section-third-set .about-first-section .about-first-section__text { width: 800px; margin: 50px auto 100px; font-size: 14px; line-height: 2; }
.about-first-section-third-set .about-first-section picture { width: 766px; display: block; margin: 0 auto; }
.about-first-section-force-set { background: #edf7f1; padding: 150px 0 140px; }
.about-first-section-force-set .about-first-section h2 { background: #fff; margin: -11px auto 0; text-align: center; font-size: 28px; font-weight: bold; line-height: 1.6; padding: 45px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; width: 960px; }
.about-first-section-force-set .about-first-section .about-first-section__text { width: 800px; margin: 70px auto 100px; font-size: 14px; line-height: 2; }
.about-first-section-force-set .about-first-section ul { width: 1275px; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; }
.about-first-section-force-set .about-first-section ul li { width: 420px; height: 280px; margin: 0 2px 50px; }
.about-first-section-force-set .about-first-section ul li span { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 16px; margin: -20px auto 0; display: table; position: relative; color: #006c61; }
@media (max-width:900px) {
    .about-first-intro { padding: 0 15px; }
    .about-first-intro .about-first-intro__box.motion h2.about-first-intro__lead { font-size: 13px; font-weight: bold; text-align: center; margin: -30px auto 0; line-height: 2; display: block; background: #fff; position: relative; width: 100%; padding: 30px 0 40px; }
    .about-first-intro .about-first-intro__box.motion .about-first-intro__link { display: flex; justify-content: space-around; width: 100%; margin: 0 auto 150px; flex-wrap: wrap; }
    .about-first-intro .about-first-intro__box.motion .about-first-intro__link li { width: 50%; margin-bottom: 4px; }
    .about-first-intro .about-first-intro__box.motion .about-first-intro__link li a { background: #19503c; display: block; width: 98%; height: 85px; text-align: center; padding: 15px 0 0 0; box-sizing: border-box; font-size: 12px; color: #fff; line-height: 1.3; }
    .about-first-intro .about-first-intro__box.motion .about-first-intro__link li a:hover { background: #323237; display: block; width: 98%; height: 85px; text-align: center; padding: 15px 0 0 0; box-sizing: border-box; font-size: 12px; color: #fff; }
    .about-first-intro .about-first-intro__box.motion .about-first-intro__link li a span { color: #009137; font-size: 11px; display: block; margin: 0 0 4px 0; }
    .about-first-section-set { width: 100%; margin: -100px auto 0; padding: 0 15px; box-sizing: border-box; }
    .about-first-section { padding: 0 15px; }
    .about-first-section h3 { display: flex; align-items: center; width: 100%; margin: 0 auto; }
    .about-first-section h3:before, .about-first-section h3:after { content: ""; height: 1px; flex-grow: 1; background-color: #19503c; }
    .about-first-section h3:before { margin-right: 1rem; }
    .about-first-section h3:after { margin-left: 1rem; }
    .about-first-section h3 span { font-size: 16px; margin: 0 10px 0 0; font-weight: bold; color: #19503c; }
    .about-first-section-set .about-first-section h2 { text-align: center; font-size: 20px; font-weight: bold; line-height: 1.6; padding: 30px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; }
    .about-first-section-set .about-first-section .about-first-section__text { width: 100%; margin: 50px auto 100px; font-size: 12px; line-height: 2; }
    .about-first-section-photo { margin: 0 0 80px 0; }
    .about-first-section-photo .infiniteslide li img { width: 315px; height: 210px; }
    .about-first-section-second-set { background: #edf7f1; padding: 70px 0 30px; }
    .about-first-section-second-set .about-first-section { width: 100%; margin: 0 auto; padding: 0 30px; }
    .about-first-section-second-set .about-first-section h2 { background: #fff; margin: -11px 0 0 0; text-align: center; font-size: 20px; font-weight: bold; line-height: 1.6; padding: 30px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; }
    .about-first-section-second-set .about-first-section .about-first-section__text { width: 100%; margin: 40px auto 50px; font-size: 12px; line-height: 2; }
    .about-first-section-second-set .about-first-section .fade-in-up h4 { background: #006c61; text-align: center; color: #fff; font-size: 18px; padding: 20px; }
    .about-first-section-second-set .about-first-section .fade-in-up .about-first-section__text02 { width: 100%; margin: 20px auto 0px; font-size: 14px; line-height: 2; font-weight: bold; color: #0c6c61; }
    .about-first-section-second-set .about-first-section .fade-in-up .about-first-section__text03 { width: 100%; margin: 15px auto 50px; font-size: 12px; line-height: 2; }
    .about-first-section-second-set .about-first-section .fade-in-up picture { margin: 0 auto 80px; display: block; }
    .about-first-section-third-set .about-first-section { width: 100%; margin: 70px auto; padding: 0 30px; }
    .about-first-section-third-set .about-first-section h2 { text-align: center; font-size: 20px; font-weight: bold; line-height: 1.6; padding: 30px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; }
    .about-first-section-third-set .about-first-section .about-first-section__text { width: 100%; margin: 50px auto 50px; font-size: 12px; line-height: 2; }
    .about-first-section-third-set .about-first-section picture { width: 100%; display: block; margin: 0 auto; }
    .about-first-section-force-set { background: #edf7f1; padding: 70px 15px 140px; }
    .about-first-section-force-set .about-first-section h2 { background: #fff; margin: -11px auto 0; text-align: center; font-size: 20px; font-weight: bold; line-height: 1.6; padding: 30px 0; letter-spacing: 2px; border-bottom: 1px solid #19503c; width: 100%; }
    .about-first-section-force-set .about-first-section .about-first-section__text { width: 100%; margin: 50px auto 70px; font-size: 12px; line-height: 2; }
    .about-first-section-force-set .about-first-section ul { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; }
    .about-first-section-force-set .about-first-section ul li { width: 100%; height: inherit; margin: 0 auto 20px; }
    .about-first-section-force-set .about-first-section ul li span { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 13px; margin: -16px auto 0; display: table; position: relative; color: #006c61; }
}
.living .head__title .ja { letter-spacing: inherit; }
.living-intro { width: 1240px; margin: -110px auto 0; background: #fff; position: relative; }
.living-intro .living-intro__box.motion h2.living-intro__lead { text-align: center; font-size: 16px; font-weight: bold; line-height: 2; padding: 70px 0; }
.living-section-set section.living-section .living-section-box { width: 960px; margin: 0 auto; position: relative; margin-bottom: 70px; }
.living-section-set section.living-section .living-section-box p.ttl { font-size: 70px; font-family: "Manrope"; font-weight: bold; color: #1d9137; margin-bottom: 15px; }
.living-section-set section.living-section .living-section-box p.s_ttl { color: #1d9137; }
.living-section-set section.living-section .living-section-box h2 { font-size: 28px; line-height: 1.6; margin: 12px auto; }
.living-section-set section.living-section .living-section-box p.txt { position: absolute; width: 460px; font-size: 14px; bottom: 0; right: 0; line-height: 1.8; }
.living-section-set section.living-section .ph_box { text-align: center; padding: 0 30px 70px; }
.living-section-set section.living-section .ph_box img { margin: 0 auto 30px; }
.living-section-set section.living-section picture.u-pc-only img { width: 1240px; margin: 0 auto 100px; display: block; }
.living-section-second-set { background: #edf7f1; padding: 140px 0; }
.living-section-second-set .living-section-box { width: 960px; margin: 0 auto; }
.living-section-second-set .living-section-box p.ttl { font-size: 70px; font-family: "Manrope"; font-weight: bold; color: #1d9137; margin-bottom: 15px; }
.living-section-second-set .living-section-box p.s_ttl { color: #1d9137; }
.living-section-second-set .living-section-box h2 { font-size: 28px; margin: 20px 0 40px; }
.living-section-second-set .living-section-box p.txt { font-size: 15px; line-height: 1.8; margin: 0 auto 70px; }
.living-section-second-set picture img { width: 1240px; margin: 0 auto; display: block; }
.living-section-third-set { padding: 140px 0; }
.living-section-third-set .living-section-box p.ttl { font-size: 70px; font-family: "Manrope"; font-weight: bold; color: #1d9137; width: 960px; margin: 0 auto 15px; }
.living-section-third-set .living-section-box p.s_ttl { color: #1d9137; width: 960px; margin: 0 auto; }
.living-section-third-set .living-section-box h2 { font-size: 28px; margin: 20px auto 40px; width: 960px; }
.living-section-third-set .living-section-box p.txt { font-size: 15px; line-height: 1.8; width: 960px; margin: 0 auto 90px; }
.living-section-third-set .living-section-box .living-section-block { padding: 0; width: 1240px; margin: 0 auto 15px; background: #f5f5f5; display: flex; justify-content: space-between; box-sizing: border-box; padding: 100px 140px 100px 120px; }
.living-section-third-set .living-section-box .living-section-block picture img { width: 510px; }
.living-section-third-set .living-section-box .living-section-block .txt-box { width: 400px; }
.living-section-third-set .living-section-box .living-section-block .txt-box p.txt-box_ttl { font-size: 20px; font-weight: bold; color: #1d9137; margin: 40px 0 20px 0; }
.living-section-third-set .living-section-box .living-section-block .txt-box p.txt-box_txt { line-height: 1.8; font-size: 14px; }
.living-section-force-set { padding: 140px 0; background: #edf7f1; }
.living-section-force-set .living-section-box__inner { width: 960px; position: relative; margin: 0 auto; }
.living-section-force-set .living-section-box p.ttl { font-size: 70px; font-family: "Manrope"; font-weight: bold; color: #1d9137; width: 960px; margin: 0 auto 15px; }
.living-section-force-set .living-section-box p.s_ttl { color: #1d9137; width: 960px; margin: 0 auto; }
.living-section-force-set .living-section-box h2 { font-size: 28px; margin: 20px auto 80px; width: 960px; }
.living-section-force-set .living-section-box p.txt { position: absolute; width: 580px; font-size: 14px; bottom: 0; left: 340px; line-height: 1.8; }
.living-section-force-set p.ph-box-intro picture img { width: 1240px; display: block; margin: 0px auto 15px; }
.living-section-force-set ul { width: 1240px; display: flex; margin: 0 auto; justify-content: space-between; }
.living-section-force-set ul li { width: 32.5%; }
.living-section-fifth-set { padding: 140px 0 200px; }
.living-section-fifth-set .living-section-box p.ttl { font-size: 70px; font-family: "Manrope"; font-weight: bold; color: #1d9137; width: 960px; margin: 0 auto 15px; }
.living-section-fifth-set .living-section-box p.s_ttl { color: #1d9137; width: 960px; margin: 0 auto; }
.living-section-fifth-set .living-section-box h2 { font-size: 28px; margin: 20px auto 40px; width: 960px; }
.living-section-fifth-set .living-section-box p.txt { width: 960px; margin: 0 auto 90px; font-size: 15px; line-height: 1.8; }
.living-section-fifth-set .living-section-box ul { width: 1240px; display: flex; margin: 0 auto; justify-content: space-between; }
.living-section-fifth-set .living-section-box ul li { width: 32.5%; }
@media (max-width:900px) {
    .living .head__title .ja { letter-spacing: inherit; }
    .living-intro { width: calc(100% - 30px); margin: -30px auto 0; background: #fff; position: relative; }
    .living-intro .living-intro__box.motion h2.living-intro__lead { text-align: center; font-size: 16px; font-weight: bold; line-height: 2; padding: 30px 0; }
    .living-section-set section.living-section .living-section-box { width: 100%; margin: 0 auto; position: relative; margin-bottom: 60px; padding: 0 30px; }
    .living-section-set section.living-section .living-section-box p.ttl { font-size: 48px; font-family: "Manrope"; font-weight: bold; color: #1d9137; margin-bottom: 15px; }
    .living-section-set section.living-section .living-section-box p.s_ttl { color: #1d9137; }
    .living-section-set section.living-section .living-section-box h2 { font-size: 21px; line-height: 1.6; margin: 20px auto; }
    .living-section-set section.living-section .living-section-box p.txt { position: inherit; width: 100%; font-size: 13px; bottom: 0; right: 0; line-height: 1.8; }
    .living-section-set section.living-section picture { text-align: center; }
    .living-section-set section.living-section picture.u-pc-only img { width: 100%; margin: 0 auto 100px; display: block; }
    .living-section-second-set { background: #edf7f1; padding: 70px 0; }
    .living-section-second-set .living-section-box { width: 100%; margin: 0 auto; padding: 0 30px; }
    .living-section-second-set .living-section-box p.ttl { font-size: 48px; font-family: "Manrope"; font-weight: bold; color: #1d9137; margin-bottom: 15px; }
    .living-section-second-set .living-section-box p.s_ttl { color: #1d9137; }
    .living-section-second-set .living-section-box h2 { font-size: 21px; margin: 20px 0; }
    .living-section-second-set .living-section-box p.txt { font-size: 13px; line-height: 1.8; margin: 0 auto 70px; }
    .living-section-second-set picture img { width: calc(100% - 30px); margin: 0 auto; display: block; }
    .living-section-third-set { padding: 70px 30px; }
    .living-section-third-set .living-section-box p.ttl { font-size: 42px; font-family: "Manrope"; font-weight: bold; color: #1d9137; width: 100%; margin: 0 auto 15px; }
    .living-section-third-set .living-section-box p.s_ttl { color: #1d9137; width: 100%; margin: 0 auto; }
    .living-section-third-set .living-section-box h2 { font-size: 21px; margin: 20px auto; width: 100%; }
    .living-section-third-set .living-section-box p.txt { font-size: 13px; line-height: 1.8; width: 100%; margin: 0 auto 90px; }
    .living-section-third-set .living-section-box .living-section-block { padding: 0; width: 100%; margin: 0 auto 15px; background: #f5f5f5; display: block; box-sizing: border-box; padding: 40px; }
    .living-section-third-set .living-section-box .living-section-block picture img { width: 510px; }
    .living-section-third-set .living-section-box .living-section-block .txt-box { width: 100%; }
    .living-section-third-set .living-section-box .living-section-block .txt-box p.txt-box_ttl { font-size: 17px; font-weight: bold; color: #1d9137; margin: 40px 0 20px 0; }
    .living-section-third-set .living-section-box .living-section-block .txt-box p.txt-box_txt { line-height: 1.8; font-size: 13px; }
    .living-section-force-set { padding: 70px 30px; background: #edf7f1; }
    .living-section-force-set .living-section-box__inner { width: 100%; position: relative; margin: 0 auto; }
    .living-section-force-set .living-section-box p.ttl { font-size: 48px; font-family: "Manrope"; font-weight: bold; color: #1d9137; width: 100%; margin: 0 auto 15px; }
    .living-section-force-set .living-section-box p.s_ttl { color: #1d9137; width: 100%; margin: 0 auto; }
    .living-section-force-set .living-section-box h2 { font-size: 21px; margin: 20px auto; width: 100%; }
    .living-section-force-set .living-section-box p.txt { position: inherit; width: 100%; font-size: 13px; bottom: 0; left: 0; line-height: 1.8; margin-bottom: 40px; }
    .living-section-force-set p.ph-box-intro picture img { width: 100%; display: block; margin: 0px auto 15px; }
    .living-section-force-set ul { width: 100%; display: block; margin: 0 auto; justify-content: space-between; }
    .living-section-force-set ul li { width: 100%; margin: 0px auto 15px; }
    .living-section-fifth-set { padding: 70px 30px 120px; }
    .living-section-fifth-set .living-section-box p.ttl { font-size: 48px; font-family: "Manrope"; font-weight: bold; color: #1d9137; width: 100%; margin: 0 auto 15px; }
    .living-section-fifth-set .living-section-box p.s_ttl { color: #1d9137; width: 100%; margin: 0 auto; }
    .living-section-fifth-set .living-section-box h2 { font-size: 21px; margin: 20px auto 40px; width: 100%; }
    .living-section-fifth-set .living-section-box p.txt { width: 100%; margin: 0 auto 60px; font-size: 13px; line-height: 1.8; }
    .living-section-fifth-set .living-section-box ul { width: 100%; display: block; margin: 0 auto; justify-content: space-between; }
    .living-section-fifth-set .living-section-box ul li { width: 100%; margin-bottom: 15px; }
}
div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion h2.workstyle-first-first-intro__lead { font-size: 16px; font-weight: bold; text-align: center; margin: -110px auto 0; line-height: 2; width: 1240px; padding: 70px 0; background: #fff; position: relative; }
div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link { display: flex; justify-content: space-between; width: 860px; margin: 0 auto 150px; }
div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link li a { background: #19503c; display: block; width: 280px; height: 75px; text-align: center; padding: 15px 0 0 0; box-sizing: border-box; font-size: 15px; color: #fff; }
div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link li a span { color: #009137; font-size: 14px; display: block; }
div#c01.workstyle-first-section-set section.workstyle-first-section { width: 1240px; margin: 0 auto 80px; border-top: 1px solid #19503c; border-bottom: 1px solid #19503c; display: flex; padding: 40px 0; }
div#c01.workstyle-first-section-set section.workstyle-first-section h3 { font-size: 42px; font-weight: bold; color: #19503c; margin: 0 189px 0 160px; }
div#c01.workstyle-first-section-set section.workstyle-first-section p.workstyle-first-section__text { font-size: 15px; line-height: 1.8; margin: 8px 0 0 0; }
div#c01.workstyle-first-section-set section.workstyle-first-block { width: 980px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box { width: 455px; margin-bottom: 70px; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 21px; margin: 0 auto -20px; display: table; position: relative; color: #006c61; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box .bg-gray { background: #f5f5f5; padding: 15px 45px; height: 200px; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box p.txt { font-size: 15px; padding: 20px 0; line-height: 1.8; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter { background: #fff; padding: 20px 40px; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.s_ttl { font-size: 16px; font-weight: bold; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.s_ttl span { color: #006c61; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.parameter { font-family: "Manrope"; font-size: 108px; font-weight: bold; text-align: center; color: #009137; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.parameter span { font-size: 30px; color: #323237; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box small { text-align: right; display: block; margin: 10px 0 10px; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box { position: relative; width: 980px; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 21px; margin: 0 auto -20px; display: table; position: relative; color: #006c61; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box picture { float: left; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box picture img { width: 355px; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box .bg-gray { background: #f5f5f5; padding: 60px 45px; float: right; width: 620px; height: 605px; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.txt { width: 505px; font-size: 16px; line-height: 2; margin: 0 0 30px 0; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex { display: flex; width: 535px; justify-content: space-between; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter { width: 100%; background: #fff; padding: 25px 30px; position: relative; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.s_ttl { font-size: 16px; font-weight: bold; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.s_ttl span { color: #006c61; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.parameter { font-family: "Manrope"; font-size: 84px;    /* font-weight: 600; */ text-align: center; color: #009137; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.parameter span { font-size: 30px; color: #323237; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.parameter span.add_txt { font-size: 18px; color: #323237; font-weight: normal; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box small { position: absolute; bottom: -26px; right: 0; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box .txt_attention { font-size: 13px; line-height: 1.8; padding-left: 1em; text-indent: -1em; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.parameter small { text-align: inherit; display: inline; font-size: 59px; font-weight: normal; margin: 0px 5px 0 0; }
div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.parameter small { position: inherit; font-size: 58px; margin: 0 6px 0 0; font-weight: normal; }
div#c02.workstyle-first-section-set.bg_green { background: #edf7f1; padding: 140px 0 10px; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-section { width: 1240px; margin: 0 auto 80px; border-top: 1px solid #19503c; border-bottom: 1px solid #19503c; display: flex; padding: 40px 0; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-section h3 { font-size: 42px; font-weight: bold; color: #19503c; margin: 40px 69px 0 80px; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-section p.workstyle-first-section__text { font-size: 15px; line-height: 1.8; margin: 8px 0 0 0; width: 710px; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 21px; margin: 0 auto -20px; display: table; position: relative; color: #006c61; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box .bg-white { background: #fff; width: 960px; margin: 0 auto; padding: 60px 60px 30px; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl { margin: 0 0 12px; font-weight: bold; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl span { color: #006c61; }
div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.txt { margin: 0 auto 50px; font-size: 15px; line-height: 1.8; }
div#c03.workstyle-first-section-set { padding: 140px 0 0px; }
div#c03.workstyle-first-section-set section.workstyle-first-section { width: 1240px; margin: 0 auto 80px; border-top: 1px solid #19503c; border-bottom: 1px solid #19503c; display: flex; padding: 40px 0; }
div#c03.workstyle-first-section-set section.workstyle-first-section h3 { font-size: 42px; font-weight: bold; color: #19503c; margin: 30px 69px 0 80px; }
div#c03.workstyle-first-section-set section.workstyle-first-section p.workstyle-first-section__text { font-size: 15px; line-height: 1.8; margin: 8px 0 0 0; width: 695px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 21px; margin: 0 auto -20px; display: table; position: relative; color: #006c61; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box .bg-gray { background: #f5f5f5; width: 960px; margin: 0 auto 80px; padding: 60px 60px 30px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl { margin: 0 0 12px; font-weight: bold; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl span { color: #0c6c61; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.txt { margin: 0 auto 30px; font-size: 15px; line-height: 1.8; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box { display: flex; margin: 0 0 40px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-tag { font-size: 12px; color: #fff; background: #000; position: relative; padding: 9px 6px 9px 15px; line-height: 1; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-tag:after { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 18px solid #000000; content: ''; display: block; position: absolute; right: -18px; top: 0; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-txt a { font-size: 15px; color: #009137; text-decoration: underline; margin: 0 0 0 36px; line-height: 2; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-txt a:hover { opacity: 40%; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.licence-box { text-align: center; background: #fff; padding: 50px 0px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.licence-box p.s_ttl { color: #0c6c61; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.licence-box p.licence-list { line-height: 1.8; font-size: 15px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex div.case-box { background: #fff; padding: 38px; width: 49%; margin-bottom: 20px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex div.case-box:nth-child(1) { background: #fff; padding: 38px; width: 100%; margin-bottom: 20px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex div.case-box:nth-child(2) { background: #fff; padding: 38px; width: 100%; margin-bottom: 20px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex div.case-box picture img { height: 95px; width: inherit; margin: 30px auto; display: block; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.job-list-btn a { display: block; width: 300px; background: #000; text-align: center; padding: 17px 0; color: #fff; margin: 30px auto 70px; }
div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.job-list-btn a:hover { opacity: 40%; }
section.workstyle-first-section-voice { background: #19503c; margin: 130px 0 130px; padding: 0 0 60px; }
section.workstyle-first-section-voice p.en { font-family: 'Poppins', sans-serif; font-size: 52px; text-align: center; color: #1d9137; margin: 0px 0 0; position: relative; top: -39px; }
section.workstyle-first-section-voice h2 { text-align: center; color: #ffff; margin: -30px 0 40px; }
section.workstyle-first-section-voice div.flex { width: 960px; margin: 0 auto 50px; display: flex; align-items: center; }
section.workstyle-first-section-voice div.flex picture img { width: 140px; height: 140px; }
section.workstyle-first-section-voice div.flex div.name-box { color: #fff; width: 200px; font-size: 16px; padding: 0 25px 0 40px; }
section.workstyle-first-section-voice div.flex div.name-box p.job { margin-bottom: 10px; }
section.workstyle-first-section-voice div.flex div.txt { width: 620px; font-size: 15px; color: #fff; padding: 20px 0 20px 40px; line-height: 2; border-left: dotted 2px #fff; }
@media (max-width:900px) {
    div.workstyle-first-first-intro { padding: 0 15px; }
    div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion h2.workstyle-first-first-intro__lead { font-size: 16px; font-weight: bold; text-align: center; margin: -30px auto 0; line-height: 2; display: block; background: #fff; position: relative; width: 100%; padding: 30px 0 40px; }
    div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link { display: flex; justify-content: space-between; width: 100%; margin: 0 auto 90px; }
    div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link li { width: 32%; }
    div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link li a { background: #19503c; display: block; width: 100%; height: 105px; text-align: center; padding: 15px 0 0 0; box-sizing: border-box; font-size: 15px; color: #fff; }
    div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link li:first-child a span { margin-bottom: 10px; }
    div.workstyle-first-first-intro div.workstyle-first-first-intro__box.motion ul.workstyle-first-first-intro__link li a span { color: #009137; font-size: 14px; display: block; }
    div#c01.workstyle-first-section-set { padding: 0 30px; }
    div#c01.workstyle-first-section-set section.workstyle-first-section { width: 100%; margin: 0 auto 80px; border-top: 1px solid #19503c; border-bottom: 1px solid #19503c; display: block; padding: 40px 0; }
    div#c01.workstyle-first-section-set section.workstyle-first-section h3 { font-size: 32px; font-weight: bold; color: #19503c; margin: 0 auto 30px; text-align: center; }
    div#c01.workstyle-first-section-set section.workstyle-first-section p.workstyle-first-section__text { font-size: 13px; line-height: 1.8; margin: 0; padding: 0 40px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box { width: 100%; margin-bottom: 70px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 13px 30px; line-height: 1; text-align: center; font-size: 18px; margin: 0 auto -20px; display: table; position: relative; color: #006c61; z-index: 10; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box .bg-gray { background: #f5f5f5; padding: 15px 30px; height: inherit; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box p.txt { font-size: 13px; padding: 20px 0; line-height: 1.8; margin-bottom: 20px; height: inherit; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter { background: #fff; padding: 20px 20px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.s_ttl { font-size: 16px; font-weight: bold; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.s_ttl span { color: #006c61; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.parameter { font-family: "Manrope"; font-size: 20vw; font-weight: bold; text-align: center; color: #009137; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box div.workstyle-first-block__parameter p.parameter span { font-size: 8vw; color: #323237; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-block__box small { text-align: right; display: block; margin: 10px 0 10px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box { position: relative; width: 100%; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 13px 30px; line-height: 1; text-align: center; font-size: 18px; margin: 0 auto -20px; display: table; position: relative; z-index: 10; color: #006c61; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box picture { float: none; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box picture img { width: 100%; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box .bg-gray { background: #f5f5f5; padding: 0; float: none; width: 100%; height: inherit; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.txt { width: 100%; margin: 0 0 30px 0; font-size: 13px; padding: 35px 30px 20px; line-height: 1.8; margin-bottom: 20px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex { display: block; width: 100%; justify-content: space-between; padding: 0 30px 24px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter { width: 100%; background: #fff; padding: 25px 30px; position: relative; margin: 0 auto 60px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.s_ttl { font-size: 16px; font-weight: bold; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.s_ttl span { color: #006c61; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.parameter { font-family: "Manrope"; font-size: 20vw;        /* font-weight: bold; */ text-align: center; color: #009137; line-height: 1.2; margin-bottom: 25px; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.parameter span { font-size: 8vw; color: #323237; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.flex div.workstyle-first-block__parameter p.parameter span.add_txt { font-size: 3.4vw; color: #323237; display: block; font-weight: normal; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box small { position: absolute; bottom: -35px; right: 0; }
    div#c01.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box .txt_attention { font-size: 13px; }
    div#c02.workstyle-first-section-set.bg_green { background: #edf7f1; padding: 100px 6vw 10px; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-section { width: 100%; margin: 0 auto 80px; border-top: 1px solid #19503c; border-bottom: 1px solid #19503c; display: block; padding: 40px 0; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-section h3 { font-size: 32px; font-weight: bold; color: #19503c; margin: 0 auto 30px; text-align: center; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-section p.workstyle-first-section__text { font-size: 13px; line-height: 1.8; margin: 0; width: 100%; padding: 0 40px; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 21px; margin: 0 auto -20px; display: table; position: relative; color: #006c61; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box .bg-white { background: #fff; width: 100%; margin: 0 auto; padding: 60px 40px 30px; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl { margin: 0 0 12px; font-weight: bold; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl span { color: #006c61; }
    div#c02.workstyle-first-section-set.bg_green section.workstyle-first-block div.workstyle-first-largeblock__box p.txt { margin: 0 auto 50px; font-size: 13px; line-height: 1.8; }
    div#c03.workstyle-first-section-set { padding: 100px 30px 10px; }
    div#c03.workstyle-first-section-set section.workstyle-first-section { width: 100%; margin: 0 auto 80px; border-top: 1px solid #19503c; border-bottom: 1px solid #19503c; display: block; padding: 40px 0; }
    div#c03.workstyle-first-section-set section.workstyle-first-section h3 { font-size: 32px; font-weight: bold; color: #19503c; margin: 0 auto 30px; text-align: center; }
    div#c03.workstyle-first-section-set section.workstyle-first-section p.workstyle-first-section__text { font-size: 13px; line-height: 1.8; margin: 0; width: 100%; padding: 0 40px; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.ttl { border: 1px solid #006c61; background: #fff; padding: 7px 20px; line-height: 1; text-align: center; font-size: 21px; margin: 0 auto -20px; display: table; position: relative; color: #006c61; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box .bg-gray { background: #f5f5f5; width: 100%; margin: 0 auto 80px; padding: 50px 30px 30px; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl { margin: 0 0 12px; font-weight: bold; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.s_ttl span { color: #0c6c61; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.txt { margin: 0 auto 30px; font-size: 13px; line-height: 1.8; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box { display: flex; margin: 0 0 40px; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-tag { font-size: 3vw; color: #fff; background: #000; position: relative; padding: 9px 2vw 9px 3vw; line-height: 1; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-tag:after { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 18px solid #000000; content: ''; display: block; position: absolute; right: -18px; top: 0; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-txt a { font-size: 3.8vw; color: #009137; text-decoration: underline; margin: 0 0 0 9vw; line-height: 2; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.link-box p.link-txt a:hover { opacity: 40%; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.licence-box { text-align: center; background: #fff; padding: 50px 30px; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.licence-box p.s_ttl { color: #0c6c61; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.licence-box p.licence-list { line-height: 1.8; font-size: 13px; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex div.case-box { background: #fff; padding: 30px 20px; width: 100%; margin-bottom: 20px; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box div.case-flex div.case-box picture img { height: 114px; width: inherit; margin: 30px auto 0; display: block; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.job-list-btn a { display: block; width: 100%; background: #000; text-align: center; padding: 17px 0; color: #fff; margin: 30px auto 70px; }
    div#c03.workstyle-first-section-set section.workstyle-first-block div.workstyle-first-largeblock__box p.job-list-btn a:hover { opacity: 40%; }
    section.workstyle-first-section-voice { background: #19503c; margin: 0 0 80px; padding: 0 0 20px; }
    section.workstyle-first-section-voice p.en { font-family: 'Poppins', sans-serif; font-size: 52px; text-align: center; color: #1d9137; margin: 0px 0 0; position: relative; top: -39px; }
    section.workstyle-first-section-voice h2 { text-align: center; color: #ffff; margin: -30px 0 40px; }
    section.workstyle-first-section-voice div.flex { width: 100%; margin: 0 auto 30px; display: flex; padding: 0 9vw; flex-wrap: wrap; align-items: center; }
    section.workstyle-first-section-voice div.flex picture img { width: 30vw; height: 30vw; }
    section.workstyle-first-section-voice div.flex div.name-box { color: #fff; width: 36vw; font-size: 4vw; border-right: none; padding: 0 0 0 4vw; }
    section.workstyle-first-section-voice div.flex div.name-box p.job { margin-bottom: 10px; }
    section.workstyle-first-section-voice div.flex div.txt { width: 620px; font-size: 13px; color: #fff; padding: 30px 0 10px; line-height: 2; border-top: dotted 2px #fff; margin: 30px 0 0; border-left: none; }
}
.interview-index #js-head { background: #19503c; }
.interview-index .head__title .en { letter-spacing: 0.01em; }
.interview-index .head__title .ja { margin-left: 110px; }
.interview-index .interview_list_txt { position: relative; width: 410px; height: 190px; background-color: #19503ce3; color: #fff; letter-spacing: .1em; line-height: 1; display: block; margin: -110px auto 0; text-align: center; }
.interview-index .interview_list_txt span { display: block; }
.interview_list_warp ul li { width: 570px; position: relative; margin: 0 0 100px; }
.interview_list_warp ul { width: 1240px; display: flex; justify-content: space-around; flex-wrap: wrap; margin: 150px auto 50px; }
.interview-index span.job_txt { background: #009137a6;    /* min-width: 160px; */ padding: 12px 20px; max-width: 260px; display: table !important; border: 1px solid #fff; position: relative; top: -20px; left: -10px; text-align: center; }
.interview-index span.txt01 { font-size: 18px; padding: 0px 0 10px; line-height: 1.6; }
.interview-index span.txt01.line2 { font-size: 18px; padding: 0 0 10px; line-height: 1.6; }
.interview-index span.txt02 { font-size: 15px; padding: 0 0 20px; line-height: 1.6; }
.interview-index span.txt03 { font-size: 13px; letter-spacing: 0.01em; }
@media (max-width:900px) {
    .interview-index #js-head { background: #19503c; height: 70vw; }
    .interview-index .head__title .en { letter-spacing: 0.01em; }
    .interview-index .head__title .ja { margin-left: 0; }
    .interview-index .interview_list_txt { position: relative; width: 85%; height: inherit; background-color: #19503ce3; color: #fff; letter-spacing: .1em; line-height: 1; display: block; margin: -15vw auto 0; text-align: center; padding: 0vw 4vw 6vw; }
    .interview-index .interview_list_txt span { display: block; }
    .interview_list_warp ul li { width: 100%; position: relative; margin: 0 0 11vw; }
    .interview_list_warp ul { width: 100%; display: block; margin: 10vw auto; padding: 0 4vw; }
    .interview-index span.job_txt { background: #009137a6; min-width: 40vw; padding: 12px 3vw; max-width: 60vw; display: table !important; border: 1px solid #fff; position: relative; top: -20px; left: -30px; text-align: center; }
    .interview-index span.txt01 { font-size: 4vw; padding: 0 0 10px; line-height: 1.6; }
    .interview-index span.txt01.line2 { font-size: 4.2vw; padding: 0 0 10px; line-height: 1.6; }
    .interview-index span.txt02 { font-size: 3.5vw; padding: 0 0 20px; line-height: 1.6; }
    .interview-index span.txt03 { font-size: 3.2vw; letter-spacing: 0.01em; line-height: 1.6; }
}

/* job.html add 2022/05/26 */
.interview-box { width: 1120px; background: #19503c; margin: 110px auto 0; padding: 0 0 70px; }
.interview-box h2 { width: 845px; position: relative; top: -17px; margin: 0 auto 10px; }
.interview-box p.lead { text-align: center; color: #fff; font-size: 20px; margin: 0 auto 43px; }
.interview-box ul { display: flex; width: 946px; margin: 0 auto; justify-content: space-between; }
.interview-box ul li { width: 210px; }
.interview-box ul li span { font-size: 15px; text-align: center; color: #fff; background: #009137a3; border: 1px solid #fff; padding: 8px 14px; margin: -20px auto 0; display: table; position: relative; }
@media (max-width:900px) {
    .interview-box { background: #19503c; margin: 50px 30px 0; width: inherit; padding: 0 4.5vw 7vw; }
    .interview-box h2 { position: relative; top: -17px; margin: 0 auto 0px; width: 64vw; }
    .interview-box p.lead { text-align: center; color: #fff; font-size: 4.5vw; margin: 0 auto 30px; }
    .interview-box ul { display: flex; width: 100%; margin: 0 auto; justify-content: space-between; flex-wrap: wrap; }
    .interview-box ul li { width: 48%; margin-bottom: 25px; }
    .interview-box ul li span { font-size: 3vw; text-align: center; color: #fff; background: #009137a3; border: 1px solid #fff; padding: 8px 1vw; margin: -20px auto 0; display: table; position: relative; min-width: 92%; }
}

/* index.html add 2023/12/26  */
.top-moive_btn { width: 150px; height: 150px; position: absolute; right: 20px; bottom: 15px; z-index: 20; }
@media (max-width:900px) {
    .top-moive_btn { width: 32vw; height: 32vw; bottom: 4vw; right: 3vw; }
}

/* job.html add 2023/12/26 */
.job-movie-section { background: #f1f1f1; padding: 80px; }
.job-movie-section h2 { width: 564px; margin: 0 auto 40px; }
.job-movie-section .movie_box { width: 720px; margin: 0 auto; }
.job-movie-section .movie_box iframe { }
@media (max-width:900px) {
    .job-movie-section { padding: 13vw 8vw; }
    .job-movie-section h2 { width: 100%; padding: 0 4vw; margin: 0 0 5vw; }
    .job-movie-section .movie_box { width: 100%; }
    .job-movie-section .movie_box iframe { width: 100%; height: 54vw; }
}