body { font-family: EB Garamond, Zen Old Mincho, serif; }
.c-sansSerif { font-family: Noto Sans JP, sans-serif; }
.c-serif { font-family: EB Garamond, Zen Old Mincho, serif; }
.c-ff--jp { font-family: Zen Old Mincho, serif; }
.c-ff--en { font-family: EB Garamond, serif; }
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; overflow-y: scroll; }
*, :before, :after { box-sizing: inherit; background-repeat: no-repeat; }
:before, :after { text-decoration: inherit; vertical-align: inherit; }
* { margin: 0; padding: 0; }
audio:not([controls]) { height: 0; display: none; }
hr { overflow: visible; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
summary { display: list-item; }
small { font-size: 80%; }
[hidden], template { display: none; }
abbr[title] { border-bottom: 1px dotted; text-decoration: none; }
a { -webkit-text-decoration-skip: objects; background-color: #0000; }
a:active, a:hover { outline-width: 0; }
code, kbd, pre, samp { font-family: monospace; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { color: #000; background-color: #ff0; }
sub, sup { vertical-align: baseline; font-size: 70%; line-height: 0; position: relative; }
sub { bottom: 0; }
sup { top: -.5em; }
input { border-radius: 0; }
button, [type="button"], [type="reset"], [type="submit"], [role="button"] { cursor: pointer; }
[disabled] { cursor: default; }
[type="number"] { width: auto; }
[type="search"] { -webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { resize: vertical; overflow: auto; }
button, input, optgroup, select, textarea { font: inherit; }
optgroup { font-weight: bold; }
button { overflow: visible; }
button::-moz-focus-inner { border-style: 0; padding: 0; }
[type="button"]::-moz-focus-inner { border-style: 0; padding: 0; }
[type="reset"]::-moz-focus-inner { border-style: 0; padding: 0; }
[type="submit"]::-moz-focus-inner { border-style: 0; padding: 0; }
button:-moz-focusring { outline: 1px dotted buttontext; }
[type="button"]::-moz-focus-inner { outline: 1px dotted buttontext; }
[type="reset"]::-moz-focus-inner { outline: 1px dotted buttontext; }
[type="submit"]::-moz-focus-inner { outline: 1px dotted buttontext; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button, select { text-transform: none; }
button, input, select, textarea { color: inherit; background-color: #0000; border-style: none; }
select::-ms-expand { display: none; }
select::-ms-value { color: currentColor; }
legend { color: inherit; white-space: normal; border: 0; max-width: 100%; display: table; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
img { border-style: none; }
progress { vertical-align: baseline; }
svg:not(:root) { overflow: hidden; }
audio, canvas, progress, video { display: inline-block; }
@media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }
[aria-busy="true"] { cursor: progress; }
[aria-controls] { cursor: pointer; }
[aria-disabled] { cursor: default; }
::selection { color: #000; text-shadow: none; background-color: #b3d4fc; }
html { font-size: 62.5%; }
body { color: #122833; -webkit-text-size-adjust: 100%; background-color: #fff; margin: 0; padding: 0; font-family: Noto Sans JP, sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2; }
@media screen and (width <= 980px) { body { font-size: 1.4rem; line-height: 1.8; } }
@media screen and (width <= 320px) { body { font-size: 1.3rem; line-height: 1.5; } }
* { box-sizing: border-box; margin: 0; padding: 0; }
::placeholder-shown { color: #d0d4d6; }
::-webkit-input-placeholder { color: #d0d4d6; }
::-moz-placeholder { color: #d0d4d6; opacity: 1; }
::-moz-placeholder { color: #d0d4d6; }
img, svg { vertical-align: bottom; -ms-interpolation-mode: bicubic; border: 0; max-width: 100%; height: auto; font-size: 0; line-height: 0; }
ul, dl, ol { list-style-type: none; }
a { color: #122833; text-decoration: none; transition: all .3s; }
a:link, a:visited { color: #122833; text-decoration: none; }
a:hover { color: #122833; opacity: 1; text-decoration: none; transition: all .3s; }
a:active { color: #122833; text-decoration: none; }
:focus-visible { outline-offset: 3px; outline: 3px solid #e75711; }
.mg0a, .mAuto { margin: 0 auto; }
.mgt-20 { margin-top: -20px !important; }
.mgt-10 { margin-top: -10px !important; }
.mgt-5 { margin-top: -5px !important; }
.mgt0 { margin-top: 0 !important; }
.mgt1 { margin-top: 1px !important; }
.mgt2 { margin-top: 2px !important; }
.mgt3 { margin-top: 3px !important; }
.mgt4 { margin-top: 4px !important; }
.mgt5 { margin-top: 5px !important; }
.mgt6 { margin-top: 6px !important; }
.mgt7 { margin-top: 7px !important; }
.mgt8 { margin-top: 8px !important; }
.mgt9 { margin-top: 9px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt12 { margin-top: 12px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt18 { margin-top: 18px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt32 { margin-top: 32px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt55 { margin-top: 55px !important; }
.mgt60 { margin-top: 60px !important; }
.mgt65 { margin-top: 65px !important; }
.mgt70 { margin-top: 70px !important; }
.mgt75 { margin-top: 75px !important; }
.mgt80 { margin-top: 80px !important; }
.mgt85 { margin-top: 85px !important; }
.mgt90 { margin-top: 90px !important; }
.mgt95 { margin-top: 95px !important; }
.mgt100 { margin-top: 100px !important; }
.mgb-20 { margin-bottom: -20px !important; }
.mgb-10 { margin-bottom: -10px !important; }
.mgb-5 { margin-bottom: -5px !important; }
.mgb0 { margin-bottom: 0 !important; }
.mgb1 { margin-bottom: 1px !important; }
.mgb2 { margin-bottom: 2px !important; }
.mgb3 { margin-bottom: 3px !important; }
.mgb4 { margin-bottom: 4px !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb6 { margin-bottom: 6px !important; }
.mgb7 { margin-bottom: 7px !important; }
.mgb8 { margin-bottom: 8px !important; }
.mgb9 { margin-bottom: 9px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb12 { margin-bottom: 12px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb18 { margin-bottom: 18px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb32 { margin-bottom: 32px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb55 { margin-bottom: 55px !important; }
.mgb60 { margin-bottom: 60px !important; }
.mgb65 { margin-bottom: 65px !important; }
.mgb70 { margin-bottom: 70px !important; }
.mgb75 { margin-bottom: 75px !important; }
.mgb80 { margin-bottom: 80px !important; }
.mgb85 { margin-bottom: 85px !important; }
.mgb90 { margin-bottom: 90px !important; }
.mgb95 { margin-bottom: 95px !important; }
.mgb100 { margin-bottom: 100px !important; }
.mgl-20 { margin-left: -20px !important; }
.mgl-10 { margin-left: -10px !important; }
.mgl-9 { margin-left: -9px !important; }
.mgl-8 { margin-left: -8px !important; }
.mgl-7 { margin-left: -7px !important; }
.mgl-6 { margin-left: -6px !important; }
.mgl-5 { margin-left: -5px !important; }
.mgl-4 { margin-left: -4px !important; }
.mgl-3 { margin-left: -3px !important; }
.mgl-2 { margin-left: -2px !important; }
.mgl-1 { margin-left: -1px !important; }
.mgl0 { margin-left: 0 !important; }
.mgl1 { margin-left: 1px !important; }
.mgl2 { margin-left: 2px !important; }
.mgl3 { margin-left: 3px !important; }
.mgl4 { margin-left: 4px !important; }
.mgl5 { margin-left: 5px !important; }
.mgl6 { margin-left: 6px !important; }
.mgl7 { margin-left: 7px !important; }
.mgl8 { margin-left: 8px !important; }
.mgl9 { margin-left: 9px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl12 { margin-left: 12px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl18 { margin-left: 18px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl55 { margin-left: 55px !important; }
.mgl60 { margin-left: 60px !important; }
.mgl65 { margin-left: 65px !important; }
.mgl70 { margin-left: 70px !important; }
.mgl75 { margin-left: 75px !important; }
.mgl80 { margin-left: 80px !important; }
.mgl85 { margin-left: 85px !important; }
.mgl90 { margin-left: 90px !important; }
.mgl95 { margin-left: 95px !important; }
.mgl100 { margin-left: 100px !important; }
.mgr0 { margin-right: 0 !important; }
.mgr1 { margin-right: 1px !important; }
.mgr2 { margin-right: 2px !important; }
.mgr3 { margin-right: 3px !important; }
.mgr4 { margin-right: 4px !important; }
.mgr5 { margin-right: 5px !important; }
.mgr6 { margin-right: 6px !important; }
.mgr7 { margin-right: 7px !important; }
.mgr8 { margin-right: 8px !important; }
.mgr9 { margin-right: 9px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr12 { margin-right: 12px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr18 { margin-right: 18px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }
.mgr55 { margin-right: 55px !important; }
.mgr60 { margin-right: 60px !important; }
.mgr65 { margin-right: 65px !important; }
.mgr70 { margin-right: 70px !important; }
.mgr75 { margin-right: 75px !important; }
.mgr80 { margin-right: 80px !important; }
.mgr85 { margin-right: 85px !important; }
.mgr90 { margin-right: 90px !important; }
.mgr95 { margin-right: 95px !important; }
.mgr100 { margin-right: 100px !important; }
.pdt0 { padding-top: 0 !important; }
.pdt1 { padding-top: 1px !important; }
.pdt2 { padding-top: 2px !important; }
.pdt3 { padding-top: 3px !important; }
.pdt4 { padding-top: 4px !important; }
.pdt5 { padding-top: 5px !important; }
.pdt6 { padding-top: 6px !important; }
.pdt7 { padding-top: 7px !important; }
.pdt8 { padding-top: 8px !important; }
.pdt9 { padding-top: 9px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt12 { padding-top: 12px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt18 { padding-top: 18px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 { padding-top: 25px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt35 { padding-top: 35px !important; }
.pdt40 { padding-top: 40px !important; }
.pdt45 { padding-top: 45px !important; }
.pdt50 { padding-top: 50px !important; }
.pdt55 { padding-top: 55px !important; }
.pdt60 { padding-top: 60px !important; }
.pdt65 { padding-top: 65px !important; }
.pdt70 { padding-top: 70px !important; }
.pdt75 { padding-top: 75px !important; }
.pdt80 { padding-top: 80px !important; }
.pdt85 { padding-top: 85px !important; }
.pdt90 { padding-top: 90px !important; }
.pdt95 { padding-top: 95px !important; }
.pdt100 { padding-top: 100px !important; }
.pdb0 { padding-bottom: 0 !important; }
.pdb1 { padding-bottom: 1px !important; }
.pdb2 { padding-bottom: 2px !important; }
.pdb3 { padding-bottom: 3px !important; }
.pdb4 { padding-bottom: 4px !important; }
.pdb5 { padding-bottom: 5px !important; }
.pdb6 { padding-bottom: 6px !important; }
.pdb7 { padding-bottom: 7px !important; }
.pdb8 { padding-bottom: 8px !important; }
.pdb9 { padding-bottom: 9px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb12 { padding-bottom: 12px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdb18 { padding-bottom: 18px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb25 { padding-bottom: 25px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdb35 { padding-bottom: 35px !important; }
.pdb40 { padding-bottom: 40px !important; }
.pdb45 { padding-bottom: 45px !important; }
.pdb50 { padding-bottom: 50px !important; }
.pdb55 { padding-bottom: 55px !important; }
.pdb60 { padding-bottom: 60px !important; }
.pdb65 { padding-bottom: 65px !important; }
.pdb70 { padding-bottom: 70px !important; }
.pdb75 { padding-bottom: 75px !important; }
.pdb80 { padding-bottom: 80px !important; }
.pdb85 { padding-bottom: 85px !important; }
.pdb90 { padding-bottom: 90px !important; }
.pdb95 { padding-bottom: 95px !important; }
.pdb100 { padding-bottom: 100px !important; }
.pdl0 { padding-left: 0 !important; }
.pdl1 { padding-left: 1px !important; }
.pdl2 { padding-left: 2px !important; }
.pdl3 { padding-left: 3px !important; }
.pdl4 { padding-left: 4px !important; }
.pdl5 { padding-left: 5px !important; }
.pdl6 { padding-left: 6px !important; }
.pdl7 { padding-left: 7px !important; }
.pdl8 { padding-left: 8px !important; }
.pdl9 { padding-left: 9px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl12 { padding-left: 12px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl18 { padding-left: 18px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl25 { padding-left: 25px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl35 { padding-left: 35px !important; }
.pdl40 { padding-left: 40px !important; }
.pdl45 { padding-left: 45px !important; }
.pdl50 { padding-left: 50px !important; }
.pdl55 { padding-left: 55px !important; }
.pdl60 { padding-left: 60px !important; }
.pdl65 { padding-left: 65px !important; }
.pdl70 { padding-left: 70px !important; }
.pdl75 { padding-left: 75px !important; }
.pdl80 { padding-left: 80px !important; }
.pdl85 { padding-left: 85px !important; }
.pdl90 { padding-left: 90px !important; }
.pdl100 { padding-left: 100px !important; }
.pdr0 { padding-right: 0 !important; }
.pdr1 { padding-right: 1px !important; }
.pdr2 { padding-right: 2px !important; }
.pdr3 { padding-right: 3px !important; }
.pdr4 { padding-right: 4px !important; }
.pdr5 { padding-right: 5px !important; }
.pdr6 { padding-right: 6px !important; }
.pdr7 { padding-right: 7px !important; }
.pdr8 { padding-right: 8px !important; }
.pdr9 { padding-right: 9px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr12 { padding-right: 12px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr18 { padding-right: 18px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr25 { padding-right: 25px !important; }
.pdr30 { padding-right: 30px !important; }
.pdr35 { padding-right: 35px !important; }
.pdr40 { padding-right: 40px !important; }
.pdr45 { padding-right: 45px !important; }
.pdr50 { padding-right: 50px !important; }
.pdr55 { padding-right: 55px !important; }
.pdr60 { padding-right: 60px !important; }
.pdr65 { padding-right: 65px !important; }
.pdr70 { padding-right: 70px !important; }
.pdr75 { padding-right: 75px !important; }
.pdr80 { padding-right: 80px !important; }
.pdr85 { padding-right: 85px !important; }
.pdr90 { padding-right: 90px !important; }
.pdr95 { padding-right: 95px !important; }
.pdr100 { padding-right: 100px !important; }
.pd0 { padding: 0 !important; }
.floatL { float: left; }
.floatR { float: right; }
.alL, .c-textLeft, .u-left { text-align: left; }
.alC, .c-textCenter, .u-center { text-align: center; }
.alR, .c-textRight, .u-right { text-align: right; }
.vaT, .-vtop { vertical-align: top; }
.vaM, .-vmiddle { vertical-align: middle; }
.vaB, .-vbottom { vertical-align: bottom; }
.c-pos--rel, .rel, .-rel { position: relative; }
.c-pos--ab, .ab, .-ab { position: absolute; }
.c-pos--fix, .fix, .-fix { position: fixed; }
.disnon { display: none; }
.nowrap { white-space: nowrap; }
.w100per { width: 100%; height: auto; }
.clearfix { clear: both; background: none; height: 1px; font-size: 1px; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.TODO { border-top: 1px solid #c00; height: 1200px; margin-top: 300px; padding-top: 300px; }
.isDisplay { display: block !important; }
.noDisplay { display: none; }
.-pcOnly, .-pc { display: inline-block; }
@media screen and (width <= 980px) { .-pcOnly, .-pc { display: none; } }
.-spOnly, .-sp { display: none; }
@media screen and (width <= 980px) { .-spOnly, .-sp { display: inline-block; } }
.pcOnly, .pc { display: inline-block !important; }
@media screen and (width <= 980px) { .pcOnly, .pc { display: none !important; } }
.spOnly, .sp { display: none !important; }
@media screen and (width <= 980px) { .spOnly, .sp { display: inline-block !important; } }
.p-parts .inner { width: 1500px; }
.c-color--main { color: #135866; }
.c-beforeBgColor { background-color: inherit; position: relative; }
.c-beforeBgColor:before { content: ""; z-index: -1; background-color: #0000; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }
.c-beforeBgColor.-bgGray:before { background-color: #f8f8f8; }
.c-beforeBgColor.-bgWhite:before { background-color: #fff; }
.c-beforeBgColor.-bgBlack:before { background-color: #122833; }
.c-beforeBgColor.-bgMainColor:before { background-color: #1358661a; }
.c-fs24 { font-size: 24px !important; }
@media screen and (width <= 980px) { .c-fs24 { font-size: inherit; } }
.c-fs12 { font-size: 12px !important; }
@media screen and (width <= 980px) { .c-fs12 { font-size: inherit; } }
.c-bold { font-weight: bold; }
.c-lh14 { line-height: 1.4; }
.c-lh24 { line-height: 2.4; }
.c-maru--small { vertical-align: text-bottom; margin-right: 5px; font-size: 10px; }
.c-ls--reset { letter-spacing: 0 !important; }
.c-paren-open { letter-spacing: -.08em; margin-left: -.5em; }
.c-paren-close { letter-spacing: -.08em; margin-right: -.5em; }
a[href^="tel"] { color: inherit; text-decoration: none; }
.js-anime--fadein { opacity: 0; }
.is-scroll-reveal-preparing body:not(.p-corporate-top) .l-main, .is-scroll-reveal-preparing .p-kogyo-header__inner { visibility: hidden; animation: 0s linear 2s forwards scroll-reveal-shell-failsafe; }
@keyframes scroll-reveal-shell-failsafe { to { visibility: visible; } }
.l-main h1, .l-main h2 { opacity: 0; visibility: hidden; animation: 0s linear 2s forwards scroll-reveal-heading-failsafe; }
@keyframes scroll-reveal-heading-failsafe { to { opacity: 1; visibility: visible; } }
@keyframes scroll-reveal-first-view { from { opacity: 0; transform: translateY(48px); } to { opacity: 1; transform: translateY(0); } }
@keyframes scroll-reveal-heading-char { from { transform: translateY(110%); } to { transform: translateY(0); } }
.is-scroll-reveal-ready body:not(.p-corporate-top) .l-main, .is-scroll-reveal-ready .p-kogyo-header__inner { visibility: visible; animation: none; }
.is-scroll-reveal-ready .l-main h1, .is-scroll-reveal-ready .l-main h2 { opacity: 1; visibility: visible; animation: none; }
.is-scroll-reveal-ready .js-scroll-reveal-title .js-scroll-reveal-char-mask { font-style: inherit; vertical-align: bottom; margin-bottom: -.18em; padding-bottom: .18em; display: inline-block; overflow: hidden; }
.is-scroll-reveal-ready .js-scroll-reveal-title .js-scroll-reveal-char { font-style: inherit; will-change: transform; display: block; transform: translateY(110%); }
.is-scroll-reveal-ready .js-scroll-reveal-title.is-scroll-reveal-visible .js-scroll-reveal-char { animation: scroll-reveal-heading-char .85s cubic-bezier(.22, 1, .36, 1) var(--scroll-reveal-delay, 0s) both; }
.is-scroll-reveal-ready .js-scroll-reveal-title.is-scroll-reveal-complete .js-scroll-reveal-char { will-change: auto; }
.is-scroll-reveal-ready .js-scroll-reveal-title.js-scroll-reveal-first-view.is-scroll-reveal-visible .js-scroll-reveal-char { animation-delay: calc(var(--scroll-reveal-delay, 0s) + .12s); }
.is-scroll-reveal-ready .js-scroll-reveal-image { opacity: 0; will-change: opacity, translate; transition: opacity .7s ease-out, translate .8s cubic-bezier(.22, 1, .36, 1); translate: 0 28px; }
.is-scroll-reveal-ready .js-scroll-reveal-image.is-scroll-reveal-visible { opacity: 1; translate: 0; }
.is-scroll-reveal-ready .js-scroll-reveal-image.is-scroll-reveal-complete { will-change: auto; }
.is-scroll-reveal-ready .js-scroll-reveal-block { opacity: 0; will-change: opacity, translate; transition: opacity .7s ease-out, translate .8s cubic-bezier(.22, 1, .36, 1); translate: 0 24px; }
.is-scroll-reveal-ready .js-scroll-reveal-block.is-scroll-reveal-visible { opacity: 1; translate: 0; }
.is-scroll-reveal-ready .js-scroll-reveal-block.is-scroll-reveal-complete { will-change: auto; }
.is-scroll-reveal-ready .js-scroll-reveal-first-view { opacity: 0; will-change: opacity, transform; transform: translateY(48px); }
.is-scroll-reveal-ready .js-scroll-reveal-first-view.is-scroll-reveal-visible { animation: .95s cubic-bezier(.22, 1, .36, 1) .12s both scroll-reveal-first-view; }
.is-scroll-reveal-ready .js-scroll-reveal-first-view.is-scroll-reveal-complete { will-change: auto; }
.is-scroll-reveal-ready .l-main .js-scroll-reveal-first-view { opacity: 0; transform: translateY(48px); }
.is-scroll-reveal-ready .l-main .js-scroll-reveal-title.js-scroll-reveal-first-view { opacity: 1; will-change: auto; animation: none; transform: none; }
.is-scroll-reveal-ready .slick-cloned .js-scroll-reveal-image, .is-scroll-reveal-ready .slick-cloned .js-scroll-reveal-block, .is-scroll-reveal-ready .slick-cloned .js-scroll-reveal-first-view { opacity: 1; transition: none; animation: none; transform: translate3d(0, 0, 0); }
.is-scroll-reveal-ready .slick-cloned .js-scroll-reveal-title .js-scroll-reveal-char { transition: none; animation: none; transform: none; }
@media (prefers-reduced-motion: reduce) { .is-scroll-reveal-ready .js-scroll-reveal-title .js-scroll-reveal-char { transition: none; animation: none; transform: none; } .is-scroll-reveal-ready .js-scroll-reveal-title.is-scroll-reveal-visible .js-scroll-reveal-char { animation: none; transform: none; } .is-scroll-reveal-ready .js-scroll-reveal-image, .is-scroll-reveal-ready .js-scroll-reveal-block { opacity: 1; transition: none; translate: none; } .is-scroll-reveal-ready .js-scroll-reveal-first-view { opacity: 1; transition: none; animation: none; transform: none; } }
.c-shadow { box-shadow: 0 0 5px #0000004d; }
.c-textShadow { text-shadow: 0 0 6px #0006; }
.c-flex { flex-wrap: wrap; justify-content: space-between; display: flex; }
.c-flex.-center { justify-content: center; }
@media screen and (width <= 980px) { .c-flex.-spBlock, .c-flex.-spB { display: block; } }
.c-flex.-nowrap { flex-wrap: nowrap; }
.c-flex.-top { align-items: flex-start; }
.c-flex.-middle { align-items: center; }
.c-flex.-bottom { align-items: flex-end; }
.c-flex.-left { justify-content: flex-start; }
.c-flex.-right { justify-content: flex-end; }
.c-flex.-mgl20 > li { margin-left: 20px; }
.c-flex.-mgl20 > li:first-child { margin-left: 0; }
.c-flex.-mgr20 > li { margin-right: 20px; }
.c-flex.-mgr20 > li:last-child { margin-right: 0; }
.c-flex.-mgl10 > li { margin-left: 10px; }
.c-flex.-mgl10 > li:first-child { margin-left: 0; }
.c-flex.-mgr10 > li { margin-right: 10px; }
.c-flex.-mgr10 > li:last-child { margin-right: 0; }
.c-flex .-col2 > li { flex-basis: 50%; }
.c-flex .-col3 > li { flex-basis: 33.3333%; }
.c-flex .-col4 > li { flex-basis: 25%; }
.c-flex .-col5 > li { flex-basis: 20%; }
.c-flex .-flex1 { flex: 1; }
.c-flex .-lh0 { line-height: 0; }
.c-flex .-mglAuto { margin-left: auto !important; }
.c-flex .-mgrAuto { margin-right: auto !important; }
.c-flex.-column_50_50 { gap: 30px; }
@media screen and (width <= 980px) { .c-flex.-column_50_50 { display: block; } }
.c-flex.-column_50_50 > .item { flex-basis: calc(50% - 15px); }
@media screen and (width <= 980px) { .c-flex.-column_50_50 > .item + .item { margin-top: 30px; } }
.c-flex.-column_70_30 { gap: 30px; }
@media screen and (width <= 980px) { .c-flex.-column_70_30 { display: block; } .c-flex.-column_70_30 > .item + .item { margin-top: 30px; } }
.c-flex.-column_70_30 > .item:first-child { flex-basis: 470px; }
.c-flex.-column_70_30 > .item:nth-child(2) { flex-basis: 310px; }
.c-indent > li { text-indent: -1em; margin-left: 1em; }
.c-indent.-f05 > li { text-indent: -.5em; margin-left: .5em; }
.c-indent.-f07 > li { text-indent: -.7em; margin-left: .7em; }
.c-indent.-f12 > li { text-indent: -1.2em; margin-left: 1.2em; }
.c-indent.-f15 > li { text-indent: -1.5em; margin-left: 1.5em; }
.c-indent.-f2 > li { text-indent: -2em; margin-left: 2em; }
.c-indent.-flexible { display: table; }
.c-indent.-flexible > li { text-indent: inherit; margin-left: inherit; }
.c-indent.-flexible .-head, .c-indent.-flexible .-body { display: table-cell; }
.c-list-disc, .l-main .c-list-disc { padding-left: 1em; list-style: none; }
.c-list-disc > li, .l-main .c-list-disc > li { line-height: 1.5; position: relative; }
.c-list-disc > li:before, .l-main .c-list-disc > li:before { content: ""; background: currentColor; border-radius: 50%; width: 4px; height: 4px; position: absolute; top: calc(.5em + 4px); left: calc(-.5em - 4px); }
.c-list-disc > li + li, .l-main .c-list-disc > li + li { margin-top: .25em; }
.c-numList { counter-reset: count 0; }
.c-numList > li { padding-left: 2em; position: relative; }
.c-numList > li + li { margin-top: 20px; }
.c-numList > li p { display: inline; }
.c-numList > li:before { content: counter(count) ". "; counter-increment: count 1; text-align: right; width: 2rem; display: block; position: absolute; left: 0; }
.c-list > li { display: block; }
.c-list.-indent > li { margin-left: 1.2em; }
.c-imgBox { width: 100%; padding-top: 66.667%; position: relative; overflow: hidden; }
.c-imgBox.-type1 { padding-top: 66.667%; }
.c-imgBox img { border-radius: 0; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto !important; }
.c-btnWrap.-indent { margin-left: 1.2em; }
a.c-btn, .c-btn { cursor: pointer; text-align: left; z-index: 1; background: #131313; border: 0; border-radius: 0; justify-content: space-between; align-items: center; width: 250px; min-height: 60px; padding: 0 20px; font-family: Noto Sans JP, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.2; text-decoration: none; transition: all .3s; display: flex; position: relative; overflow: hidden; color: #fff !important; }
@media screen and (width <= 980px) { a.c-btn, .c-btn { width: 100%; min-height: 60px; padding: 0 16px; font-size: 16px; } }
a.c-btn:not(.-white):not(.-wh):not(.-contact), .c-btn:not(.-white):not(.-wh):not(.-contact) { height: 60px; min-height: 60px; font-size: 16px; }
a.c-btn:before, .c-btn:before { content: ""; pointer-events: none; transform-origin: 0; z-index: -1; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); transition: transform .45s cubic-bezier(.22, 1, .36, 1); position: absolute; inset: 0; transform: scaleX(0); }
a.c-btn:after, .c-btn:after { content: ""; border-top: 2px solid; border-right: 2px solid; flex-shrink: 0; width: 9px; height: 9px; margin-left: 0; transition: all .3s; transform: rotate(45deg); }
a.c-btn .c-icon, .c-btn .c-icon { display: none; }
a.c-btn:hover, a.c-btn:focus-visible, .c-btn:hover, .c-btn:focus-visible { opacity: 1; color: #fff !important; }
a.c-btn:hover:before, a.c-btn:focus-visible:before, .c-btn:hover:before, .c-btn:focus-visible:before { transform: scaleX(1); }
a.c-btn.-white, a.c-btn.-wh, .c-btn.-white, .c-btn.-wh { color: #fff; background: none; border: 1px solid #fff; }
a.c-btn.-white:before, a.c-btn.-wh:before, .c-btn.-white:before, .c-btn.-wh:before { display: none; }
a.c-btn.-white:hover, a.c-btn.-white:focus-visible, a.c-btn.-wh:hover, a.c-btn.-wh:focus-visible, .c-btn.-white:hover, .c-btn.-white:focus-visible, .c-btn.-wh:hover, .c-btn.-wh:focus-visible { background: #ffffff1a; }
a.c-btn.-unavailable:before, a.c-btn[aria-current="page"]:before, .c-btn.-unavailable:before, .c-btn[aria-current="page"]:before { display: none; }
a.c-btn.-other, .c-btn.-other { padding-right: 10px; }
a.c-btn.-other:after, .c-btn.-other:after { background: url("/assets/img/icon-other.svg") 2px / contain no-repeat; border: 0; width: 20px; height: 15px; transform: none; }
a.c-btn.-wAuto, .c-btn.-wAuto { width: auto; padding-left: 40px; padding-right: 40px; }
@media (prefers-reduced-motion: reduce) { a.c-btn:before, .c-btn:before { transition: none; } }
.c-link--arrow { width: 100%; height: auto; display: block; position: relative; }
.c-link--arrow.-noLink { pointer-events: none !important; }
.c-link--arrow .c-icon { border: 1px solid #d0d4d6; border-radius: 100%; width: 30px; height: 30px; transition: all .3s; display: block; position: absolute; top: 50%; right: 0; overflow: hidden; transform: translateY(-50%); }
.c-link--arrow .c-icon:before, .c-link--arrow .c-icon:after { transition: all .5s; }
.c-link--arrow .c-icon:before { content: ""; background: url("/assets/img/icon-arrow.svg") 0 0 / contain no-repeat; width: 13px; height: 8px; position: absolute; top: 50%; left: 8px; transform: translateY(-50%); }
.c-link--arrow .c-icon:after { content: ""; background: url("/assets/img/icon-arrow.svg") 0 0 / contain no-repeat; width: 13px; height: 8px; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); }
.c-link--arrow .c-icon.-arrow:before { background: url("/assets/img/icon-arrow.svg") 0 0 / contain no-repeat; left: 8px; }
.c-link--arrow .c-icon.-arrow:after { opacity: 0; background: url("/assets/img/icon-arrow.svg") 0 0 / contain no-repeat; left: -40px; }
.c-link--arrow:hover { opacity: 1; color: #72581b; transition: all .3s; }
.c-link--arrow:hover .c-icon { color: #72581b; background-color: #fff; border-color: #72581b; transition: all .3s; }
.c-link--arrow:hover .c-icon:before, .c-link--arrow:hover .c-icon:after { opacity: 1; transition: all .5s; }
.c-link--arrow:hover .c-icon.-arrow:before { opacity: 0; background: url("/assets/img/icon-arrow-brown.svg") 0 0 / contain no-repeat; left: 40px; }
.c-link--arrow:hover .c-icon.-arrow:after { background: url("/assets/img/icon-arrow-brown.svg") 0 0 / contain no-repeat; left: 8px; }
.c-link--arrow.-black .c-icon:before, .c-link--arrow.-black .c-icon:after { background: url("/assets/img/icon-arrow-white.svg") 0 0 / contain no-repeat; }
.c-link--arrow.-black:hover .c-icon { background-color: #ffffff1a; border-color: #d0d4d6; }
.c-link--arrow.-black:hover .c-icon:before, .c-link--arrow.-black:hover .c-icon:after { background: url("/assets/img/icon-arrow-white.svg") 0 0 / contain no-repeat; }
.c-link--arrow.-large .c-icon { width: 51px; height: 51px; }
.c-link--arrow.-large .c-icon:before, .c-link--arrow.-large .c-icon:after { width: 21px; height: 13px; }
.c-link--arrow.-large .c-icon:before { left: 14px; }
.c-link--arrow.-large .c-icon:after { left: -40px; }
.c-link--arrow.-large:hover .c-icon { width: 51px; height: 51px; }
.c-link--arrow.-large:hover .c-icon:before { left: 44px; }
.c-link--arrow.-large:hover .c-icon:after { left: 14px; }
.c-noLink { pointer-events: none; }
.c-text-link-hover a > span { display: inline-block; position: relative; }
.c-text-link-hover a > span:after { content: ""; transform-origin: 0; background: currentColor; width: 100%; height: 1px; transition: transform .4s cubic-bezier(.22, 1, .36, 1); position: absolute; bottom: -3px; left: 0; transform: scaleX(0); }
.c-text-link-hover a:hover, .c-text-link-hover a:focus-visible { opacity: 1; }
.c-text-link-hover a:hover > span:after, .c-text-link-hover a:focus-visible > span:after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .c-text-link-hover a > span:after { transition: none; } }
.js-link-line-underline-host { position: relative; }
.js-link-line-underline-layer { pointer-events: none; position: absolute; inset: 0; }
.js-link-line-underline-line { transform-origin: 0; height: 1px; transition: transform .4s ease var(--link-underline-delay, 0s); background: currentColor; position: absolute; transform: scaleX(0); }
a:hover .js-link-line-underline-line, a:focus-visible .js-link-line-underline-line { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .js-link-line-underline-line { transition: none; } }
a.c-link, .c-link { cursor: pointer; padding-left: 15px; position: relative; }
a.c-link:before, a.c-link:after, .c-link:before, .c-link:after { transition: all .3s; }
a.c-link:before, .c-link:before { content: ""; border-bottom: 2px solid #72581b; border-right: 2px solid #72581b; width: 9px; height: 9px; position: absolute; top: 5px; left: 0; transform: rotate(-45deg); }
a.c-link:hover, .c-link:hover { color: #72581b; }
a.c-link:hover:before, a.c-link:hover:after, .c-link:hover:before, .c-link:hover:after { transition: all .3s; }
a.c-link.-anchor:before, .c-link.-anchor:before { margin-top: 1px; left: -5px; transform: rotate(45deg)translateY(-50%); }
a.c-link.-other, .c-link.-other { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-other:before, .c-link.-other:before { display: none; }
a.c-link.-other:after, .c-link.-other:after { content: ""; background: url("/assets/img/icon-other.svg") 0 0 / contain no-repeat; width: 15px; height: 15px; margin-left: 3px; display: inline-block; }
a.c-link.-other:hover:after, .c-link.-other:hover:after { background-image: url("/assets/img/icon-other_green.svg"); background-size: contain; }
a.c-link.-pdf, .c-link.-pdf { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-pdf:before, .c-link.-pdf:before { display: none; }
a.c-link.-pdf:after, .c-link.-pdf:after { content: ""; background: url("/assets/img/icon-pdf.svg") 0 0 / contain no-repeat; width: 15px; height: 17px; margin-left: 3px; display: inline-block; }
a.c-link.-pdf:hover:after, .c-link.-pdf:hover:after { background-image: url("/assets/img/icon-pdf_green.svg"); background-size: contain; }
a.c-link.-pptx, .c-link.-pptx { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-pptx:before, .c-link.-pptx:before { display: none; }
a.c-link.-pptx:after, .c-link.-pptx:after { content: ""; background: url("/assets/img/icon-pptx.svg") 0 0 / contain no-repeat; width: 16px; height: 17px; margin-left: 3px; display: inline-block; }
a.c-link.-pptx:hover:after, .c-link.-pptx:hover:after { background-image: url("/assets/img/icon-pptx_green.svg"); background-size: contain; }
a.c-link.-indent, .c-link.-indent { text-indent: 0; margin-left: -1em; padding-left: 20px; position: relative; }
.c-link--bullet, a.c-link--bullet { display: inline-block; position: relative; padding-left: 20px !important; text-decoration: underline !important; }
.c-link--bullet:before, a.c-link--bullet:before { content: ""; background-color: #135866; border-radius: 100%; width: 10px; height: 10px; position: absolute; top: 12px; left: 0; display: block !important; }
@media screen and (width <= 980px) { .c-link--bullet:before, a.c-link--bullet:before { top: 9px; } }
.c-link--bullet + .c-link--bullet, a.c-link--bullet + .c-link--bullet { margin-top: 20px; }
.c-scrollWrap { position: relative; }
@media screen and (width <= 980px) { .c-scrollWrap { width: calc(100vw - 20px); overflow-x: scroll; } .c-scrollWrap .c-table { margin-right: 20px; } .c-scrollWrap .c-table.p-testTable { width: 1000px; } .c-scrollWrap .c-table th { white-space: nowrap; } }
.c-scrollWrap__top-scroll { display: none; }
@media screen and (width <= 980px) { .c-scrollWrap__top-scroll { height: 16px; margin-bottom: 10px; display: block; overflow: scroll hidden; } .c-scrollWrap__top-scroll > div { height: 1px; } }
.c-figScroll { display: none; }
@media screen and (width <= 980px) { .c-figScroll { opacity: 1; pointer-events: none; visibility: visible; z-index: 2; width: 140px; max-width: none; height: auto; margin: auto; transition: opacity .3s, visibility .3s; display: block; position: absolute; top: 30px; left: 0; right: 0; } }
.c-figScroll.isHide { opacity: 0; visibility: hidden; }
.c-table { table-layout: fixed; border-collapse: collapse; width: 100%; }
.c-table.-center tr, .c-table.-center th, .c-table.-center td { text-align: center; }
.c-table.-left tr, .c-table.-left th, .c-table.-left td { text-align: left; }
.c-table.-right tr, .c-table.-right th, .c-table.-right td { text-align: right; }
.c-table tr:first-child th, .c-table tr:first-child td { border-top: 1px solid #d0d4d6; }
.c-table th, .c-table td { vertical-align: top; text-align: left; border-bottom: 1px solid #d0d4d6; padding: 20px; line-height: 1.6; }
@media screen and (width <= 980px) { .c-table th, .c-table td { padding: 15px 10px; display: block; } }
.c-table th.-nowrap, .c-table td.-nowrap { white-space: nowrap; }
.c-table th.-middle, .c-table td.-middle { vertical-align: middle; }
.c-table th { background-color: #1358661a; width: 25%; padding: 20px; font-weight: normal; }
@media screen and (width <= 980px) { .c-table th { width: 100%; padding: 10px; } }
.c-table td { width: 75%; }
@media screen and (width <= 980px) { .c-table td { width: 100%; padding-left: 10px; padding-right: 10px; } }
.c-table td .c-indent + .c-indent { margin-top: 10px; }
.c-dl_table { border-collapse: separate; grid-template-columns: calc(5em + 40px) 1fr; width: 100%; margin: 0 auto; display: grid; }
.c-dl_table.-em3 { grid-template-columns: calc(3em + 40px) 1fr; }
.c-dl_table.-em4 { grid-template-columns: calc(4em + 40px) 1fr; }
.c-dl_table.-em5 { grid-template-columns: calc(5em + 40px) 1fr; }
.c-dl_table.-em6 { grid-template-columns: calc(6em + 40px) 1fr; }
.c-dl_table.-em7 { grid-template-columns: calc(7em + 40px) 1fr; }
.c-dl_table.-em8 { grid-template-columns: calc(8em + 40px) 1fr; }
.c-dl_table.-em9 { grid-template-columns: calc(9em + 40px) 1fr; }
.c-dl_table.-em10 { grid-template-columns: calc(10em + 40px) 1fr; }
.c-dl_table.-em11 { grid-template-columns: calc(11em + 40px) 1fr; }
.c-dl_table.-em12 { grid-template-columns: calc(12em + 40px) 1fr; }
.c-dl_table.-em13 { grid-template-columns: calc(13em + 40px) 1fr; }
.c-dl_table.-em14 { grid-template-columns: calc(14em + 40px) 1fr; }
.c-dl_table.-em15 { grid-template-columns: calc(15em + 40px) 1fr; }
.c-dl_table dt, .c-dl_table dd { border-bottom: 1px dashed #d0d4d6; margin: 0; padding: 15px 0; }
.c-dl_table dt:last-of-type, .c-dl_table dd:last-of-type { border-bottom: none; }
.c-dl_table dt { color: #135866; font-weight: normal; }
.c-box { background-color: #1358661a; width: 820px; margin: auto; padding: 30px; }
@media screen and (width <= 980px) { .c-box { width: 100%; padding: 18px; } }
.c-box.-border { background-color: #0000; border: 1px solid #135866; }
h1, .c-title { text-align: left; margin-bottom: 15px; font-size: 40px; font-weight: 500; line-height: 1.35; }
@media screen and (width <= 980px) { h1, .c-title { font-size: 28px; } }
h1 .sub, .c-title .sub { letter-spacing: .08em; padding-top: 2px; font-size: 16px; font-weight: normal; line-height: 1.2; display: block; position: relative; }
@media screen and (width <= 980px) { h1 .sub, .c-title .sub { font-size: 14px; } }
h1 .sub.-space, .c-title .sub.-space { letter-spacing: 1em; }
h1 .sup, .c-title .sup { padding-top: 2px; font-size: 16px; font-weight: normal; line-height: 1.2; display: block; position: relative; }
@media screen and (width <= 980px) { h1 .sup, .c-title .sup { font-size: 14px; } }
h1.-center, .c-title.-center, h1.-center span, .c-title.-center span { text-align: center; }
h1.-wh, h1.-white, .c-title.-wh, .c-title.-white, h1.-wh span, h1.-white span, .c-title.-wh span, .c-title.-white span { color: #fff; }
h1.-black, .c-title.-black, h1.-black span, .c-title.-black span { color: #122833; }
h2, .c-title2 { font-size: 28px; font-weight: 500; line-height: 1.4; position: relative; }
@media screen and (width <= 980px) { h2, .c-title2 { font-size: 20px; } }
h2 .sub, .c-title2 .sub { margin-top: -3px; font-size: 16px; font-weight: normal; line-height: 1.2; display: block; position: relative; }
@media screen and (width <= 980px) { h2 .sub, .c-title2 .sub { font-size: 14px; } }
h2 .sup, .c-title2 .sup { margin-bottom: 4px; font-size: 16px; font-weight: normal; line-height: 1.2; display: block; position: relative; }
h3, .c-title3 { font-size: 24px; font-weight: bold; line-height: 1.4; position: relative; }
@media screen and (width <= 980px) { h3, .c-title3 { font-size: 20px; } }
h3 .sub, .c-title3 .sub { margin-top: -3px; font-size: 16px; font-weight: normal; line-height: 1.2; display: block; position: relative; }
@media screen and (width <= 980px) { h3 .sub, .c-title3 .sub { font-size: 14px; } }
h4, .c-title4 { margin-top: 30px; margin-bottom: 10px; font-size: 20px; font-weight: bold; line-height: 1.4; }
@media screen and (width <= 980px) { h4, .c-title4 { font-size: 18px; } }
h4 .sup, .c-title4 .sup { margin-bottom: 4px; font-size: 14px; font-weight: normal; line-height: 1.2; display: block; position: relative; }
.c-pic { margin-top: 30px; }
.c-caption, .caption { font-family: Noto Sans JP, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; }
.c-block--l { margin-bottom: 90px; }
@media screen and (width <= 980px) { .c-block--l { margin-bottom: 60px; } }
.c-block--m { margin-bottom: 70px; }
@media screen and (width <= 980px) { .c-block--m { margin-bottom: 50px; } }
.c-block--ms { margin-bottom: 50px; }
@media screen and (width <= 980px) { .c-block--ms { margin-bottom: 30px; } }
.c-block--s { margin-bottom: 30px; }
@media screen and (width <= 980px) { .c-block--s { margin-bottom: 20px; } }
.c-block--xs { margin-bottom: 10px; }
@media screen and (width <= 980px) { .c-block--xs { margin-bottom: 10px; } }
.c-lead { text-align: center; }
@media screen and (width <= 980px) { .c-lead { text-align: left; } }
.c-lead.-wh { color: #fff; }
.c-lead.-wide { width: 100%; }
.c-lead.-left { text-align: left; }
@media screen and (width <= 980px) { .c-spLeft { text-align: left !important; } .c-spRight { text-align: right !important; } .c-spCenter { text-align: center !important; } }
.c-topicPath { background-color: #fff; padding: 16px 0; }
@media screen and (width <= 980px) { .c-topicPath { padding: 15px 0; overflow-x: scroll; } }
.c-topicPath .inner { width: 1120px !important; }
@media screen and (width <= 980px) { .c-topicPath .inner { margin-left: 20px; overflow-x: scroll; width: calc(100vw - 20px) !important; } }
.c-topicPath .list { line-height: 1.2; }
@media screen and (width <= 980px) { .c-topicPath .list { white-space: nowrap; } }
.c-topicPath .list > li { margin-left: 0; margin-right: 15px; padding-right: 15px; display: inline; position: relative; }
@media screen and (width <= 980px) { .c-topicPath .list > li { white-space: nowrap; line-height: 1.4; } }
.c-topicPath .list > li:before { content: ""; background-color: #d0d4d6; width: 10px; height: 1px; position: absolute; top: 9px; right: -3px; }
@media screen and (width <= 980px) { .c-topicPath .list > li:before { top: 9px; } }
.c-topicPath .list > li:last-child:before { display: none; }
.c-topicPath .list > li:last-child a, .c-topicPath .list > li:last-child div { pointer-events: none; }
.c-topicPath .list > li:last-child a span, .c-topicPath .list > li:last-child div span { color: #122833; }
.c-topicPath .list > li a { color: #d0d4d6; text-decoration: none; display: inline; }
@media screen and (width <= 980px) { .c-topicPath .list > li a { white-space: nowrap; display: inline-block; } }
.c-topicPath .list > li span { color: #d0d4d6; font-family: Noto Sans JP, sans-serif; font-size: 14px; font-weight: 400; line-height: 1; }
@media screen and (width <= 980px) { .c-topicPath .list > li span { font-size: 12px; } }
.c-topicPath .list > li div { line-height: 1; }
.c-pagination .list { justify-content: center; align-items: center; display: flex; }
@media screen and (width <= 980px) { .c-pagination .list { justify-content: space-between; } }
.c-pagination .list > li a, .c-pagination .list > li span { color: #122833; padding: 20px 18px; font-size: 20px; line-height: 1; text-decoration: none; transition: all .3s; display: block; position: relative; }
@media screen and (width <= 980px) { .c-pagination .list > li a, .c-pagination .list > li span { padding: 20px 13px; } }
.c-pagination .list > li a.current, .c-pagination .list > li span.current { color: #d0d4d6; }
.c-pagination .list > li a.current:after, .c-pagination .list > li span.current:after { background-color: #135866; transition: all .3s; }
.c-pagination .list > li a:hover, .c-pagination .list > li span:hover { opacity: 1; color: #72581b; transition: all .3s; }
.c-pagination .list > li a:hover.current, .c-pagination .list > li span:hover.current { color: #d0d4d6; }
.c-pagination .list > li .c-icon { border-radius: 100%; width: 50px; height: 50px; position: absolute; top: -4px; left: -25px; overflow: hidden; }
@media screen and (width <= 980px) { .c-pagination .list > li .c-icon { width: 30px; height: 30px; padding: 0; top: 5px; left: 0; } }
.c-pagination .list > li .c-icon:before { content: ""; background: url("/assets/img/icon-arrow.svg") 0 0 / contain no-repeat; width: 21px; height: 13px; transition: all .3s; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
@media screen and (width <= 980px) { .c-pagination .list > li .c-icon:before { width: 13px; height: 8px; } }
.c-pagination .list > li .c-icon:after { content: ""; background: url("/assets/img/icon-arrow.svg") 0 0 / contain no-repeat; width: 21px; height: 13px; transition: all .3s; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); }
@media screen and (width <= 980px) { .c-pagination .list > li .c-icon:after { width: 13px; height: 8px; } }
.c-pagination .list > li .prev .c-icon:before { margin-top: -6px; transition: all .3s; left: 15px; transform: rotate(180deg); }
@media screen and (width <= 980px) { .c-pagination .list > li .prev .c-icon:before { margin-top: -5px; left: 7px; } }
.c-pagination .list > li .prev .c-icon:after { margin-top: -6px; transition: all .3s; left: 50px; transform: rotate(180deg); }
@media screen and (width <= 980px) { .c-pagination .list > li .prev .c-icon:after { margin-top: -5px; left: 32px; } }
.c-pagination .list > li .prev:hover .c-icon:before { background: url("/assets/img/icon-arrow-brown.svg") 0 0 / contain no-repeat; left: -35px; }
@media screen and (width <= 980px) { .c-pagination .list > li .prev:hover .c-icon:before { left: -18px; } }
.c-pagination .list > li .prev:hover .c-icon:after { background: url("/assets/img/icon-arrow-brown.svg") 0 0 / contain no-repeat; left: 15px; }
@media screen and (width <= 980px) { .c-pagination .list > li .prev:hover .c-icon:after { left: 7px; } }
.c-pagination .list > li .next .c-icon { left: 11px; }
@media screen and (width <= 980px) { .c-pagination .list > li .next .c-icon { left: -4px; } }
.c-pagination .list > li .next .c-icon:before { transition: all .3s; left: 15px; }
@media screen and (width <= 980px) { .c-pagination .list > li .next .c-icon:before { left: 7px; } }
.c-pagination .list > li .next .c-icon:after { transition: all .3s; left: -30px; }
@media screen and (width <= 980px) { .c-pagination .list > li .next .c-icon:after { left: -18px; } }
.c-pagination .list > li .next:hover .c-icon:before { background: url("/assets/img/icon-arrow-brown.svg") 0 0 / contain no-repeat; left: 50px; }
@media screen and (width <= 980px) { .c-pagination .list > li .next:hover .c-icon:before { left: 32px; } }
.c-pagination .list > li .next:hover .c-icon:after { background: url("/assets/img/icon-arrow-brown.svg") 0 0 / contain no-repeat; left: 15px; }
@media screen and (width <= 980px) { .c-pagination .list > li .next:hover .c-icon:after { left: 7px; } }
.c-pagination .list > li .prev:after { content: ""; width: 50px; height: 50px; top: -4px; left: -25px; right: inherit; bottom: inherit; border: 1px solid #d0d4d6; border-radius: 100%; transition: all .3s; display: block; position: absolute; }
@media screen and (width <= 980px) { .c-pagination .list > li .prev:after { width: 30px; height: 30px; top: 5px; left: 0; } }
.c-pagination .list > li .prev:hover:after { border-color: #72581b; transition: all .3s; }
.c-pagination .list > li .next:after { content: ""; width: 50px; height: 50px; top: -4px; left: 11px; right: inherit; bottom: inherit; border: 1px solid #d0d4d6; border-radius: 100%; transition: all .3s; display: block; position: absolute; }
@media screen and (width <= 980px) { .c-pagination .list > li .next:after { width: 30px; height: 30px; top: 5px; left: -4px; } }
.c-pagination .list > li .next:hover:after { border-color: #72581b; transition: all .3s; }
.c-section_head .inner { background: url("/assets/img/pic-head.png") center / cover no-repeat; align-items: center; min-height: 248px; display: flex; }
@media screen and (width <= 980px) { .c-section_head .inner { min-height: inherit; aspect-ratio: 5.53 / 2; } }
.c-section_head .inner .wrap { background: url("/assets/img/bg-head_title.svg") 0 0 / cover repeat-y; width: 100%; margin: 70px 0; }
@media screen and (width <= 980px) { .c-section_head .inner .wrap { margin: 20px 0; } }
.c-section_head .inner .-title { color: #fff; width: 1120px; margin: auto; padding: 25px 0; font-size: 30px; font-weight: normal; }
@media screen and (width <= 980px) { .c-section_head .inner .-title { width: 100%; padding: 10px 20px; font-size: 24px; line-height: 1.4; } }
.c-section_head .inner .-title .sub { font-size: 24px; display: block; }
@media screen and (width <= 980px) { .c-section_head .inner .-title .sub { margin-top: 5px; font-size: 14px; } }
.c-section_head .inner .-title .sup { font-size: 24px; display: block; }
@media screen and (width <= 980px) { .c-section_head .inner .-title .sup { margin-bottom: 5px; font-size: 14px; } }
.c-tabWrap .inner { width: 1200px; overflow-x: scroll; }
@media screen and (width <= 980px) { .c-tabWrap .inner { width: 100%; } .c-tabWrap .inner-btn { width: calc(100vw - 20px); } }
.c-tab { flex-wrap: nowrap; gap: 20px; width: 100%; margin-bottom: 15px; }
@media screen and (width <= 980px) { .c-tab { gap: 10px; } .c-tab > li:last-child { padding-right: 20px; } }
.c-tabTarget { position: relative; }
.c-tabTarget .c-tabTarget_content { opacity: 0; visibility: hidden; width: 100%; transition: all .3s; position: absolute; top: 0; left: 0; }
.c-tabTarget .c-tabTarget_content.isOn { opacity: 1; visibility: visible; transition: all .3s; }
.c-tab-btn { text-align: center; cursor: pointer; z-index: 1; white-space: nowrap; border: 1px solid #72581b; border-radius: 100vmax; width: 260px; margin: auto; padding: 18px 20px; font-size: 18px; font-weight: normal; line-height: 1.2; text-decoration: none; transition: all .3s; display: inline-block; position: relative; color: #72581b !important; }
@media screen and (width <= 980px) { .c-tab-btn { width: 200px; padding: 10px 15px; font-size: 14px; } }
.c-tab-btn:before, .c-tab-btn:after { transition: all .3s; }
.c-tab-btn:before { content: ""; z-index: 1011; opacity: 0; border: 8px solid #0000; border-top-width: 0; border-bottom-color: #72581b; width: 0; height: 0; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%)rotate(180deg); }
.c-tab-btn.isOn { background-color: #72581b; transition: all .3s; color: #fff !important; }
.c-tab-btn.isOn:before { opacity: 1; transition: all .3s; }
.c-tab-btn.-wAuto { width: auto; }
.c-wrapCenter { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; }
.c-stepNumber .-text { margin-bottom: 5px; font-size: 12px; font-weight: 500; line-height: 1; }
@media screen and (width <= 980px) { .c-stepNumber .-text { font-size: 10px; } }
.c-stepNumber .-number { font-size: 52px; line-height: 1; }
@media screen and (width <= 980px) { .c-stepNumber .-number { font-size: 26px; } }
.c-slideWrap .list-slide .item { border: 1px solid #135866; border-radius: 6px; margin: auto 18px; width: 960px !important; }
@media screen and (width <= 980px) { .c-slideWrap .list-slide .item { margin: auto 10px; width: 320px !important; } }
.c-slideWrap .list-slide .item a { height: 100%; padding: 20px 70px 20px 30px; display: block; position: relative; }
@media screen and (width <= 980px) { .c-slideWrap .list-slide .item a { padding: 20px 30px 20px 20px; } }
.c-slideWrap .list-slide .item a:before { content: ""; border-bottom: 1px solid #72581b; border-right: 1px solid #72581b; width: 11px; height: 11px; position: absolute; top: 50%; right: 30px; transform: rotate(-45deg)translateY(-50%); }
@media screen and (width <= 980px) { .c-slideWrap .list-slide .item a:before { right: 15px; } }
.c-slideWrap .list-slide .item a .titleWrap { align-items: baseline; margin-bottom: 10px; display: flex; }
@media screen and (width <= 980px) { .c-slideWrap .list-slide .item a .titleWrap { display: block; } }
.c-slideWrap .list-slide .item a .titleWrap .-time { flex-basis: 110px; font-size: 16px; }
@media screen and (width <= 980px) { .c-slideWrap .list-slide .item a .titleWrap .-time { font-size: 14px; } }
.c-slideWrap .list-slide .item a .titleWrap .-head { color: #72581b; flex: 1; }
.c-slideWrap .list-slide .item a .-text { font-size: 16px; }
.c-slideWrap .slick-dots { justify-content: center; align-items: center; gap: 10px; display: flex; bottom: -15px; }
.c-slideWrap .slick-dots > li { width: 64px; height: 4px; margin: inherit; }
.c-slideWrap .slick-dots > li button:before { opacity: 1; width: 64px; height: 4px; top: inherit; left: inherit; border-radius: 100vmax; transition: all .3s; display: block; position: relative; }
.c-slideWrap .slick-dots > li.slick-active button:before { transition: all .3s; }
.c-accordion_list > li + li { margin-top: 15px; }
.c-accordion_list > li dl { cursor: pointer; position: relative; }
.c-accordion_list > li dl dt { background-color: #f8f8f8; padding: 10px 20px; font-weight: normal; transition: all .3s; position: relative; }
.c-accordion_list > li dl dt:before, .c-accordion_list > li dl dt:after { content: ""; background-color: #72581b; display: block; position: absolute; top: 50%; right: 15px; }
.c-accordion_list > li dl dt:before { width: 19px; height: 2px; }
.c-accordion_list > li dl dt:after { opacity: 1; width: 2px; height: 19px; margin-top: -8px; transition: all .3s; right: 23px; }
.c-accordion_list > li dl dd { border-bottom: 1px solid #72581b; padding: 10px 20px; display: none; }
.c-accordion_list > li dl.isOn dt { color: #72581b; transition: all .3s; }
.c-accordion_list > li dl.isOn dt:after { opacity: 0; transition: all .3s; transform: rotate(90deg); }
.c-accordion_list > li dl.isOn dd { display: block; }
.c-list_col2 { gap: 60px; display: flex; }
.c-list_col2 > li:first-child { flex-basis: 340px; }
.c-list_col2 > li:nth-child(2) { flex: 1; }
@media screen and (width <= 980px) { .c-list_col2 > li:nth-child(2) { margin-top: 30px; } }
.c-list_col2.-half { gap: inherit; justify-content: space-between; }
.c-list_col2.-half > li { flex-basis: calc(50% - 30px); flex: inherit; }
.c-list_col2.-half > li:first-child { flex-basis: calc(50% - 30px); order: 1; }
@media screen and (width <= 980px) { .c-list_col2.-half > li:first-child { flex-basis: inherit; order: 1; } }
.c-list_col2.-half > li:nth-child(2) { flex-basis: calc(50% - 30px); order: 2; }
@media screen and (width <= 980px) { .c-list_col2.-half > li:nth-child(2) { order: 2; } }
.c-list_col2.-half.-reverse > li:first-child { order: 2; }
@media screen and (width <= 980px) { .c-list_col2.-half.-reverse > li:first-child { order: 1; } }
.c-list_col2.-half.-reverse > li:nth-child(2) { order: 1; }
@media screen and (width <= 980px) { .c-list_col2.-half.-reverse > li:nth-child(2) { order: 1; } }
.grecaptcha-badge { z-index: 100; }
.c-bg_header_overlay { backdrop-filter: blur(4px); opacity: 0; visibility: hidden; z-index: 100; background-color: #0000004d; width: 100%; height: 100%; transition: all .3s; position: fixed; top: 0; left: 0; }
.c-bg_header_overlay.isOn { opacity: 1; visibility: visible; transition: all .3s; }
.l-header { z-index: 1000; backdrop-filter: blur(); background: linear-gradient(#0000004d 0%, #0000 100%); width: 100%; height: 100px; margin: auto; padding-top: 20px; font-family: Noto Sans JP, sans-serif; font-weight: 400; transition: all .5s; position: fixed; top: 0; left: 0; right: 0; }
@media screen and (width <= 980px) { .l-header { height: 80px; padding-top: 15px; } }
.l-header:before { content: ""; opacity: 0; pointer-events: none; background: linear-gradient(#fff 0% 80%); transition: all .5s; position: absolute; inset: 0; }
.l-header.isOn { transition: all .3s; box-shadow: 0 0 8px #0000000a; }
.l-header.isWhite, .p-sub .l-header { backdrop-filter: blur(8px); opacity: 1; background: linear-gradient(#0000004d 0%, #0000 80%); transition: all .5s; }
.l-header.isWhite:before, .p-sub .l-header:before { opacity: .6; transition: all .5s; }
.l-header.isWhite .list-header, .p-sub .l-header .list-header, .l-header.isWhite .list-header > li, .p-sub .l-header .list-header > li { transition: all .3s; }
.l-header.isWhite .list-header > li > a, .p-sub .l-header .list-header > li > a { color: #122833; transition: all .3s; }
.l-header.isWhite .list-header > li > a:before, .p-sub .l-header .list-header > li > a:before { background-color: #122833; transition: all .3s; }
.p-top .l-header.isWhite .list-header > li > a, .p-top .p-sub .l-header .list-header > li > a { color: #122833; transition: all .3s; }
.l-header.isWhite .list-header > li:first-child, .p-sub .l-header .list-header > li:first-child, .l-header.isWhite .list-header > li:first-child a, .p-sub .l-header .list-header > li:first-child a { transition: all .3s; }
.l-header.isWhite .list-header > li:first-child a img path, .l-header.isWhite .list-header > li:first-child a svg path, .p-sub .l-header .list-header > li:first-child a img path, .p-sub .l-header .list-header > li:first-child a svg path { transition: all .3s; fill: #72581b !important; }
@media screen and (width <= 980px) { .l-header.isWhite .list-header > li.-menu .menuTrigger span, .p-sub .l-header .list-header > li.-menu .menuTrigger span { background-color: #122833; } }
.l-header.isBlack { backdrop-filter: blur(); transition: all .5s; background: linear-gradient(#0000004d 0%, #0000 100%) !important; }
.l-header.isBlack:before { content: ""; pointer-events: none; transition: all .5s; position: absolute; inset: 0; opacity: 0 !important; background: linear-gradient(#fff 0% 80%) !important; }
.l-header.isBlack .list-header > li > a { transition: all .3s; color: #fff !important; }
.l-header.isBlack .list-header > li > a:before { transition: all .3s; background-color: #fff !important; }
.l-header.isBlack .list-header > li:first-child a img path, .l-header.isBlack .list-header > li:first-child a svg path { transition: all .3s; fill: #fff !important; }
@media screen and (width <= 980px) { .l-header.isBlack .list-header > li.-menu .menuTrigger span { background-color: #fff; } }
.l-header .inner { width: calc(100% - 60px); }
@media screen and (width <= 980px) { .l-header .inner { width: calc(100% - 20px); } }
.l-header .list-header { transition: all .3s; }
.l-header .list-header > li { margin: 0 15px; transition: all .3s; }
@media screen and (width <= 980px) { .l-header .list-header > li { display: none; } .p-top .l-header .list-header > li h1 { margin-bottom: 0; } }
.l-header .list-header > li > a { color: #122833; padding: 10px 0; transition: all .3s; display: block; position: relative; }
.p-top .l-header .list-header > li > a { color: #fff; transition: all .3s; }
.l-header .list-header > li > a:before { content: ""; transform-origin: 0; background-color: #fff; width: 0%; height: 1px; transition: all .3s; position: absolute; bottom: 12px; left: 0; }
.l-header .list-header > li > a:hover, .l-header .list-header > li > a:focus-visible { opacity: 1; }
.l-header .list-header > li > a:hover:before, .l-header .list-header > li > a:focus-visible:before { width: 100%; transition: all .3s; }
.l-header .list-header > li > a.js-header_hover_menu--link { cursor: pointer; }
.l-header .list-header > li > a.js-header_hover_menu--link.-noLink:before { display: none; }
.l-header .list-header > li:first-child { margin: 0 auto 0 0; }
@media screen and (width <= 980px) { .l-header .list-header > li:first-child { display: block; } }
.l-header .list-header > li:first-child a { padding-top: 0; padding-bottom: 0; }
.l-header .list-header > li:first-child a img, .l-header .list-header > li:first-child a svg { width: 157px; height: 60px; }
@media screen and (width <= 980px) { .l-header .list-header > li:first-child a img, .l-header .list-header > li:first-child a svg { width: 131px; height: 50px; } }
.l-header .list-header > li:first-child a img path, .l-header .list-header > li:first-child a svg path { fill: #72581b; transition: all .3s; }
.p-top .l-header .list-header > li:first-child a img path, .p-top .l-header .list-header > li:first-child a svg path { fill: #fff; transition: all .3s; }
.l-header .list-header > li:first-child a:hover { opacity: 1; }
.l-header .list-header > li:first-child a:hover:before { display: none; }
.l-header .list-header > li.-contact { margin: 0 0 0 15px; }
@media screen and (width <= 980px) { .l-header .list-header > li.-contact { display: block; } }
.l-header .list-header > li.-contact a, .l-header .list-header > li.-contact a.c-btn { min-width: inherit; text-align: center; color: #fff; background-color: #72581b; border: 0; width: 160px; height: 40px; padding: 12px 0; line-height: 1; }
@media screen and (width <= 980px) { .l-header .list-header > li.-contact a, .l-header .list-header > li.-contact a.c-btn { text-indent: -9999px; background: #72581b url("/assets/img/icon-mail.svg") center / 26px 16px no-repeat; width: 50px; height: 50px; padding: 0; } }
.l-header .list-header > li.-contact a:before, .l-header .list-header > li.-contact a.c-btn:before { display: none; }
.l-header .list-header > li.-contact a:hover, .l-header .list-header > li.-contact a.c-btn:hover { opacity: .65; }
.l-header .list-header > li.-menu { display: none; }
@media screen and (width <= 980px) { .l-header .list-header > li.-menu { width: 40px; height: 40px; margin-left: 20px; margin-right: 0; display: block; position: relative; } .l-header .list-header > li.-menu .menuTrigger { width: 100%; height: 100%; position: relative; } .l-header .list-header > li.-menu .menuTrigger span { background-color: #fff; width: 40px; height: 1px; display: block; position: absolute; top: 0; left: 0; } .l-header .list-header > li.-menu .menuTrigger span:first-child { top: 12px; } .l-header .list-header > li.-menu .menuTrigger span:nth-child(2) { top: 26px; } }
.l-header .menuModal { opacity: 0; visibility: hidden; z-index: 1100; transition: all .1s; position: absolute; top: 50px; }
.l-header .menuModal.isOn { opacity: 1; visibility: visible; transition: all .3s; }
@media screen and (width <= 980px) { .l-header .menuModal.isOn { transition: inherit; } }
.l-header .menuModal .submenuList { background-color: #fffc; padding: 10px 18px; overflow: hidden; box-shadow: 0 0 10px #0000001a; }
.l-header .menuModal .submenuList > li a, .l-header .menuModal .submenuList > li a.submenuItem { color: #122833; padding: 8px 0; font-size: 16px; line-height: 1.2; display: block; }
.l-header .menuModal .submenuList > li a:hover, .l-header .menuModal .submenuList > li a.submenuItem:hover { color: #72581b; }
.l-header .menuListWrap { display: none; }
@media screen and (width <= 980px) { .l-header .menuListWrap { z-index: 1001; width: 100%; max-width: inherit; opacity: 0; visibility: hidden; background-color: #fff; height: 100vh; margin: auto; padding: 0; transition: all .3s; display: block; position: fixed; top: 0; left: 0; right: 0; overflow-y: scroll; } .l-header .menuListWrap:before { transition: all .3s; } .l-header .menuListWrap.isOn { opacity: 1; visibility: visible; transition: all .3s; } .l-header .menuListWrap.isOn:before { transition: all .3s; } }
.l-header .menuListWrap .inner { width: calc(100vw - 40px); padding-top: 15px; padding-bottom: 20px; }
.l-header .menuListWrap .list-menuWrap { margin-left: -10px; margin-right: -10px; }
.l-header .menuListWrap .list-menuWrap > li:first-child { margin: 0 auto 0 0; }
@media screen and (width <= 980px) { .l-header .menuListWrap .list-menuWrap > li:first-child { display: block; } }
.l-header .menuListWrap .list-menuWrap > li:first-child a { padding-top: 0; padding-bottom: 0; }
.l-header .menuListWrap .list-menuWrap > li:first-child a img, .l-header .menuListWrap .list-menuWrap > li:first-child a svg { width: 157px; height: 60px; }
@media screen and (width <= 980px) { .l-header .menuListWrap .list-menuWrap > li:first-child a img, .l-header .menuListWrap .list-menuWrap > li:first-child a svg { width: 131px; height: 50px; } }
.l-header .menuListWrap .list-menuWrap > li:first-child a img path, .l-header .menuListWrap .list-menuWrap > li:first-child a svg path { fill: #72581b; }
.l-header .menuListWrap .list-menuWrap > li:first-child a:hover { opacity: 1; }
.l-header .menuListWrap .list-menuWrap > li:first-child a:hover:before { display: none; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(2) { position: relative; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(2) .btn-contact { background: #72581b url("/assets/img/icon-mail.svg") center / 26px 16px no-repeat; border-radius: 100%; width: 50px; height: 50px; padding: 0; display: block; position: absolute; top: -25px; left: -70px; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose { width: 40px; height: 30px; display: block; position: relative; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose span { background-color: #122833; width: 40px; height: 1px; display: block; position: absolute; top: 14px; left: 0; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose span:first-child { transform: rotate(18deg); }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose span:nth-child(2) { transform: rotate(-18deg); }
.l-header .menuListWrap .c-list-spWrap { margin-top: 34px; }
.l-header .menuListWrap .c-list-spWrap > li .list-footerNav > li a { color: #122833; }
.l-header .menuListWrap .c-list-spWrap > li .list-footerNav > li a.-head { font-size: 16px; }
.l-header .menuListWrap .c-list-spWrap > li .list-footerNav > li a:before { background-color: #122833; }
.l-header .menuListWrap .list-sns { margin-top: 30px; }
.l-header .menuListWrap .list-sns > li a img, .l-header .menuListWrap .list-sns > li a svg { width: 20px; height: 20px; }
.l-header .menuListWrap .list-sns > li a img path, .l-header .menuListWrap .list-sns > li a svg path { fill: #122833; }
.l-header .menuListWrap .c-btn.-contact { text-align: center; color: #fff; background-color: #72581b; border-color: #72581b; width: 100%; margin-top: 40px; }
body.body-fixed { width: 100%; height: 100%; position: fixed; left: 0; }
.l-container { min-width: 1200px; position: relative; }
@media screen and (width <= 980px) { .l-container { min-width: inherit; } }
.l-contents { padding-top: 100px; }
@media screen and (width <= 980px) { .l-contents { padding-top: 80px; } }
.l-contents.-no-top-margin { padding-top: 0; }
.l-main ul, .l-main ol { margin-left: 0; padding-left: 0; list-style-type: none; }
@media screen and (width <= 980px) { .l-main.p-sub { padding-bottom: 80px; } }
img.ofi { object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%; "; }
img.ofi-top { object-fit: cover; object-position: 50% 0%; font-family: "object-fit: cover; object-position: 50% 0%; "; }
.inner { box-sizing: border-box; width: calc(100% - 40px); max-width: 1200px; margin: auto; position: relative; }
.inner.-wide { width: 100%; max-width: none; }
@media screen and (width <= 980px) { .inner.-wide.-spInner { width: calc(100vw - 40px); } }
.inner.-middle { max-width: 980px; }
.inner.-short { max-width: 650px; }
.c-section { padding: 90px 0; }
@media screen and (width <= 980px) { .c-section { padding: 50px 0; } }
.c-section.-nopd { padding: 0; }
.c-section.-no-margin { maring: 0; padding: 0; }
.l-mainColumn { justify-content: space-between; width: 1120px; margin: 90px auto auto; display: flex; position: relative; }
@media screen and (width <= 980px) { .l-mainColumn { width: calc(100vw - 40px); margin-top: 30px; display: block; } }
.l-mainColumn.-wide { width: 100%; margin-top: 0; display: block; }
.l-mainColumn .l-columnContents { flex-basis: 1200px; }
.l-mainColumn .l-columnSide { flex-basis: 270px; }
@media screen and (width <= 980px) { .l-mainColumn .l-columnSide { margin-top: 70px; margin-left: -20px; margin-right: -20px; } }
.l-side_banner { display: none !important; }
@media screen and (width <= 980px) { .l-side_banner { margin-top: 70px; display: block !important; } }
.l-footer_banner { display: block; }
@media screen and (width <= 980px) { .l-footer_banner { display: none !important; } }
.c-spSlide .slide1_arrow { position: absolute; top: 50%; transform: translateY(-50%); }
.c-spSlide .slide1_arrow_prev { background: url("../img/icon_slide_arrow.svg") 0 0 / cover no-repeat; width: 12px; height: 23px; left: -22px; }
.c-spSlide .slide1_arrow_next { background: url("../img/icon_slide_arrow.svg") 0 0 / cover no-repeat; width: 12px; height: 23px; margin-top: -10px; right: -22px; transform: rotate(-185deg); }
.c-modal { z-index: 1100; opacity: 0; visibility: hidden; width: 100%; height: 100%; transition: all .3s; position: fixed; top: 0; left: 0; right: 0; }
.c-modal.isOn { opacity: 1; visibility: visible; transition: all .3s; }
.c-modal .c-modal_bg, .c-modal .bg { z-index: 0; background-color: #000000b3; width: 100%; height: 100%; position: fixed; }
.c-modal .modalBlock { z-index: 1; }
.c-modal .modalInner2 { background-color: #fff; border-radius: 6px; width: 100%; height: 100%; padding: 40px 80px; position: relative; overflow: hidden scroll; }
@media screen and (width <= 980px) { .c-modal .modalInner2 { padding: 30px 25px 20px; } }
.c-modal .c-modalClose { cursor: pointer; z-index: 1; background: url("/assets/img/icon-modal_close.svg") 0 0 / cover no-repeat; width: 22px; height: 22px; display: block; position: absolute; top: 20px; right: 20px; }
@media screen and (width <= 980px) { .c-modal .c-modalClose { top: 10px; right: 10px; } }
.c-modal .modalBox { box-sizing: border-box; z-index: 1011; width: 500px; height: 70%; min-height: 500px; margin: auto; position: fixed; inset: 0; }
@media screen and (width <= 980px) { .c-modal .modalBox { width: 90%; height: 80%; } }
.c-modal.-fitHeight .modalBox { height: fit-content; max-height: 600px; }
@media screen and (width <= 980px) { .c-modal.-fitHeight .modalBox { max-height: calc(100vh - 200px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner { height: fit-content; max-height: 600px; }
@media screen and (width <= 980px) { .c-modal.-fitHeight .modalBox .modalInner { max-height: calc(100vh - 200px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner .modalInner2 { height: fit-content; max-height: 600px; }
@media screen and (width <= 980px) { .c-modal.-fitHeight .modalBox .modalInner .modalInner2 { max-height: calc(100vh - 200px); min-height: inherit; } }
.l-form .input-text { height: 45px; }
.l-form .input-text, .l-form textarea { background-color: #fff; padding: 10px; }
.l-form input[type="text"], .l-form input[type="email"], .l-form input[type="search"], .l-form input[type="tel"], .l-form input[type="time"], .l-form input[type="number"], .l-form input[type="password"] { background-color: #fff; border: 1px solid #d0d4d6; width: 100%; padding: 10px; }
.l-form textarea { background-color: #fff; border: 1px solid #d0d4d6; width: 100%; height: 200px; padding: 10px; }
.l-form .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0; }
.l-form .mw_wp_form .error { color: #135866; margin-top: 5px; font-family: Noto Sans JP, sans-serif; font-size: 12px; line-height: 1; }
input[type="text"].isError, input[type="search"].isError, input[type="radio"].isError, input[type="tel"].isError, input[type="time"].isError, input[type="url"].isError, input[type="week"].isError, input[type="password"].isError, input[type="checkbox"].isError, input[type="color"].isError, input[type="date"].isError, input[type="datetime"].isError, input[type="datetime-local"].isError, input[type="email"].isError, input[type="month"].isError, input[type="number"].isError, select.isError, textarea.isError, button[type="button"].isError { background-color: #fad5cc !important; }
.p-top { position: relative; }
.p-top .section-main { width: 100%; height: 100vh; padding: 0; }
@media screen and (width <= 980px) { .p-top .section-main { height: 660px; } }
.p-top .section-main.-fixed { z-index: -1; position: fixed; top: 0; left: 0; }
@media screen and (width <= 980px) { .p-top .section-main .inner { overflow: hidden; } }
.p-top .section-main .top-slide { opacity: 1; transition: all .3s; }
.p-top .section-main .top-slide.isHide { opacity: 0; transition: all .3s; }
.p-top .section-main .top-slide .list-item { width: 100%; height: 100vh; position: relative; overflow: hidden; }
@media screen and (width <= 980px) { .p-top .section-main .top-slide .list-item { height: 660px; } }
.p-top .section-main .top-slide .list-item .bg-image { z-index: 1; opacity: 1; background: url("/assets/img/top/main.jpg") bottom / cover no-repeat; width: 100%; height: 100vh; transition: opacity .6s; position: absolute; inset: 0; overflow: hidden; }
@media screen and (width <= 980px) { .p-top .section-main .top-slide .list-item .bg-image { background: url("/assets/img/top/main-sp.jpg") bottom / cover no-repeat; height: 660px; } }
.p-top .section-main .top-slide .list-item .bg-movie { object-fit: cover; z-index: 0; opacity: 1; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0; }
.p-top .section-main .p-titleWrap { opacity: .4; align-items: center; width: 1200px; height: 100%; margin: 15px auto auto 40px; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media screen and (width <= 980px) { .p-top .section-main .p-titleWrap { width: auto; height: auto; top: inherit; transform: inherit; margin: 0 auto auto 0; display: block; position: absolute; bottom: 30px; left: 20px; } }
.p-top .section-main .p-titleWrap .-inner { position: relative; }
.p-top .section-main .p-titleWrap .section-title { color: #fff; letter-spacing: .08em; font-size: 44px; font-weight: 500; line-height: 2; position: relative; }
@media screen and (width <= 980px) { .p-top .section-main .p-titleWrap .section-title { letter-spacing: 0; font-size: 30px; line-height: 1.6; } }
.p-top .section-main .p-titleWrap .section-title:before { content: ""; opacity: 1; z-index: -1; background: url("/assets/img/top/bg-title.png") 0 0 / cover no-repeat; width: 492px; height: 426px; position: absolute; top: -30px; left: -100px; }
@media screen and (width <= 980px) { .p-top .section-main .p-titleWrap .section-title:before { width: 365px; height: 283px; top: inherit; display: none; bottom: 0; left: 0; } }
.p-top .section-main .scrollFig { z-index: 3; justify-content: center; align-items: center; margin: auto; display: flex; position: absolute; bottom: 0; right: 0; }
@media screen and (width <= 980px) { .p-top .section-main .scrollFig { right: -5px; } }
.p-top .section-main .scrollFig .-inner { flex-direction: column; align-items: center; gap: 5px; margin-top: -50px; margin-left: -56px; display: flex; position: relative; }
@media screen and (width <= 980px) { .p-top .section-main .scrollFig .-inner { margin-top: 0; margin-left: -46px; } }
.p-top .section-main .scrollFig .text { letter-spacing: .1em; text-align: center; color: #fff; writing-mode: vertical-rl; font-size: 12px; }
.p-top .section-main .scrollFig .pic { width: 20px; height: 50px; position: relative; overflow: hidden; }
.p-top .section-main .scrollFig .pic:before { content: ""; z-index: 3; background-color: #fff; border: 0; width: 1px; height: 10px; margin: auto; animation: 2.6s infinite scrollFigMoveDown; position: absolute; top: 0; left: 0; right: 0; }
.p-top .section-main .scrollFig .pic:after { content: ""; z-index: 2; background: #d0d4d6; width: 1px; height: 50px; margin: auto; display: block; position: absolute; top: 0; left: 0; right: 0; }
@keyframes scrollFigMoveDown { 0% { top: -10px; } 75% { opacity: 1; top: 60px; } 100% { opacity: 0; top: 60px; } }
.p-top .p-titleWrap--ab { z-index: 10; align-items: center; width: auto; height: 100vh; margin-left: -26vw; display: flex; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
@media screen and (width <= 980px) { .p-top .p-titleWrap--ab { width: auto; height: 100vh; top: inherit; transform: inherit; align-items: flex-end; margin: -40px auto auto 0; display: flex; position: absolute; left: 33px; } }
.p-top .p-titleWrap--ab.isOn .section-title:before { opacity: 0; transition: all .3s; }
.p-top .p-titleWrap--ab .-inner { position: relative; }
@media screen and (width <= 980px) { .p-top .p-titleWrap--ab .-inner { height: 100%; } }
.p-top .p-titleWrap--ab .section-title { color: #fff; letter-spacing: .08em; font-size: 44px; font-weight: 500; line-height: 2; position: relative; }
@media screen and (width <= 980px) { .p-top .p-titleWrap--ab .section-title { letter-spacing: 0; width: 240px; font-size: 30px; line-height: 1.6; position: absolute; top: 130px; left: 0; } }
.p-top .p-titleWrap--ab .section-title:before { content: ""; opacity: 1; z-index: -1; background: url("/assets/img/top/bg-title.png") 0 0 / cover no-repeat; width: 492px; height: 426px; transition: all .3s; position: absolute; top: -30px; left: -100px; }
@media screen and (width <= 980px) { .p-top .p-titleWrap--ab .section-title:before { width: 255px; height: 253px; top: -30px; left: -20px; bottom: inherit; background-size: contain; } }
.p-top .p-top--space { height: 100vh; }
@media screen and (width <= 980px) { .p-top .p-top--space { height: 660px; } }
.p-top .section-content01 { padding: 200px 0; }
@media screen and (width <= 980px) { .p-top .section-content01 { padding: 250px 0 50px; } }
.p-top .section-content01:before { background: url("/assets/img/top/bg-main.jpg") 0 0 / cover no-repeat; }
@media screen and (width <= 980px) { .p-top .section-content01:before { background: url("/assets/img/top/bg-main-sp.jpg") 0 0 / cover no-repeat; } }
.p-top .section-content01 .inner { width: 1040px; }
@media screen and (width <= 980px) { .p-top .section-content01 .inner { width: calc(100vw - 40px); } }
.p-top .section-content01 .list-wrap > li .section-title { color: #fff; font-size: 44px; font-weight: normal; line-height: 2; }
@media screen and (width <= 980px) { .p-top .section-content01 .list-wrap > li .section-title { font-size: 30px; line-height: 1.55; } }
.p-top .section-content01 .list-wrap > li .text { color: #fff; }
@media screen and (width <= 980px) { .p-top .section-content01 .list-wrap > li .text { margin-top: 30px; font-size: 16px; line-height: 2; } }
.p-top .section-content01 .list-wrap > li .c-btn { margin-top: 30px; }
.p-top .section-content02 { padding-bottom: 0; }
@media screen and (width <= 980px) { .p-top .section-content02 .c-lead { width: calc(100vw - 40px); margin: auto; } }
.p-top .section-content02 .wrap { background-color: #fff; width: 100%; }
.p-top .section-content02 .list-wrap { min-width: 1200px; max-width: 1360px; margin: 60px auto auto; }
@media screen and (width <= 980px) { .p-top .section-content02 .list-wrap { min-width: inherit; margin-top: 30px; display: block; } }
.p-top .section-content02 .list-wrap > li { flex-basis: 33.3333%; }
.p-top .section-content02 .list-wrap > li a { width: 100%; height: 100%; transition: all .3s; display: block; overflow: hidden; }
.p-top .section-content02 .list-wrap > li a img { transition: all .3s; }
.p-top .section-content02 .list-wrap > li a .-bg { z-index: 1; background: linear-gradient(to top, #1228334d 10%, #1f465900 50%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.p-top .section-content02 .list-wrap > li a .c-title { color: #fff; z-index: 2; margin-bottom: 0; position: absolute; bottom: 20px; left: 30px; }
@media screen and (width <= 980px) { .p-top .section-content02 .list-wrap > li a .c-title { bottom: 10px; left: 20px; } }
.p-top .section-content02 .list-wrap > li a .c-title .sup { margin-left: -10px; font-size: 20px; font-weight: 500; }
.p-top .section-content02 .list-wrap > li a .c-icon { bottom: 35px; top: inherit; left: inherit; transform: inherit; z-index: 2; right: 30px; }
@media screen and (width <= 980px) { .p-top .section-content02 .list-wrap > li a .c-icon { bottom: 20px; right: 20px; } }
.p-top .section-content02 .list-wrap > li a:hover { transition: all .3s; }
.p-top .section-content02 .list-wrap > li a:hover img { transition: all .3s; transform: scale(1.08); }
.p-top .section-content03 { padding-bottom: 130px; }
@media screen and (width <= 980px) { .p-top .section-content03 { padding-bottom: 50px; } }
.p-top .section-content03:before { background: url("/assets/img/top/bg2.jpg") 0 0 / cover no-repeat; }
@media screen and (width <= 980px) { .p-top .section-content03:before { background: url("/assets/img/top/bg2-sp.jpg") 0 0 / cover no-repeat; } }
.p-top .section-content03 .list-wrap { flex-wrap: nowrap; align-items: center; width: 1200px; margin: auto; }
@media screen and (width <= 980px) { .p-top .section-content03 .list-wrap { width: inherit; flex-wrap: wrap; display: block; } }
.p-top .section-content03 .list-wrap > li:first-child { flex: 1; }
@media screen and (width <= 980px) { .p-top .section-content03 .list-wrap > li:first-child { position: relative; } }
.p-top .section-content03 .list-wrap > li:first-child .pic1 { width: 540px; }
@media screen and (width <= 980px) { .p-top .section-content03 .list-wrap > li:first-child .pic1 { width: 315px; } }
.p-top .section-content03 .list-wrap > li:first-child .pic2 { width: 310px; margin-bottom: -40px; margin-left: -120px; }
@media screen and (width <= 980px) { .p-top .section-content03 .list-wrap > li:first-child .pic2 { width: 160px; margin-left: inherit; margin-bottom: inherit; position: absolute; bottom: -40px; right: 0; } }
.p-top .section-content03 .list-wrap > li:nth-child(2) { flex-basis: 350px; }
@media screen and (width <= 980px) { .p-top .section-content03 .list-wrap > li:nth-child(2) { width: calc(100vw - 40px); margin: auto; } }
.p-top .section-content03 .list-wrap > li:nth-child(2) .c-title { margin-top: 40px; }
@media screen and (width <= 980px) { .p-top .section-content03 .list-wrap > li:nth-child(2) .c-title { margin-top: 60px; margin-bottom: 20px; } }
.p-top .section-content03 .list-wrap > li:nth-child(2) .c-lead { text-align: left; }
.p-top .section-content03 .list-wrap > li:nth-child(2) .c-btn { margin-top: 30px; }
@media screen and (width <= 980px) { .p-top .section-content04 .inner { width: calc(100vw - 80px); margin: auto; } .p-top .section-content04 .list-wrap { display: block; } }
.p-top .section-content04 .list-wrap > li { flex-basis: 25%; }
.p-top .section-content04 .list-wrap > li a { width: 100%; height: 100%; transition: all .3s; display: block; overflow: hidden; }
.p-top .section-content04 .list-wrap > li a img { transition: all .3s; }
.p-top .section-content04 .list-wrap > li a .-bg { z-index: 1; background: linear-gradient(to top, #1228334d 10%, #1f465900 50%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.p-top .section-content04 .list-wrap > li a .c-title { color: #fff; z-index: 2; letter-spacing: 0; margin-bottom: 0; font-size: 24px; position: absolute; bottom: 10px; left: 10px; }
@media screen and (width <= 980px) { .p-top .section-content04 .list-wrap > li a .c-title { font-size: 20px; } }
.p-top .section-content04 .list-wrap > li a .c-title .sup { font-size: 16px; font-weight: normal; }
@media screen and (width <= 980px) { .p-top .section-content04 .list-wrap > li a .c-title .sup { font-size: 14px; } }
.p-top .section-content04 .list-wrap > li a .c-icon { bottom: 20px; top: inherit; left: inherit; transform: inherit; z-index: 2; right: 10px; }
@media screen and (width <= 980px) { .p-top .section-content04 .list-wrap > li a .c-icon { bottom: 16px; } }
.p-top .section-content04 .list-wrap > li a:hover { transition: all .3s; }
.p-top .section-content04 .list-wrap > li a:hover img { transition: all .3s; transform: scale(1.08); }
.p-top .section-content05 { padding-top: 0; }
.p-top .section-content05 .list-wrap > li:first-child { flex: 1; }
@media screen and (width <= 980px) { .p-top .section-content05 .list-wrap > li:first-child .c-btn { display: none; } }
.p-top .section-content05 .list-wrap > li:nth-child(2) { flex-basis: 633px; }
.p-top .section-content05 .list-wrap > li:nth-child(2) .c-btn { display: none; }
@media screen and (width <= 980px) { .p-top .section-content05 .list-wrap > li:nth-child(2) .c-btn { margin-top: 30px; display: block; } }
.c-news > li { border-top: 1px solid #d0d4d6; border-bottom: 1px solid #d0d4d6; }
.c-news > li + li { border-top: 0; }
.c-news > li a { width: 100%; height: 100%; padding: 20px 50px 20px 0; text-decoration: none; display: block; position: relative; }
.c-news > li a .list-news { flex-wrap: nowrap; gap: 60px; }
@media screen and (width <= 980px) { .c-news > li a .list-news { display: block; } }
.c-news > li a .list-news dt { font-size: 14px; font-weight: 500; }
@media screen and (width <= 980px) { .c-news > li a .list-news dt { font-size: 12px; } }
.c-news > li a .list-news dd { font-size: 16px; font-weight: 500; }
@media screen and (width <= 980px) { .c-news > li a .list-news dd { font-size: 14px; } }
.c-news > li a:hover { color: #72581b; }
.l-footerSubArea { background: url("/assets/img/footer_sub02.jpg") center / cover no-repeat; transition: all .3s; }
@media screen and (width <= 980px) { .l-footerSubArea { background: none !important; } }
.l-footerSubArea:has(.list-wrap > li:first-child a:hover) { background: url("/assets/img/footer_sub01.jpg") center / cover no-repeat; transition: all .3s; }
.l-footerSubArea:has(.list-wrap > li:nth-child(2) a:hover) { background: url("/assets/img/footer_sub02.jpg") center / cover no-repeat; transition: all .3s; }
.l-footerSubArea:has(.list-wrap > li:nth-child(3) a:hover) { background: url("/assets/img/footer_sub03.jpg") center / cover no-repeat; transition: all .3s; }
@media screen and (width <= 980px) { .l-footerSubArea .list-wrap { display: block; } }
.l-footerSubArea .list-wrap > li { color: #fff; flex-basis: 33.3333%; height: 205px; position: relative; }
@media screen and (width <= 980px) { .l-footerSubArea .list-wrap > li { background: center / cover no-repeat; height: 175px; } }
.l-footerSubArea .list-wrap > li:before { content: ""; mix-blend-mode: multiply; z-index: 0; background-color: #135866e6; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.l-footerSubArea .list-wrap > li + li { border-left: 1px solid #fff; }
@media screen and (width <= 980px) { .l-footerSubArea .list-wrap > li + li { border-top: 1px solid #fff; border-left: 0; } }
.l-footerSubArea .list-wrap > li:first-child { border-left: 0; }
@media screen and (width <= 980px) { .l-footerSubArea .list-wrap > li:first-child { background-image: url("/assets/img/footer_sub01-sp.jpg"); } .l-footerSubArea .list-wrap > li:nth-child(2) { background-image: url("/assets/img/footer_sub02-sp.jpg"); } }
.l-footerSubArea .list-wrap > li:nth-child(2) a:hover .c-wrapCenter { background-color: #ffffff1a; transition: all .3s; }
@media screen and (width <= 980px) { .l-footerSubArea .list-wrap > li:nth-child(3) { background-image: url("/assets/img/footer_sub03-sp.jpg"); } }
.l-footerSubArea .list-wrap > li a { width: 100%; height: 100%; display: block; }
.l-footerSubArea .list-wrap > li a .c-wrapCenter { background-color: #fff0; transition: all .3s; }
.l-footerSubArea .list-wrap > li a.isOff .wrap { opacity: .7; transition: all .3s; }
.l-footerSubArea .list-wrap > li a.isOff:hover .wrap, .l-footerSubArea .list-wrap > li a:hover { opacity: 1; }
.l-footerSubArea .list-wrap > li a:hover .c-wrapCenter { background-color: #ffffff4d; transition: all .3s; }
.l-footerSubArea .list-wrap > li a .c-title2 { color: #fff; font-family: EB Garamond, Zen Old Mincho, serif; }
.l-footerSubArea .list-wrap > li a a, .l-footerSubArea .list-wrap > li a a.c-btn { width: 240px; height: inherit; margin-top: 30px; }
.p-company .c-section-head { background-image: url("/assets/img/company/head-bg.jpg"); overflow: hidden; }
.p-company .c-section-head .list > li > * { z-index: 1; position: relative; }
.p-company .c-section-head .list > li:nth-child(2) { background-image: none; justify-content: flex-start; align-items: center; padding: 0; display: flex; }
@media screen and (width <= 980px) { .p-company .c-section-head .list > li:nth-child(2) { width: auto; height: auto; margin-left: 20px; margin-right: 20px; padding: 28px 20px; } .p-company .c-section-head .list > li:nth-child(2):before { opacity: 0; inset: 0; } }
.p-company .c-section-head .list > li:nth-child(2) .movie { width: 38vw; max-width: 100%; margin-right: calc(50% - 600px); }
.p-company .c-section-head .list > li:nth-child(2) .movie video { background-color: #122833; width: 100%; height: auto; display: block; }
@media screen and (width <= 980px) { .p-company .c-section-head .list > li:nth-child(2) .movie { width: 100%; height: auto; margin-right: 0; } }
.c-list_subtopNav { gap: 60px; }
@media screen and (width <= 980px) { .c-list_subtopNav { width: calc(100% - 40px); display: block; margin: auto !important; } }
.c-list_subtopNav > li { flex-basis: calc(50% - 30px); }
@media screen and (width <= 980px) { .c-list_subtopNav > li + li { margin-top: 20px; } }
.c-list_subtopNav > li a:hover { transition: all .3s; }
.c-list_subtopNav > li a:hover .c-link--arrow { color: #72581b; }
.c-list_subtopNav > li a:hover .pic img { transition: all .3s; }
.c-list_subtopNav > li .pic { transition: all .3s; overflow: hidden; }
.c-list_subtopNav > li .pic img { transition: all .3s; }
.c-list_subtopNav > li .c-link--arrow, .c-list_subtopNav > li a.c-link--arrow { margin-top: 10px; }
.c-list_subtopNav > li .text { font-size: 16px; }
@media screen and (width <= 980px) { .c-list_subtopNav > li .text { margin-top: 10px; font-size: 14px; } }
.c-section-main { background: center / cover no-repeat; height: 400px; }
@media screen and (width <= 980px) { .c-section-main { height: 200px; } }
.c-section-main.-sub { height: 250px; }
@media screen and (width <= 980px) { .c-section-main.-sub { height: 150px; } }
.c-section-main .inner { height: 100%; }
.c-section-main .inner .c-wrapCenter { justify-content: flex-start; }
.c-section-main .inner .c-title { margin-bottom: 0; }
@media screen and (width <= 980px) { .c-section-main .inner .c-title { font-size: 32px; } .c-section-main .inner .c-title .sub { font-size: 12px; } }
.c-section-main.-mini { height: 220px; padding: 0; }
@media screen and (width <= 980px) { .c-section-main.-mini { height: 100px; padding: 0; } }
.c-section-head { background: bottom / cover no-repeat; }
.c-section-head:before { z-index: 0; mix-blend-mode: multiply; background-color: #135866b3; }
.c-section-head .list { gap: 60px; }
@media screen and (width <= 980px) { .c-section-head .list { display: block; } }
.c-section-head .list > li { color: #fff; position: relative; }
.c-section-head .list > li:first-child { flex-basis: 540px; margin-left: calc(50% - 600px); }
@media screen and (width <= 980px) { .c-section-head .list > li:first-child { margin-left: 20px; margin-right: 20px; } }
.c-section-head .list > li:nth-child(2) { background: bottom / cover no-repeat; flex-basis: 50%; height: 423px; }
@media screen and (width <= 980px) { .c-section-head .list > li:nth-child(2) { width: 315px; height: 204px; margin-top: 60px; margin-left: calc(100% - 315px); } }
.p-company .c-section-head .list > li:nth-child(2) { height: 700px; }
@media screen and (width <= 980px) { .p-company .c-section-head .list > li:nth-child(2) { width: calc(100% - 40px); height: auto; margin-top: 30px; margin-left: 20px; padding: 0; } }
.c-section-head .list > li .text1 { font-size: 24px; }
@media screen and (width <= 980px) { .c-section-head .list > li .text1 { font-size: 20px; } }
.c-section-head .list > li .text2 { margin-top: 10px; font-size: 40px; line-height: 1.6; }
@media screen and (width <= 980px) { .c-section-head .list > li .text2 { font-size: 30px; } }
.c-section-head .list > li .text3 { margin-top: 20px; }
@media screen and (width <= 980px) { .c-section-head .list > li .text3 { font-size: 16px; } }
.c-section-head--title { padding-bottom: 0; }
.c-section-head--title .c-title { margin-bottom: 0; }
.c-section-anchor { padding-bottom: 0; }
.c-section-anchor .list { justify-content: center; }
@media screen and (width <= 980px) { .c-section-anchor .list { justify-content: flex-start; align-items: stretch; gap: 0 30px; } .c-section-anchor .list > li { border-bottom: 1px solid #d0d4d6; flex-basis: calc(50% - 15px); align-items: center; display: flex; } }
.c-section-anchor .list > li + li { border-left: 1px solid #d0d4d6; }
@media screen and (width <= 980px) { .c-section-anchor .list > li + li { border-left: 0; } .c-section-anchor .list > li:first-child, .c-section-anchor .list > li:nth-child(2) { border-top: 1px solid #d0d4d6; } }
.c-section-anchor .list > li a, .c-section-anchor .list > li a.c-link--arrow { width: auto; margin: 0 30px; padding-right: 40px; font-family: Noto Sans JP, sans-serif; font-weight: normal; }
@media screen and (width <= 980px) { .c-section-anchor .list > li a, .c-section-anchor .list > li a.c-link--arrow { width: 100%; margin: 0; padding: 16px 35px 16px 0; font-size: 16px; line-height: 1.4; } }
.c-section-anchor .list > li a.isOn, .c-section-anchor .list > li a.c-link--arrow.isOn { pointer-events: none; color: #72581b; }
.c-section-anchor .list > li a.isOn .c-icon, .c-section-anchor .list > li a.c-link--arrow.isOn .c-icon { display: none; }
.p-news .section-content01 { padding-top: 0; }
.p-news .section-content01 .c-news { margin-bottom: 55px; }
@media screen and (width <= 980px) { .p-news .section-content01 .c-news { margin-bottom: 45px; } }
.block-editor-block-list__layout ul, .block-editor-block-list__layout ol { padding-left: 0 !important; list-style: none !important; }
.l-post .section_head--post .p-headTitle { margin-top: 5px; margin-bottom: 50px; font-size: 28px; }
@media screen and (width <= 980px) { .l-post .section_head--post .p-headTitle { margin-top: 12px; font-size: 20px; } }
.l-post p { margin-bottom: 60px; }
@media screen and (width <= 980px) { .l-post p { margin-bottom: 50px; } }
.l-post ul, .l-post ol { padding-left: 0 !important; list-style: none !important; }
.l-post img { width: 100%; height: auto; }
@media screen and (width <= 980px) { .l-post img { max-width: inherit; width: 100% !important; } }
.l-post h2:not(.c-title) { margin-bottom: 20px; font-size: 24px; }
.l-post h3 { margin-bottom: 20px; font-size: 20px; }
.l-post h4, .l-post h5, .l-post h6 { margin-bottom: 20px; font-size: 18px; }
.l-post b, .l-post strong { font-weight: bold; }
.l-post em, .l-post i { font-style: italic; }
.l-post a { color: #122833; }
.l-post p a { text-decoration: underline; }
.l-post figure.wp-block-image { width: 653px; margin-bottom: 60px; margin-left: auto; margin-right: auto; }
@media screen and (width <= 980px) { .l-post figure.wp-block-image { width: 100%; margin-bottom: 50px; } }
.l-post figure.wp-block-image figcaption { margin-top: 18px; font-family: Noto Sans JP, sans-serif; font-size: 12px; line-height: 1.4; }
.l-post figure.wp-block-table { margin-bottom: 60px; }
@media screen and (width <= 980px) { .l-post figure.wp-block-table { margin-bottom: 50px; } }
.l-post figure.wp-block-table table { table-layout: fixed; border-collapse: collapse; width: 100%; }
.l-post figure.wp-block-table table.-center tr, .l-post figure.wp-block-table table.-center th, .l-post figure.wp-block-table table.-center td { text-align: center; }
.l-post figure.wp-block-table table.-left tr, .l-post figure.wp-block-table table.-left th, .l-post figure.wp-block-table table.-left td { text-align: left; }
.l-post figure.wp-block-table table.-right tr, .l-post figure.wp-block-table table.-right th, .l-post figure.wp-block-table table.-right td { text-align: right; }
.l-post figure.wp-block-table table tr:first-child th, .l-post figure.wp-block-table table tr:first-child td { border-top: 1px solid #d0d4d6; }
.l-post figure.wp-block-table table th, .l-post figure.wp-block-table table td { vertical-align: top; text-align: left; border-bottom: 1px solid #d0d4d6; padding: 20px; line-height: 1.6; }
@media screen and (width <= 980px) { .l-post figure.wp-block-table table th, .l-post figure.wp-block-table table td { padding: 15px 10px; display: block; } }
.l-post figure.wp-block-table table th.-nowrap, .l-post figure.wp-block-table table td.-nowrap { white-space: nowrap; }
.l-post figure.wp-block-table table th.-middle, .l-post figure.wp-block-table table td.-middle { vertical-align: middle; }
.l-post figure.wp-block-table table th { background-color: #1358661a; width: 25%; padding: 20px; font-weight: normal; }
@media screen and (width <= 980px) { .l-post figure.wp-block-table table th { width: 100%; padding: 10px; } }
.l-post figure.wp-block-table table td { width: 75%; }
@media screen and (width <= 980px) { .l-post figure.wp-block-table table td { width: 100%; padding-left: 10px; padding-right: 10px; } }
.l-post figure.wp-block-table table td .c-indent + .c-indent { margin-top: 10px; }
.l-post figure.wp-block-table figcaption { margin-top: 18px; font-family: Noto Sans JP, sans-serif; font-size: 12px; line-height: 1.4; }
.l-post figure.wp-block-embed { margin-bottom: 60px; }
@media screen and (width <= 980px) { .l-post figure.wp-block-embed { margin-bottom: 50px; } }
.l-post figure.wp-block-embed figcaption { text-align: center; font-size: 14px; line-height: 1.6; }
.l-post figure.wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper { text-align: center; }
.l-post .wp-block-file { margin-bottom: 60px; }
@media screen and (width <= 980px) { .l-post .wp-block-file { margin-bottom: 50px; } }
.l-post .section_body--post { padding-bottom: 80px; }
.l-post .b-column2 { justify-content: space-between; gap: 60px; margin-bottom: 60px; display: flex; }
@media screen and (width <= 980px) { .l-post .b-column2 { margin-bottom: 50px; display: block; } }
.l-post .b-column2 > li { flex-basis: calc(50% - 30px); }
@media screen and (width <= 980px) { .l-post .b-column2 > li + li { margin-top: 30px; } }
.l-post .b-column2 > li .wp-block-image { width: 100%; margin-bottom: 0; }
.p-post-20260908 p, .p-post-legacy p { margin-top: 1em; margin-bottom: 1em; }
.p-post-20260908 .alignnone, .p-post-legacy .alignnone { margin: 5px 20px 20px 0; }
.p-post-20260908 .aligncenter, .p-post-20260908 div.aligncenter, .p-post-legacy .aligncenter, .p-post-legacy div.aligncenter { margin: 5px auto; display: block; }
.p-post-20260908 .alignright, .p-post-legacy .alignright { float: right; margin: 5px 0 20px 20px; }
.p-post-20260908 .alignleft, .p-post-legacy .alignleft { float: left; margin: 5px 20px 20px 0; }
.p-post-20260908 a img.alignright, .p-post-legacy a img.alignright { float: right; margin: 5px 0 20px 20px; }
.p-post-20260908 a img.alignnone, .p-post-legacy a img.alignnone { margin: 5px 20px 20px 0; }
.p-post-20260908 a img.alignleft, .p-post-legacy a img.alignleft { float: left; margin: 5px 20px 20px 0; }
.p-post-20260908 a img.aligncenter, .p-post-legacy a img.aligncenter { margin-left: auto; margin-right: auto; display: block; }
.p-post-20260908 .wp-caption, .p-post-legacy .wp-caption { text-align: center; background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; }
.p-post-20260908 .wp-caption.alignnone, .p-post-legacy .wp-caption.alignnone, .p-post-20260908 .wp-caption.alignleft, .p-post-legacy .wp-caption.alignleft { margin: 5px 20px 20px 0; }
.p-post-20260908 .wp-caption.alignright, .p-post-legacy .wp-caption.alignright { margin: 5px 0 20px 20px; }
.p-post-20260908 .wp-caption img, .p-post-legacy .wp-caption img { border: 0; width: auto; max-width: 98.5%; height: auto; margin: 0; padding: 0; }
.p-post-20260908 .wp-caption .wp-caption-text, .p-post-20260908 .gallery-caption, .p-post-legacy .wp-caption .wp-caption-text, .p-post-legacy .gallery-caption { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; }
.pagetop { z-index: 100; cursor: pointer; display: none; position: absolute; bottom: 20px; right: 30px; }
@media screen and (width <= 980px) { .pagetop { bottom: 30px; right: 12px; } }
.pagetop.fixedF { position: fixed; }
.pagetop a { color: #122833; text-align: center; width: 13px; height: 86px; text-decoration: none; display: block; position: relative; }
.pagetop a:before { content: ""; background: url("/assets/img/icon-pagetop.svg") 0 0 / cover no-repeat; width: 13px; height: 86px; margin: auto; display: block; position: absolute; }
.l-footer { background-color: #135866; padding-bottom: 40px; font-family: Noto Sans JP, sans-serif; position: relative; }
.l-footer .inner { padding-top: 60px; }
@media screen and (width <= 980px) { .l-footer .inner { padding-top: 40px; } }
.l-footer .footer-address { color: #fff; font-size: 14px; line-height: 1.8; position: absolute; top: 175px; left: -385px; }
@media screen and (width <= 980px) { .l-footer .footer-address { top: inherit; left: inherit; border-top: 1px solid #fff; margin-top: 40px; padding-top: 40px; position: relative; } }
.l-footer .footer-address .text2 { margin-top: 6px; font-size: 16px; font-weight: 500; }
@media screen and (width <= 980px) { .l-footer .footer-address .text2 { font-size: 14px; } }
.l-footer .footer-address .text2 .sub { font-size: 22px; }
@media screen and (width <= 980px) { .l-footer .footer-address .text2 .sub { font-size: 20px; } }
.l-footer .footer-address .text3 { margin-top: -2px; font-size: 12px; }
.l-footer .footer-address .text4 { margin-top: 6px; font-size: 16px; font-weight: 500; }
@media screen and (width <= 980px) { .l-footer .footer-address .text4 { font-size: 14px; } }
.l-footer .footer-address .list-sns { margin-top: 15px; }
@media screen and (width <= 980px) { .l-footer .footer-address .list-sns { margin-top: 8px; } }
.l-footer .footer-address .list-sns > li a { width: 30px; height: 30px; display: block; }
@media screen and (width <= 980px) { .l-footer .footer-address .list-sns > li a { width: 20px; height: 20px; } }
.l-footer .copyright { position: absolute; top: 442px; right: 0; }
@media screen and (width <= 980px) { .l-footer .copyright { top: inherit; right: inherit; text-align: center; margin-top: 40px; line-height: 1.2; position: relative; } }
.l-footer .copyright small { color: #fff; font-family: EB Garamond, Zen Old Mincho, serif; }
@media screen and (width <= 980px) { .l-footer .copyright small { font-size: 12px; } }
.c-list-footerWrap { min-height: 410px; }
@media screen and (width <= 980px) { .c-list-footerWrap { min-height: inherit; display: block; } }
.c-list-footerWrap > li:first-child { flex: 1; }
@media screen and (width <= 980px) { .c-list-footerWrap > li:first-child { flex: inherit; } }
.c-list-footerWrap > li:first-child a { padding-top: 0; padding-bottom: 0; }
.c-list-footerWrap > li:first-child a img, .c-list-footerWrap > li:first-child a svg { width: 220px; height: 85px; }
@media screen and (width <= 980px) { .c-list-footerWrap > li:first-child a img, .c-list-footerWrap > li:first-child a svg { width: 131px; height: 50px; } }
.c-list-footerWrap > li:first-child a:hover { opacity: 1; }
.c-list-footerWrap > li:first-child a:hover:before { display: none; }
.c-list-footerWrap > li:nth-child(2) { flex-basis: 755px; position: relative; }
@media screen and (width <= 980px) { .c-list-footerWrap > li:nth-child(2) { flex-basis: inherit; margin-top: 30px; position: relative; } .c-list-spWrap { gap: 20px; display: flex; } .c-list-spWrap > li { flex-basis: 50%; } }
.c-list-spWrap .list-footerNav { position: absolute; top: 0; left: 0; }
@media screen and (width <= 980px) { .c-list-spWrap .list-footerNav { position: relative; top: inherit !important; left: inherit !important; } .c-list-spWrap .list-footerNav + .list-footerNav { margin-top: 30px; } }
.c-list-spWrap .list-footerNav.-nav2 { top: 0; left: 390px; }
.c-list-spWrap .list-footerNav.-nav3 { top: 0; left: 185px; }
.c-list-spWrap .list-footerNav.-nav4 { top: 0; left: 534px; }
.c-list-spWrap .list-footerNav.-nav5 { top: 180px; left: 534px; }
.c-list-spWrap .list-footerNav.-nav6 { top: 180px; left: 0; }
@media screen and (width <= 980px) { .c-list-spWrap .list-footerNav.-nav6 { margin-top: 35px; } }
.c-list-spWrap .list-footerNav.-nav7 { top: 180px; left: 185px; }
.c-list-spWrap .list-footerNav.-nav8 { top: 180px; left: 390px; }
.c-list-spWrap .list-footerNav.-nav9 { top: 239px; left: 0; }
.c-list-spWrap .list-footerNav.-nav10 { top: 239px; left: 390px; }
.c-list-spWrap .list-footerNav.-nav11 { top: 298px; left: 185px; }
.c-list-spWrap .list-footerNav.-nav12 { top: 238px; left: 185px; }
@media screen and (width <= 980px) { .c-list-spWrap .list-footerNav.-nav12 { margin-top: 30px; } }
.c-list-spWrap .list-footerNav.-nav13 { top: 298px; left: 0; }
.c-list-spWrap .list-footerNav > li + li { margin-top: 12px; }
.c-list-spWrap .list-footerNav > li a { color: #fff; padding-left: 10px; font-weight: 300; line-height: 1.2; display: block; position: relative; }
.c-list-spWrap .list-footerNav > li a.-head { padding-left: 0; font-size: 16px; font-weight: 500; }
.c-list-spWrap .list-footerNav > li a.-head:before { display: none; }
.c-list-spWrap .list-footerNav > li a:before { content: ""; background-color: #fff; width: 5px; height: 1px; display: block; position: absolute; top: 9px; left: 0; }
@media screen and (width <= 980px) { .c-list-spWrap .list-footerNav > li a:before { top: 8px; } }
.c-corporate-page-hero { color: #fff; isolation: isolate; background: #fff; height: 200px; position: relative; overflow: hidden; }
.c-corporate-page-hero:before { content: ""; opacity: 0; z-index: 0; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); width: 0; height: 100%; animation: 0s linear 2s forwards corporate-gradient-reveal-failsafe; position: absolute; top: 0; left: 0; }
.c-corporate-page-hero > div { z-index: 1; padding-top: 65px; position: relative; }
.c-corporate-page-hero span { font-family: Jost, sans-serif; font-size: 30px; font-weight: 500; line-height: 1; display: block; }
.c-corporate-page-hero h1 { margin-top: 2px; font-size: 40px; font-weight: 600; line-height: 1.25; }
@media screen and (width <= 980px) { .c-corporate-page-hero { height: 120px; } .c-corporate-page-hero > div { padding: 36px 9px 0; } .c-corporate-page-hero span { font-size: 14px; } .c-corporate-page-hero h1 { margin-top: 1px; font-size: 28px; } }
@keyframes corporate-gradient-reveal-failsafe { to { opacity: 1; width: 100%; } }
.is-scroll-reveal-ready .js-gradient-reveal:before { transition: width .65s cubic-bezier(.75, 0, .25, 1), opacity .35s ease-out; animation: none; }
.is-scroll-reveal-ready .js-gradient-reveal.is-scroll-reveal-visible:before { opacity: 1; width: 100%; }
@media (prefers-reduced-motion: reduce) { .is-scroll-reveal-ready .js-gradient-reveal:before { opacity: 1; width: 100%; transition: none; } }
.c-corporate-section-title { text-align: center; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 30px; display: flex; }
.c-corporate-section-title h2 { color: #131313; letter-spacing: 0; white-space: nowrap; font-family: Jost, sans-serif; font-size: 100px; font-weight: 500; line-height: 1.2; }
.c-corporate-section-title > .c-corporate-section-label { margin-top: -10px; }
@media screen and (width <= 980px) { .c-corporate-section-title { gap: 4px; margin-bottom: 30px; } .c-corporate-section-title h2 { font-size: 60px; } }
.c-corporate-section-label { color: #fff; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); justify-content: center; align-items: center; min-width: 125px; height: 36px; padding: 0 9px; font-size: 18px; font-weight: 700; line-height: 1; display: inline-flex; }
@media screen and (width <= 980px) { .c-corporate-section-label { min-width: auto; height: 28px; font-size: 14px; } }
.c-corporate-section-heading { text-align: left; font-size: 36px; font-weight: 700; position: relative; }
.c-corporate-section-heading:before { content: ""; background: linear-gradient(90deg, #17357a 0%, #74161d 50%, #e75711 100%); width: 30px; height: 4px; position: absolute; bottom: -18px; left: 0; }
@media screen and (width <= 980px) { .c-corporate-section-heading { font-size: 20px; } .c-corporate-section-heading:before { width: 30px; height: 4px; bottom: -10px; } }
.c-corporate-company-tag { color: #fff; justify-content: center; align-items: center; width: 86px; height: 32px; font-size: 16px; font-weight: 400; line-height: 32px; display: inline-flex; }
.c-corporate-company-tag.-kogyo { background: #8d1e2f; }
.c-corporate-company-tag.-naruto { background: #ea5514; }
.c-corporate-company-tag.-unyu { background: #1a2f6f; }
.c-corporate-company-tag.-ms { background: #dc626b; }
@media screen and (width <= 980px) { .c-corporate-company-tag { width: 88px; height: 32px; font-size: 16px; line-height: 32px; } }
.c-breadcrumb { color: #777; background: #fff; height: 30px; min-height: 30px; font-family: Noto Sans JP, sans-serif; }
.c-breadcrumb ol { -ms-overflow-style: none; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; align-items: center; gap: 7px; height: 30px; min-height: 30px; display: flex; overflow-x: auto; }
.c-breadcrumb ol::-webkit-scrollbar { display: none; }
.c-breadcrumb li { white-space: nowrap; flex-shrink: 0; align-items: center; font-size: 12px; display: flex; }
.c-breadcrumb li + li:before { color: #8d1e2f; content: ""; border-top: 1px solid; border-right: 1px solid; flex-shrink: 0; width: 7px; height: 7px; margin-right: 10px; transition: all .3s; transform: rotate(45deg); }
@media screen and (width <= 980px) { .c-breadcrumb li + li:before { width: 6px; height: 6px; } }
.c-breadcrumb a { color: #555; }
@media screen and (width <= 980px) { .c-breadcrumb { height: 46px; min-height: 46px; } .c-breadcrumb > .inner { width: calc(100% - 20px); margin-left: 20px; margin-right: 0; } .c-breadcrumb ol { height: 46px; min-height: 46px; } .c-breadcrumb li { font-size: 10px; } }
.c-site-links { text-align: center; background: linear-gradient(90deg, #1a2f6f1a 2.71%, #74161d1a 50%, #ea55141a 97.29%); padding: 86px 20px 90px; }
.c-site-links h2 { margin-bottom: 37px; font-size: 24px; line-height: 36px; }
.c-site-links > div { flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 660px; margin: auto; display: flex; }
.c-site-links a { flex: 0 0 320px; }
.c-site-links .c-btn[aria-current="page"] { cursor: default; background: #13131380; color: #ffffffbf !important; }
.c-site-links .c-btn[aria-current="page"]:after { display: none; }
@media screen and (width <= 980px) { .c-site-links { margin-top: 60px; padding: 40px 20px 60px; } .c-site-links h2 { margin-bottom: 24px; font-size: 20px; font-weight: 600; line-height: 30px; } .c-site-links > div { max-width: inherit; margin-left: 0; display: block; } .c-site-links a { width: 100%; } .c-site-links a + a { margin-top: 8px; } }
.p-corporate-message { padding: 72px 0 190px; }
.p-corporate-message h2 { color: #131313; font-size: 36px; font-weight: 700; line-height: 1.45; }
.p-corporate-message h2 .p-corporate-message__break { margin-left: .35em; }
@media screen and (width <= 980px) { .p-corporate-message { padding: 19px 0 220px; } .p-corporate-message h2 { text-align: center; font-size: 30px; line-height: 1.45; } .p-corporate-message h2 span { display: inline; } .p-corporate-message h2 .p-corporate-message__break { margin-left: 0; display: block; } }
.p-corporate-message__accent { color: #ff007f; }
.p-corporate-message__layout { justify-content: space-between; margin-top: 70px; display: flex; position: relative; }
@media screen and (width <= 980px) { .p-corporate-message__layout { flex-direction: column; margin-top: 35px; display: flex; } }
.p-corporate-message__body { flex: 0 0 730px; }
@media screen and (width <= 980px) { .p-corporate-message__body { display: contents; } }
.p-corporate-message__text { font-size: 18px; line-height: 34px; }
.p-corporate-message__text p + p { margin-top: 0; }
@media screen and (width <= 980px) { .p-corporate-message__text { order: 1; font-size: 16px; line-height: 32px; } }
.p-corporate-message__signature { text-align: right; width: 320px; position: absolute; top: 388px; right: 0; }
.p-corporate-message__signature p { font-size: 18px; line-height: 32px; }
.p-corporate-message__signature .p-corporate-message__signature-name { margin-top: 8px; font-family: Yuji Syuku, serif; font-size: 30px; font-weight: 400; line-height: 1.7; display: block; }
@media screen and (width <= 980px) { .p-corporate-message__signature { order: 2; width: 100%; margin-top: 24px; position: static; } .p-corporate-message__signature p { font-size: 14px; line-height: 25px; } .p-corporate-message__signature .p-corporate-message__signature-name { font-size: 24px; } }
.p-corporate-message__portrait { flex: 0 0 373px; width: 373px; }
.p-corporate-message__portrait img { width: 100%; display: block; }
@media screen and (width <= 980px) { .p-corporate-message__portrait { flex-basis: auto; order: 3; width: 100%; margin-top: 48px; } }
.p-news-detail, .p-news-archive-content, .p-privacy-content, .p-partners-content, .p-contact-form-content, .p-contact-content, .p-women-content, .p-disaster-prevention-content, .p-community-content, .p-environment-content, .p-sdgs-content, .p-safety-content { color: #131313; padding-top: 82px; }
@media screen and (width <= 980px) { .p-news-detail, .p-news-archive-content, .p-privacy-content, .p-partners-content, .p-contact-form-content, .p-contact-content, .p-women-content, .p-disaster-prevention-content, .p-community-content, .p-environment-content, .p-sdgs-content, .p-safety-content { padding-top: 40px; } }
.p-partners-downloads__intro, .p-partners-lead, .p-contact-form-intro, .p-contact-intro, .p-women-intro, .p-disaster-prevention-intro > p, .p-community-intro, .p-environment-intro, .p-safety-intro { font-size: 20px; font-weight: 500; line-height: 2; }
@media screen and (width <= 980px) { .p-partners-downloads__intro, .p-partners-lead, .p-contact-form-intro, .p-contact-intro, .p-women-intro, .p-disaster-prevention-intro > p, .p-community-intro, .p-environment-intro, .p-safety-intro { font-size: 14px; line-height: 1.8; } }
.p-disaster-prevention-category, .p-community-category, .p-environment-category { margin-top: 56px; }
.p-disaster-prevention-category > h3, .p-community-category > h3, .p-environment-category > h3 { color: #252828; margin-bottom: 18px; font-size: 32px; line-height: 1.5; }
@media screen and (width <= 980px) { .p-disaster-prevention-category, .p-community-category, .p-environment-category { margin-top: 38px; } .p-disaster-prevention-category > h3, .p-community-category > h3, .p-environment-category > h3 { margin-bottom: 18px; font-size: 20px; line-height: 1.5; } }
.p-women-initiatives__cards, .p-disaster-prevention-cards, .p-community-cards, .p-environment-cards { justify-content: flex-start; align-items: flex-start; }
@media screen and (width <= 980px) { .p-women-initiatives__cards, .p-disaster-prevention-cards, .p-community-cards, .p-environment-cards { display: block; } .p-women-initiatives__cards > article + article, .p-disaster-prevention-cards > article + article, .p-community-cards > article + article, .p-environment-cards > article + article { margin-top: 32px; } }
.p-women-initiatives__cards article figure, .p-disaster-prevention-card figure, .p-community-card figure, .p-environment-card figure { height: 240px; overflow: hidden; }
.p-women-initiatives__cards article img, .p-disaster-prevention-card img, .p-community-card img, .p-environment-card img { object-fit: cover; width: 100%; height: 100%; display: block; }
.p-women-initiatives__cards article h3, .p-disaster-prevention-card h3, .p-community-card h3, .p-environment-card h3, .p-women-initiatives__cards article h4, .p-disaster-prevention-card h4, .p-community-card h4, .p-environment-card h4 { margin-top: 14px; font-size: 20px; font-weight: 700; line-height: 1.45; }
.p-women-initiatives__cards article p, .p-disaster-prevention-card p, .p-community-card p, .p-environment-card p { margin-top: 4px; font-size: 16px; line-height: 1.75; }
@media screen and (width <= 980px) { .p-women-initiatives__cards article, .p-disaster-prevention-card, .p-community-card, .p-environment-card { width: 100%; } .p-women-initiatives__cards article figure, .p-disaster-prevention-card figure, .p-community-card figure, .p-environment-card figure { height: auto; } .p-women-initiatives__cards article img, .p-disaster-prevention-card img, .p-community-card img, .p-environment-card img { aspect-ratio: 3 / 2; height: auto; } .p-women-initiatives__cards article h3, .p-disaster-prevention-card h3, .p-community-card h3, .p-environment-card h3, .p-women-initiatives__cards article h4, .p-disaster-prevention-card h4, .p-community-card h4, .p-environment-card h4 { margin-top: 10px; font-size: 20px; } .p-women-initiatives__cards article p, .p-disaster-prevention-card p, .p-community-card p, .p-environment-card p { margin-top: 6px; font-size: 14px; line-height: 1.75; } }
.p-community-report, .p-environment-report { margin-top: 94px; }
@media screen and (width <= 980px) { .p-community-report, .p-environment-report { margin-top: 58px; } }
.p-csr-report-content { margin-top: -140px; padding-top: 0; }
@media screen and (width <= 980px) { .p-csr-report-content { margin-top: -60px; padding-top: 0; } }
.p-privacy-hero > div, .p-partners-hero > div { padding-top: 69px; }
.p-privacy-hero h1, .p-partners-hero h1 { margin-top: 0; }
@media screen and (width <= 980px) { .p-privacy-hero > div, .p-partners-hero > div { padding-top: 35px; } .p-privacy-hero h1, .p-partners-hero h1 { font-size: 25px; } }
.p-sumiyoshi { color: #131313; font-family: Noto Sans JP, sans-serif; line-height: 1.6; }
.p-sumiyoshi .l-container { min-width: 0; padding-top: 80px; }
@media screen and (width <= 1024px) { .p-sumiyoshi .l-container { padding-top: 50px; } }
.p-sumiyoshi .l-contents { padding-top: 0; }
.p-sumiyoshi a { color: inherit; }
.p-corporate-header.l-header { z-index: 12; background: #fff; justify-content: flex-end; align-items: center; width: 100%; height: 80px; margin: 0; padding: 0; font-family: Noto Sans JP, sans-serif; display: flex; position: fixed; top: 0; left: 0; right: 0; }
.p-corporate-header.l-header:before { display: none; }
.p-corporate-header.l-header a:hover { opacity: 1; }
@media screen and (width <= 1024px) { .p-corporate-header.l-header { height: 50px; } }
.p-corporate-top .p-corporate-header.l-header { background: linear-gradient(to right, #0000 0 400px, #fff 400px); }
.p-corporate-top .p-corporate-header__logo { filter: brightness(0) invert(); }
.p-corporate-top .p-corporate-header.l-header.isOn { background: #fff; }
.p-corporate-top .p-corporate-header.l-header.isOn .p-corporate-header__logo { filter: none; }
html.is-corporate-intro-pending, .p-corporate-top.is-intro-loading { overflow: hidden; }
.p-corporate-intro { pointer-events: none; z-index: 2000; display: none; position: fixed; inset: 0; overflow: hidden; }
.p-corporate-intro:before { content: ""; opacity: 1; z-index: 0; background: linear-gradient(120deg, #172f7c 0%, #1c2d76 10%, #2c2966 22%, #46224b 36%, #6b1826 52%, #74161d 55%, #a32f19 69%, #ca4316 83%, #e15014 93%, #ea5514 100%); transition: opacity .4s ease-out; position: absolute; inset: 0; }
.is-corporate-intro-pending .p-corporate-intro, .p-corporate-top.is-intro-loading .p-corporate-intro { display: block; }
.p-corporate-intro__scene { z-index: 1; width: 100%; height: 100%; position: relative; }
.p-corporate-intro__motif, .p-corporate-intro__copy { opacity: 0; will-change: opacity, transform; max-width: none; display: block; position: absolute; }
.p-corporate-intro__motif.-blue { z-index: 1; width: 134vw; height: auto; transition: opacity .68s .2s, transform .78s cubic-bezier(.22, 1, .36, 1) .2s; top: 50%; left: -30vw; transform: translate(-22vw, -72%)rotate(-28deg)scale(.84); }
@media screen and (width <= 980px) { .p-corporate-intro__motif.-blue { width: 404vw; height: auto; top: 50%; left: -245vw; transform: translate(-34vw, -72%)rotate(-28deg)scale(.82); } }
.p-corporate-intro__motif.-orange { width: 98vw; height: auto; transition: opacity .54s .4s, transform .66s cubic-bezier(.16, 1, .3, 1) .4s; bottom: -10vh; right: -12vw; transform: translate(30vw, 34vh)scale(.88); }
@media screen and (width <= 980px) { .p-corporate-intro__motif.-orange { width: 296vw; height: auto; bottom: -7vh; right: -220vw; transform: translate(45vw, 32vh)scale(.86); } }
.p-corporate-intro__copy { z-index: 2; width: min(48vw, 1320px); transition: opacity .45s .72s, transform .5s cubic-bezier(.22, 1, .36, 1) .72s; top: 50%; left: 50%; transform: translate(-50%, calc(28px - 50%)); }
@media screen and (width <= 980px) { .p-corporate-intro__copy { width: 84vw; top: 48%; } }
.p-corporate-top.is-intro-start .p-corporate-intro__motif.-blue { opacity: 1; transform: translate(-30%, -61%)rotate(-14deg)scale(1.5); }
@media screen and (width <= 980px) { .p-corporate-top.is-intro-start .p-corporate-intro__motif.-blue { transform: translate(-30%, -61%)rotate(-14deg)scale(1.5); } }
.p-corporate-top.is-intro-start .p-corporate-intro__motif.-orange { opacity: 1; transform: translate(39%, 23%)scale(2.1); }
@media screen and (width <= 980px) { .p-corporate-top.is-intro-start .p-corporate-intro__motif.-orange { transform: translate(14%, 23%)rotate(-10deg)scale(2.1); } }
.p-corporate-top.is-intro-start .p-corporate-intro__copy { opacity: 1; transform: translate(-50%, -50%); }
.p-corporate-top.is-intro-loading .p-corporate-header.l-header, .p-corporate-top.is-intro-loading .p-corporate-news, .p-corporate-top.is-intro-loading .p-corporate-hero > .fig01, .p-corporate-top.is-intro-loading .p-corporate-hero__fig02-clip { opacity: 0; pointer-events: none; transition: opacity .5s; }
.p-corporate-top.is-intro-loading .p-corporate-hero__title { opacity: 0; transition: opacity .45s, transform .6s cubic-bezier(.22, 1, .36, 1); transform: translateY(18px); }
.p-corporate-top.is-intro-loading .p-corporate-hero__visual { opacity: 0; transition: opacity .45s, transform .75s cubic-bezier(.22, 1, .36, 1); transform: scale(1.015); }
.p-corporate-top.is-intro-loading .p-corporate-hero__visual-track { animation-play-state: paused; }
.p-corporate-top.is-intro-loading .p-corporate-hero__collage img, .p-corporate-top.is-intro-loading .p-corporate-hero__collage-sp img { opacity: 0; will-change: opacity; }
.p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro:before { opacity: 0; }
.p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro__motif, .p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro__copy { opacity: 0; transition-delay: 0s; }
.p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro__motif.-blue { transition-duration: .62s; transform: translate(-24vw, -88%)rotate(-10deg)scale(.5); }
@media screen and (width <= 980px) { .p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro__motif.-blue { transform: translate(-38vw, -88%)rotate(-10deg)scale(.46); } }
.p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro__motif.-orange { transition-duration: .62s; transform: translate(28vw, 34vh)scale(.84); }
@media screen and (width <= 980px) { .p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro__motif.-orange { transform: translate(45vw, 30vh)scale(.7); } }
.p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-intro__copy { transition-duration: .4s; transform: translate(-50%, calc(-50% - 42px)); }
.p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-hero__visual { opacity: 1; transform: scale(1); }
.p-corporate-top.is-intro-loading.is-intro-exit .p-corporate-hero__visual-track { animation-play-state: running; }
.p-corporate-top.is-intro-loading.is-intro-images .p-corporate-hero__collage img, .p-corporate-top.is-intro-loading.is-intro-images .p-corporate-hero__collage-sp img { animation: .52s ease-out both corporate-hero-image-reveal; animation-delay: var(--corporate-hero-image-delay, 0s); }
.p-corporate-hero__collage img[src$="hero-collage1.jpg"] { --corporate-hero-image-delay: .16s; }
.p-corporate-hero__collage img[src$="hero-collage2.jpg"] { --corporate-hero-image-delay: .48s; }
.p-corporate-hero__collage img[src$="hero-collage3.jpg"] { --corporate-hero-image-delay: 80ms; }
.p-corporate-hero__collage img[src$="hero-collage4.jpg"] { --corporate-hero-image-delay: .32s; }
.p-corporate-hero__collage img[src$="hero-collage5.jpg"] { --corporate-hero-image-delay: .64s; }
.p-corporate-hero__collage img[src$="hero-collage6.jpg"] { --corporate-hero-image-delay: .4s; }
.p-corporate-hero__collage img[src$="hero-collage7.jpg"] { --corporate-hero-image-delay: 0s; }
.p-corporate-hero__collage img[src$="hero-collage8.jpg"] { --corporate-hero-image-delay: .56s; }
.p-corporate-hero__collage img[src$="hero-collage9.jpg"] { --corporate-hero-image-delay: .24s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp1.jpg"] { --corporate-hero-image-delay: .16s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp2.jpg"] { --corporate-hero-image-delay: .48s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp3.jpg"] { --corporate-hero-image-delay: 0s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp4.jpg"] { --corporate-hero-image-delay: .32s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp5.jpg"] { --corporate-hero-image-delay: .64s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp6.jpg"] { --corporate-hero-image-delay: .4s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp7.jpg"] { --corporate-hero-image-delay: .72s; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp8.jpg"] { --corporate-hero-image-delay: 80ms; }
.p-corporate-hero__collage-sp img[src$="hero-collage-sp9.jpg"] { --corporate-hero-image-delay: .56s; }
.p-corporate-top.is-intro-loading.is-intro-content .p-corporate-header.l-header, .p-corporate-top.is-intro-loading.is-intro-content .p-corporate-news, .p-corporate-top.is-intro-loading.is-intro-content .p-corporate-hero > .fig01, .p-corporate-top.is-intro-loading.is-intro-content .p-corporate-hero__fig02-clip, .p-corporate-top.is-intro-loading.is-intro-content .p-corporate-hero__title { opacity: 1; pointer-events: auto; }
.p-corporate-top.is-intro-loading.is-intro-content .p-corporate-hero__title { transform: translateY(0); }
.p-corporate-top.is-intro-loading.is-intro-content .p-corporate-hero > .fig01, .p-corporate-top.is-intro-loading.is-intro-content .p-corporate-hero__fig02-clip { pointer-events: none; }
@keyframes corporate-hero-image-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .p-corporate-intro:before { transition-duration: .18s; } .p-corporate-intro__scene { display: none; } .p-corporate-hero__visual-track { animation: none; transform: translateX(0); } .p-corporate-top.is-intro-loading .p-corporate-hero__collage img, .p-corporate-top.is-intro-loading .p-corporate-hero__collage-sp img { opacity: 1; animation: none; } .p-corporate-top.is-intro-loading .p-corporate-header.l-header, .p-corporate-top.is-intro-loading .p-corporate-hero__title, .p-corporate-top.is-intro-loading .p-corporate-news, .p-corporate-top.is-intro-loading .p-corporate-hero > .fig01, .p-corporate-top.is-intro-loading .p-corporate-hero__fig02-clip, .p-corporate-top.is-intro-loading .p-corporate-hero__visual, .p-corporate-top.is-intro-loading .p-corporate-hero__title { opacity: 1; transition: none; transform: none; } }
.p-corporate-header__logo { width: 250px; margin-left: 33px; margin-right: auto; display: block; }
.p-corporate-header__logo img { width: 100%; display: block; }
@media screen and (width <= 1024px) { .p-corporate-header__logo { width: 154px; margin-left: 20px; } }
.p-corporate-header__nav { align-items: center; gap: 31px; height: 100%; display: flex; }
.p-corporate-header__nav a { white-space: nowrap; font-size: 16px; }
@media screen and (width <= 1024px) { .p-corporate-header__nav { display: none; } }
.p-corporate-header__recruit, .p-corporate-header__contact { justify-content: center; align-items: center; width: 160px; height: 80px; margin-left: 32px; font-size: 18px; display: flex; color: #fff !important; }
.p-corporate-header__recruit > span, .p-corporate-header__contact > span { display: inline-block; position: relative; }
.p-corporate-header__recruit > span:after, .p-corporate-header__contact > span:after { content: ""; transform-origin: 0; background: currentColor; width: 100%; height: 1px; transition: transform .4s cubic-bezier(.22, 1, .36, 1); position: absolute; bottom: -3px; left: 0; transform: scaleX(0); }
.p-corporate-header__recruit:hover, .p-corporate-header__recruit:focus-visible, .p-corporate-header__contact:hover, .p-corporate-header__contact:focus-visible { opacity: 1; }
.p-corporate-header__recruit:hover > span:after, .p-corporate-header__recruit:focus-visible > span:after, .p-corporate-header__contact:hover > span:after, .p-corporate-header__contact:focus-visible > span:after { transform: scaleX(1); }
@media screen and (width <= 1024px) { .p-corporate-header__recruit, .p-corporate-header__contact { display: none; } }
.p-corporate-header__recruit { background: #1a2f6f; }
.p-corporate-header__contact { background: #ea5514; margin-left: 0; }
@media (prefers-reduced-motion: reduce) { .p-corporate-header__recruit > span:after, .p-corporate-header__contact > span:after { transition: none; } }
.p-corporate-header__menu { display: none; }
@media screen and (width <= 1024px) { .p-corporate-header__menu { cursor: pointer; background: #131313; border: 0; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 50px; height: 50px; display: flex; } .p-corporate-header__menu span { background: #fff; width: 20px; height: 2px; transition: opacity .2s, transform .2s; display: block; } .p-corporate-header__menu.isOn span:first-child { transform: translateY(7px)rotate(45deg); } .p-corporate-header__menu.isOn span:nth-child(2) { opacity: 0; } .p-corporate-header__menu.isOn span:nth-child(3) { transform: translateY(-7px)rotate(-45deg); } }
.p-corporate-header__panel { display: none; }
@media screen and (width <= 1024px) { .p-corporate-header__panel { opacity: 0; pointer-events: none; visibility: hidden; z-index: 9; background: #fffffff2; width: 100%; height: calc(100dvh - 50px); padding: 30px 16px 24px 24px; transition: opacity .2s, transform .2s, visibility .2s; display: block; position: fixed; top: 50px; left: 0; overflow-y: auto; transform: translateY(-8px); } .p-corporate-header__panel.isOn { opacity: 1; pointer-events: auto; visibility: visible; transform: translateY(0); } .p-corporate-header__panel-nav { margin-left: 4px; margin-right: 11px; } .p-corporate-header__panel-section + .p-corporate-header__panel-section { margin-top: 35px; } .p-corporate-header__panel-section.-group + .p-corporate-header__panel-section { margin-top: 36px; } .p-corporate-header__panel-section.-about .p-corporate-header__panel-links a:nth-child(odd) { flex-basis: 174px; } .p-corporate-header__panel-section.-about .p-corporate-header__panel-links a:nth-child(2n) { flex-basis: calc(100% - 174px); } .p-corporate-header__panel-section.-group .p-corporate-header__panel-links a:nth-child(odd) { flex-basis: 133px; } .p-corporate-header__panel-section.-group .p-corporate-header__panel-links a:nth-child(2n) { flex-basis: calc(100% - 133px); } .p-corporate-header__panel-section.-csr .p-corporate-header__panel-links a:nth-child(odd) { flex-basis: 152px; } .p-corporate-header__panel-section.-csr .p-corporate-header__panel-links a:nth-child(2n) { flex-basis: calc(100% - 152px); } .p-corporate-header__panel-heading { border-bottom: 2px solid #929292; align-items: baseline; height: 27px; display: flex; } .p-corporate-header__panel-heading strong { font-family: Jost, sans-serif; font-size: 22px; font-weight: 500; line-height: 18px; } .p-corporate-header__panel-heading span { margin-left: 7px; font-size: 10px; font-weight: 500; line-height: 1.4; } .p-corporate-header__panel-links { flex-wrap: wrap; row-gap: 21px; margin-top: 14px; display: flex; } .p-corporate-header__panel-links a { white-space: nowrap; flex: none; min-width: 0; font-size: 14px; line-height: 22px; } .p-corporate-header__panel-external { align-items: center; display: flex; } .p-corporate-header__panel-external:after { content: ""; filter: brightness(0); background: url("/assets/img/corporate/icon-external-blue.svg") center / contain no-repeat; flex: 0 0 14px; width: 14px; height: 14px; margin-left: 2px; } .p-corporate-header__panel-cta { flex-direction: column; gap: 6px; margin-top: 37px; display: flex; } .p-corporate-header__panel-cta-link { isolation: isolate; background: #1a2f6f; align-items: center; height: 60px; padding: 0 48px 0 24px; display: flex; position: relative; overflow: hidden; color: #fff !important; } .p-corporate-header__panel-cta-link:before { content: ""; opacity: .4; pointer-events: none; z-index: -1; background-position: 0; background-repeat: no-repeat; background-size: auto 100%; position: absolute; inset: 0; } .p-corporate-header__panel-cta-link:after { content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 9px; height: 9px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%)rotate(45deg); } .p-corporate-header__panel-cta-link strong { font-family: Jost, sans-serif; font-size: 24px; font-weight: 500; line-height: 1; } .p-corporate-header__panel-cta-link span { margin-left: 12px; font-size: 12px; font-weight: 700; line-height: 1.4; } .p-corporate-header__panel-cta-link.-recruit:before { background-image: url("/assets/img/footerbg-recruit.png"); } .p-corporate-header__panel-cta-link.-contact { background: #ea5514; } .p-corporate-header__panel-cta-link.-contact:before { background-image: url("/assets/img/footerbg-contact.png"); background-position: 100%; } .p-corporate-header__panel-utility { margin-top: 17px; display: flex; } .p-corporate-header__panel-utility a { text-align: center; width: 50%; font-size: 14px; line-height: 23px; } body.is-corporate-menu-open { width: 100%; position: fixed; overflow: hidden; } body.is-corporate-menu-open .p-corporate-header.l-header { background: #fff; } body.is-corporate-menu-open .p-corporate-header__logo { filter: none; } }
.p-corporate-hero { background: #fff; position: relative; }
.p-corporate-hero .fig01 { pointer-events: none; z-index: 10; width: 700px; position: absolute; top: -250px; left: -300px; }
@media screen and (width <= 980px) { .p-corporate-hero .fig01 { top: -200px; left: -160px; } }
.p-corporate-hero .fig02 { pointer-events: none; width: 880px; position: absolute; bottom: -190px; right: -360px; }
@media screen and (width <= 980px) { .p-corporate-hero .fig02 { bottom: -60px; right: -270px; } }
.p-corporate-hero__fig02-clip { pointer-events: none; z-index: 10; position: absolute; inset: 0; overflow: hidden; }
.p-corporate-hero__visual { height: 0; padding-top: 36.3%; position: relative; overflow: hidden; }
@media screen and (width <= 980px) { .p-corporate-hero__visual { aspect-ratio: 750 / 984; height: auto; padding-top: 0; } }
.p-corporate-hero__visual-track { will-change: transform; width: 200%; height: 100%; animation: 40s linear infinite corporate-hero-visual-loop; display: flex; position: absolute; inset: 0; }
@media screen and (width <= 980px) { .p-corporate-hero__visual-track { animation-duration: 32s; } }
.p-corporate-hero__visual-set { flex: 0 0 50%; width: 50%; height: 100%; }
.p-corporate-hero__collage { width: 100%; height: 100%; display: flex; }
.p-corporate-hero__collage img { object-fit: cover; width: 100%; max-width: none; height: 100%; display: block; }
.p-corporate-hero__collage-column { flex-direction: column; min-width: 0; height: 100%; display: flex; }
.p-corporate-hero__collage-column > div { width: 100%; min-height: 0; display: flex; }
.p-corporate-hero__collage-column > div img { flex: 50%; width: 50%; min-width: 0; }
.p-corporate-hero__collage-column > img { min-height: 0; }
.p-corporate-hero__collage-column.-left { flex: 0 0 34.9927%; }
.p-corporate-hero__collage-column.-left > div { flex: 0 0 41.313%; }
.p-corporate-hero__collage-column.-left > img { flex: auto; }
.p-corporate-hero__collage-column.-center { flex: 0 0 30.0146%; }
.p-corporate-hero__collage-column.-center > img { flex: 0 0 68.283%; }
.p-corporate-hero__collage-column.-center > div { flex: auto; }
.p-corporate-hero__collage-column.-center > div img:first-child { flex-basis: 50.061%; }
.p-corporate-hero__collage-column.-center > div img:last-child { flex-basis: 49.939%; }
.p-corporate-hero__collage-column.-right { flex: 0 0 34.9927%; }
.p-corporate-hero__collage-column.-right > div { flex: 0 0 34.444%; }
.p-corporate-hero__collage-column.-right > img { flex: auto; }
.p-corporate-hero__collage-sp { width: 100%; height: 100%; display: none; }
.p-corporate-hero__collage-sp-row { flex: 0 0 33.3333%; width: 100%; min-height: 0; display: flex; }
.p-corporate-hero__collage-sp-column { flex-direction: column; min-width: 0; height: 100%; display: flex; }
.p-corporate-hero__collage-sp-column.-wide { flex: 0 0 64%; }
.p-corporate-hero__collage-sp-column.-narrow { flex: 0 0 36%; }
.p-corporate-hero__collage-sp-column img { object-fit: cover; width: 100%; min-width: 0; height: 100%; min-height: 0; display: block; }
.p-corporate-hero__collage-sp-column.-wide > img { flex: 0 0 100%; }
.p-corporate-hero__collage-sp-column.-narrow > img { flex: 0 0 50%; }
@media screen and (width <= 980px) { .p-corporate-hero__collage { display: none; } .p-corporate-hero__collage-sp { flex-direction: column; display: flex; } }
@keyframes corporate-hero-visual-loop { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.p-corporate-hero__title { max-width: 654px; margin: 0 auto 0 -30px; padding-bottom: 8px; }
@media screen and (width <= 980px) { .p-corporate-hero__title { max-width: 255px; margin: 0; padding: 5px 0; } }
.p-corporate-hero__title img { width: 100%; display: block; }
.p-corporate-news { color: #fff; z-index: 11; background: linear-gradient(100deg, #17357a 0%, #74161d 48%, #e44a08 100%); position: relative; }
.p-corporate-news__inner { align-items: center; gap: 10px; max-width: 960px; min-height: 100px; margin: auto; display: flex; }
@media screen and (width <= 980px) { .p-corporate-news__inner { flex-wrap: wrap; align-content: center; align-items: center; gap: 0 8px; padding: 14px 20px 13px; position: relative; } }
.p-corporate-news__inner time, .p-corporate-news__inner a { color: #fff; font-size: 16px; }
@media screen and (width <= 980px) { .p-corporate-news__inner time, .p-corporate-news__inner a { font-size: 14px; } .p-corporate-news__inner time { flex: 0 0 69px; } }
.p-corporate-tag { white-space: nowrap; text-align: center; border: 1px solid #ffffffe6; min-width: 130px; padding: 6px 14px; line-height: 1; font-size: 15px !important; }
@media screen and (width <= 980px) { .p-corporate-tag { flex: 0 0 105px; min-width: 0; padding: 4px 8px; font-size: 12px !important; } }
.p-corporate-news__title { margin-left: 8px; }
@media screen and (width <= 980px) { .p-corporate-news__title { flex: 0 0 calc(100% - 35px); margin-top: 8px; margin-left: 0; line-height: 1.5; font-size: 14px !important; } }
.p-corporate-arrow { border-top: 3px solid #fff; border-right: 3px solid #fff; width: 10px; height: 10px; margin-left: auto; transform: rotate(45deg); }
@media screen and (width <= 980px) { .p-corporate-arrow { margin: 0; position: absolute; top: 46px; right: 22px; } }
.p-corporate-about { padding: 95px 0 75px; overflow: hidden; }
@media screen and (width <= 980px) { .p-corporate-about { padding: 50px 0; } }
.p-corporate-about > .inner > .p-corporate-section-head { flex-direction: column; align-items: flex-start; gap: 0; margin-bottom: 0; display: flex; }
.p-corporate-about > .inner > .p-corporate-section-head span { background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); align-items: center; height: 36px; padding: 0 9px; font-size: 18px; font-weight: 700; display: inline-flex; }
@media screen and (width <= 980px) { .p-corporate-about > .inner > .p-corporate-section-head { gap: 8px; } .p-corporate-about > .inner > .p-corporate-section-head span { height: 28px; font-size: 14px; } }
.p-corporate-section-head { align-items: flex-end; gap: 12px; margin-bottom: 35px; display: flex; }
.p-corporate-section-head h1, .p-corporate-section-head h2 { letter-spacing: 0; font-family: Jost, sans-serif; font-size: 100px; font-weight: 500; line-height: .9; }
.p-corporate-section-head span { color: #fff; background: #74161d; padding: 3px 7px; font-size: 18px; line-height: 1; }
@media screen and (width <= 980px) { .p-corporate-section-head { gap: 8px; margin-bottom: 24px; } .p-corporate-section-head h1, .p-corporate-section-head h2 { margin-bottom: 0; font-size: 60px; font-weight: 500; } }
.p-corporate-about__layout { margin-top: -22px; display: flex; }
@media screen and (width <= 980px) { .p-corporate-about__layout { flex-direction: column; margin-top: 20px; display: flex; } }
.p-corporate-about__intro { z-index: 2; flex-shrink: 0; flex-basis: 430px; padding-top: 68px; position: relative; }
.p-corporate-about__intro > p { margin-bottom: 66px; font-size: 20px; font-weight: 700; line-height: 1.8; }
@media screen and (width <= 980px) { .p-corporate-about__intro > p { order: 1; margin-bottom: 30px; font-size: 16px; line-height: 2; } }
.p-corporate-about__intro nav a { border: 0; width: 250px; height: 80px; padding: 0 20px; font-size: 18px; font-weight: 500; }
@media screen and (width <= 980px) { .p-corporate-about__intro nav a { width: 100%; max-width: 100%; height: 60px; font-size: 16px; font-weight: 400; } }
.p-corporate-about__intro nav { gap: 6px; display: grid; }
@media screen and (width <= 980px) { .p-corporate-about__intro nav { order: 3; width: 330px; max-width: 100%; margin: 0 auto; } .p-corporate-about__intro { padding-top: 0; display: contents; } }
.p-corporate-about__intro-line { white-space: nowrap; }
@media screen and (width <= 980px) { .p-corporate-about__intro-line { white-space: normal; } }
.p-corporate-business { --corporate-edge-space: max(20px, calc((100vw - 1200px) / 2)); flex: 0 0 calc(100% - 130px + var(--corporate-edge-space)); height: 616px; margin-top: 20px; margin-left: -300px; position: relative; }
@media screen and (width <= 980px) { .p-corporate-business { aspect-ratio: 1; flex: none; order: 2; width: 100vw; height: auto; min-height: 0; margin-top: 0; margin-left: calc(50% - 50vw); overflow: visible; } }
.p-corporate-business__image { background: url("/assets/img/corporate/about-bg.jpg") center / cover; width: 1015px; height: 616px; position: absolute; top: 0; right: 0; }
@media screen and (width <= 980px) { .p-corporate-business__image { width: 100%; height: 60.8%; inset: 17.3333% 0 auto; } }
.p-corporate-business__content { bottom: 0; left: 0; right: var(--corporate-edge-space); position: absolute; top: 0; }
@media screen and (width <= 980px) { .p-corporate-business__content { top: 0; left: 20px; right: 20px; } }
.p-corporate-business__diagram { z-index: 1; width: 684px; max-width: none; display: block; position: absolute; top: -94px; right: 60px; }
@media screen and (width <= 980px) { .p-corporate-business__diagram { width: 100%; top: 0; right: 0; } }
.p-corporate-business__center { text-align: center; z-index: 2; flex-direction: column; justify-content: center; align-items: center; width: 400px; display: flex; position: absolute; top: 40%; left: calc(100% - 402px); transform: translate(-50%, -50%); }
.p-corporate-business__center strong { color: #8d1e2f; font-family: Jost, sans-serif; font-size: 64px; font-weight: 500; line-height: .92; }
.p-corporate-business__center span { color: #131313; margin-top: 15px; font-size: 20px; font-weight: 600; }
@media screen and (width <= 980px) { .p-corporate-business__center { width: 190px; top: calc(50% - 20px); left: 50%; } .p-corporate-business__center strong { font-size: 30px; } .p-corporate-business__center span { margin-top: 8px; font-size: 14px; } }
.p-corporate-anniversary { isolation: isolate; background: #fff; padding: 0 0 85px; position: relative; overflow: hidden; }
.p-corporate-anniversary:before { content: ""; opacity: 0; z-index: 0; background: linear-gradient(100deg, #17357a 0%, #74161d 48%, #e44a08 100%); width: 0; animation: 0s linear 2s forwards corporate-gradient-reveal-failsafe; position: absolute; top: 50%; bottom: 0; left: 0; }
.p-corporate-anniversary > .inner { z-index: 1; position: relative; }
@media screen and (width <= 980px) { .p-corporate-anniversary { padding: 0 0 60px; } .p-corporate-anniversary:before { bottom: -20px; } }
.p-corporate-anniversary__panel { background: linear-gradient(#fff, #fff) padding-box padding-box, linear-gradient(90deg, #17357a 0%, #74161d 48%, #e44a08 100%) border-box; border: 4px solid #0000; align-items: center; gap: 110px; min-height: 430px; padding: 60px 100px 80px; display: flex; }
.p-corporate-anniversary__panel > img { flex-shrink: 0; flex-basis: 258px; width: 258px; max-width: 258px; height: 310px; }
.p-corporate-anniversary__panel > div { margin-top: 30px; }
@media screen and (width <= 980px) { .p-corporate-anniversary__panel > div { margin-top: 40px; } }
.p-corporate-anniversary__panel > div > p:last-child { margin-top: 30px; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-corporate-anniversary__panel { border-width: 2px; align-items: flex-start; min-height: 0; padding: 28px 20px; display: block; } .p-corporate-anniversary__panel > img { height: auto; max-width: inherit; width: 165px; margin: 0 auto 24px; display: block; } .p-corporate-anniversary__panel > div > p:last-child { margin-top: 28px; padding: 0 4px; font-size: 14px; line-height: 1.75; } }
.p-corporate-anniversary__panel.-has-movie { grid-template-columns: 258px minmax(0, 1fr); gap: 0 110px; display: grid; }
.p-corporate-anniversary__panel.-has-movie .p-corporate-anniversary__movie { grid-column: 1 / -1; width: 100%; max-width: 960px; height: auto; margin: 70px auto 0; display: block; }
@media screen and (width <= 980px) { .p-corporate-anniversary__panel.-has-movie { grid-template-columns: minmax(0, 1fr); } .p-corporate-anniversary__panel.-has-movie > img { margin-bottom: 0; } .p-corporate-anniversary__panel.-has-movie .p-corporate-anniversary__movie { grid-column: 1; max-width: 100%; margin-top: 24px; } }
.p-corporate-anniversary__lead { font-weight: 700; }
.p-corporate-anniversary__lead p:first-child { font-size: 20px; line-height: 1.4; }
.p-corporate-anniversary__lead p:last-child { font-size: 32px; line-height: 1.4; }
.p-corporate-anniversary__lead em { color: #17357a; font-style: normal; }
.p-corporate-anniversary__lead b { color: #e44a08; }
@media screen and (width <= 980px) { .p-corporate-anniversary__lead { text-align: center; } .p-corporate-anniversary__lead p:first-child { font-size: 18px; } .p-corporate-anniversary__lead p:last-child { font-size: 26px; line-height: 1.35; } }
.p-corporate-group { padding: 60px 0 110px; }
@media screen and (width <= 980px) { .p-corporate-group { padding: 50px 0; } }
.p-corporate-group__list { flex-wrap: wrap; display: flex; }
@media screen and (width <= 980px) { .p-corporate-group__list { width: 100vw; margin-left: calc(50% - 50vw); display: block; } }
.p-corporate-group__card { width: 50%; height: 400px; display: block; position: relative; overflow: hidden; }
.p-corporate-group__card:after { content: ""; pointer-events: none; background: linear-gradient(0deg, #000000e6 0%, #00000094 24%, #0000 58%); position: absolute; inset: 0; }
.p-corporate-group__card img { object-fit: cover; width: 100%; max-width: none; height: 100%; transition: transform .65s; display: block; transform: none; }
.p-corporate-group__card img.js-scroll-reveal-image { transition: opacity .7s ease-out, translate .8s cubic-bezier(.22, 1, .36, 1), transform .65s; }
.p-corporate-group__card span { color: #fff; isolation: isolate; z-index: 1; flex-direction: column; justify-content: center; width: 100%; height: 130px; padding: 25px 35px; font-size: 18px; line-height: 1.5; display: flex; position: absolute; bottom: 0; left: 0; }
.p-corporate-group__card span:before { content: ""; transform-origin: 0; z-index: -1; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); transition: transform .45s cubic-bezier(.22, 1, .36, 1); position: absolute; inset: 0; transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) { .p-corporate-group__card span:before { transition: none; } }
.p-corporate-group__card span:after { content: ""; border-top: 3px solid #fff; border-right: 3px solid #fff; width: 17px; height: 17px; position: absolute; top: 50%; right: 22px; transform: translateY(-50%)rotate(45deg); }
.p-corporate-group__card strong { white-space: nowrap; font-size: 32px; font-weight: 700; line-height: 1.3; display: block; }
.p-corporate-group__card strong small { font-size: .6em; }
.p-corporate-group__card:hover, .p-corporate-group__card:focus-visible { opacity: 1; }
.p-corporate-group__card:hover img, .p-corporate-group__card:focus-visible img { transform: scale(1.04); }
.p-corporate-group__card:hover span:before, .p-corporate-group__card:focus-visible span:before { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .p-corporate-group__card img, .p-corporate-group__card img.js-scroll-reveal-image { transition: none; } }
@media screen and (width <= 980px) { .p-corporate-group__card { width: 100%; height: 300px; } .p-corporate-group__card span { height: 90px; padding: 12px 35px 12px 14px; font-size: 12px; } .p-corporate-group__card span:after { border-width: 2px; width: 11px; height: 11px; right: 15px; } .p-corporate-group__card strong { font-size: 22px; } }
.p-corporate-group__card--long strong { font-size: 32px; }
@media screen and (width <= 1024px) { .p-corporate-group__card--long strong { font-size: 26px; } }
@media screen and (width <= 980px) { .p-corporate-group__card--long strong { font-size: 19px; } }
.p-corporate-csr { isolation: isolate; background: #fff; max-width: none; margin-bottom: 80px; padding: 60px 0; position: relative; overflow: hidden; }
.p-corporate-csr:before { content: ""; opacity: 0; z-index: 0; background: linear-gradient(100deg, #17357a 0%, #74161d 48%, #e44a08 100%); width: 0; height: 100%; animation: 0s linear 2s forwards corporate-gradient-reveal-failsafe; position: absolute; top: 0; left: 0; }
.p-corporate-csr > .inner { z-index: 1; position: relative; }
@media screen and (width <= 980px) { .p-corporate-csr { margin-top: 30px; margin-bottom: 0; padding: 25px 0 20px; } }
.p-corporate-csr__panel { background: #fff; width: calc(100% - 20px); max-width: 1320px; padding: 70px 60px; }
@media screen and (width <= 1024px) { .p-corporate-csr__panel { padding: 40px; } }
@media screen and (width <= 980px) { .p-corporate-csr__panel { width: calc(100% - 40px); padding: 30px 22px 25px; } }
.p-corporate-csr__content { flex-direction: row-reverse; align-items: flex-start; gap: 94px; display: flex; }
@media screen and (width <= 1024px) { .p-corporate-csr__content { gap: 40px; } }
@media screen and (width <= 980px) { .p-corporate-csr__content { display: block; } }
.p-corporate-csr__copy { flex-shrink: 0; flex-basis: 280px; }
@media screen and (width <= 1024px) { .p-corporate-csr__copy { flex-basis: 240px; } }
.p-corporate-csr__copy h2 { letter-spacing: 0; font-family: Jost, sans-serif; font-size: 100px; font-weight: 500; line-height: .9; }
@media screen and (width <= 1024px) { .p-corporate-csr__copy h2 { font-size: 90px; } }
@media screen and (width <= 980px) { .p-corporate-csr__copy h2 { font-size: 60px; } .p-corporate-csr__copy h2 br { display: none; } }
.p-corporate-csr__copy h2 span { font-size: 90px; }
@media screen and (width <= 1024px) { .p-corporate-csr__copy h2 span { font-size: 65px; } }
@media screen and (width <= 980px) { .p-corporate-csr__copy h2 span { font-size: 40px; } }
.p-corporate-csr__copy small { width: max-content; margin-top: 10px; margin-right: auto; display: flex; }
@media screen and (width <= 980px) { .p-corporate-csr__copy small { margin-top: 5px; margin-right: 0; } }
.p-corporate-csr__copy p { margin-top: 46px; font-size: 18px; font-weight: 600; line-height: 1.8; }
@media screen and (width <= 1024px) { .p-corporate-csr__copy p { font-size: 16px; } }
@media screen and (width <= 980px) { .p-corporate-csr__copy p { margin: 18px 0 25px; font-size: 16px; line-height: 2; } }
.p-corporate-csr__grid { flex-wrap: wrap; flex: 1; gap: 39px 38px; min-width: 0; display: flex; }
@media screen and (width <= 1024px) { .p-corporate-csr__grid { gap: 24px 20px; } }
.p-corporate-csr__grid a { flex-basis: calc(33.3333% - 25.3333px); min-width: 0; padding-bottom: 4px; font-size: 17px; font-weight: 600; line-height: 1.35; position: relative; }
@media screen and (width <= 1024px) { .p-corporate-csr__grid a { flex-basis: calc(33.3333% - 13.3333px); font-size: 14px; } }
.p-corporate-csr__grid a:after { content: ""; border-top: 3px solid #74161d; border-right: 3px solid #74161d; width: 9px; height: 9px; position: absolute; top: calc(100% - 20px); right: 3px; transform: rotate(45deg); }
.p-corporate-csr__grid a:hover, .p-corporate-csr__grid a:focus-visible { opacity: 1; }
.p-corporate-csr__grid a:hover img, .p-corporate-csr__grid a:focus-visible img { transform: scale(1.04); }
.p-corporate-csr__grid a:hover .p-corporate-csr__label:after, .p-corporate-csr__grid a:focus-visible .p-corporate-csr__label:after { transform: scaleX(1); }
@media screen and (width <= 980px) { .p-corporate-csr__grid a { text-align: center; flex-basis: calc(50% - 12px); padding-bottom: 22px; font-size: 14px; font-weight: 500; } .p-corporate-csr__grid a:after { border-width: 3px; width: 9px; height: 9px; inset: auto auto 7px 50%; transform: translateX(-50%)rotate(45deg); } }
.p-corporate-csr__grid img { object-fit: cover; width: 100%; transition: transform .65s; display: block; transform: none; }
.p-corporate-csr__grid img.js-scroll-reveal-image { transition: opacity .7s ease-out, translate .8s cubic-bezier(.22, 1, .36, 1), transform .65s; }
.p-corporate-csr__grid .p-corporate-csr__image { margin-bottom: 8px; display: block; overflow: hidden; }
@media screen and (width <= 980px) { .p-corporate-csr__grid .p-corporate-csr__image { margin-bottom: 5px; } }
.p-corporate-csr__grid .p-corporate-csr__label { display: inline-block; position: relative; }
.p-corporate-csr__grid .p-corporate-csr__label:after { content: ""; transform-origin: 0; background: currentColor; width: 100%; height: 1px; transition: transform .4s cubic-bezier(.22, 1, .36, 1); position: absolute; bottom: -3px; left: 0; transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) { .p-corporate-csr__grid img, .p-corporate-csr__grid img.js-scroll-reveal-image, .p-corporate-csr__grid .p-corporate-csr__label:after { transition: none; } }
@media screen and (width <= 980px) { .p-corporate-csr__grid { align-items: flex-start; gap: 30px 24px; } }
.p-corporate-footer.l-footer { color: #fff; background: #131313; margin-top: 210px; padding-bottom: 0; font-family: Noto Sans JP, sans-serif; position: relative; }
.p-corporate-footer.l-footer > .p-corporate-footer__cta { padding-top: 0; }
.p-corporate-footer.l-footer > .p-corporate-footer__body { padding-top: 95px; }
@media screen and (width <= 980px) { .p-corporate-footer.l-footer, .p-group .p-corporate-footer.l-footer, .c-site-links + .p-corporate-footer.l-footer { margin-top: 250px; } .p-corporate-footer.l-footer > .p-corporate-footer__body { padding-top: 59px; } }
.p-corporate-footer__cta { margin-bottom: -125px; display: flex; transform: translateY(-125px); }
@media screen and (width <= 980px) { .p-corporate-footer__cta { width: calc(100% - 40px); margin-bottom: -192px; display: block; transform: translateY(-192px); } }
.p-corporate-footer__cta-link { isolation: isolate; flex-direction: column; flex-basis: 50%; justify-content: center; align-items: center; height: 250px; display: flex; position: relative; overflow: hidden; color: #fff !important; }
.p-corporate-footer__cta-link:before { content: ""; pointer-events: none; z-index: -1; background-position: center; background-repeat: no-repeat; background-size: cover; transition: transform .65s; position: absolute; inset: 0; transform: scale(1); }
.p-corporate-footer__cta-link:after { content: ""; z-index: 1; border-top: 3px solid #fff; border-right: 3px solid #fff; width: 10px; height: 10px; position: absolute; bottom: 43px; transform: rotate(45deg); }
@media screen and (width <= 980px) { .p-corporate-footer__cta-link:after { border-top: 2px solid #fff; border-right: 2px solid #fff; width: 12px; height: 12px; bottom: 24px; } }
.p-corporate-footer__cta-link:hover, .p-corporate-footer__cta-link:focus-visible { opacity: 1; }
.p-corporate-footer__cta-link:hover:before, .p-corporate-footer__cta-link:focus-visible:before { transform: scale(1.06); }
.p-corporate-footer__cta-link:hover span:after, .p-corporate-footer__cta-link:focus-visible span:after { transform: scaleX(1); }
.p-corporate-footer__cta-link strong { font-family: Jost, sans-serif; font-size: 64px; font-weight: 500; line-height: 1; }
.p-corporate-footer__cta-link span { margin-top: 10px; font-size: 16px; font-weight: 700; position: relative; }
.p-corporate-footer__cta-link span:after { content: ""; transform-origin: 0; background: currentColor; width: 100%; height: 1px; transition: transform .45s; position: absolute; bottom: -3px; left: 0; transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) { .p-corporate-footer__cta-link:before, .p-corporate-footer__cta-link span:after { transition: none; } }
@media screen and (width <= 980px) { .p-corporate-footer__cta-link { width: 100%; height: 128px; padding-bottom: 24px; } .p-corporate-footer__cta-link strong { font-size: 36px; } .p-corporate-footer__cta-link span { margin-top: 5px; font-size: 12px; } }
.p-corporate-footer__cta-link--recruit { background: #1a2f6f; }
.p-corporate-footer__cta-link--recruit:before { background-image: url("/assets/img/footerbg-recruit.png"); background-position: 0 0; background-size: 70%; }
@media screen and (width <= 980px) { .p-corporate-footer__cta-link--recruit:before { background-position-x: 0; background-size: 70%; } }
.p-corporate-footer__cta-link--contact { background: #ea5514; }
.p-corporate-footer__cta-link--contact:before { background-image: url("/assets/img/footerbg-contact.png"); }
@media screen and (width <= 980px) { .p-corporate-footer__cta-link--contact:before { background-position-x: 30px; } }
.p-corporate-footer__body { padding: 95px 0 30px; position: relative; }
@media screen and (width <= 980px) { .p-corporate-footer__body { min-height: 0; padding: 59px 0 10px; } }
.p-corporate-footer__logo { width: 325px; display: block; position: absolute; top: 255px; left: 0; }
.p-corporate-footer__logo img { filter: brightness(0) invert(); width: 100%; display: block; }
@media screen and (width <= 980px) { .p-corporate-footer__logo { width: 200px; margin: 0 auto 63px; position: static; } }
.p-corporate-footer__nav { gap: 39px; width: 715px; margin-bottom: 110px; margin-left: auto; display: flex; }
.p-corporate-footer__nav > div { flex: 1; }
.p-corporate-footer__nav h2 { font-family: Jost, sans-serif; font-size: 32px; font-weight: 500; line-height: 1; }
.p-corporate-footer__nav p { border-bottom: 1px solid #ffffff8c; margin-bottom: 20px; padding-bottom: 14px; font-size: 13px; font-weight: 700; }
.p-corporate-footer__nav a { margin-top: 24px; font-size: 14px; display: block; color: #fff !important; }
.p-corporate-footer__nav .p-corporate-footer__external:after { content: ""; vertical-align: -1px; background: url("/assets/img/icon-other.svg") center / contain no-repeat; width: 13px; height: 13px; margin-left: 6px; display: inline-block; }
.p-corporate-footer__bottom { border-top: 1px solid #ffffff8c; justify-content: space-between; align-items: center; padding-top: 14px; font-size: 11px; display: flex; position: absolute; bottom: 30px; left: 0; right: 0; }
.p-corporate-footer__bottom small { font-size: 10px; }
.p-corporate-footer__bottom div { gap: 60px; display: flex; }
.p-corporate-footer__bottom a { color: #fff !important; }
.p-corporate-footer__nav p { font-size: 12px; font-weight: 400; }
.p-corporate-footer__nav a { font-size: 15px; font-weight: 400; }
@media screen and (width <= 980px) { .p-corporate-footer__nav { width: auto; margin: 0 14px; display: block; } .p-corporate-footer__nav > div { position: relative; } .p-corporate-footer__nav > div + div { margin-top: 50px; } .p-corporate-footer__nav h2 { box-sizing: border-box; border-bottom: 1px solid #ffffff8c; width: 100vw; margin-bottom: 30px; margin-left: -34px; padding: 0 0 5px 34px; font-size: 30px; } .p-corporate-footer__nav p { border: 0; margin: 0; padding: 0; font-size: 12px; position: absolute; top: 10px; right: 0; } .p-corporate-footer__nav a { margin-top: 22px; font-size: 14px; } }
.p-corporate-footer__bottom { font-size: 14px; }
@media screen and (width <= 980px) { .p-corporate-footer__bottom { border-top: 1px solid #ffffff8c; flex-direction: column; width: 100vw; margin-top: 37px; margin-left: calc(50% - 50vw); padding-top: 30px; display: flex; position: static; } .p-corporate-footer__bottom small { text-align: center; border-top: 1px solid #ffffff8c; order: 2; width: 100%; margin-top: 30px; padding: 10px 20px 0; font-size: 10px; } .p-corporate-footer__bottom div { flex-wrap: wrap; order: 1; gap: 24px 0; padding: 0 34px; } .p-corporate-footer__bottom div a { flex: 0 0 50%; font-size: 14px; } }
.p-philosophy { color: #252828; }
.p-philosophy .l-main { overflow: hidden; }
.p-philosophy-intro { box-sizing: border-box; text-align: center; padding: 80px 0 100px; position: relative; }
.p-philosophy-intro:before, .p-philosophy-intro:after { content: ""; z-index: 0; background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; }
.p-philosophy-intro:before { background-image: url("/assets/img/corporate/philosophy-intro-blue.png"); width: 427px; height: 348px; top: 0; left: 0; }
.p-philosophy-intro:after { background-image: url("/assets/img/corporate/philosophy-intro-orange.png"); width: 395px; height: 356px; bottom: 0; right: 0; }
@media screen and (width <= 980px) { .p-philosophy-intro { padding: 60px 20px; } .p-philosophy-intro:before { width: 172px; height: 140px; left: 0; } .p-philosophy-intro:after { width: 156px; height: 140px; top: 0; bottom: auto; right: 0; } }
.is-scroll-reveal-preparing .p-philosophy-intro:before, .is-scroll-reveal-preparing .p-philosophy-intro:after { opacity: 0; animation: 0s linear 2s forwards philosophy-intro-decoration-failsafe; }
@keyframes philosophy-intro-decoration-failsafe { to { opacity: 1; } }
@keyframes philosophy-intro-decoration-fadein { from { opacity: 0; } to { opacity: 1; } }
.is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration:before, .is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration:after { opacity: 0; will-change: opacity; animation: none; }
.is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration.is-scroll-reveal-visible:before { animation: .85s .12s both philosophy-intro-decoration-fadein; }
.is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration.is-scroll-reveal-visible:after { animation: .85s .24s both philosophy-intro-decoration-fadein; }
.is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration.is-scroll-reveal-complete:before, .is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration.is-scroll-reveal-complete:after { will-change: auto; }
@media (prefers-reduced-motion: reduce) { .is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration:before, .is-scroll-reveal-ready .p-philosophy-intro.js-scroll-reveal-decoration:after { opacity: 1; animation: none; } }
.p-philosophy-intro__title, .p-philosophy-intro__text { z-index: 1; position: relative; }
.p-philosophy-intro__title { mix-blend-mode: multiply; max-width: 587px; margin: 0 auto 37px; overflow: hidden; }
.p-philosophy-intro__title img { object-fit: cover; width: 100%; height: 100%; display: block; }
@media screen and (width <= 980px) { .p-philosophy-intro__title { max-width: 306px; height: 56px; margin-bottom: 70px; } }
.p-philosophy-intro__text { max-width: 1000px; margin: auto; font-size: 18px; font-weight: 500; line-height: 1.9; }
.p-philosophy-intro__text p + p { margin-top: 40px; }
@media screen and (width <= 980px) { .p-philosophy-intro__text { text-align: left; max-width: 335px; font-size: 16px; line-height: 2; } .p-philosophy-intro__text p + p { margin-top: 30px; } }
.p-philosophy-image-band { color: #252828; text-align: center; background-position: center; background-size: cover; justify-content: center; align-items: center; height: 270px; display: flex; position: relative; }
.p-philosophy-image-band > div { z-index: 1; position: relative; }
.p-philosophy-image-band strong, .p-philosophy-image-band span, .p-philosophy-image-band small { display: block; }
.p-philosophy-image-band strong { font-family: Jost, sans-serif; font-size: 40px; font-weight: 700; line-height: 1; }
.p-philosophy-image-band span { margin-top: 2px; font-size: 24px; font-weight: 700; line-height: 1.4; }
.p-philosophy-image-band small { margin-top: 15px; font-size: 18px; line-height: 1.8; }
@media screen and (width <= 980px) { .p-philosophy-image-band { height: 170px; } .p-philosophy-image-band strong { font-size: 30px; } .p-philosophy-image-band span { font-size: 20px; } .p-philosophy-image-band small { margin-top: 10px; font-size: 14px; line-height: 1.8; } }
.p-philosophy-image-band--dna { background-image: url("/assets/img/corporate/philosophy-dna.jpg"); }
@media screen and (width <= 980px) { .p-philosophy-image-band--dna { background-image: url("/assets/img/corporate/philosophy-dna-sp.jpg"); } }
.p-philosophy-image-band--mission { background-image: url("/assets/img/corporate/philosophy-mission.jpg"); }
@media screen and (width <= 980px) { .p-philosophy-image-band--mission { background-image: url("/assets/img/corporate/philosophy-mission-sp.jpg"); } }
.p-philosophy-image-band--vision { background-image: url("/assets/img/corporate/philosophy-vision.jpg"); }
@media screen and (width <= 980px) { .p-philosophy-image-band--vision { background-image: url("/assets/img/corporate/philosophy-vision-sp.jpg"); } }
.p-philosophy-image-band--values { background-image: url("/assets/img/corporate/philosophy-values.jpg"); }
@media screen and (width <= 980px) { .p-philosophy-image-band--values { background-image: url("/assets/img/corporate/philosophy-values-sp.jpg"); } }
.p-philosophy-dna__body { box-sizing: border-box; grid-template-columns: 48.0833% 51.9167%; width: 100%; max-width: 1200px; height: 343px; margin: auto; padding: 65px 0 98px; display: grid; }
.p-philosophy-dna__body > p, .p-philosophy-dna__body > div { white-space: nowrap; align-items: center; max-width: none; height: 180px; display: flex; position: relative; }
.p-philosophy-dna__body > p:before, .p-philosophy-dna__body > div:before { content: ""; background: #282828; width: 1px; height: 180px; position: absolute; top: 0; }
.p-philosophy-dna__body small { font-size: 16px; font-weight: 700; line-height: normal; display: block; position: absolute; }
.p-philosophy-dna__body > p { padding-left: 139px; font-size: 26px; font-weight: 700; line-height: normal; }
.p-philosophy-dna__body > p:before { left: 117px; }
.p-philosophy-dna__body > p small { left: 60px; }
.p-philosophy-dna__body > div { padding-left: 143px; line-height: normal; }
.p-philosophy-dna__body > div:before { left: 118px; }
.p-philosophy-dna__body > div small { left: 54px; }
.p-philosophy-dna__body > div strong { margin: 0; font-size: 26px; font-weight: 700; line-height: 2.8; display: block; }
@media screen and (width <= 980px) { .p-philosophy-dna__body { height: inherit; text-align: left; max-width: 335px; padding: 24px 0 60px; display: block; } .p-philosophy-dna__body > p, .p-philosophy-dna__body > div { max-width: none; height: auto; padding: 0; display: block; position: static; } .p-philosophy-dna__body > p:before, .p-philosophy-dna__body > div:before { display: none; } .p-philosophy-dna__body small { margin-bottom: 0; font-size: 14px; position: static; } .p-philosophy-dna__body > p { align-items: flex-start; font-size: 20px; line-height: 1.5; display: flex; } .p-philosophy-dna__body > p small { flex: 0 0 46px; margin-top: 5px; } .p-philosophy-dna__body > div { grid-template-columns: 35px 300px; margin-top: 32px; font-size: 20px; line-height: 1.85; display: grid; } .p-philosophy-dna__body > div small { margin-top: 3px; } .p-philosophy-dna__body > div strong { font-size: 20px; line-height: 1.85; } }
.p-philosophy-detail__body, .p-philosophy-values__list { padding: 60px 0 140px; }
.p-philosophy-detail__body { box-sizing: border-box; text-align: center; max-width: 900px; margin: auto; }
.p-philosophy-detail__body h2 { font-size: 26px; font-weight: 700; line-height: 1.8; }
.p-philosophy-detail__body p { margin-top: 30px; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-philosophy-detail__body { text-align: left; padding: 25px 20px 60px; } .p-philosophy-detail__body h2 { letter-spacing: -.02em; font-size: 20px; line-height: 1.5; } .p-philosophy-detail__body p { margin-top: 20px; font-size: 14px; line-height: 1.8; } }
.p-philosophy-values__list { box-sizing: border-box; flex-wrap: wrap; gap: 45px 80px; display: flex; }
.p-philosophy-values__list article { flex-basis: calc(50% - 80px); }
.p-philosophy-values__list h2 { font-size: 26px; font-weight: 700; line-height: 1.5; }
.p-philosophy-values__list b { color: #ea5514; margin-right: 2px; font-size: 26px; }
.p-philosophy-values__list p { margin-top: 10px; font-size: 16px; line-height: 1.9; }
@media screen and (width <= 980px) { .p-philosophy-values__list { text-align: left; max-width: 335px; padding: 25px 0 0; display: block; } .p-philosophy-values__list article + article { margin-top: 24px; } .p-philosophy-values__list h2, .p-philosophy-values__list b { font-size: 20px; line-height: 1; } .p-philosophy-values__list p { margin-top: 8px; padding-left: 20px; font-size: 14px; line-height: 1.8; } }
.p-philosophy-diagram__head { background: url("/assets/img/corporate/philosophy-history.jpg") 50% 42% / cover; justify-content: center; align-items: center; height: 270px; display: flex; }
.p-philosophy-diagram__head h2 { text-align: center; font-size: 36px; line-height: 1.4; }
@media screen and (width <= 980px) { .p-philosophy-diagram__head { background-image: url("/assets/img/corporate/philosophy-history-sp.jpg"); height: 170px; } .p-philosophy-diagram__head h2 { max-width: 220px; font-size: 20px; line-height: 1.4; } }
.p-philosophy-diagram__content { box-sizing: border-box; max-width: 940px; margin: auto; padding: 35px 0 100px; }
.p-philosophy-diagram__content img { width: 100%; display: block; }
@media screen and (width <= 980px) { .p-philosophy-diagram__content { max-width: 375px; height: 286px; padding: 20px 17px 60px; } }
.p-philosophy-links { box-sizing: border-box; height: 429px; padding: 90px 20px; }
.p-philosophy-links h2 { margin-bottom: 35px; font-size: 24px; }
.p-philosophy-links > div { gap: 20px; max-width: 660px; }
.p-philosophy-links a { flex: 0 0 320px; }
@media screen and (width <= 980px) { .p-philosophy-links { height: inherit; background: linear-gradient(270deg, #ea551426 2.71%, #74161d26 50%, #1a2f6f26 97.29%); padding: 40px 20px 60px; } .p-philosophy-links h2 { margin-bottom: 20px; font-size: 20px; } .p-philosophy-links > div { max-width: 330px; } .p-philosophy-links a { width: 100%; min-height: 60px; } .p-philosophy-links a + a { margin-top: 8px; } }
.p-group-overview .l-main { overflow: hidden; }
.p-group-overview-intro { padding: 80px 0; }
@media screen and (width <= 980px) { .p-group-overview-intro { padding: 24px 0 55px; } }
.p-group-overview-intro__inner > h2 { margin-bottom: 40px; font-size: 36px; line-height: 1.45; }
@media screen and (width <= 980px) { .p-group-overview-intro__inner > h2 { text-align: center; margin-bottom: 25px; font-size: 30px; } }
.p-group-overview-intro__layout { display: block; }
@media screen and (width <= 980px) { .p-group-overview-intro__layout { display: block; } }
.p-group-overview-intro__copy { width: 100%; }
.p-group-overview-intro__copy p { font-size: 20px; line-height: 1.8; }
.p-group-overview-intro__copy p + p { margin-top: 0; }
@media screen and (width <= 980px) { .p-group-overview-intro__copy p { font-size: 16px; line-height: 2; } }
.p-group-overview-intro__companies { flex-wrap: wrap; width: 100%; max-width: 1000px; height: 326px; margin: 107px auto 0; display: flex; }
.p-group-overview-intro__companies article { text-align: center; flex-direction: column; flex-basis: 50%; justify-content: center; align-items: center; height: 163px; padding: 0 20px; display: flex; }
.p-group-overview-intro__companies article:nth-child(odd) { border-right: 1px solid #d3d3d4; }
.p-group-overview-intro__companies article:nth-child(-n+2) { border-bottom: 1px solid #d3d3d4; padding-bottom: 50px; }
.p-group-overview-intro__companies article:nth-child(n+3) { padding-top: 50px; }
.p-group-overview-intro__companies img { object-fit: contain; width: 100%; max-width: 355px; height: 70px; margin: 0 auto; display: block; }
.p-group-overview-intro__companies article:nth-child(4) img { max-width: 380px; height: 70px; }
.p-group-overview-intro__companies p { margin-top: 22px; font-size: 16px; line-height: 1.5; }
@media screen and (width <= 980px) { .p-group-overview-intro__companies { max-width: none; height: auto; margin-top: 30px; } .p-group-overview-intro__companies article { flex-basis: 100%; height: auto; min-height: 0; padding: 20px 0; } .p-group-overview-intro__companies article:nth-child(odd) { border-right: 0; } .p-group-overview-intro__companies article:nth-child(-n+3) { border-bottom: 1px solid #ddd; } .p-group-overview-intro__companies article:first-child, .p-group-overview-intro__companies article:nth-child(2), .p-group-overview-intro__companies article:nth-child(3), .p-group-overview-intro__companies article:nth-child(4) { height: auto; padding: 20px 0; } .p-group-overview-intro__companies article:first-child img, .p-group-overview-intro__companies article:nth-child(2) img, .p-group-overview-intro__companies article:nth-child(3) img, .p-group-overview-intro__companies article:nth-child(4) img { height: auto; margin: 0 auto; padding-top: 0; } .p-group-overview-intro__companies article:first-child p, .p-group-overview-intro__companies article:nth-child(2) p, .p-group-overview-intro__companies article:nth-child(3) p, .p-group-overview-intro__companies article:nth-child(4) p { margin-left: 0; } .p-group-overview-intro__companies article:first-child img, .p-group-overview-intro__companies article:nth-child(2) img { width: min(100%, 295px); } .p-group-overview-intro__companies article:nth-child(3) img { width: min(100%, 260px); } .p-group-overview-intro__companies article:nth-child(4) { padding-top: 25px; } .p-group-overview-intro__companies article:nth-child(4) img { width: 100%; max-width: 350px; } .p-group-overview-intro__companies p { margin-top: 20px; font-size: 16px; line-height: 1.5; } }
.p-group-overview-map { padding: 110px 0 5px; }
@media screen and (width <= 980px) { .p-group-overview-map { padding: 0 0 30px; } }
.p-group-overview-map__diagram { max-width: 1200px; height: 684px; margin: -10px auto 0; position: relative; }
.p-group-overview-map__diagram:before { content: ""; background: url("/assets/img/corporate/about-bg2.jpg") center / cover no-repeat; width: 100%; height: 422px; position: absolute; top: 122px; left: 0; }
@media screen and (width <= 980px) { .p-group-overview-map__diagram { width: 100vw; max-width: none; height: 300px; margin: 50px 0 0 calc(50% - 50vw); } .p-group-overview-map__diagram:before { height: 100%; top: 0; } }
.p-group-overview-map__picture { width: 684px; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
@media screen and (width <= 980px) { .p-group-overview-map__picture { width: min(95vw, 375px); top: -28px; } }
.p-group-overview-map__center { width: 260px; display: block; position: absolute; top: 254px; left: 50%; transform: translateX(-50%); }
.p-group-overview-map__center img { width: 100%; display: block; }
@media screen and (width <= 980px) { .p-group-overview-map__center { width: 108px; top: 50%; transform: translate(-50%, -50%); } }
.p-group-businesses { padding: 60px 0 140px; }
@media screen and (width <= 980px) { .p-group-businesses { padding: 0; } }
.p-group-businesses__inner article { min-height: inherit; align-items: stretch; gap: 60px; display: flex; }
.p-group-businesses__inner article + article { margin-top: 80px; }
@media screen and (width <= 980px) { .p-group-businesses__inner article { min-height: 0; padding: 50px 0; display: block; } .p-group-businesses__inner article:last-child { padding-bottom: 0; } .p-group-businesses__inner article + article { border-top: 1px solid #d6d6d6; margin-top: 0; } }
.p-group-businesses__heading { min-height: inherit; border-right: 1px solid #b7b7b7; flex: 0 0 241px; align-self: stretch; padding-right: 20px; }
.p-group-businesses__heading h2 { color: #131313; font-size: 30px; font-weight: 700; line-height: 1.45; }
@media screen and (width <= 980px) { .p-group-businesses__heading { border-right: 0; justify-content: space-between; align-items: center; gap: 10px; min-height: 0; padding-right: 0; display: flex; } .p-group-businesses__heading h2 { flex: 0 auto; font-size: 22px; } .p-group-businesses__heading h2 br { display: none; } }
.p-group-businesses__body { flex: 1; min-width: 0; }
.p-group-businesses__body > p { font-size: 16px; font-weight: 400; line-height: 32px; }
@media screen and (width <= 980px) { .p-group-businesses__body { margin-top: 20px; } .p-group-businesses__body > p { font-size: 14px; line-height: 1.85; } }
.p-group-businesses__companies { gap: 10px; margin-top: 20px; display: flex; }
@media screen and (width <= 980px) { .p-group-businesses__companies { flex: none; margin-top: 0; } }
.p-group-businesses__links { gap: 20px; margin-top: 20px; display: flex; }
.p-group-businesses__links .c-btn { flex: 0 0 250px; }
@media screen and (width <= 980px) { .p-group-businesses__links { margin-top: 20px; display: block; } .p-group-businesses__links .c-btn { flex-basis: 100%; width: 100%; } .p-group-businesses__links .c-btn + .c-btn { margin-top: 7px; } }
.p-group-overview-links { text-align: center; padding: 90px 0 100px; }
.p-group-overview-links h2 { margin-bottom: 24px; font-size: 24px; }
.p-group-overview-links > div { max-width: 660px; }
.p-group-overview-links a { flex-basis: 320px; }
@media screen and (width <= 980px) { .p-group-overview-links { padding: 32px 20px 38px; } .p-group-overview-links h2 { font-size: 20px; } .p-group-overview-links > div { max-width: inherit; } }
.p-greeting-message { padding: 82px 0 140px; }
.p-greeting-message .p-corporate-message__layout { flex-wrap: wrap; margin-top: 52px; }
.p-greeting-message .p-corporate-message__body { display: contents; }
.p-greeting-message .p-corporate-message__text { flex: 0 0 730px; order: 1; }
@media screen and (width <= 980px) { .p-greeting-message .p-corporate-message__text { flex: 0 0 0; } }
.p-greeting-message .p-corporate-message__portrait { order: 2; margin-top: 3px; }
.p-greeting-message .p-corporate-message__signature { flex: 0 0 373px; order: 3; width: 373px; margin: 24px 0 0 auto; position: static; }
@media screen and (width <= 980px) { .p-greeting-message { padding: 20px 0 0; } .p-greeting-message .p-corporate-message__layout { margin-top: 29px; } .p-greeting-message .p-corporate-message__signature { flex: none; order: 2; width: 100%; margin-top: 35px; } .p-greeting-message .p-corporate-message__signature p { font-size: 14px; } .p-greeting-message .p-corporate-message__portrait { order: 3; width: 100%; max-width: 334px; margin-top: 51px; margin-left: auto; margin-right: auto; } }
.p-history-message { padding-bottom: 182px; }
.p-history-message .p-corporate-message__layout { margin-top: 46px; }
.p-history-message .p-corporate-message__signature { top: 250px; }
.p-history-message .p-corporate-message__portrait { margin-top: -136px; }
@media screen and (width <= 980px) { .p-history-message { padding: 19px 0 56px; } .p-history-message .p-corporate-message__layout { margin-top: 29px; } .p-history-message .p-corporate-message__portrait { order: 2; margin-top: 22px; } .p-history-message .p-corporate-message__signature { order: 3; width: 100%; margin-top: 20px; } }
.p-history-nav { background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); justify-content: center; align-items: center; height: 56px; margin-top: 70px; display: flex; }
.p-history-nav a { color: #fff; text-align: center; flex: 1; justify-content: center; align-items: center; font-size: 18px; font-weight: 500; display: flex; position: relative; }
.p-history-nav a:after { content: ""; border-bottom: 2px solid; border-right: 2px solid; width: 10px; height: 10px; position: absolute; top: 8px; right: 31px; transform: rotate(45deg); }
@media screen and (width <= 980px) { .p-history-nav { background: #fff; flex-direction: column; gap: 2px; height: auto; margin-top: 40px; display: flex; } .p-history-nav a { background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); justify-content: center; width: 100%; height: 40px; padding: 8px 0; font-size: 18px; } .p-history-nav a:after { width: 8px; height: 8px; top: 15px; right: 15px; } }
.p-history-timeline { position: relative; }
.p-history-timeline:before { content: ""; z-index: 1; background: #8d1e2fa6; width: 1px; position: absolute; top: 128.5px; bottom: 60px; left: calc(max(20px, 50% - 600px) + 425px); }
@media screen and (width <= 980px) { .p-history-timeline:before { top: 145.5px; bottom: 40px; left: 87.5px; } }
.p-history-era { --history-era-background: #fff; box-sizing: border-box; padding: 80px 0; scroll-margin-top: 100px; }
.p-history-era.-gray { --history-era-background: #f8f8f9; background: #d3d3d426; }
@media screen and (width <= 980px) { .p-history-era { padding: 40px 0; scroll-margin-top: 70px; } }
.p-history-era__inner { position: relative; }
.p-history-era__inner h2 { background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); color: #0000; text-align: center; -webkit-background-clip: text; background-clip: text; width: 375px; font-family: Jost, sans-serif; line-height: 1; position: absolute; top: 0; left: 0; }
.p-history-era__inner h2 b { font-size: 52px; font-weight: 700; }
.p-history-era__inner h2 span { margin-left: 8px; font-size: 22px; font-weight: 700; }
.p-history-era__inner h2 .p-history-era__present { margin-left: 10px; }
@media screen and (width <= 980px) { .p-history-era__inner:before { background: var(--history-era-background); content: ""; z-index: 1; width: 3px; height: 100px; position: absolute; top: -16px; left: 66px; } .p-history-era__inner h2 { text-align: center; z-index: 2; width: 100%; position: relative; } .p-history-era__inner h2 b { font-size: 42px; } .p-history-era__inner h2 span { margin-left: 4px; font-size: 18px; } .p-history-era__inner h2 .p-history-era__present { margin-left: 6px; } .p-history-era__inner h2:after { content: ""; background: #d3d3d4; width: 100%; height: 1px; position: absolute; bottom: -25px; left: 0; } }
.p-history-era__list { color: #252828; width: 860px; margin: 35px 0 0 360px; }
.p-history-era__list > div { z-index: 2; align-items: flex-start; gap: 22px; display: flex; position: relative; }
.p-history-era__list > div + div { margin-top: 65px; }
.p-history-era__list > div:before { content: ""; z-index: 3; background: #8d1e2f; border-radius: 50%; width: 8px; height: 8px; position: absolute; top: 11px; left: 65.5px; transform: translateX(-50%); }
.p-history-era__list dt { text-align: right; flex: 0 0 140px; font-family: Jost, sans-serif; font-size: 20px; font-weight: 700; line-height: 29px; }
.p-history-era__list dd { flex: 1; min-width: 0; font-size: 20px; font-weight: 700; line-height: 29px; }
.p-history-era__list .-with-image dd { align-items: flex-start; gap: 20px; display: flex; }
.p-history-era__list .-with-image img { object-fit: cover; flex: 0 0 240px; width: 240px; height: 154px; }
.p-history-era__list .-with-image p { flex: 1; }
.p-history-era__list .-image-tall img { height: 192px; }
.p-history-era__list .-anniversary img { object-fit: contain; background: #fff; border: 1px solid #d3d3d4; flex-basis: 241px; width: 241px; height: auto; padding: 20px 60px; }
.p-history-era__list .p-history-era__note { font-size: 16px; font-weight: 500; display: block; }
@media screen and (width <= 980px) { .p-history-era__list .p-history-era__note { font-size: 12px; } }
.p-history-era__list .p-history-era__continuation { margin-top: 16px; display: block; }
.p-history-era__list .p-history-era__description { margin-top: 14px; font-weight: 400; line-height: 32px; display: block; }
@media screen and (width <= 980px) { .p-history-era__list .p-history-era__description { line-height: 22px; } .p-history-era__list { width: 100%; margin: 48px 0 0; } .p-history-era__list > div { gap: 23px; } .p-history-era__list > div + div { margin-top: 8px; } .p-history-era__list > div:nth-child(3) { margin-top: 21px; } .p-history-era__list > div:before { top: 11px; left: 67.5px; } .p-history-era__list dt { flex-basis: 56px; font-size: 20px; line-height: 29px; } .p-history-era__list dd { padding-top: 3px; font-size: 14px; font-weight: 600; line-height: 22px; } .p-history-era__list .-with-image dd { display: block; } .p-history-era__list .-with-image img { object-fit: cover; width: 240px; max-width: 100%; height: 154px; } .p-history-era__list .-with-image p { margin-top: 8px; } .p-history-era__list .-image-tall img { height: 192px; } .p-history-era__list .-anniversary img { height: auto; } }
#history-1950 .p-history-era__list > div:nth-child(2) { margin-top: 55px; }
#history-1950 .p-history-era__list > .-with-image + div { margin-top: 56px; }
#history-1970 .p-history-era__list { margin-top: 17px; }
#history-1970 .p-history-era__list > .-with-image + div { margin-top: 56px; }
#history-1970 .p-history-era__list > div:last-child { margin-top: 62px; }
#history-1990 .p-history-era__list { margin-top: 23px; }
#history-1990 .p-history-era__list > div:nth-child(2) { margin-top: 55px; }
#history-1990 .p-history-era__list > div:nth-child(4) { margin-top: 61px; }
#history-1990 .p-history-era__list > .-with-image + div { margin-top: 75px; }
#history-1990 .p-history-era__list > div:nth-child(6) { margin-top: 52px; }
#history-1990 .p-history-era__list > div:nth-child(7) { margin-top: 61px; }
#history-2010 .p-history-era__list { margin-top: 8px; }
#history-2010 .p-history-era__list > div:nth-child(2) { margin-top: 59px; }
#history-2010 .p-history-era__list > div:nth-child(3), #history-2010 .p-history-era__list > div:nth-child(4) { margin-top: 74px; }
#history-2010 .p-history-era__list > div:nth-child(5) { margin-top: 62px; }
#history-2020 .p-history-era__list { margin-top: 17px; }
#history-2020 .p-history-era__list > div:nth-child(2) { margin-top: 46px; }
#history-2020 .p-history-era__list > div:nth-child(3) { margin-top: 62px; }
@media screen and (width <= 980px) { #history-1950 .p-history-era__list, #history-1970 .p-history-era__list, #history-1990 .p-history-era__list, #history-2010 .p-history-era__list, #history-2020 .p-history-era__list { margin-top: 48px; } #history-1950 .p-history-era__list > div:first-child, #history-1970 .p-history-era__list > div:first-child, #history-1990 .p-history-era__list > div:first-child, #history-2010 .p-history-era__list > div:first-child, #history-2020 .p-history-era__list > div:first-child { margin-top: 0; } #history-1950 .p-history-era__list > div:not(:first-child):not(:only-child), #history-1970 .p-history-era__list > div:not(:first-child):not(:only-child), #history-1990 .p-history-era__list > div:not(:first-child):not(:only-child), #history-2010 .p-history-era__list > div:not(:first-child):not(:only-child), #history-2020 .p-history-era__list > div:not(:first-child):not(:only-child) { margin-top: 8px; } #history-1950 .p-history-era__list > div:nth-child(3):not(:only-child), #history-1970 .p-history-era__list > div:nth-child(3):not(:only-child), #history-1990 .p-history-era__list > div:nth-child(3):not(:only-child), #history-2010 .p-history-era__list > div:nth-child(3):not(:only-child), #history-2020 .p-history-era__list > div:nth-child(3):not(:only-child) { margin-top: 21px; } }
.p-safety-content { padding-top: 76px; padding-bottom: 140px; }
@media screen and (width <= 980px) { .p-safety-content { padding-top: 34px; padding-bottom: 60px; } .p-safety-intro { font-size: 15px; } }
.p-safety-tabs { margin-top: 42px; display: flex; position: relative; }
.p-safety-tabs:after { content: ""; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); height: 3px; position: absolute; bottom: -3px; left: 0; right: 0; }
@media screen and (width <= 980px) { .p-safety-tabs { margin-top: 28px; } }
.p-safety-tabs__button { color: #fff; cursor: pointer; background: #d3d3d4; border: 0; justify-content: center; align-items: center; width: 50%; height: 53px; font-family: inherit; font-size: 18px; font-weight: 600; display: flex; }
.p-safety-tabs__button.is-active { background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); }
@media screen and (width <= 980px) { .p-safety-tabs__button { height: 50px; padding: 0 8px; font-size: 12px; line-height: 1.45; } }
.p-safety-panel { padding-top: 49px; }
.p-safety-panel[hidden] { display: none; }
@media screen and (width <= 980px) { .p-safety-panel { padding-top: 38px; } }
.p-safety-section { font-size: 18px; line-height: 1.8; }
.p-safety-section + .p-safety-section { margin-top: 96px; }
.p-safety-section > .c-corporate-section-heading { margin-bottom: 48px; }
@media screen and (width <= 980px) { .p-safety-section { font-size: 14px; } .p-safety-section + .p-safety-section { margin-top: 58px; } .p-safety-section > .c-corporate-section-heading { margin-bottom: 34px; } .p-safety-section__lead br { display: none; } }
.p-safety-policy { border: 1px solid #d3d3d4; grid-template-columns: 240px 1fr; align-items: stretch; min-height: 196px; margin-top: 34px; display: grid; }
.p-safety-policy h3 { justify-content: center; align-items: center; font-size: 20px; display: flex; position: relative; }
.p-safety-policy h3:after { content: ""; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); width: 120px; height: 4px; position: absolute; bottom: 65px; left: 60px; }
.p-safety-policy ol { align-self: center; padding: 26px 34px 26px 0; line-height: 1.9; list-style-type: decimal; list-style-position: inside; }
@media screen and (width <= 980px) { .p-safety-policy { min-height: 0; margin-top: 24px; padding: 22px 20px; display: block; } .p-safety-policy h3 { padding-bottom: 9px; font-size: 17px; display: inline-block; } .p-safety-policy h3:after { width: 102px; height: 3px; bottom: 0; left: 0; } .p-safety-policy ol { text-indent: -1.2em; padding: 18px 0 0 1.4em; line-height: 1.75; } }
.p-safety-subheading { margin-bottom: 24px; font-size: 32px; line-height: 1.45; }
.p-safety-definition + .p-safety-subheading { margin-top: 50px; }
@media screen and (width <= 980px) { .p-safety-subheading { margin-bottom: 18px; font-size: 20px; } .p-safety-definition + .p-safety-subheading { margin-top: 40px; } }
.p-safety-definition { background: #d3d3d426; padding: 0 40px; }
.p-safety-definition > div { grid-template-columns: 200px 1fr; min-height: 104px; display: grid; }
.p-safety-definition > div + div { border-top: 2px solid #fff; }
.p-safety-definition dt { justify-content: center; align-items: center; padding: 24px 20px; font-size: 20px; font-weight: 700; display: flex; }
.p-safety-definition dd { align-self: center; padding: 24px 0; }
.p-safety-definition.-compact > div { min-height: 104px; }
@media screen and (width <= 980px) { .p-safety-definition { padding: 0 18px; } .p-safety-definition > div, .p-safety-definition.-compact > div { min-height: 0; padding: 20px 0; display: block; } .p-safety-definition dt { padding: 0 0 10px; font-size: 16px; display: block; } .p-safety-definition dd { padding: 0; } }
.p-safety-activities { margin-top: 93px !important; }
@media screen and (width <= 980px) { .p-safety-activities { margin-top: 58px !important; } }
.p-safety-activities__grid { flex-wrap: wrap; gap: 60px; display: flex; }
.p-safety-activities__grid article { flex-basis: calc(33.3333% - 40px); min-width: 0; }
.p-safety-activities__grid img { aspect-ratio: 277 / 200; object-fit: cover; width: 100%; display: block; }
.p-safety-activities__grid h3 { margin-top: 14px; font-size: 20px; font-weight: 700; line-height: 1.45; }
.p-safety-activities__grid p { margin-top: 10px; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-safety-activities__grid { display: block; } .p-safety-activities__grid article + article { margin-top: 32px; } .p-safety-activities__grid h3 { margin-top: 10px; font-size: 18px; } .p-safety-activities__grid p { font-size: 14px; } }
.p-safety-calendar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 62px; display: grid; }
.p-safety-calendar__grid dl { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; flex-direction: column; display: flex; }
.p-safety-calendar__grid dl > div { grid-template-columns: 100px 1fr; min-height: 125px; display: grid; }
.p-safety-calendar__grid dl > div + div { border-top: 1px solid #aaa; }
.p-safety-calendar__grid dl > div:last-child { flex-grow: 1; }
.p-safety-calendar__grid dt { background: #d3d3d426; border-right: 1px solid #aaa; justify-content: center; align-items: flex-start; padding: 20px 10px; font-weight: 700; display: flex; }
.p-safety-calendar__grid dd { padding: 17px 20px; }
@media screen and (width <= 980px) { .p-safety-calendar__grid { display: block; } .p-safety-calendar__grid dl + dl { border-top: 0; } .p-safety-calendar__grid dl > div { grid-template-columns: 56px 1fr; min-height: 0; } .p-safety-calendar__grid dt { padding: 14px 6px; } .p-safety-calendar__grid dd { padding: 12px; } }
.p-safety-results { margin-top: 95px !important; }
@media screen and (width <= 980px) { .p-safety-results { margin-top: 58px !important; } }
.p-safety-accordion__item + .p-safety-accordion__item { margin-top: 10px; }
.p-safety-accordion__button { color: #fff; cursor: pointer; text-align: left; background: #131313; border: 0; justify-content: space-between; align-items: center; width: 100%; height: 80px; padding: 0 32px; font-family: inherit; font-size: 20px; display: flex; }
.p-safety-accordion__button span { width: 24px; height: 24px; position: relative; }
.p-safety-accordion__button span:before, .p-safety-accordion__button span:after { content: ""; background: #aaa; width: 24px; height: 1px; transition: transform .3s; position: absolute; top: 11px; left: 0; }
.p-safety-accordion__button[aria-expanded="false"] span:after { transform: rotate(90deg); }
@media screen and (width <= 980px) { .p-safety-accordion__button { height: 58px; padding: 0 18px; font-size: 16px; } .p-safety-accordion__button span, .p-safety-accordion__button span:before, .p-safety-accordion__button span:after { width: 18px; } .p-safety-accordion__button span { height: 18px; } .p-safety-accordion__button span:before, .p-safety-accordion__button span:after { top: 8px; } }
.p-safety-accordion__panel[hidden] { display: none; }
.p-safety-accordion__empty { background: #f7f7f7; padding: 24px 30px; }
@media screen and (width <= 980px) { .p-safety-accordion__empty { padding: 18px; } }
.p-safety-table-scroll { overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; max-width: 100%; overflow-x: auto; }
@media screen and (width <= 980px) { .p-safety-table-scroll { border-right: 1px solid #aaa; } }
.p-safety-action-table { border-collapse: collapse; color: #252828; table-layout: fixed; width: 100%; min-width: 900px; font-size: 16px; line-height: 1.75; }
.p-safety-action-table th, .p-safety-action-table td { text-align: left; vertical-align: top; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding: 20px 25px; }
.p-safety-action-table tr > :last-child { border-right: 0; }
.p-safety-action-table thead th { text-align: center; vertical-align: middle; background: #d3d3d426; height: 82px; font-weight: 600; }
.p-safety-action-table thead th:first-child, .p-safety-action-table tbody th { width: 100px; }
.p-safety-action-table thead th:nth-child(3), .p-safety-action-table thead th:nth-child(4) { width: 221px; }
.p-safety-action-table tbody th { font-weight: 400; }
.p-safety-action-table tbody td:nth-last-child(-n+2) { white-space: nowrap; }
@media screen and (width <= 980px) { .p-safety-action-table { min-width: 780px; font-size: 13px; } .p-safety-action-table th, .p-safety-action-table td { padding: 14px 16px; } .p-safety-action-table thead th { height: 64px; } }
.p-safety-index { margin: 28px 2px 23px; }
.p-safety-index h4 { font-size: 20px; }
.p-safety-index p { font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-safety-index { margin: 20px 0; } .p-safety-index h4 { font-size: 17px; } .p-safety-index p { font-size: 13px; line-height: 1.7; } }
.p-safety-records__subheading { margin: 38px 0 16px; font-size: 20px; }
@media screen and (width <= 980px) { .p-safety-records__subheading { margin-top: 28px; font-size: 17px; } }
.p-safety-score-table { border-collapse: collapse; color: #252828; table-layout: fixed; text-align: center; width: 100%; min-width: 760px; font-size: 16px; line-height: 1.5; }
.p-safety-score-table th, .p-safety-score-table td { vertical-align: middle; border: 1px solid #aaa; height: 50px; padding: 8px; }
.p-safety-score-table thead th { background: #d3d3d426; font-weight: 500; }
.p-safety-score-table thead tr:first-child th { height: 60px; }
.p-safety-score-table thead tr:nth-child(2) th { height: 40px; }
.p-safety-score-table thead .-kogyo { background: #8d1e2f2e; }
.p-safety-score-table thead .-kogyo2 { background: #8d1e2f0d; }
.p-safety-score-table thead .-unyu { background: #1a2f6f2e; }
.p-safety-score-table thead .-unyu2 { background: #1a2f6f0d; }
.p-safety-score-table thead .-naruto { background: #ea55142e; }
.p-safety-score-table thead .-naruto2 { background: #ea55140d; }
.p-safety-score-table tr > :first-child { width: 100px; }
.p-safety-score-table tbody th { background: #d3d3d426; font-weight: 400; }
@media screen and (width <= 980px) { .p-safety-score-table { min-width: 700px; font-size: 12px; } .p-safety-score-table th, .p-safety-score-table td { height: 42px; padding: 6px; } .p-safety-score-table tr > :first-child { width: 72px; } }
.p-csr-links { text-align: center; background: linear-gradient(90deg, #1a2f6f1a 2.71%, #74161d1a 50%, #ea55141a 97.29%); padding: 58px 20px 80px; }
.p-csr-links h2 { margin-bottom: 38px; font-size: 24px; line-height: 1.45; }
.p-csr-links > div { flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 1000px; margin: auto; display: flex; }
.p-csr-links a { flex: 0 0 320px; }
.p-csr-links .c-btn.-unavailable, .p-csr-links .c-btn[aria-current="page"] { background: #131313bf; color: #ffffff73 !important; }
@media screen and (width <= 980px) { .p-csr-links { padding: 38px 20px 60px; } .p-csr-links h2 { margin-bottom: 24px; font-size: 20px; } .p-csr-links > div { max-width: inherit; display: block; } .p-csr-links a { flex-basis: auto; width: 100%; display: flex; } .p-csr-links a + a { margin-top: 8px; } }
.p-sdgs-content { padding-bottom: 140px; }
@media screen and (width <= 980px) { .p-sdgs-content { padding-bottom: 60px; } }
.p-sdgs-concept__layout { justify-content: space-between; align-items: center; gap: 70px; margin-top: 40px; display: flex; }
@media screen and (width <= 980px) { .p-sdgs-concept__layout { margin-top: 32px; display: block; } }
.p-sdgs-concept__body { flex: 1; }
.p-sdgs-concept__body h3 { font-size: 32px; font-weight: 700; line-height: 1.5; }
.p-sdgs-concept__body p { margin-top: 30px; font-size: 18px; line-height: 2; }
.p-sdgs-concept__body p span { color: #ff006c; font-weight: 700; }
@media screen and (width <= 980px) { .p-sdgs-concept__body h3 { font-size: 22px; line-height: 1.55; } .p-sdgs-concept__body p { margin-top: 22px; font-size: 14px; line-height: 1.8; } }
.p-sdgs-concept__layout > figure { flex-basis: 580px; margin-top: 16px; }
.p-sdgs-concept__layout > figure img { object-fit: cover; width: 100%; height: 401px; display: block; }
@media screen and (width <= 980px) { .p-sdgs-concept__layout > figure { margin-top: 26px; } .p-sdgs-concept__layout > figure img { height: auto; } }
.p-sdgs-overview { background: #d3d3d426; justify-content: space-between; align-items: center; min-height: 463px; margin-top: 78px; padding: 50px; display: flex; }
.p-sdgs-overview figure { flex-basis: 500px; }
.p-sdgs-overview figure img { width: 100%; display: block; }
.p-sdgs-overview > div { flex-basis: 546px; }
.p-sdgs-overview h2 { font-size: 24px; line-height: 2; }
.p-sdgs-overview p { margin-top: 6px; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-sdgs-overview { min-height: 0; margin-top: 42px; padding: 20px; display: block; } .p-sdgs-overview > div { margin-top: 24px; } .p-sdgs-overview h2 { font-size: 18px; line-height: 1.55; } .p-sdgs-overview p { margin-top: 12px; font-size: 14px; line-height: 1.75; } }
.p-sdgs-initiatives { margin-top: 92px; }
@media screen and (width <= 980px) { .p-sdgs-initiatives { margin-top: 58px; } }
.p-sdgs-feature { justify-content: space-between; align-items: flex-start; gap: 30px; margin-top: 49px; display: flex; }
.p-sdgs-feature + .p-sdgs-feature { border-top: 1px solid #aaa; margin-top: 49px; padding-top: 49px; }
.p-sdgs-feature figure { flex-basis: 570px; margin-bottom: 0; }
.p-sdgs-feature figure img { object-fit: cover; width: 100%; height: 380px; display: block; }
@media screen and (width <= 980px) { .p-sdgs-feature { flex-direction: column; margin-top: 38px; display: flex; } .p-sdgs-feature + .p-sdgs-feature { margin-top: 40px; padding-top: 40px; } .p-sdgs-feature figure { flex-basis: auto; order: 0; width: 100%; } .p-sdgs-feature figure img { height: auto; } }
.p-sdgs-feature__body { flex: 1; }
.p-sdgs-feature__body ul { margin-top: 24px; padding-left: 1.4em; font-size: 16px; line-height: 1.75; list-style: outside; }
@media screen and (width <= 980px) { .p-sdgs-feature__body { flex-basis: auto; order: 1; width: 100%; } .p-sdgs-feature__body ul { margin-top: 18px; font-size: 13px; line-height: 1.75; } }
.p-sdgs-feature__head { align-items: flex-start; display: flex; }
.p-sdgs-feature__head img { flex: 0 0 100px; width: 100px; height: 100px; }
.p-sdgs-feature__head h3 { margin-top: -5px; padding: 0 0 0 20px; font-size: 24px; line-height: 1.45; }
@media screen and (width <= 980px) { .p-sdgs-feature__head img { flex-basis: 76px; width: 76px; height: 76px; } .p-sdgs-feature__head h3 { padding: 0 0 0 14px; font-size: 15px; line-height: 1.55; } }
.p-sdgs-goals { flex-wrap: wrap; justify-content: space-between; margin-top: 43px; display: flex; }
@media screen and (width <= 980px) { .p-sdgs-goals { margin-top: 30px; display: block; } }
.p-sdgs-goals > article { border-top: 1px solid #aaa; flex-basis: calc(50% - 40px); align-items: flex-start; min-height: 161px; padding: 30px 0; display: flex; }
.p-sdgs-goals > article:last-child { padding-bottom: 0; }
.p-sdgs-goals > article > img { flex: 0 0 100px; width: 100px; height: 100px; }
.p-sdgs-goals > article ul { flex: 1; margin-top: -5px; padding-left: 34px; font-size: 16px; line-height: 1.75; list-style: outside; }
@media screen and (width <= 980px) { .p-sdgs-goals > article { width: 100%; min-height: 0; padding: 24px 0; } .p-sdgs-goals > article > img { flex-basis: 76px; width: 76px; height: 76px; } .p-sdgs-goals > article ul { padding-left: 28px; font-size: 13px; line-height: 1.75; } }
.p-environment-content { padding-bottom: 140px; }
@media screen and (width <= 980px) { .p-environment-content { padding-bottom: 60px; } }
.p-environment-initiatives { margin-top: 82px; }
@media screen and (width <= 980px) { .p-environment-initiatives { margin-top: 54px; } }
.p-environment-category + .p-environment-category { margin-top: 44px; }
@media screen and (width <= 980px) { .p-environment-category + .p-environment-category { margin-top: 46px; } }
.p-environment-cards { gap: 60px; }
.p-environment-card { flex-basis: calc(33.3333% - 40px); }
.p-environment-card p { margin-top: 10px; }
@media screen and (width <= 980px) { .p-environment-card p { margin-top: 8px; } }
.p-environment-report__list { margin-top: 66px; }
.p-environment-report__list > a { border-bottom: 1px solid #aaa; align-items: center; min-height: 144px; padding: 20px 40px; text-decoration: none; display: flex; }
.p-environment-report__list time { flex: 0 0 110px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-environment-report__list { margin-top: 38px; } .p-environment-report__list > a { flex-wrap: wrap; align-items: flex-start; min-height: 0; padding: 22px 0; display: flex; } .p-environment-report__list time { flex-basis: 92px; font-size: 13px; line-height: 24px; } }
.p-environment-report__tags { flex: 0 0 130px; display: block; }
.p-environment-report__tags b { color: #fff; background: #282828; justify-content: center; align-items: center; width: 130px; height: 32px; font-size: 15px; font-weight: 400; line-height: 1; display: flex; }
.p-environment-report__tags b + b { color: #282828; background: #fff; border: 1px solid #282828; margin-top: 8px; }
@media screen and (width <= 980px) { .p-environment-report__tags { flex: 1; display: flex; } .p-environment-report__tags b { width: 100px; height: 24px; font-size: 11px; } .p-environment-report__tags b + b { margin-top: 0; margin-left: 5px; } }
.p-environment-report__title { flex: 1; padding-left: 30px; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-environment-report__title { flex-basis: 100%; margin-top: 14px; padding-left: 0; font-size: 13px; line-height: 1.75; } }
.p-environment-report__button { white-space: nowrap; margin: 59px auto 0; padding-left: 30px; padding-right: 20px; font-size: 17px; width: 320px !important; }
@media screen and (width <= 980px) { .p-environment-report__button { max-width: inherit; margin-top: 32px; padding-left: 16px; padding-right: 16px; font-size: 16px; width: 100% !important; } }
.p-community-content { padding-bottom: 140px; }
@media screen and (width <= 980px) { .p-community-content { padding-bottom: 60px; } }
.p-community-intro { line-height: 1.8; }
.p-community-initiatives { margin-top: 85px; }
@media screen and (width <= 980px) { .p-community-initiatives { margin-top: 54px; } }
.p-community-cards { gap: 60px; }
.p-community-card { flex-basis: calc(33.3333% - 40px); }
@media screen and (width <= 980px) { .p-community-card figure { height: auto; } }
.p-disaster-prevention-content { padding-bottom: 140px; }
@media screen and (width <= 980px) { .p-disaster-prevention-content { padding-bottom: 60px; } }
.p-disaster-prevention-intro { align-items: flex-start; gap: 40px; }
.p-disaster-prevention-intro > p { flex: 1; }
.p-disaster-prevention-intro > figure { flex: 0 0 581px; height: 401px; overflow: hidden; }
.p-disaster-prevention-intro img { object-fit: cover; width: 100%; height: 100%; display: block; }
@media screen and (width <= 980px) { .p-disaster-prevention-intro > figure { height: auto; margin-top: 26px; } .p-disaster-prevention-intro img { aspect-ratio: 581 / 401; height: auto; } }
.p-disaster-prevention-initiatives { margin-top: 34px; }
@media screen and (width <= 980px) { .p-disaster-prevention-initiatives { margin-top: 54px; } }
.p-disaster-prevention-cards { gap: 48px 60px; }
.p-disaster-prevention-card { flex-basis: calc(33.3333% - 40px); }
@media screen and (width <= 980px) { .p-csr-women .c-corporate-page-hero h1 { font-size: 25px; } }
.p-women-content { padding-bottom: 145px; }
@media screen and (width <= 980px) { .p-women-content { padding-bottom: 60px; } }
.p-women-message { margin-top: 85px; }
@media screen and (width <= 980px) { .p-women-message { margin-top: 54px; } }
.p-women-message__body { min-height: 692px; margin-top: 32px; position: relative; }
@media screen and (width <= 980px) { .p-women-message__body { min-height: 0; margin-top: 34px; } }
.p-women-message__copy { width: 544px; font-size: 16px; line-height: 2; }
.p-women-message__copy h3 { margin-bottom: 20px; font-size: 32px; line-height: 1.5; }
.p-women-message__copy p + p { margin-top: 32px; }
@media screen and (width <= 980px) { .p-women-message__copy { width: 100%; font-size: 14px; line-height: 1.75; } .p-women-message__copy h3 { margin-bottom: 18px; font-size: 22px; line-height: 1.55; } .p-women-message__copy p + p { margin-top: 24px; } }
.p-women-message__gallery { position: absolute; top: -56px; left: 645px; right: calc(-50vw + 50%); }
.p-women-message__gallery figure { position: relative; overflow: hidden; }
.p-women-message__gallery img { max-width: none; display: block; position: absolute; }
@media screen and (width <= 980px) { .p-women-message__gallery { width: 100%; margin-top: 28px; position: relative; top: auto; left: auto; right: auto; } }
.p-women-message__gallery-main { height: 547px; }
.p-women-message__gallery-main img { object-fit: cover; width: 100%; height: 100%; inset: 0; }
@media screen and (width <= 980px) { .p-women-message__gallery-main { height: auto; padding-top: 81%; } }
.p-women-message__gallery-sub { gap: 2px; margin-top: 2px; }
.p-women-message__gallery-sub figure { flex: 1; height: 199px; }
.p-women-message__gallery-sub figure:first-child img, .p-women-message__gallery-sub figure:last-child img { width: 100%; }
@media screen and (width <= 980px) { .p-women-message__gallery-sub figure { height: auto; padding-top: 29.5%; } }
.p-women-initiatives { margin-top: 80px; }
.p-women-initiatives > h2 { margin-bottom: 16px; font-size: 32px; line-height: 1.5; }
@media screen and (width <= 980px) { .p-women-initiatives { margin-top: 54px; } .p-women-initiatives > h2 { margin-bottom: 18px; font-size: 20px; } }
.p-women-initiatives__cards { gap: 60px; }
.p-women-initiatives__cards article { flex-basis: calc(33.3333% - 40px); }
@media screen and (width <= 980px) { .p-women-initiatives__cards h3 { margin-top: 10px; } }
.p-women-initiative--komachi img { object-fit: fill; }
.p-women-voices { margin-top: 88px; }
@media screen and (width <= 980px) { .p-women-voices { margin-top: 58px; } }
.p-women-voices__list { margin-top: 48px; }
@media screen and (width <= 980px) { .p-women-voices__list { margin-top: 34px; } }
.p-women-voice { align-items: flex-start; gap: 36px; display: flex; }
.p-women-voice + .p-women-voice { margin-top: 60px; }
.p-women-voice.-reverse { flex-direction: row-reverse; }
@media screen and (width <= 980px) { .p-women-voice { flex-direction: column; gap: 0; display: flex; } .p-women-voice + .p-women-voice { margin-top: 60px; } .p-women-voice.-reverse { flex-direction: column; } }
.p-women-voice__gallery { flex: 0 0 750px; width: 750px; }
@media screen and (width <= 980px) { .p-women-voice__gallery { flex-basis: auto; width: 100%; } }
.p-women-voice__gallery-main, .p-women-voice__gallery-sub figure { position: relative; overflow: hidden; }
.p-women-voice__gallery-main img, .p-women-voice__gallery-sub figure img { max-width: none; display: block; position: absolute; }
.p-women-voice__gallery-main { width: 100%; height: 383px; }
@media screen and (width <= 980px) { .p-women-voice__gallery-main { aspect-ratio: 750 / 383; height: auto; } }
.p-women-voice__gallery-sub { gap: 4px; margin-top: 4px; display: flex; }
.p-women-voice__gallery-sub figure { flex: 1; min-width: 0; height: 247px; }
@media screen and (width <= 980px) { .p-women-voice__gallery-sub figure { aspect-ratio: 373 / 247; height: auto; } }
.p-women-voice.-ku .p-women-voice__gallery-main img, .p-women-voice.-ku .p-women-voice__gallery-sub figure:first-child img, .p-women-voice.-ku .p-women-voice__gallery-sub figure:last-child img, .p-women-voice.-do .p-women-voice__gallery-main img { width: 100%; }
.p-women-voice.-do .p-women-voice__gallery-sub figure:first-child img { object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; }
.p-women-voice.-do .p-women-voice__gallery-sub figure:last-child img { width: 100%; }
.p-women-voice__copy { flex: 1; min-width: 0; padding-top: 18px; }
.p-women-voice__copy h3 { color: #252828; font-size: 28px; line-height: 1.5; }
.p-women-voice__copy b { margin-top: 8px; font-size: 18px; line-height: 1.5; display: block; }
.p-women-voice__copy p { margin-top: 32px; font-size: 16px; line-height: 28px; }
.p-women-voice__copy p + p { margin-top: 28px; }
@media screen and (width <= 980px) { .p-women-voice__copy { flex-basis: auto; width: 100%; margin-top: 24px; padding-top: 0; } .p-women-voice__copy h3 { font-size: 20px; } .p-women-voice__copy b { margin-top: 6px; font-size: 13px; line-height: 1.75; } .p-women-voice__copy p { margin-top: 20px; font-size: 14px; line-height: 1.75; } .p-women-voice__copy p + p { margin-top: 20px; } }
.p-contact-content { padding-bottom: 0; }
@media screen and (width <= 980px) { .p-contact-content { padding-bottom: 0; } }
.p-contact-intro { margin-top: 66px; }
@media screen and (width <= 980px) { .p-contact-intro { margin-top: 38px; } .p-contact-intro br { display: none; } }
.p-contact-destinations { margin-top: 56px; }
@media screen and (width <= 980px) { .p-contact-destinations { margin-top: 30px; } }
.p-contact-destination { justify-content: space-between; align-items: center; padding: 60px 0; display: flex; }
.p-contact-destination:not(:last-child) { border-bottom: 1px solid #b7b7b7; }
@media screen and (width <= 980px) { .p-contact-destination { min-height: 0; padding: 34px 0; display: block; } }
.p-contact-destination:last-child { padding-bottom: 55px; }
@media screen and (width <= 980px) { .p-contact-destination:last-child { padding-bottom: 0; } }
.p-contact-destination__logo { flex: 0 0 420px; justify-content: center; align-items: center; margin: 0; display: flex; }
.p-contact-destination__logo img { max-width: 100%; height: auto; display: block; }
.p-contact-destination__logo.-group img, .p-contact-destination__logo.-kogyo img, .p-contact-destination__logo.-unyu img, .p-contact-destination__logo.-naruto img { width: 360px; }
.p-contact-destination__logo.-ms img { width: 399px; }
@media screen and (width <= 980px) { .p-contact-destination__logo { width: 100%; min-height: 72px; } .p-contact-destination__logo.-group img, .p-contact-destination__logo.-kogyo img { width: min(100%, 300px); } .p-contact-destination__logo.-unyu img, .p-contact-destination__logo.-naruto img { width: min(100%, 280px); } .p-contact-destination__logo.-ms img { width: min(100%, 310px); } }
.p-contact-destination__phone { flex: 0 0 380px; font-family: Jost, sans-serif; }
.p-contact-destination__phone p { white-space: nowrap; align-items: baseline; font-weight: 700; line-height: 1.2; display: flex; }
.p-contact-destination__phone span { font-size: 32px; }
.p-contact-destination__phone a { color: inherit; letter-spacing: .02em; margin-left: 8px; font-size: 40px; text-decoration: none; }
.p-contact-destination__phone small { margin-top: 3px; font-size: 16px; font-weight: 400; line-height: 2; display: block; }
@media screen and (width <= 980px) { .p-contact-destination__phone { text-align: center; width: 100%; margin-top: 22px; } .p-contact-destination__phone p { justify-content: center; } .p-contact-destination__phone span { font-size: 22px; } .p-contact-destination__phone a { margin-left: 5px; font-size: 28px; } .p-contact-destination__phone small { margin-top: 4px; font-size: 12px; line-height: 1.7; } }
.p-contact-destination__button { flex: 0 0 330px; width: 330px; }
@media screen and (width <= 980px) { .p-contact-destination__button { max-width: inherit; width: 100%; margin: 24px auto 0; } }
.p-contact-form-content { padding-bottom: 55px; }
@media screen and (width <= 980px) { .p-contact-form-content { padding-bottom: 0; } }
.p-contact-form-intro { margin-top: 66px; }
@media screen and (width <= 980px) { .p-contact-form-intro { margin-top: 38px; } }
.p-contact-form { margin-top: 56px; }
.p-contact-form > .hidden-fields-container { display: none; }
@media screen and (width <= 980px) { .p-contact-form { margin-top: 34px; } }
.p-contact-form-table { border-top: 1px solid #aaa; }
.p-contact-form-table.-confirm { margin-top: 56px; }
.p-contact-form-table.-confirm .p-contact-form-row__body p { margin: 0; line-height: 2; }
@media screen and (width <= 980px) { .p-contact-form-table.-confirm { margin-top: 34px; } }
.p-contact-form-row { border-bottom: 1px solid #aaa; min-height: 88px; display: flex; }
.p-contact-form-row.-address { min-height: 232px; }
.p-contact-form-row.-message { min-height: 280px; }
@media screen and (width <= 980px) { .p-contact-form-row { min-height: 0; display: block; } .p-contact-form-row.-address, .p-contact-form-row.-message { min-height: 0; } }
.p-contact-form-row__heading { background: #f7f7f7; border-right: 1px solid #aaa; flex: 0 0 270px; align-items: center; gap: 20px; padding: 20px 20px 20px 30px; font-size: 18px; display: flex; }
.p-contact-form-row__heading .p-contact-form-required { margin-left: auto; }
@media screen and (width <= 980px) { .p-contact-form-row__heading { border-right: 0; width: 100%; min-height: 54px; padding: 12px 14px; font-size: 15px; } }
.p-contact-form-required { color: #fff; background: #131313; flex: 0 0 52px; justify-content: center; align-items: center; height: 32px; font-size: 16px; line-height: 1; display: inline-flex; }
@media screen and (width <= 980px) { .p-contact-form-required { flex-basis: 44px; height: 26px; font-size: 13px; } }
.p-contact-form-row__body { flex: 1; align-items: center; padding: 19px 30px; display: flex; }
.p-contact-form-row__body input, .p-contact-form-row__body select, .p-contact-form-row__body textarea { color: #131313; background: #fff; border: 1px solid #888; border-radius: 0; outline: none; width: 590px; font-family: Noto Sans JP, sans-serif; font-size: 16px; }
.p-contact-form-row__body input:focus, .p-contact-form-row__body select:focus, .p-contact-form-row__body textarea:focus { border-color: #1a2f6f; box-shadow: 0 0 0 1px #1a2f6f; }
.p-contact-form-row__body input, .p-contact-form-row__body select { height: 48px; padding: 0 10px; }
.p-contact-form-row__body textarea { resize: vertical; height: 240px; padding: 10px; }
@media screen and (width <= 980px) { .p-contact-form-row__body { width: 100%; padding: 16px 14px; display: block; } .p-contact-form-row__body input, .p-contact-form-row__body select, .p-contact-form-row__body textarea { width: 100%; max-width: none; font-size: 14px; } .p-contact-form-row__body textarea { height: 180px; } }
.p-contact-form-select { width: 100%; max-width: 590px; position: relative; }
.p-contact-form-select:after { content: ""; pointer-events: none; border-bottom: 2px solid #fff; border-right: 2px solid #fff; width: 11px; height: 11px; position: absolute; top: 16px; right: 17px; transform: rotate(45deg); }
.p-contact-form-select select { appearance: none; padding-right: 58px; }
.p-contact-form-select:before { content: ""; pointer-events: none; background: #888; width: 48px; height: 48px; position: absolute; top: 0; right: 0; }
@media screen and (width <= 980px) { .p-contact-form-select { max-width: none; } }
.p-contact-form-postal { align-items: center; gap: 5px; display: flex; }
.p-contact-form-postal input { width: 220px; }
@media screen and (width <= 980px) { .p-contact-form-postal input { width: calc(100% - 28px); } }
.p-contact-form-row.-address .p-contact-form-row__body { flex-direction: column; align-items: flex-start; gap: 20px; display: flex; }
.p-contact-form-row.-address #contact-address, .p-contact-form-row.-address #contact-building { width: 640px; }
@media screen and (width <= 980px) { .p-contact-form-row.-address #contact-address, .p-contact-form-row.-address #contact-building { width: 100%; } }
.p-contact-form-agree { text-align: center; margin-top: 54px; }
.p-contact-form-agree label { cursor: pointer; align-items: center; gap: 10px; font-size: 18px; display: inline-flex; }
.p-contact-form-agree input { opacity: 0; width: 1px; height: 1px; position: absolute; }
.p-contact-form-agree input:checked + .p-contact-form-agree__box:after { opacity: 1; }
.p-contact-form-agree input:focus-visible + .p-contact-form-agree__box { box-shadow: 0 0 0 2px #1a2f6f; }
.p-contact-form-agree a { color: inherit; text-decoration: underline; }
@media screen and (width <= 980px) { .p-contact-form-agree { margin-top: 34px; } .p-contact-form-agree label { flex-wrap: wrap; justify-content: center; gap: 8px; font-size: 13px; } }
.p-contact-form-agree__box { background: #fff; border: 1px solid #888; flex: 0 0 32px; height: 32px; position: relative; }
.p-contact-form-agree__box:after { content: ""; opacity: 0; border-bottom: 2px solid #131313; border-right: 2px solid #131313; width: 8px; height: 15px; position: absolute; top: 5px; left: 10px; transform: rotate(45deg); }
@media screen and (width <= 980px) { .p-contact-form-agree__box { flex-basis: 26px; height: 26px; } .p-contact-form-agree__box:after { width: 7px; height: 12px; top: 4px; left: 8px; } }
.p-contact-form__button { box-sizing: border-box; border: 0; width: 250px; margin: 96px auto 0; }
.p-contact-form__button.-back { background: #fff; border: 1px solid #131313; flex-direction: row-reverse; color: #131313 !important; }
.p-contact-form__button.-back:after { margin-left: 0; margin-right: 20px; transform: rotate(-135deg); }
.p-contact-form__button.-back:hover { background: #f2f2f2; color: #fff !important; }
@media screen and (width <= 980px) { .p-contact-form__button { max-width: inherit; width: 100%; margin-top: 44px; } }
.p-contact-form__button.-complete { width: 330px; }
@media screen and (width <= 980px) { .p-contact-form__button.-complete { width: 100%; } }
.p-contact-form-actions { justify-content: center; gap: 40px; margin-top: 96px; display: flex; }
.p-contact-form-actions .p-contact-form__button { margin: 0; }
@media screen and (width <= 980px) { .p-contact-form-actions { margin-top: 44px; display: block; } .p-contact-form-actions .p-contact-form__button + .p-contact-form__button { margin-top: 16px; } }
.p-contact-form-actions .p-contact-form--send br { display: none; }
.p-contact-complete-message { margin-top: 66px; font-size: 18px; line-height: 2; }
.p-contact-complete-message p + p { margin-top: 24px; }
@media screen and (width <= 980px) { .p-contact-complete-message { margin-top: 38px; font-size: 14px; line-height: 1.8; } .p-contact-complete-message br { display: none; } .p-contact-complete-message p + p { margin-top: 18px; } }
.p-corporate-contact-form.p-kogyo .c-corporate-section-heading:before, .p-corporate-contact-form.p-unyu .c-corporate-section-heading:before, .p-corporate-contact-form.p-naruto .c-corporate-section-heading:before { background: var(--group-company-line-gradient); }
.p-corporate-contact-form.p-kogyo .c-corporate-page-hero:before, .p-corporate-contact-form.p-unyu .c-corporate-page-hero:before, .p-corporate-contact-form.p-naruto .c-corporate-page-hero:before { background: var(--group-company-gradient); }
.p-partners-content { padding-bottom: 55px; }
.p-partners-content .c-corporate-section-heading { line-height: 1.2; }
@media screen and (width <= 980px) { .p-partners-content { padding-bottom: 0; } }
.p-partners-lead { margin-top: 58px; }
@media screen and (width <= 980px) { .p-partners-lead { margin-top: 38px; } }
.p-partners-declaration__button.c-btn { width: 330px; margin-top: 47px; padding: 0 20px; }
.p-partners-declaration__button.c-btn span { line-height: 1.45; }
@media screen and (width <= 980px) { .p-partners-declaration__button.c-btn { max-width: inherit; width: 100%; margin-top: 28px; } }
.p-partners-downloads { margin-top: 147px; }
.p-partners-downloads > h3 { margin-top: 48px; font-size: 32px; line-height: 1.45; }
@media screen and (width <= 980px) { .p-partners-downloads { margin-top: 60px; } .p-partners-downloads > h3 { margin-top: 24px; font-size: 20px; } }
.p-partners-downloads__intro { margin-top: 58px; }
@media screen and (width <= 980px) { .p-partners-downloads__intro { margin-top: 38px; } .p-partners-downloads__intro br { display: none; } }
.p-partners-download-group { background: #d3d3d433; width: calc(100% + 20px); height: 360px; margin-top: 20px; margin-left: -10px; padding: 52px 60px 63px; }
.p-partners-download-group h4 { margin: 0; font-size: 24px; line-height: 1.45; }
@media screen and (width <= 980px) { .p-partners-download-group { width: 100%; height: auto; margin-left: 0; padding: 24px 14px; } .p-partners-download-group h4 { font-size: 18px; } }
.p-partners-download-group__links { margin-top: 25px; }
@media screen and (width <= 980px) { .p-partners-download-group__links { margin-top: 18px; } }
.p-partners-download-group__row { gap: 40px; display: flex; }
.p-partners-download-group__row + .p-partners-download-group__row { margin-top: 25px; }
@media screen and (width <= 980px) { .p-partners-download-group__row { display: block; } .p-partners-download-group__row + .p-partners-download-group__row { margin-top: 12px; } }
.p-partners-download-link.c-btn { flex: 1 1 0; width: 100%; min-width: 0; max-width: 330px; padding: 0 20px; }
.p-partners-download-link.c-btn:after { background: url("/assets/img/corporate/icon-download.svg") center / 18px 17px no-repeat; border: 0; width: 18px; height: 17px; margin-left: 10px; transform: none; }
.p-partners-download-link.c-btn span { line-height: 1.45; }
@media screen and (width <= 980px) { .p-partners-download-link.c-btn { max-width: inherit; width: 100%; } .p-partners-download-link.c-btn + .p-partners-download-link.c-btn { margin-top: 12px; } }
.p-privacy-content { padding-bottom: 55px; }
@media screen and (width <= 980px) { .p-privacy-content { padding-bottom: 0; } }
.p-privacy-intro { font-size: 18px; line-height: 34px; }
@media screen and (width <= 980px) { .p-privacy-intro { font-size: 14px; line-height: 1.8; } }
.p-privacy-articles { margin-top: 60px; }
@media screen and (width <= 980px) { .p-privacy-articles { margin-top: 42px; } }
.p-privacy-article h2 { margin: 0 0 15px; font-size: 32px; line-height: 48px; }
.p-privacy-article p, .p-privacy-article li, .p-privacy-article address { font-size: 16px; font-style: normal; line-height: 32px; }
.p-privacy-article p + p, .p-privacy-article p + ul, .p-privacy-article ul + p, .p-privacy-article p + address { margin-top: 32px; }
.p-privacy-article li { padding-left: 1em; position: relative; }
.p-privacy-article li:before { content: "・"; position: absolute; top: 0; left: 0; }
.p-privacy-article + .p-privacy-article { margin-top: 60px; }
@media screen and (width <= 980px) { .p-privacy-article h2 { margin-bottom: 14px; font-size: 20px; line-height: 1.5; } .p-privacy-article p, .p-privacy-article li, .p-privacy-article address { font-size: 14px; line-height: 1.8; } .p-privacy-article p + p, .p-privacy-article p + ul, .p-privacy-article ul + p, .p-privacy-article p + address { margin-top: 20px; } .p-privacy-article + .p-privacy-article { margin-top: 42px; } }
.p-privacy-updated { text-align: right; margin-top: 60px; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-privacy-updated { margin-top: 50px; font-size: 13px; } }
.p-news-archive-content { padding-top: 80px; padding-bottom: 55px; }
@media screen and (width <= 980px) { .p-news-archive-content { padding-top: 40px; padding-bottom: 0; } }
.p-news-filter { margin-bottom: 92px; }
@media screen and (width <= 980px) { .p-news-filter { margin-bottom: 48px; } }
.p-news-filter__group { align-items: flex-start; display: flex; }
.p-news-filter__group + .p-news-filter__group { margin-top: 20px; }
@media screen and (width <= 980px) { .p-news-filter__group { display: block; } .p-news-filter__group + .p-news-filter__group { margin-top: 42px; } }
.p-news-filter__heading { color: #fff; background: #131313; flex: 0 0 140px; justify-content: center; align-items: center; height: 32px; font-size: 16px; line-height: 1; display: flex; }
@media screen and (width <= 980px) { .p-news-filter__heading { width: 140px; font-size: 14px; } }
.p-news-filter__options { flex-wrap: wrap; flex: 1; align-items: center; gap: 20px; padding-left: 23px; display: flex; }
.p-news-filter__options label { cursor: pointer; white-space: nowrap; flex: 0 0 calc(25% - 15px); align-items: center; font-size: 18px; font-weight: 700; line-height: 32px; display: flex; }
.p-news-filter__options input { appearance: none; background: #fff; border: 1px solid #d3d3d4; flex: 0 0 32px; width: 32px; height: 32px; margin: 0 12px 0 0; position: relative; }
.p-news-filter__options input:checked { border-color: #9b1c31; }
.p-news-filter__options input:checked:after { content: ""; background: #9b1c31; position: absolute; inset: 5px; }
.p-news-filter__options input:focus-visible { outline-offset: 2px; outline: 2px solid #9b1c31; }
@media screen and (width <= 980px) { .p-news-filter__options { gap: 0; padding: 12px 0 0; } .p-news-filter__options label { white-space: normal; flex: 0 0 50%; height: 48px; padding-right: 6px; font-size: 14px; line-height: 1.4; } .p-news-filter__options input { width: 30px; height: 30px; margin-right: 9px; } .p-news-filter__options input:checked:after { inset: 4px; } }
.p-news-list__item { border-bottom: 1px solid #a8a8a8; align-items: center; min-height: 144px; padding: 20px 40px; display: flex; color: #131313 !important; }
.p-news-list__item time { flex: 0 0 110px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 32px; }
@media screen and (width <= 980px) { .p-news-list__item { flex-wrap: wrap; align-items: flex-start; min-height: 0; padding: 24px 0; } .p-news-list__item time { flex-basis: 100%; margin-bottom: 10px; font-size: 13px; line-height: 1.5; } }
.p-news-list__tags { flex-direction: column; flex: 0 0 130px; gap: 12px; width: 130px; margin-right: 30px; display: flex; }
.p-news-list__tags > span { justify-content: center; align-items: center; width: 130px; height: 26px; font-size: 15px; line-height: 1; display: flex; }
@media screen and (width <= 980px) { .p-news-list__tags { flex-direction: row; flex-basis: 100%; gap: 8px; width: 100%; margin-right: 0; } .p-news-list__tags > span { width: 112px; height: 24px; font-size: 12px; } }
.p-news-list__company { color: #fff; background: #282828; }
.p-news-list__company.-kogyo { background: #8d1e2f; }
.p-news-list__company.-unyu { background: #1a2f6f; }
.p-news-list__company.-naruto { background: #ea5514; }
.p-news-list__category { border: 1px solid #282828; }
.p-news-list__title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex: 1; max-height: 64px; font-size: 16px; line-height: 32px; display: -webkit-box; overflow: hidden; }
@media screen and (width <= 980px) { .p-news-list__title { -webkit-line-clamp: 3; flex-basis: 100%; max-height: 5.4em; margin-top: 15px; font-size: 14px; line-height: 1.8; } }
.p-news-pagination { justify-content: center; align-items: center; margin-top: 59px; display: flex; }
.p-news-pagination > button { background: #fff; border: 1px solid #131313; border-radius: 50%; width: 80px; height: 80px; position: relative; }
.p-news-pagination > button:after { content: ""; border-top: 2px solid #131313; border-right: 2px solid #131313; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; }
.p-news-pagination > button.-prev:after { transform: translate(-35%, -50%)rotate(-135deg); }
.p-news-pagination > button.-next:after { transform: translate(-65%, -50%)rotate(45deg); }
.p-news-pagination > button:focus-visible { outline-offset: 3px; outline: 2px solid #9b1c31; }
.p-news-pagination ol { align-items: center; gap: 27px; margin: 0 34px; display: flex; }
.p-news-pagination li { justify-content: center; align-items: center; height: 32px; display: flex; }
.p-news-pagination li button, .p-news-pagination li span { color: #d3d3d4; background: none; border: 0; padding: 0; font-size: 24px; font-weight: 500; }
.p-news-pagination li span[aria-current="page"] { color: #131313; font-weight: 700; }
@media screen and (width <= 980px) { .p-news-pagination { margin-top: 48px; } .p-news-pagination > button { width: 52px; height: 52px; } .p-news-pagination > button:after { width: 9px; height: 9px; } .p-news-pagination ol { gap: 10px; margin: 0 13px; } .p-news-pagination li button, .p-news-pagination li span { font-size: 16px; } }
.p-news-detail { padding-top: 80px; padding-bottom: 55px; }
@media screen and (width <= 980px) { .p-news-detail { padding-top: 40px; padding-bottom: 0; } }
.p-news-detail__meta { align-items: center; gap: 12px; display: flex; }
.p-news-detail__meta time { flex: 0 0 95px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 26px; }
@media screen and (width <= 980px) { .p-news-detail__meta { flex-wrap: wrap; gap: 8px; } .p-news-detail__meta time { flex-basis: 100%; margin-bottom: 2px; font-size: 13px; } }
.p-news-detail__tag { justify-content: center; align-items: center; width: 130px; height: 26px; font-size: 15px; line-height: 1; display: flex; }
@media screen and (width <= 980px) { .p-news-detail__tag { width: 112px; height: 24px; font-size: 12px; } }
.p-news-detail__header > h1 { margin-top: 35px; font-size: 40px; line-height: 1.5; position: relative; }
.p-news-detail__header > h1:after { content: ""; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); width: 30px; height: 4px; position: absolute; bottom: -4px; left: 0; }
@media screen and (width <= 980px) { .p-news-detail__header > h1 { margin-top: 24px; font-size: 24px; line-height: 1.5; } .p-news-detail__header > h1:after { width: 24px; height: 3px; bottom: -10px; } }
.p-news-detail__body { margin-top: 69px; display: flow-root; }
.p-news-detail__body .gallery-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 4%; display: grid; }
@media screen and (width <= 980px) { .p-news-detail__body .gallery-columns-3 { grid-template-columns: minmax(0, 1fr); row-gap: 20px; } }
.p-news-detail__body .gallery-columns-3 .gallery-item { float: none; width: auto; margin: 0; }
.p-news-detail__body .gallery-columns-3 img { width: 100%; height: auto; display: block; }
.p-news-detail__body a:not(.p-news-detail__external):not(.wp-block-button__link):not(:has(img)) { overflow-wrap: anywhere; text-underline-offset: 2px; word-break: break-word; font-size: 18px; font-weight: 700; color: #0d25c2 !important; text-decoration: underline !important; }
@media screen and (width <= 980px) { .p-news-detail__body a:not(.p-news-detail__external):not(.wp-block-button__link):not(:has(img)) { font-size: 14px; } }
.p-news-detail__body a[target="_blank"]:not(.p-news-detail__external):not(.wp-block-button__link):not(:has(img)):not(:empty):after { content: ""; vertical-align: -2px; background: url("/assets/img/corporate/icon-external-blue.svg") center / contain no-repeat; width: 14px; height: 14px; margin-left: 6px; display: inline-block; }
.p-news-detail__body a[target="_blank"]:empty:not(.p-news-detail__external):not(.wp-block-button__link):after { content: none !important; background: none !important; display: none !important; }
.p-news-detail__body a[target="_blank"]:has(img):not(.p-news-detail__external):not(.wp-block-button__link):after { content: none !important; background: none !important; display: none !important; }
.p-news-detail__body .wp-block-buttons { flex-wrap: wrap; gap: 12px; margin-top: 28px; display: flex; }
.p-news-detail__body .wp-block-button { margin: 0; flex: 0 0 250px !important; width: 250px !important; max-width: 250px !important; }
.p-news-detail__body .wp-block-button__link { cursor: pointer; text-align: left; z-index: 1; border: 0; border-radius: 0; justify-content: space-between; align-items: center; max-width: 100%; height: 60px; min-height: 60px; padding: 0 20px; font-family: Noto Sans JP, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2; transition: all .3s; display: flex; position: relative; overflow: hidden; color: #fff !important; background: #131313 !important; width: 100% !important; text-decoration: none !important; }
.p-news-detail__body .wp-block-button__link:before { content: ""; pointer-events: none; transform-origin: 0; z-index: -1; background: linear-gradient(90deg, #1a2f6f 0%, #74161d 50%, #ea5514 100%); transition: transform .45s cubic-bezier(.22, 1, .36, 1); position: absolute; inset: 0; transform: scaleX(0); }
.p-news-detail__body .wp-block-button__link:after { content: ""; border-top: 2px solid; border-right: 2px solid; flex-shrink: 0; width: 9px; height: 9px; margin-left: 0; transition: all .3s; transform: rotate(45deg); }
.p-news-detail__body .wp-block-button__link:hover, .p-news-detail__body .wp-block-button__link:focus-visible { opacity: 1; color: #fff !important; background: #131313 !important; }
.p-news-detail__body .wp-block-button__link:hover:before, .p-news-detail__body .wp-block-button__link:focus-visible:before { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) { .p-news-detail__body .wp-block-button__link:before { transition: none; } }
.p-news-detail__body h2 { font-size: 24px; line-height: 1.5; }
.p-news-detail__body h3, .p-news-detail__body h4, .p-news-detail__body h5, .p-news-detail__body h6 { margin-top: 28px; font-weight: 700; line-height: 1.5; }
.p-news-detail__body h3 { font-size: 22px; }
.p-news-detail__body h4 { font-size: 20px; }
.p-news-detail__body h5, .p-news-detail__body h6 { font-size: 18px; }
.p-news-detail__body ul, .p-news-detail__body ol { margin-top: 28px; padding-left: 1.5em; list-style-position: outside; }
.p-news-detail__body ul { list-style-type: disc; }
.p-news-detail__body ol { list-style-type: decimal; }
.p-news-detail__body li { font-size: 16px; line-height: 2; }
.p-news-detail__body li + li, .p-news-detail__body li > ul, .p-news-detail__body li > ol { margin-top: 6px; }
.p-news-detail__body ul ul { list-style-type: circle; }
.p-news-detail__body ul ul ul { list-style-type: square; }
.p-news-detail__body dl { margin-top: 28px; }
.p-news-detail__body dt { font-weight: 700; }
.p-news-detail__body dd { margin-left: 1.5em; }
.p-news-detail__body dd + dt { margin-top: 12px; }
.p-news-detail__body .wp-block-quote, .p-news-detail__body .wp-block-pullquote { border-left: 4px solid #1a2f6f; margin-top: 28px; padding: 4px 0 4px 20px; }
.p-news-detail__body .wp-block-quote p:first-child, .p-news-detail__body .wp-block-pullquote p:first-child { margin-top: 0; }
.p-news-detail__body .wp-block-quote cite, .p-news-detail__body .wp-block-pullquote cite { margin-top: 12px; font-size: 14px; display: block; }
.p-news-detail__body .wp-block-image, .p-news-detail__body .wp-block-audio, .p-news-detail__body .wp-block-video, .p-news-detail__body .wp-block-embed { margin-top: 28px; }
.p-news-detail__body .wp-block-image figcaption, .p-news-detail__body .wp-block-audio figcaption, .p-news-detail__body .wp-block-video figcaption, .p-news-detail__body .wp-block-embed figcaption { margin-top: 8px; font-size: 12px; line-height: 1.6; }
.p-news-detail__body .wp-block-table { margin-top: 28px; overflow-x: auto; }
.p-news-detail__body .wp-block-table table { border-collapse: collapse; width: 100%; }
.p-news-detail__body .wp-block-table th, .p-news-detail__body .wp-block-table td { text-align: left; vertical-align: top; border: 1px solid #d3d3d4; padding: 12px 16px; }
.p-news-detail__body .wp-block-table figcaption { margin-top: 8px; font-size: 12px; line-height: 1.6; }
.p-news-detail__body .wp-block-separator { border: 0; border-top: 1px solid #a8a8a8; margin: 32px 0; }
.p-news-detail__body .wp-block-preformatted, .p-news-detail__body .wp-block-code { white-space: pre-wrap; background: #f5f5f5; margin-top: 28px; padding: 16px; font-family: monospace; line-height: 1.6; overflow-x: auto; }
.p-news-detail__body details.wp-block-details { margin-top: 28px; }
.p-news-detail__body details.wp-block-details summary { cursor: pointer; font-weight: 700; }
@media screen and (width <= 980px) { .p-news-detail__body { margin-top: 48px; } .p-news-detail__body h2 { font-size: 18px; } .p-news-detail__body h3 { font-size: 17px; } .p-news-detail__body h4 { font-size: 16px; } .p-news-detail__body h5, .p-news-detail__body h6 { font-size: 15px; } .p-news-detail__body .wp-block-buttons { width: 100%; margin-top: 20px; } .p-news-detail__body .wp-block-button { flex: 0 0 100% !important; width: 100% !important; max-width: none !important; } .p-news-detail__body .wp-block-button__link { padding: 0 16px; width: 100% !important; } .p-news-detail__body ul, .p-news-detail__body ol, .p-news-detail__body dl, .p-news-detail__body .wp-block-quote, .p-news-detail__body .wp-block-pullquote, .p-news-detail__body .wp-block-image, .p-news-detail__body .wp-block-audio, .p-news-detail__body .wp-block-video, .p-news-detail__body .wp-block-embed, .p-news-detail__body .wp-block-table, .p-news-detail__body .wp-block-preformatted, .p-news-detail__body .wp-block-code, .p-news-detail__body details.wp-block-details { margin-top: 20px; } .p-news-detail__body li { font-size: 14px; line-height: 1.8; } .p-news-detail__body .wp-block-table th, .p-news-detail__body .wp-block-table td { padding: 10px 12px; } }
.p-news-detail__body p { margin-top: 28px; font-size: 16px; line-height: 32px; }
@media screen and (width <= 980px) { .p-news-detail__body p { margin-top: 20px; font-size: 14px; line-height: 1.8; } }
.p-news-detail__body p + p { margin-top: 20px; }
.p-news-detail__text { margin-top: 28px; }
.p-news-detail__text p { font-size: 16px; line-height: 32px; }
.p-news-detail__text p span { color: #ff007f; }
.p-news-detail__text p strong { font-weight: 400; }
.p-news-detail__text p + p { margin-top: 20px; }
@media screen and (width <= 980px) { .p-news-detail__text { margin-top: 22px; } .p-news-detail__text p { font-size: 14px; line-height: 1.8; } .p-news-detail__text p br { display: none; } .p-news-detail__text p + p { margin-top: 18px; } .p-news-detail__text p strong { margin-bottom: 4px; font-weight: 500; display: block; } }
.p-news-detail-gallery { margin-top: 44px; }
.p-news-detail-gallery + .p-news-detail-gallery { margin-top: 35px; }
.p-news-detail-gallery--two + .p-news-detail-gallery--three { margin-top: 30px; }
.p-news-detail-gallery figure { margin: 0; overflow: hidden; }
.p-news-detail-gallery img { object-fit: cover; width: 100%; height: 100%; display: block; transform: none; }
@media screen and (width <= 980px) { .p-news-detail-gallery { margin-top: 32px; } .p-news-detail-gallery + .p-news-detail-gallery, .p-news-detail-gallery--two + .p-news-detail-gallery--three { margin-top: 16px; } }
.p-news-detail-gallery--two .p-news-detail-gallery__row--two, .p-news-detail-gallery--three .p-news-detail-gallery__row--three { margin-top: 0; }
.p-news-detail-gallery__main { aspect-ratio: 1010 / 699; max-width: 1010px; margin-left: auto !important; margin-right: auto !important; }
.p-news-detail-gallery__row { display: flex; }
.p-news-detail-gallery__row figure { flex: 1; }
@media screen and (width <= 980px) { .p-news-detail-gallery__row { flex-direction: column; } .p-news-detail-gallery__row figure { flex: none; width: 100%; } }
.p-news-detail-gallery__row--two { gap: 40px; margin-top: 35px; }
.p-news-detail-gallery__row--two figure { aspect-ratio: 580 / 401; }
@media screen and (width <= 980px) { .p-news-detail-gallery__row--two { gap: 16px; margin-top: 16px; } }
.p-news-detail-gallery__row--three { gap: 45px; margin-top: 30px; }
.p-news-detail-gallery__row--three figure { aspect-ratio: 370 / 256; }
@media screen and (width <= 980px) { .p-news-detail-gallery__row--three { gap: 16px; margin-top: 16px; } }
.p-news-detail__external { text-underline-offset: 2px; align-items: center; gap: 6px; margin-top: 36px; font-size: 18px; font-weight: 700; display: inline-flex; color: #0d25c2 !important; text-decoration: underline !important; }
.p-news-detail__external img { flex: 0 0 14px; width: 14px; height: 14px; }
@media screen and (width <= 980px) { .p-news-detail__external { margin-top: 28px; font-size: 14px; } }
.p-news-detail__back.c-btn { width: 330px; margin-top: 76px; }
.p-news-detail__back.c-btn:after { transform: rotate(-135deg); }
@media screen and (width <= 980px) { .p-news-detail__back.c-btn { max-width: inherit; width: 100%; margin-top: 48px; } }
.p-group-company, .p-kogyo { --group-company-primary: #8d1e2f; --group-company-primary-rgb: 141, 30, 47; --group-company-links-rgb: 141, 30, 47; --group-company-middle: #74161d; --group-company-dark: #4f030c; --group-company-accent: #e75711; --group-company-label-dark: #4f0309; --group-company-current: #9b2031; --group-company-check: #a71f37; --group-company-tab: #981d33; --group-company-surface: #f8f2f2; --group-company-gradient: linear-gradient(100deg, var(--group-company-primary) 40%, var(--group-company-dark) 100%); --group-company-button-gradient: linear-gradient(92deg, #8d1e2f 40%, #4f030c 100%); --group-company-line-gradient: linear-gradient(90deg, var(--group-company-primary) 40%, var(--group-company-dark)); --group-company-label-gradient: linear-gradient(92deg, #8d1e2f 40%, #4f030c 100%); --group-company-sub-gradient: linear-gradient(95deg, var(--group-company-primary) 40%, var(--group-company-dark)); --group-company-panel-gradient: linear-gradient(96deg, var(--group-company-primary) 40%, var(--group-company-dark) 100%); }
.p-group-company .l-main, .p-kogyo .l-main { overflow: hidden; }
.p-group-company .c-btn:before, .p-kogyo .c-btn:before { background: var(--group-company-button-gradient); }
.p-kogyo-header { color: #fff; isolation: isolate; background: #fff; position: relative; overflow: hidden; }
.p-kogyo-header:before { background: var(--group-company-gradient); content: ""; opacity: 0; z-index: 0; width: 0; height: 100%; animation: 0s linear 2s forwards corporate-gradient-reveal-failsafe; position: absolute; top: 0; left: 0; }
.p-kogyo-header__inner { z-index: 1; justify-content: space-between; align-items: center; max-width: 1200px; height: 200px; margin: auto; display: flex; position: relative; }
.p-kogyo-header__title { border-right: 1px solid #ffffff73; flex-direction: column; flex: 1; justify-content: center; align-items: flex-start; height: 140px; display: flex; }
.p-kogyo-header__title > span, .p-kogyo-header__title strong { display: block; }
.p-kogyo-header__title > span { margin-bottom: 10px; font-family: Jost, sans-serif; font-size: 30px; font-weight: 500; line-height: 1; }
.p-kogyo-header__title .-sp { display: none; }
.p-kogyo-header__title strong { font-size: 40px; line-height: 1.25; }
.p-kogyo-header__title small { font-size: 30px; display: inline; }
@media screen and (width >= 981px) { .p-kogyo-header__title { flex: 0 0 798px; } }
.p-kogyo-header__nav { flex-wrap: wrap; gap: 36px 52px; width: 385px; margin-left: 50px; display: flex; }
.p-kogyo-header__nav a { flex-basis: calc(50% - 28px); align-items: center; font-size: 18px; line-height: 1.5; display: flex; color: #fff !important; }
.p-kogyo-header__nav a:after { content: ""; border-top: 2px solid; border-right: 2px solid; flex-shrink: 0; width: 9px; height: 9px; margin-left: 20px; transition: all .3s; transform: rotate(45deg); }
.p-kogyo-header__nav a[aria-current] { font-weight: 700; }
.p-kogyo-header__nav a[aria-current]:after { display: none; }
.p-kogyo-header__nav a.-noLink { cursor: default; pointer-events: none; }
.p-kogyo-header__nav a.-noLink:after { display: none; }
@media screen and (width <= 980px) { .p-kogyo-header__nav a { text-align: center; position: relative; } .p-kogyo-header__nav a:after { margin-left: 0; position: absolute; right: 14px; } }
.p-kogyo-header__nav a:first-child { order: 1; }
.p-kogyo-header__nav a:nth-child(2) { order: 3; }
.p-kogyo-header__nav a:nth-child(3) { order: 2; }
.p-kogyo-header__nav a:nth-child(4) { order: 4; }
@media screen and (width >= 981px) { .p-kogyo-header__nav { flex-wrap: initial; grid-template-columns: 97px 234px; width: 383px; margin-left: 50px; display: grid; } .p-kogyo-header__nav a { width: max-content; } }
.p-kogyo-section { max-width: 1200px; margin: auto; }
.p-kogyo-section__head { margin-bottom: 35px; }
.p-kogyo-section__head h1, .p-kogyo-section__head h2 { overflow-wrap: normal; word-break: normal; margin-bottom: 15px; font-family: Jost, sans-serif; font-size: 80px; font-weight: 500; line-height: 1; }
.p-kogyo-section__head span { background: var(--group-company-label-gradient, linear-gradient(92deg, #8d1e2f 40%, #4f030c 100%)); color: #fff; margin-top: 5px; padding: 10px 12px; font-size: 18px; font-weight: 700; line-height: 1; display: inline-block; }
.p-kogyo-button--center { margin: 45px auto 0; }
.p-kogyo-mark { border-radius: 50%; width: 145px; height: 145px; display: block; position: relative; overflow: hidden; }
.p-kogyo-mark img { width: 810%; max-width: none; height: auto; position: absolute; top: 50%; left: -24%; transform: translateY(-50%); }
.p-kogyo-logo img { width: 100%; height: auto; display: block; }
.p-kogyo-top-about { background: rgba(var(--group-company-primary-rgb), .05); height: 780px; position: relative; }
.p-kogyo-top-about:after { background: var(--group-company-primary); content: ""; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-top-about { height: 849px; } }
.p-kogyo-top-about__inner { width: 100%; height: 100%; position: relative; }
.p-kogyo-top-about .p-kogyo-logo { z-index: 1; width: 560px; position: absolute; top: 50px; left: 50%; translate: -50%; }
@media screen and (width <= 980px) { .p-kogyo-top-about .p-kogyo-logo { width: auto; display: block; } .p-kogyo-top-about .p-kogyo-logo img { max-width: 100%; width: auto !important; height: 45px !important; } }
.p-kogyo-top-about__image { width: calc(100vw + -1 * max(20px, 50vw - 600px) - 376px); height: 500px; position: absolute; top: 178px; left: 376px; }
.p-kogyo-top-about__image img { object-fit: cover; width: 100%; height: 100%; display: block; }
@media screen and (width <= 980px) { .p-kogyo-top-about__image { width: calc(100% - 20px); height: auto; top: 18px; left: 20px; } }
.p-kogyo-top-about__slider { height: 100%; }
.p-kogyo-top-about__slider > div, .p-kogyo-top-about__slider .slick-slide > div { overflow: hidden; }
.p-kogyo-top-about__slider img { object-fit: cover; object-position: center center; width: 100%; height: 100%; display: block; }
@media screen and (width >= 981px) { .p-kogyo-top-about__slider { width: calc(100% + 55px); position: relative; left: -55px; } .p-kogyo-top-about__slider > div, .p-kogyo-top-about__slider .slick-slide > div { position: relative; } .p-kogyo-top-about__slider img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } }
.p-kogyo-top-about__slider:not(.slick-initialized) > div:not(:first-child) { display: none; }
.p-kogyo-top-about__slider .slick-list, .p-kogyo-top-about__slider .slick-track, .p-kogyo-top-about__slider .slick-slide, .p-kogyo-top-about__slider .slick-slide > div { height: 100%; }
.p-kogyo-top-about__slider .slick-dots { justify-content: flex-start; align-items: center; gap: 11px; width: auto; display: flex; position: absolute; top: calc(100% + 15px); bottom: auto; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-top-about__slider .slick-dots { gap: 8px; top: calc(100% - 5px); } }
.p-kogyo-top-about__slider .slick-dots li { width: 8px; height: 8px; margin: 0; }
@media screen and (width <= 980px) { .p-kogyo-top-about__slider .slick-dots li { width: 6px; height: 6px; } }
.p-kogyo-top-about__slider .slick-dots li button { color: #0000; background: none; border: 0; width: 8px; height: 8px; padding: 0; font-size: 0; }
@media screen and (width <= 980px) { .p-kogyo-top-about__slider .slick-dots li button { width: 6px; height: 6px; } }
.p-kogyo-top-about__slider .slick-dots li button:before { color: #0000; content: ""; opacity: 1; background: #d3d3d4; border-radius: 50%; width: 8px; height: 8px; }
@media screen and (width <= 980px) { .p-kogyo-top-about__slider .slick-dots li button:before { width: 6px; height: 6px; } }
.p-kogyo-top-about__slider .slick-dots li.slick-active button:before { background: var(--group-company-primary); color: #0000; opacity: 1; }
.p-kogyo-top-about__copy { width: 250px; position: absolute; top: 195px; left: 2px; }
.p-kogyo-top-about__copy h1 { white-space: nowrap; font-size: 40px; line-height: 1.45; }
.p-kogyo-top-about__copy > p { margin-top: 70px; font-size: 18px; line-height: 32px; }
.p-kogyo-top-about__copy > div { margin-top: 70px; }
.p-kogyo-top-about__copy a { width: 330px; }
.p-kogyo-top-about__copy a + a { margin-top: 9px; }
@media screen and (width <= 980px) { .p-kogyo-top-about__copy { width: calc(100% - 40px); top: calc(50.25vw + 57.95px); left: 20px; } .p-kogyo-top-about__copy h1 { text-align: center; font-size: 30px; line-height: 1.45; } .p-kogyo-top-about__copy > p { margin-top: 20px; font-size: 16px; line-height: 32px; } .p-kogyo-top-about__copy > div { margin-top: 20px; } .p-kogyo-top-about__copy a { width: 100%; min-height: 60px; } .p-kogyo-top-about__copy a + a { margin-top: 15px; } }
@media screen and (width >= 981px) { .p-kogyo.p-kogyo-top .p-kogyo-top-about__copy, .p-unyu.p-kogyo-top .p-kogyo-top-about__copy, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy { top: 192px; } .p-kogyo.p-kogyo-top .p-kogyo-top-about__copy h1, .p-unyu.p-kogyo-top .p-kogyo-top-about__copy h1, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy h1 { font-size: 38px; font-weight: 700; } .p-kogyo.p-kogyo-top .p-kogyo-top-about__copy > p, .p-unyu.p-kogyo-top .p-kogyo-top-about__copy > p, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy > p { width: 250px; margin-top: 33px; line-height: 34px; } .p-kogyo.p-kogyo-top .p-kogyo-top-about__copy a, .p-unyu.p-kogyo-top .p-kogyo-top-about__copy a, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy a { width: 250px; } .p-kogyo.p-kogyo-top .p-kogyo-top-about__copy a + a, .p-unyu.p-kogyo-top .p-kogyo-top-about__copy a + a, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy a + a { margin-top: 16px; } }
@media screen and (width <= 980px) { .p-kogyo.p-kogyo-top .p-kogyo-top-about__image, .p-unyu.p-kogyo-top .p-kogyo-top-about__image, .p-naruto.p-kogyo-top .p-kogyo-top-about__image { height: min(55.6vw - 11.12px, 290px); } }
.p-unyu.p-kogyo-top .p-kogyo-top-about__copy > div, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy > div { margin-top: 36px; }
@media screen and (width <= 980px) { .p-unyu.p-kogyo-top .p-kogyo-top-about__copy > div, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy > div { margin-top: 20px; } .p-unyu.p-kogyo-top .p-kogyo-top-about__copy, .p-naruto.p-kogyo-top .p-kogyo-top-about__copy { top: min(55.6vw + 56.88px, 358px); } .p-kogyo.p-kogyo-top .p-kogyo-top-about, .p-unyu.p-kogyo-top .p-kogyo-top-about, .p-naruto.p-kogyo-top .p-kogyo-top-about { height: auto; padding-bottom: 40px; } .p-kogyo.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__inner, .p-unyu.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__inner, .p-naruto.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__inner { height: auto; padding-top: 40px; } .p-kogyo.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__image, .p-unyu.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__image, .p-naruto.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__image { margin-left: auto; position: relative; top: auto; left: auto; right: auto; } .p-kogyo.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__copy, .p-unyu.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__copy, .p-naruto.p-kogyo-top .p-kogyo-top-about .p-kogyo-top-about__copy { width: calc(100% - 40px); margin: 20px 20px 0; position: relative; top: auto; left: auto; } }
.p-kogyo-works { padding: 85px 0 55px; }
@media screen and (width <= 980px) { .p-kogyo-works { padding: 60px 0 0; } }
.p-kogyo-works__declaration .c-corporate-section-heading { margin-bottom: 58px; line-height: 1.2; }
.p-kogyo-works__declaration .c-corporate-section-heading:before { background: var(--group-company-line-gradient); }
.p-kogyo-works__declaration p { font-size: 18px; line-height: 1.75; }
.p-kogyo-works__declaration .c-btn { width: 330px; margin-top: 47px; padding: 0 20px; }
.p-kogyo-works__declaration .c-btn span { line-height: 1.45; }
@media screen and (width <= 980px) { .p-kogyo-works__declaration .c-corporate-section-heading { margin-bottom: 38px; } .p-kogyo-works__declaration .c-content-span { font-size: 14px; line-height: 1.75; } .p-kogyo-works__declaration .c-btn { width: 100%; max-width: none; margin-top: 28px; } }
.p-kogyo-works > div.inner + .p-kogyo-works__declaration { margin-top: 100px; }
@media screen and (width <= 980px) { .p-kogyo-works > div.inner + .p-kogyo-works__declaration { margin-top: 60px; } }
.p-kogyo-work-list { display: flex; }
.p-kogyo-work-list article { background: none; border: 1px solid #d3d3d4; box-shadow: 0 1px 2px #0000000d; }
.p-kogyo-work-list h3 { align-items: center; min-height: 50px; margin: 25px 29px 16px; font-size: 18px; line-height: 1.375; display: flex; }
.p-kogyo-work-list dl { border-top: 1px solid #d3d3d4; flex-wrap: wrap; margin: 0 29px; padding-top: 18px; padding-bottom: 18px; font-size: 14px; line-height: 1.65; display: flex; }
@media screen and (width <= 980px) { .p-kogyo-work-list dl { padding-top: 28px; } }
.p-kogyo-work-list dt { flex-basis: 83px; font-weight: 500; }
@media screen and (width <= 980px) { .p-kogyo-work-list dt { margin-bottom: 20px; } }
.p-kogyo-work-list dd { flex-basis: calc(100% - 83px); }
@media screen and (width <= 980px) { .p-kogyo-work-list dd { margin-bottom: 20px; } }
.p-kogyo-work-list__image { height: 258px; position: relative; }
.p-kogyo-work-list__image img { object-fit: cover; width: 100%; height: 100%; display: block; }
.p-kogyo-work-tags { display: flex; position: absolute; top: 0; left: 0; }
.p-kogyo-work-tags span { color: #fff; background: #131313; justify-content: center; align-items: center; min-width: 100px; height: 26px; padding: 0 8px; font-size: 12px; display: flex; }
.p-kogyo-work-tags span.-light { color: #131313; background: #fff; border: 1px solid #131313; }
.p-kogyo-work-carousel { align-items: center; max-width: 1200px; margin: 0 auto; display: flex; position: relative; }
.p-kogyo-work-carousel .p-kogyo-work-list { flex: 1; }
@media screen and (width <= 980px) { .p-kogyo-work-carousel { max-width: none; margin: 0; display: block; } }
.p-kogyo-work-list.slick-initialized { min-width: 0; display: block; }
.p-kogyo-work-list.slick-initialized .slick-list { margin: 0 -13.5px; overflow: visible; }
.p-kogyo-work-list.slick-initialized .slick-slide { margin: 0 13.5px; }
@media screen and (width <= 980px) { .p-kogyo-work-list.slick-initialized .slick-list { margin: 0; overflow: hidden; } .p-kogyo-work-list.slick-initialized .slick-slide { margin: 0; } }
.p-kogyo-work-carousel__arrow { z-index: 2; background-color: #0000; background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; width: 80px; height: 80px; margin-top: -40px; position: absolute; top: calc(50% + 19px); }
.p-kogyo-work-carousel__arrow.-prev { background-image: url("/assets/img/kogyo/carousel-arrow-prev.svg"); left: -36px; transform: rotate(180deg); }
.p-kogyo-work-carousel__arrow.-next { background-image: url("/assets/img/kogyo/carousel-arrow-next.svg"); right: -36px; }
@media screen and (width <= 980px) { .p-kogyo-work-carousel__arrow { display: none !important; } }
.p-kogyo-pagination { justify-content: center; gap: 6px; margin-top: 24px; display: none; }
@media screen and (width <= 980px) { .p-kogyo-pagination { margin-top: -10px; } }
.p-kogyo-pagination .slick-dots { justify-content: center; align-items: center; gap: 6px; width: auto; margin: 0; padding: 0; display: flex; position: static; bottom: auto; }
.p-kogyo-pagination .slick-dots li { width: 6px; height: 6px; margin: 0; list-style: none; }
.p-kogyo-pagination .slick-dots button { background: #ddd; border: 0; border-radius: 50%; width: 6px; height: 6px; padding: 0; font-size: 0; display: block; }
.p-kogyo-pagination .slick-dots button:before { content: none; }
.p-kogyo-pagination .slick-dots .slick-active button { background: var(--group-company-middle); }
.p-kogyo-news { padding: 85px 0 15px; }
@media screen and (width <= 980px) { .p-kogyo-news { padding: 40px 0 15px; } }
.p-kogyo-news__list a { border-bottom: 1px solid #d3d3d4; align-items: center; min-height: 144px; padding: 40px; display: flex; }
.p-kogyo-news__list a:hover, .p-kogyo-news__list a:focus-visible { opacity: 1; }
@media screen and (width <= 980px) { .p-kogyo-news__list a { flex-wrap: wrap; padding: 20px; } }
.p-kogyo-news__list time { flex-basis: 90px; font-family: Poppins, Jost, sans-serif; font-size: 14px; line-height: 26px; }
@media screen and (width <= 980px) { .p-kogyo-news__list time { flex: 0 0 87px; line-height: 20px; } }
.p-kogyo-news__tags { flex-direction: column; flex-basis: 130px; gap: 12px; display: flex; }
.p-kogyo-news__tags b { background: var(--group-company-primary); color: #fff; justify-content: center; align-items: center; width: 130px; height: 26px; font-size: 12px; font-weight: 400; display: flex; }
.p-kogyo-news__tags b.-outline { color: #282828; background: #fff; border: 1px solid #282828; }
@media screen and (width <= 980px) { .p-kogyo-news__tags { flex-direction: row; flex: auto; gap: 10px; min-width: 0; margin-top: 0; padding-left: 0; } .p-kogyo-news__tags b { width: 90px; height: 20px; } }
.p-kogyo-news__title { flex: 1; margin-left: 30px; font-size: 14px; line-height: 32px; position: relative; }
@media screen and (width <= 980px) { .p-kogyo-news__title { flex-basis: 100%; margin: 10px 0 0; line-height: 21px; } }
.p-kogyo-news__title-text { position: relative; }
.p-kogyo-business__intro { padding-top: 100px; }
.p-kogyo-business__intro > .p-kogyo-section__head { margin-bottom: 72px; }
.p-kogyo-business__intro > .p-kogyo-section__head h1 { letter-spacing: 0; margin-bottom: 0; line-height: .875; }
@media screen and (width <= 980px) { .p-kogyo-business__intro > .p-kogyo-section__head h1 { line-height: 1; } }
.p-kogyo-business__intro > .p-kogyo-section__head span { margin-top: 11px; padding-top: 9px; padding-bottom: 9px; }
@media screen and (width <= 980px) { .p-kogyo-business__intro > .p-kogyo-section__head span { margin-top: 4px; padding: 5px 7px; } .p-kogyo-business__intro > .p-kogyo-section__head { margin-bottom: 38px; } }
.p-kogyo-business__intro > h2 { font-size: 28px; font-weight: 700; line-height: 48px; }
@media screen and (width <= 980px) { .p-kogyo-business__intro > h2 { font-size: 22px; line-height: 1.715; } }
.p-kogyo-business__intro > h2 + p { margin-top: 28px; font-size: 18px; line-height: 42px; }
@media screen and (width <= 980px) { .p-kogyo-business__intro > h2 + p { margin-top: 22px; font-size: 14px; line-height: 1.8; } .p-kogyo-business__intro { padding: 42px 20px 0; } }
.p-kogyo-business-map { height: 732px; margin-top: 0; position: relative; }
.p-kogyo-business-map:before { background: var(--group-company-surface); content: ""; width: 100%; height: 496px; position: absolute; top: 162px; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-business-map { height: 353px; margin-top: 20px; } .p-kogyo-business-map:before { width: calc(100% + 40px); height: 229px; top: 69px; left: -20px; } }
.p-kogyo-business-map__diagram { z-index: 1; width: 688px; height: auto; margin: 0 auto; display: block; position: relative; transform: translateY(41px); }
@media screen and (width <= 980px) { .p-kogyo-business-map__diagram { width: 335px; max-width: none; height: 335px; transform: translateY(17px); } }
.p-kogyo-business-map__mark { z-index: 2; border-radius: 0; width: 264px; height: 135px; position: absolute; top: 50%; left: 50%; overflow: visible; transform: translate(-50%, -50%); }
.p-kogyo-business-map__mark img { width: 100%; max-width: none; height: auto; display: block; }
@media screen and (width <= 980px) { .p-kogyo-business-map__mark { width: 114px; height: 58px; top: calc(47.5% + 17px); } }
.p-kogyo.p-kogyo-business .p-kogyo-business-map__mark { top: 50%; }
.p-kogyo-business__list { padding: 0 0 140px; }
.p-kogyo-business__list > .p-kogyo-section__head { margin-bottom: 51px; }
.p-kogyo-business__list > .p-kogyo-section__head h2 { font-family: Noto Sans JP, sans-serif; font-size: 36px; font-weight: 700; line-height: 1.45; position: relative; }
.p-kogyo-business__list > .p-kogyo-section__head h2:after { background: var(--group-company-line-gradient); content: ""; width: 30px; height: 4px; position: absolute; bottom: -12px; left: 0; }
.p-kogyo-business__list > div { grid-template-columns: repeat(3, 360px); gap: 60px; display: grid; }
.p-kogyo-business__list a { width: 360px; display: block; position: relative; }
.p-kogyo-business__list a:hover, .p-kogyo-business__list a:focus-visible { opacity: 1; }
.p-kogyo-business__list a:hover img, .p-kogyo-business__list a:focus-visible img { transform: scale(1.04); }
.p-kogyo-business__list a:hover strong > span:after, .p-kogyo-business__list a:focus-visible strong > span:after { transform: scaleX(1); }
.p-kogyo-business__list .p-kogyo-business__image { aspect-ratio: 3 / 2; display: block; overflow: hidden; }
.p-kogyo-business__list img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; height: 100%; transition: transform .65s; display: block; transform: none; }
.p-kogyo-business__list img.js-scroll-reveal-image { transition: opacity .7s ease-out, translate .8s cubic-bezier(.22, 1, .36, 1), transform .65s; }
.p-kogyo-business__list strong { margin-top: 15px; padding-right: 25px; font-size: 20px; font-weight: 700; line-height: 25px; display: block; position: relative; }
.p-kogyo-business__list strong > span { display: inline-block; position: relative; }
.p-kogyo-business__list strong > span:after { content: ""; transform-origin: 0; background: currentColor; width: 100%; height: 1px; transition: transform .4s; position: absolute; bottom: -3px; left: 0; transform: scaleX(0); }
.p-kogyo-business__list strong:after { color: var(--group-company-primary); content: ""; border-top: 2px solid; border-right: 2px solid; width: 9px; height: 9px; transition: all .3s; position: absolute; top: 7px; right: 4px; transform: rotate(45deg); }
@media screen and (width <= 980px) { .p-kogyo-business__list strong:after { border-top: 2.5px solid; border-right: 2.5px solid; width: 14px; height: 14px; top: 6px; } .p-kogyo-business__list { padding: 24px 20px 60px; } .p-kogyo-business__list > .p-kogyo-section__head { margin-bottom: 38px; } .p-kogyo-business__list > .p-kogyo-section__head h2 { font-size: 20px; line-height: 32px; } .p-kogyo-business__list > .p-kogyo-section__head h2:after { bottom: -10px; } .p-kogyo-business__list > div { display: block; } .p-kogyo-business__list a { width: 100%; margin-top: 40px; } .p-kogyo-business__list a:first-child { margin-top: 0; } .p-kogyo-business__list strong { margin-top: 14px; font-size: 18px; line-height: 24px; } }
@media (prefers-reduced-motion: reduce) { .p-kogyo-business__list img, .p-kogyo-business__list img.js-scroll-reveal-image, .p-kogyo-business__list strong > span:after { transition: none; } }
.p-kogyo-business-special { padding: 90px 0; }
@media screen and (width <= 980px) { .p-kogyo-business-special { padding: 0 0 60px; } }
.p-kogyo-business-special a { opacity: 1; transition: opacity .3s; display: block; }
.p-kogyo-business-special a:hover, .p-kogyo-business-special a:focus-visible { opacity: .9; }
.p-kogyo-business-special img { width: 100%; display: block; }
@media screen and (width <= 980px) { .p-kogyo-business-special { width: calc(100% - 40px); } }
@media (prefers-reduced-motion: reduce) { .p-kogyo-business-special a { transition: none; } }
.p-unyu-business .p-kogyo-business__intro > h2 + p, .p-naruto-business .p-kogyo-business__intro > h2 + p { line-height: 34px; }
@media screen and (width <= 980px) { .p-unyu-business .p-kogyo-business__intro > h2 + p, .p-naruto-business .p-kogyo-business__intro > h2 + p { line-height: 1.8; } }
.p-unyu-business .p-kogyo-business__list > div, .p-naruto-business .p-kogyo-business__list > div { gap: 60px; display: flex; }
@media screen and (width <= 980px) { .p-unyu-business .p-kogyo-business__list > div, .p-naruto-business .p-kogyo-business__list > div { display: block; } }
.p-unyu-business .p-kogyo-business-map__mark { border-radius: 0; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: 265px; height: 135px; display: flex; overflow: visible; }
.p-unyu-business .p-kogyo-business-map__mark img { max-width: none; height: auto; }
.p-unyu-business .p-kogyo-business-map__mark .p-unyu-business-map__logo-mark { width: 74px; }
.p-unyu-business .p-kogyo-business-map__mark .p-unyu-business-map__logo-type { width: 265px; }
@media screen and (width <= 980px) { .p-unyu-business .p-kogyo-business-map__mark { gap: 8px; width: 114px; height: 58px; } .p-unyu-business .p-kogyo-business-map__mark .p-unyu-business-map__logo-mark { width: 32px; } .p-unyu-business .p-kogyo-business-map__mark .p-unyu-business-map__logo-type { width: 114px; } }
.p-kogyo-detail__intro { padding: 94px 0 0; }
.p-kogyo-detail__intro > .p-kogyo-section__head { margin-bottom: 60px; }
@media screen and (width <= 980px) { .p-kogyo-detail__intro { padding: 42px 20px 0; } .p-kogyo-detail__intro > .p-kogyo-section__head { margin-bottom: 36px; } .p-kogyo-detail__intro > .p-kogyo-section__head h1 { font-size: 36px; line-height: 41px; } }
.p-kogyo-detail__intro > h2 { margin-bottom: 36px; font-size: 36px; font-weight: 700; line-height: 1.4; position: relative; }
.p-kogyo-detail__intro > h2:after { background: var(--group-company-line-gradient); content: ""; width: 30px; height: 4px; position: absolute; bottom: -12px; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-detail__intro > h2 { margin-bottom: 36px; font-size: 20px; line-height: 1.4; } .p-kogyo-detail__intro > h2:after { bottom: -10px; } }
.p-kogyo-detail__intro > h3, .p-kogyo-aggregate__products > .inner > h3 { font-size: 28px; font-weight: 700; line-height: 48px; }
@media screen and (width <= 980px) { .p-kogyo-detail__intro > h3, .p-kogyo-aggregate__products > .inner > h3 { font-size: 22px; line-height: 1.55; } }
.p-kogyo-detail__intro > p, .p-kogyo-aggregate__products > .inner > p { max-width: 1200px; margin-top: 28px; font-size: 18px; font-weight: 400; line-height: 34px; }
@media screen and (width <= 980px) { .p-kogyo-detail__intro > p, .p-kogyo-aggregate__products > .inner > p { margin-top: 22px; font-size: 14px; line-height: 1.8; } }
.p-kogyo-detail__types { max-width: 1200px; margin: auto; padding: 80px 0 140px; }
@media screen and (width <= 980px) { .p-kogyo-detail__types { padding: 40px 20px 60px; } }
.p-kogyo-detail__types > div { flex-wrap: wrap; gap: 48px 60px; display: flex; }
@media screen and (width <= 980px) { .p-kogyo-detail__types > div { gap: 40px; display: grid; } }
.p-kogyo-detail__types article { flex-basis: calc(33.3333% - 40px); }
@media screen and (width <= 980px) { .p-kogyo-detail__types article { min-width: 0; } .p-kogyo-detail__types article:first-child { margin-bottom: 8px; } }
.p-kogyo-detail__types img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; display: block; }
@media screen and (width <= 980px) { .p-kogyo-detail__types img { aspect-ratio: 335 / 223; } }
.p-kogyo-detail__types h2 { margin-top: 14px; font-size: 20px; font-weight: 700; line-height: 1.45; }
@media screen and (width <= 980px) { .p-kogyo-detail__types h2 { margin-top: 12px; font-size: 18px; line-height: 28px; } }
.p-kogyo-detail__types p { margin-top: 10px; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-kogyo-detail__types p { margin-top: 5px; font-size: 14px; line-height: 25px; } }
.p-kogyo-detail__works { max-width: none; padding: 80px 0 140px; }
.p-kogyo-detail__works > .p-kogyo-section__head { max-width: 1200px; margin: 0 auto 41px; }
.p-kogyo-detail__works > .p-kogyo-section__head h2 { font-family: inherit; font-size: 36px; font-weight: 700; line-height: 1.4; position: relative; }
.p-kogyo-detail__works > .p-kogyo-section__head h2.-title-en { font-size: 42px; }
.p-kogyo-detail__works > .p-kogyo-section__head h2:after { background: var(--group-company-line-gradient); content: ""; width: 30px; height: 4px; position: absolute; bottom: -12px; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-detail__works { padding: 77px 0 60px; } .p-kogyo-detail__works > .p-kogyo-section__head { margin: 0 20px 36px; } .p-kogyo-detail__works > .p-kogyo-section__head h2 { font-size: 20px; line-height: 1.4; } .p-kogyo-detail__works > .p-kogyo-section__head h2.-title-en { font-size: 24px; } .p-kogyo-detail__works > .p-kogyo-section__head h2:after { bottom: -10px; } }
.p-kogyo-detail__works .p-kogyo-work-carousel { width: 100%; max-width: none; margin: 0; display: block; position: relative; }
@media screen and (width <= 980px) { .p-kogyo-detail__works .p-kogyo-work-carousel { margin: 0; } }
.p-kogyo-detail__works .p-kogyo-work-list.slick-initialized .slick-list { margin: 0; overflow: hidden; }
.p-kogyo-detail__works .p-kogyo-work-list.slick-initialized .slick-slide { margin: 0 13.5px; }
@media screen and (width <= 980px) { .p-kogyo-detail__works .p-kogyo-work-list.slick-initialized .slick-slide { margin: 0; } }
.p-kogyo-detail__works .p-kogyo-work-list article { background: #fff; border-color: #d3d3d4; width: 382px; padding: 0; box-shadow: 0 1px 2px #0000000d; }
@media screen and (width <= 980px) { .p-kogyo-detail__works .p-kogyo-work-list article { width: 382px; } }
.p-kogyo-detail__works .p-kogyo-work-list__image { aspect-ratio: 380 / 258; position: relative; }
.p-kogyo-detail__works .p-kogyo-work-list__image img { height: 100%; }
.p-kogyo-detail__works .p-kogyo-work-list h3 { align-items: center; min-height: 50px; margin: 25px 29px 16px; font-size: 18px; line-height: 1.375; display: flex; }
@media screen and (width <= 980px) { .p-kogyo-detail__works .p-kogyo-work-list h3 { font-size: 18px; } }
.p-kogyo-detail__works .p-kogyo-work-list dl { border-top: 1px solid #d3d3d4; margin: 0 29px; padding-top: 18px; font-size: 14px; line-height: 1.65; }
.p-kogyo-detail__works .p-kogyo-work-list dt { flex-basis: 83px; }
.p-kogyo-detail__works .p-kogyo-work-list dd { flex-basis: calc(100% - 83px); }
.p-kogyo-detail__works .p-kogyo-work-carousel__arrow { z-index: 2; background-color: #0000; background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 0; width: 80px; height: 80px; margin-top: -40px; position: absolute; top: 50%; }
.p-kogyo-detail__works .p-kogyo-work-carousel__arrow:before { content: none; }
.p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-prev { background-image: url("/assets/img/kogyo/carousel-arrow-prev.svg"); left: max(60px, 50% - 636px); transform: rotate(180deg); }
.p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-next { background-image: url("/assets/img/kogyo/carousel-arrow-next.svg"); right: max(60px, 50% - 636px); }
@media screen and (width <= 980px) { .p-kogyo-detail__works .p-kogyo-work-carousel__arrow { display: none !important; } }
.p-kogyo-detail__works .p-kogyo-pagination { margin-top: 20px; }
@media screen and (width <= 980px) { .p-kogyo-detail__works .p-kogyo-pagination { margin-top: -10px; } }
.p-kogyo-detail__works .p-kogyo-button--center { margin-top: 37px; }
@media screen and (width <= 980px) { .p-kogyo-detail__works .p-kogyo-button--center { height: 60px; max-width: inherit; width: calc(100% - 40px); margin-top: 34px; } .p-kogyo-top .p-kogyo-work-carousel__arrow, .p-kogyo-detail__works .p-kogyo-work-carousel__arrow { width: 40px; height: 40px; margin-top: -20px; top: 50%; display: block !important; } .p-kogyo-top .p-kogyo-work-carousel__arrow.-prev, .p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-prev { left: 15px; } .p-kogyo-top .p-kogyo-work-carousel__arrow.-next, .p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-next { right: 15px; } .p-kogyo-top .p-kogyo-pagination, .p-kogyo-detail__works .p-kogyo-pagination { display: flex; } }
.p-kogyo-top .p-kogyo-works > .p-kogyo-section__head h2:after { content: none; }
.p-kogyo-detail__other { background: var(--group-company-sub-gradient); color: #fff; padding: 60px 0; }
@media screen and (width <= 980px) { .p-kogyo-detail__other { padding: 40px 0 60px; } }
.p-kogyo-detail__other h2 { margin-bottom: 40px; font-size: 32px; line-height: 1.75; }
@media screen and (width <= 980px) { .p-kogyo-detail__other h2 { margin-bottom: 10px; font-size: 20px; line-height: 56px; } }
.p-kogyo-detail__other-list { gap: 53px; display: flex; }
@media screen and (width <= 980px) { .p-kogyo-detail__other-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 25px; display: grid; } }
.p-kogyo-detail__other a { flex: 1; min-width: 0; position: relative; }
.p-kogyo-detail__other a:hover, .p-kogyo-detail__other a:focus-visible { opacity: 1; }
.p-kogyo-detail__other a:hover img, .p-kogyo-detail__other a:focus-visible img { transform: scale(1.04); }
.p-kogyo-detail__other a:hover > span:not(.p-kogyo-detail__other-image), .p-kogyo-detail__other a:focus-visible > span:not(.p-kogyo-detail__other-image) { background-size: calc(100% - 20px) 1px; }
@media screen and (width <= 980px) { .p-kogyo-detail__other a:hover > span:not(.p-kogyo-detail__other-image), .p-kogyo-detail__other a:focus-visible > span:not(.p-kogyo-detail__other-image) { background-size: calc(100% - 14px) 1px; } }
.p-kogyo-detail__other-image { display: block; overflow: hidden; }
.p-kogyo-detail__other img { aspect-ratio: 260 / 192; object-fit: cover; width: 100%; transition: transform .65s; display: block; transform: none; }
.p-kogyo-detail__other img.js-scroll-reveal-image { transition: opacity .7s ease-out, translate .8s cubic-bezier(.22, 1, .36, 1), transform .65s; }
@media screen and (width <= 980px) { .p-kogyo-detail__other img { aspect-ratio: 154 / 114; } }
.p-kogyo-detail__other a > span:not(.p-kogyo-detail__other-image) { color: #fff; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; margin-top: 12px; padding-right: 20px; font-size: 18px; font-weight: 700; transition: background-size .45s; display: block; position: relative; }
.p-kogyo-detail__other a > span:not(.p-kogyo-detail__other-image):after { content: ""; border-top: 2px solid; border-right: 2px solid; width: 9px; height: 9px; transition: all .3s; position: absolute; top: 16px; right: 4px; transform: rotate(45deg); }
@media screen and (width <= 980px) { .p-kogyo-detail__other a > span:not(.p-kogyo-detail__other-image):after { top: 4px; } .p-kogyo-detail__other a > span:not(.p-kogyo-detail__other-image) { margin-top: 5px; padding-right: 14px; font-size: 14px; line-height: 17px; } }
@media (prefers-reduced-motion: reduce) { .p-kogyo-detail__other img, .p-kogyo-detail__other img.js-scroll-reveal-image, .p-kogyo-detail__other a > span:not(.p-kogyo-detail__other-image) { transition: none; } }
@media screen and (width <= 980px) { .p-kogyo-building .p-kogyo-detail__intro { padding-top: 42px; } .p-kogyo-building .p-kogyo-detail__intro > .p-kogyo-section__head h1 { white-space: nowrap; font-size: 40px; line-height: 40px; } .p-kogyo-building .p-kogyo-detail__intro > p { margin-top: 22px; font-size: 14px; line-height: 1.8; } .p-kogyo-building .p-kogyo-detail__types { padding-top: 63px; } .p-kogyo-building .p-kogyo-detail__types article:first-child { margin-bottom: -9px; } }
.p-kogyo-aggregate__intro { padding: 94px 0 0; }
.p-kogyo-aggregate__intro > .p-kogyo-section__head { margin-bottom: 72px; }
@media screen and (width <= 980px) { .p-kogyo-aggregate__intro { padding: 42px 20px 0; } .p-kogyo-aggregate__intro > .p-kogyo-section__head { margin-bottom: 36px; } .p-kogyo-aggregate__intro > .p-kogyo-section__head h1 { max-width: 335px; font-size: 40px; line-height: 40px; } .p-kogyo-aggregate__intro > .p-kogyo-section__head span { margin-top: 7px; padding: 5px 8px; font-size: 14px; } }
.p-kogyo-aggregate__products { padding: 0 0 213px; }
@media screen and (width <= 980px) { .p-kogyo-aggregate__products { padding: 0 0 83px; } }
.p-kogyo-aggregate__heading { margin-bottom: 36px; font-size: 40px; line-height: 1.4; position: relative; }
.p-kogyo-aggregate__heading:after { background: var(--group-company-line-gradient); content: ""; width: 30px; height: 4px; position: absolute; bottom: -12px; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-aggregate__heading { margin: 0 0 36px; font-size: 20px; font-weight: 700; line-height: 34px; } .p-kogyo-aggregate__heading:after { bottom: -10px; } }
.p-kogyo-aggregate__products > .inner > p { margin-bottom: 73px; }
@media screen and (width <= 980px) { .p-kogyo-aggregate__products > .inner > p { margin-bottom: 46px; } }
.p-kogyo-aggregate__signboards { padding: 0 0 140px; }
@media screen and (width <= 980px) { .p-kogyo-aggregate__signboards { padding: 0 0 60px; } }
.p-kogyo-aggregate__signboard-list { gap: 45px; margin-top: 46px; display: flex; }
.p-kogyo-aggregate__signboard-list img { object-fit: cover; width: 300px; height: 225px; display: block; }
@media screen and (width <= 980px) { .p-kogyo-aggregate__signboard-list { gap: 20px; display: grid; } .p-kogyo-aggregate__signboard-list img { width: 100%; height: auto; } }
.p-kogyo-aggregate-category { align-items: flex-start; gap: 70px; display: flex; }
.p-kogyo-aggregate-category + .p-kogyo-aggregate-category { margin-top: 100px; }
@media screen and (width <= 980px) { .p-kogyo-aggregate-category { display: block; } .p-kogyo-aggregate-category + .p-kogyo-aggregate-category { margin-top: 70px; } }
.p-kogyo-aggregate-category__intro { flex: 0 0 320px; min-width: 0; }
.p-kogyo-aggregate-category__intro h2 { font-size: 32px; line-height: 48px; }
.p-kogyo-aggregate-category__intro p { margin-top: 14px; font-size: 18px; line-height: 34px; }
@media screen and (width <= 980px) { .p-kogyo-aggregate-category__intro h2 { font-size: 20px; font-weight: 700; line-height: 28px; } .p-kogyo-aggregate-category__intro p { margin-top: 14px; font-size: 14px; line-height: 25px; } }
.p-kogyo-aggregate-list { flex-wrap: wrap; flex: 1; gap: 50px 45px; min-width: 0; display: flex; }
.p-kogyo-aggregate-list article { flex: 0 0 240px; min-width: 0; }
.p-kogyo-aggregate-list img { object-fit: cover; width: 240px; height: 240px; display: block; }
.p-kogyo-aggregate-list h3 { margin-top: 14px; font-size: 18px; line-height: 24px; }
.p-kogyo-aggregate-list h3 span { font-size: 14px; }
@media screen and (width <= 980px) { .p-kogyo-aggregate-list h3 span { font-size: 12px; } }
.p-kogyo-aggregate-list dl { color: #252828; flex-wrap: wrap; margin-top: 8px; font-size: 16px; line-height: 24px; display: flex; }
.p-kogyo-aggregate-list dt { flex: 0 0 67px; }
.p-kogyo-aggregate-list dd { flex: 0 0 calc(100% - 67px); min-width: 0; }
@media screen and (width <= 980px) { .p-kogyo-aggregate-list { gap: 29px 27px; margin-top: 20px; } .p-kogyo-aggregate-list article { flex-basis: calc(50% - 13.5px); } .p-kogyo-aggregate-list img { aspect-ratio: 1; width: 100%; height: auto; } .p-kogyo-aggregate-list h3 { margin-top: 7px; font-size: 14px; line-height: 18px; } .p-kogyo-aggregate-list dl { margin-top: 6px; font-size: 13px; line-height: 17.5px; } .p-kogyo-aggregate-list dt { flex-basis: 54px; } .p-kogyo-aggregate-list dd { flex-basis: calc(100% - 54px); } .p-kogyo-aggregate-category:last-child .p-kogyo-aggregate-list { margin-top: 20px; } }
.p-kogyo-environment .p-kogyo-detail__other { margin-top: 0; }
.p-kogyo-environment__intro { padding-bottom: 65px; }
.p-kogyo-environment__intro > .p-kogyo-section__head { margin-bottom: 72px; }
@media screen and (width <= 980px) { .p-kogyo-environment__intro { padding-bottom: 30px; } .p-kogyo-environment__intro > .p-kogyo-section__head { margin-bottom: 36px; } .p-kogyo-environment__intro > .p-kogyo-section__head h1 { max-width: 335px; font-size: 40px; line-height: 40px; } .p-kogyo-environment__intro > h3 { font-size: 22px; line-height: 1.55; } .p-kogyo-environment__intro > p { margin-top: 22px; font-size: 14px; line-height: 1.8; } }
.p-kogyo-environment__detail { padding-bottom: 0; }
.p-kogyo-environment-tabs { border-bottom: 4px solid var(--group-company-tab); width: 100%; display: flex; }
.p-kogyo-environment-tabs button { color: #131313; cursor: pointer; background: #d3d3d4; border: 0; border-radius: 0; flex: 1; justify-content: center; align-items: center; height: 57px; padding: 0 20px; font-size: 18px; font-weight: 700; line-height: 1.5; display: flex; }
.p-kogyo-environment-tabs button.is-active { background: var(--group-company-tab); color: #fff; }
.p-kogyo-environment-tabs button:focus-visible { outline-offset: -3px; outline: 3px solid #252828; }
@media screen and (width <= 980px) { .p-kogyo-environment-tabs { border-bottom-width: 3px; } .p-kogyo-environment-tabs button { height: 64px; padding: 0 8px; font-size: 13px; } }
.p-kogyo-environment-panel { padding-top: 50px; }
.p-kogyo-environment-panel > h2 { margin-bottom: 20px; font-size: 32px; line-height: 48px; }
.p-kogyo-environment-panel[hidden] { display: none; }
@media screen and (width <= 980px) { .p-kogyo-environment-panel { padding-top: 35px; } .p-kogyo-environment-panel > h2 { margin-bottom: 10px; font-size: 24px; line-height: 32px; } }
.p-kogyo-environment-processing { align-items: flex-start; gap: 38px; display: flex; }
.p-kogyo-environment-processing > img { object-fit: cover; width: 696px; height: 464px; display: block; }
.p-kogyo-environment-processing > div { flex: 1; min-width: 0; }
.p-kogyo-environment-processing p { margin: 0; font-size: 18px; line-height: 32px; }
.p-kogyo-environment-processing p + p { margin-top: 28px; }
@media screen and (width <= 980px) { .p-kogyo-environment-processing { display: block; } .p-kogyo-environment-processing > img { width: 100%; height: auto; } .p-kogyo-environment-processing > div { margin-top: 12px; } .p-kogyo-environment-processing p { font-size: 14px; line-height: 25px; } .p-kogyo-environment-processing p + p { margin-top: 20px; } }
.p-kogyo-environment-flow { background: rgba(var(--group-company-primary-rgb), .05); min-height: 624px; margin-top: 60px; margin-bottom: 140px; padding: 24px 40px 40px; }
@media screen and (width <= 980px) { .p-kogyo-environment-flow { margin-bottom: 60px; } }
.p-kogyo-environment-flow h3 { text-align: center; justify-content: center; align-items: center; gap: 26px; margin: 0; font-size: 24px; line-height: 40px; display: flex; }
.p-kogyo-environment-flow h3:before, .p-kogyo-environment-flow h3:after { background: var(--group-company-primary); content: ""; flex: 1; height: 2px; }
.p-kogyo-environment-flow ol { grid-template-columns: repeat(4, 247px); justify-content: space-between; margin: 17px 0 0; padding: 0; list-style: none; display: grid; }
.p-kogyo-environment-flow li { min-width: 0; position: relative; }
@media screen and (width <= 980px) { .p-kogyo-environment-flow { min-height: 0; margin-top: 42px; padding: 12px 0 57px; } .p-kogyo-environment-flow h3 { border-bottom: 2px solid var(--group-company-primary); width: 280px; margin: 0 auto; font-size: 18px; line-height: 40px; display: block; } .p-kogyo-environment-flow h3:before, .p-kogyo-environment-flow h3:after { content: none; } .p-kogyo-environment-flow ol { margin-top: 27px; display: block; } .p-kogyo-environment-flow li { margin: 0 auto; } .p-kogyo-environment-flow li:nth-child(2), .p-kogyo-environment-flow li:nth-child(3), .p-kogyo-environment-flow li:nth-child(4) { margin-top: 44px; } }
.p-kogyo-environment-flow__head { color: var(--group-company-primary); text-align: center; font-size: 18px; font-weight: 700; line-height: 22px; }
.p-kogyo-environment-flow__head b, .p-kogyo-environment-flow__head h4 { font: inherit; margin: 0; display: block; }
.p-kogyo-environment-flow__media { gap: 43px; margin-top: 13px; display: grid; position: relative; }
@media screen and (width <= 980px) { .p-kogyo-environment-flow__media { gap: 9px; margin-top: 9px; margin-left: auto; margin-right: auto; } }
.p-kogyo-environment-flow__crop { width: 247px; height: 201px; margin: 0; overflow: hidden; }
.p-kogyo-environment-flow__crop > img { object-fit: cover; width: 100%; height: 100%; margin: 0; display: block; }
.p-kogyo-environment-flow__step-arrow, .p-kogyo-environment-flow__branch-arrow { width: 39px; height: 18px; display: block; position: absolute; }
.p-kogyo-environment-flow__step-arrow { top: 149px; right: -45px; transform: rotate(90deg); }
@media screen and (width <= 980px) { .p-kogyo-environment-flow__step-arrow { top: 266px; left: 50%; right: auto; transform: translateX(-50%)rotate(180deg); } .p-kogyo-environment-flow li:nth-child(2) .p-kogyo-environment-flow__step-arrow { top: 266px; } .p-kogyo-environment-flow li:nth-child(3) .p-kogyo-environment-flow__step-arrow { top: 186px; } }
.p-kogyo-environment-flow__branch-arrow { top: 213px; left: 50%; transform: translateX(-50%)rotate(180deg); }
@media screen and (width <= 980px) { .p-kogyo-environment-flow__branch-arrow { top: 50%; left: 50%; transform: translate(-50%, -50%)rotate(90deg)scale(.4); } .p-kogyo-environment-flow li:first-child, .p-kogyo-environment-flow li:nth-child(2) { width: 248px; } .p-kogyo-environment-flow li:nth-child(3) { width: 301px; } .p-kogyo-environment-flow li:nth-child(3) .p-kogyo-environment-flow__media { grid-template-columns: repeat(2, 146px); margin-top: 13px; } .p-kogyo-environment-flow li:nth-child(3) .p-kogyo-environment-flow__crop { width: 146px; height: 117px; } .p-kogyo-environment-flow li:nth-child(4) { width: 301px; } .p-kogyo-environment-flow li:nth-child(4) .p-kogyo-environment-flow__media { grid-template-columns: repeat(2, 146px); margin-top: 11px; } .p-kogyo-environment-flow li:nth-child(4) .p-kogyo-environment-flow__crop { height: 116px; } .p-kogyo-environment-flow li:nth-child(4) .p-kogyo-environment-flow__crop:first-of-type, .p-kogyo-environment-flow li:nth-child(4) .p-kogyo-environment-flow__crop:nth-of-type(2) { width: 146px; } }
.p-kogyo-environment-landfill__lead { max-width: 1200px; font-size: 18px; line-height: 32px; }
.p-kogyo-environment-landfill__lead p { margin: 0; }
@media screen and (width <= 980px) { .p-kogyo-environment-landfill__lead { font-size: 14px; line-height: 25px; } .p-kogyo-environment-landfill__lead br { display: none; } }
.p-kogyo-environment-landfill__structure { margin-top: 48px; }
.p-kogyo-environment-landfill__structure h3 { margin-bottom: 14px; font-size: 18px; line-height: 40px; }
.p-kogyo-environment-landfill__structure > p { margin: 0; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-environment-landfill__structure { margin-top: 38px; } .p-kogyo-environment-landfill__structure h3 { margin-bottom: 14px; font-size: 18px; line-height: 28px; } .p-kogyo-environment-landfill__structure > p { font-size: 14px; line-height: 25px; } .p-kogyo-environment-landfill__structure > p br { display: none; } }
.p-kogyo-environment-landfill__image { width: 1140px; margin: 43px auto 0; overflow-x: auto; }
.p-kogyo-environment-landfill__image > img:last-child { width: 100%; height: auto; display: block; }
@media screen and (width <= 980px) { .p-kogyo-environment-landfill__image { overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; width: calc(100vw - 20px); margin-top: 28px; } .p-kogyo-environment-landfill__image > img:last-child { width: 760px; max-width: none; } }
.p-kogyo-environment-activities { padding: 140px 0 80px; }
.p-kogyo-environment-activities h3 { margin-bottom: 20px; font-size: 24px; line-height: 40px; }
.p-kogyo-environment-activities dl { border-top: 1px solid #d3d3d4; margin: 0; }
.p-kogyo-environment-activities dl > div { border-bottom: 1px solid #d3d3d4; display: flex; }
.p-kogyo-environment-activities dt { flex: 0 0 300px; padding: 24px 30px 24px 15px; font-size: 18px; font-weight: 700; line-height: 28px; }
.p-kogyo-environment-activities dd { border-left: 1px solid #d3d3d4; flex: 1; min-width: 0; margin: 0; padding: 24px 0 24px 35px; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-environment-activities { padding: 52px 0 68px; } .p-kogyo-environment-activities h3 { margin-bottom: 20px; font-size: 18px; line-height: 28px; } .p-kogyo-environment-activities dl > div { display: block; } .p-kogyo-environment-activities dt { padding: 18px 0 12px; font-size: 16px; line-height: 25px; } .p-kogyo-environment-activities dd { border-left: 0; padding: 0 0 20px; font-size: 14px; line-height: 22px; } }
.p-kogyo-agri__intro { padding-bottom: 72px; }
.p-kogyo-agri__intro > .p-kogyo-section__head { margin-bottom: 72px; }
.p-kogyo-agri__intro > .p-kogyo-section__head span { background: var(--group-company-panel-gradient); }
.p-kogyo-agri__intro > p { margin-top: 26px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-agri__intro { padding-bottom: 14px; } .p-kogyo-agri__intro > .p-kogyo-section__head { margin-bottom: 36px; } .p-kogyo-agri__intro > .p-kogyo-section__head h1 { font-size: 40px; line-height: 40px; } .p-kogyo-agri__intro > h3 { font-size: 22px; line-height: 1.55; } .p-kogyo-agri__intro > p { margin-top: 22px; font-size: 14px; line-height: 1.8; } }
.p-kogyo-agri-concept dl { margin: 0; }
.p-kogyo-agri-concept dl > div { background: rgba(var(--group-company-primary-rgb), .05); align-items: center; height: 100px; padding: 0 54px; display: flex; }
.p-kogyo-agri-concept dl > div + div { margin-top: 6px; }
.p-kogyo-agri-concept dt { color: var(--group-company-primary); flex: 0 0 130px; font-size: 18px; font-weight: 700; line-height: 40px; }
.p-kogyo-agri-concept dd { margin: 0; font-size: 22px; font-weight: 700; line-height: 40px; }
@media screen and (width <= 980px) { .p-kogyo-agri-concept dl > div { align-items: flex-start; height: auto; min-height: 105px; padding: 18px 20px; display: block; } .p-kogyo-agri-concept dt { font-size: 14px; line-height: 22px; } .p-kogyo-agri-concept dd { margin-top: 10px; font-size: 16px; line-height: 26px; } }
.p-kogyo-agri-factory { padding-top: 50px; }
.p-kogyo-agri-factory h2 { margin-bottom: 15px; font-size: 32px; line-height: 48px; }
.p-kogyo-agri-factory > p { margin: 0; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-agri-factory { padding: 48px 20px 0; } .p-kogyo-agri-factory h2 { margin-bottom: 14px; font-size: 22px; line-height: 32px; } .p-kogyo-agri-factory > p { font-size: 14px; line-height: 25px; } .p-kogyo-agri-factory > p br { display: none; } }
.p-kogyo-agri-factory__images { gap: 14px; margin-top: 32px; display: flex; }
.p-kogyo-agri-factory__images img { object-fit: cover; flex: 1; width: calc(50% - 7px); min-width: 0; height: 400px; display: block; }
@media screen and (width <= 980px) { .p-kogyo-agri-factory__images { margin-top: 25px; display: block; } .p-kogyo-agri-factory__images img { aspect-ratio: 593 / 400; width: 100%; height: auto; display: block; } .p-kogyo-agri-factory__images img + img { margin-top: 12px; } }
.p-kogyo-agri-products { padding-top: 51px; }
.p-kogyo-agri-products > h2 { margin-bottom: 15px; font-size: 32px; line-height: 48px; }
@media screen and (width <= 980px) { .p-kogyo-agri-products { padding: 42px 20px 0; } .p-kogyo-agri-products > h2 { margin-bottom: 18px; font-size: 22px; line-height: 32px; } }
.p-kogyo-agri-products__list { gap: 48px; display: flex; }
.p-kogyo-agri-products__list article { flex: 1; min-width: 0; }
.p-kogyo-agri-products__list img { object-fit: cover; width: 100%; height: 176px; display: block; }
.p-kogyo-agri-products__list article:first-child img { object-position: center 65%; }
.p-kogyo-agri-products__list article:nth-child(2) img, .p-kogyo-agri-products__list article:nth-child(3) img { object-position: center 75%; }
.p-kogyo-agri-products__list h3 { margin-top: 20px; font-size: 18px; line-height: 26px; }
.p-kogyo-agri-products__list p { margin-top: 4px; font-size: 16px; line-height: 28px; }
@media screen and (width <= 980px) { .p-kogyo-agri-products__list { display: block; } .p-kogyo-agri-products__list article { width: 100%; } .p-kogyo-agri-products__list article + article { margin-top: 28px; } .p-kogyo-agri-products__list img { aspect-ratio: 264 / 176; height: auto; } .p-kogyo-agri-products__list h3 { margin-top: 10px; font-size: 18px; line-height: 22px; } .p-kogyo-agri-products__list p { margin-top: 5px; font-size: 16px; line-height: 30px; } }
.p-kogyo-agri-instagram { text-align: center; padding: 77px 0 126px; }
.p-kogyo-agri-instagram > p { margin-top: 9px; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-agri-instagram { padding: 70px 20px; } .p-kogyo-agri-instagram > p { max-width: inherit; text-align: left; margin: 14px auto 0; font-size: 14px; line-height: 25px; } }
.p-kogyo-agri-instagram__heading { display: flow-root; }
.p-kogyo-agri-instagram__heading h2 { margin: 11px 0 28px; font-size: 22px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-agri-instagram__heading { justify-content: center; align-items: center; gap: 18px; display: flex; } .p-kogyo-agri-instagram__heading h2 { text-align: left; margin: 0; font-size: 18px; line-height: 24px; } }
.p-kogyo-agri-instagram__icon { width: 74px; height: 74px; margin: 0 auto; display: block; }
@media screen and (width <= 980px) { .p-kogyo-agri-instagram__icon { width: 52px; height: 52px; margin: 0; } }
.p-kogyo-agri-instagram__panel { background: rgba(var(--group-company-primary-rgb), .05); text-align: left; height: 240px; display: flex; }
@media screen and (width <= 980px) { .p-kogyo-agri-instagram__panel { width: 330px; max-width: 100%; height: auto; margin: 20px auto 0; display: block; } }
.p-kogyo-agri-instagram__profile { flex: 0 0 480px; align-items: center; gap: 20px; padding: 0 56px; display: flex; }
.p-kogyo-agri-instagram__profile img { object-fit: cover; border-radius: 50%; width: 187px; height: 187px; display: block; }
.p-kogyo-agri-instagram__profile strong { color: #000; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-agri-instagram__profile { gap: 15px; padding: 20px; } .p-kogyo-agri-instagram__profile img { width: 120px; height: 120px; } .p-kogyo-agri-instagram__profile strong { font-size: 18px; line-height: 32px; } }
.p-kogyo-agri-instagram__posts { flex: 1; min-width: 0; display: flex; }
.p-kogyo-agri-instagram__posts img { object-fit: cover; flex: 1; width: 33.333%; min-width: 0; height: 240px; display: block; }
@media screen and (width <= 980px) { .p-kogyo-agri-instagram__posts img { aspect-ratio: 1; width: 50%; height: auto; } .p-kogyo-agri-instagram__posts img:nth-child(3) { display: none; } }
.p-kogyo-company { overflow-x: clip; }
@media screen and (width >= 981px) { .p-kogyo-company .l-main { margin-top: -6px; } }
@media screen and (width <= 980px) { .p-kogyo-company .l-main { margin-top: 2px; } .p-kogyo-company .p-kogyo-section__head span { padding: 5px 9px; font-size: 14px; } }
.p-kogyo-message { border-bottom: 4px solid; border-image: var(--group-company-line-gradient) 1; padding: 100px 0 92px; position: relative; }
.p-kogyo-message > .p-kogyo-section__head { z-index: 1; margin-bottom: 70px; position: relative; }
.p-kogyo-message > .p-kogyo-section__head span { margin-top: 1px; }
.p-kogyo-message > div:not(.p-kogyo-message__mark) { z-index: 1; align-items: flex-start; gap: 97px; width: 100%; min-width: 0; display: flex; position: relative; }
.p-kogyo-message > div:not(.p-kogyo-message__mark) > div { flex: 0 0 730px; min-width: 0; }
.p-kogyo-message h2 { margin-bottom: 40px; font-size: 32px; line-height: 1.5; }
.p-kogyo-message p { margin: 0; font-size: 16px; line-height: 2; }
.p-kogyo-message figure { flex: 0 0 373px; margin: 98px 0 0; }
.p-kogyo-message figure > img { object-fit: cover; object-position: 46% center; width: 100%; height: 373px; display: block; }
.p-kogyo-message figcaption { text-align: right; margin-top: 12px; font-size: 18px; line-height: 32px; }
.p-kogyo-message figcaption p { margin: 0; font-size: 18px; line-height: 32px; }
.p-kogyo-message figcaption strong { margin-top: 8px; font-family: Yuji Syuku, serif; font-size: 30px; font-weight: 400; line-height: 1.7; display: block; }
@media screen and (width <= 980px) { .p-kogyo-message figcaption strong { font-size: 24px; } }
.p-kogyo-message figcaption img { object-fit: contain; width: 160px; height: 37px; margin: 5px 0 0 auto; display: block; }
@media screen and (width <= 980px) { .p-kogyo-message { border-bottom: 0; padding: 42px 20px 60px; } .p-kogyo-message:after { background: var(--group-company-line-gradient); content: ""; height: 4px; position: absolute; bottom: 0; left: 20px; right: 20px; } .p-kogyo-message > .p-kogyo-section__head { margin-bottom: 38px; } .p-kogyo-message > div:not(.p-kogyo-message__mark) { flex-direction: column; gap: 38px; } .p-kogyo-message > div:not(.p-kogyo-message__mark) > div { flex: none; width: 100%; } .p-kogyo-message h2 { margin-bottom: 38px; font-size: 24px; line-height: 34px; } .p-kogyo-message p { font-size: 14px; line-height: 25px; } .p-kogyo-message figure { flex: none; align-self: auto; width: 100%; max-width: none; margin: 0; } .p-kogyo-message figure > img { aspect-ratio: 1; object-position: 46% center; height: auto; } .p-kogyo-message figcaption { margin-top: 8px; font-size: 16px; line-height: 32px; } .p-kogyo-message figcaption p { font-size: 14px; line-height: 25px; } .p-kogyo-message figcaption img { width: 160px; height: auto; } }
.p-kogyo-message__mark { opacity: .05; pointer-events: none; z-index: 0; width: 680px; height: 680px; position: absolute; top: -54px; left: 812px; overflow: hidden; }
.p-kogyo-message__mark img { mix-blend-mode: multiply; object-fit: contain; width: 100%; max-width: none; height: 100%; position: absolute; top: 0; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-message__mark { width: 313px; height: 319px; top: -68px; left: 124px; } }
@keyframes kogyo-message-mark-reveal { from { opacity: 0; transform: translateY(40px); } to { opacity: .05; transform: translateY(0); } }
.is-scroll-reveal-ready .p-kogyo-company .p-kogyo-message__mark.js-scroll-reveal-decoration { opacity: 0; will-change: opacity, transform; transform: translateY(40px); }
.is-scroll-reveal-ready .p-kogyo-company .p-kogyo-message__mark.js-scroll-reveal-decoration.is-scroll-reveal-visible { animation: 1s cubic-bezier(.22, 1, .36, 1) .18s both kogyo-message-mark-reveal; }
.is-scroll-reveal-ready .p-kogyo-company .p-kogyo-message__mark.js-scroll-reveal-decoration.is-scroll-reveal-complete { will-change: auto; }
@media (prefers-reduced-motion: reduce) { .is-scroll-reveal-ready .p-kogyo-company .p-kogyo-message__mark.js-scroll-reveal-decoration { opacity: .05; animation: none; transform: none; } }
.p-kogyo-profile { padding: 100px 0 119px; }
.p-kogyo-profile > .p-kogyo-section__head { margin-bottom: 24px; }
.p-kogyo-profile > .p-kogyo-section__head span { margin-top: 1px; }
.p-kogyo-profile table { border-collapse: collapse; width: 927px; margin-left: auto; font-size: 16px; line-height: 28px; }
.p-kogyo-profile th, .p-kogyo-profile td { text-align: left; vertical-align: top; border-top: 1px solid #c8c8c8; padding: 17px 20px; line-height: 28px; }
.p-kogyo-profile th { text-align: center; border-top-color: #8d8d8d; width: 190px; font-weight: 400; }
@media screen and (width <= 980px) { .p-kogyo-profile th { text-align: left; } }
.p-kogyo-profile tr:last-child th, .p-kogyo-profile tr:last-child td { border-bottom: 1px solid #c8c8c8; }
.p-kogyo-profile tr:last-child th { border-bottom-color: #8d8d8d; }
@media screen and (width <= 980px) { .p-kogyo-profile { padding: 60px 20px; } .p-kogyo-profile > .p-kogyo-section__head { margin-bottom: 38px; } .p-kogyo-profile table { width: 100%; font-size: 14px; font-weight: 400; line-height: 28px; } .p-kogyo-profile th, .p-kogyo-profile td { padding: 16px 4px; line-height: 28px; display: table-cell; } .p-kogyo-profile th { width: 110px; } .p-kogyo-profile td { width: 223px; padding-left: 13px; } }
.p-kogyo-profile__clients { column-count: 2; column-gap: 40px; }
@media screen and (width <= 980px) { .p-kogyo-profile__clients { column-count: 1; } }
.p-kogyo-company-heading { margin-bottom: 44px; font-size: 36px; line-height: 1.4; position: relative; }
.p-kogyo-company-heading:before { background: var(--group-company-label-gradient); content: ""; width: 30px; height: 4px; position: absolute; bottom: -12px; left: 0; }
@media screen and (width <= 980px) { .p-kogyo-company-heading { margin-bottom: 30px; font-size: 24px; line-height: 32px; } }
.p-kogyo-company-chart { padding-bottom: 113px; }
@media screen and (width <= 980px) { .p-kogyo-company-chart { padding: 0 20px 64px; } }
.p-kogyo-company-chart__scroll { width: calc(100% - 44px); margin-left: 44px; overflow-x: auto; }
.p-kogyo-company-chart__scroll > img:last-child { width: 100%; height: auto; display: block; }
@media screen and (width <= 980px) { .p-kogyo-company-chart__scroll { width: calc(100vw - 23px); margin-left: 3px; } .p-kogyo-company-chart__scroll > img:last-child { width: 900px; max-width: none; } }
.p-kogyo-company-location { padding-bottom: 131px; }
@media screen and (width <= 980px) { .p-kogyo-company-location { padding: 0 20px 57px; } }
.p-kogyo-company-location__list { flex-wrap: wrap; gap: 40px 55px; display: flex; }
.p-kogyo-company-location__list article { flex-basis: calc(50% - 27.5px); gap: 13px; min-width: 0; display: flex; }
.p-kogyo-company-location__list article > div { flex: 1; min-width: 0; }
.p-kogyo-company-location__list img, .p-kogyo-company-location__list iframe { object-fit: cover; border: 0; flex: 0 0 223px; width: 223px; height: 154px; }
.p-kogyo-company-location__list h3 { font-size: 18px; line-height: 25px; }
.p-kogyo-company-location__list p { margin-top: 15px; font-size: 16px; line-height: 20px; }
.p-kogyo-company-location__list .p-kogyo-company-location__contact { margin-top: 10px; }
.p-kogyo-company-location__list .p-kogyo-company-location__contact span { display: block; }
@media screen and (width <= 980px) { .p-kogyo-company-location__list { display: block; } .p-kogyo-company-location__list article { border-bottom: 1px solid #d3d3d4; width: 100%; margin-bottom: 30px; padding-bottom: 30px; display: block; } .p-kogyo-company-location__list img, .p-kogyo-company-location__list iframe { width: 100%; height: 140px; display: block; } .p-kogyo-company-location__list h3 { margin-top: 16px; font-size: 16px; line-height: 20px; } .p-kogyo-company-location__list p { margin-top: 20px; font-size: 16px; line-height: 20px; } .p-kogyo-company-location__list .p-kogyo-company-location__contact { justify-content: flex-start; gap: 20px; margin-top: 20px; display: flex; } .p-kogyo-company-location__list .p-kogyo-company-location__contact span { display: block; } }
.p-kogyo-company-license { padding-bottom: 80px; }
.p-kogyo-company-license h3 { margin-bottom: 22px; font-size: 28px; font-weight: 600; }
.p-kogyo-company-license > p { margin: 0; font-size: 16px; line-height: 2; }
.p-kogyo-company-license > div { gap: 80px; margin-top: 38px; display: flex; }
.p-kogyo-company-license figure { flex: 1; margin: 0; }
.p-kogyo-company-license figure figcaption { margin-bottom: 14px; font-size: 20px; font-weight: 700; }
.p-kogyo-company-license figure figcaption small { font-size: 16px; }
.p-kogyo-company-license figure img { width: 100%; display: block; }
.p-kogyo-company-license figure p { margin-top: 8px; font-size: 16px; line-height: 1.75; }
@media screen and (width <= 980px) { .p-kogyo-company-license { padding: 0 20px 44px; } .p-kogyo-company-license h3 { margin-bottom: 12px; font-size: 18px; } .p-kogyo-company-license > p { font-size: 14px; line-height: 25px; } .p-kogyo-company-license > div { margin-top: 0; display: block; } .p-kogyo-company-license figure { grid-template-rows: auto 1fr; grid-template-columns: 160px minmax(0, 1fr); column-gap: 14px; min-height: 226px; margin-top: 20px; display: grid; } .p-kogyo-company-license figure figcaption { grid-area: 1 / 2; margin: 0; font-size: 14px; line-height: 1.25; } .p-kogyo-company-license figure figcaption small { font-size: 14px; display: block; } .p-kogyo-company-license figure img { object-fit: cover; grid-area: 1 / 1 / 3; width: 160px; } .p-kogyo-company-license figure p { grid-area: 2 / 2; margin: 10px 0 0; font-size: 14px; line-height: 1.75; } }
.p-kogyo-company-table-title, .p-kogyo-company-machines h3 { height: 60px; margin: 0; font-size: 18px; font-weight: 500; line-height: 32px; }
.p-kogyo-company-table-title { color: #fff; background: #131313; align-items: center; padding: 0 30px; display: flex; }
@media screen and (width <= 980px) { .p-kogyo-company-table-title { height: 60px; margin: 0 20px 0 0; padding: 0 17px; font-size: 16px; } .p-kogyo-company-qualifications__content > .c-scrollWrap__top-scroll, .p-kogyo-company-machines__content > .c-scrollWrap__top-scroll { display: none; } }
.p-kogyo-company-accordion-trigger { color: inherit; cursor: pointer; font: inherit; text-align: left; background: none; border: 0; align-items: center; width: 100%; height: 100%; padding: 0; display: flex; position: relative; }
.p-kogyo-company-accordion-trigger:before, .p-kogyo-company-accordion-trigger:after { content: ""; background: currentColor; width: 30px; height: 2px; transition: opacity .3s; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.p-kogyo-company-accordion-trigger:after { transform: translateY(-50%)rotate(90deg); }
.p-kogyo-company-accordion-trigger[aria-expanded="true"]:after { opacity: 0; }
.p-kogyo-company-accordion-trigger:focus-visible { outline-offset: 4px; outline: 2px solid #fff; }
@media screen and (width <= 980px) { .p-kogyo-company-accordion-trigger:before, .p-kogyo-company-accordion-trigger:after { width: 20px; } }
.p-kogyo-company-qualifications { padding-bottom: 60px; }
@media screen and (width <= 980px) { .p-kogyo-company-qualifications { padding: 0 0 50px 20px; } }
.p-kogyo-company-qualifications__table table, .p-kogyo-company-machines table { font-size: 16px; }
.p-kogyo-company-qualifications__table th, .p-kogyo-company-qualifications__table td, .p-kogyo-company-machines th, .p-kogyo-company-machines td { padding: 11px 20px; line-height: 28px; }
.p-kogyo-company-qualifications__table thead th, .p-kogyo-company-machines thead th { padding-top: 6px; padding-bottom: 6px; line-height: 28px; }
@media screen and (width <= 980px) { .p-kogyo-company-qualifications__table thead th, .p-kogyo-company-machines thead th { padding: 6px 10px; line-height: 20px; } }
.p-kogyo-company-qualifications__table { overflow-x: auto; }
.p-kogyo-company-qualifications__table table { border-collapse: collapse; width: 100%; min-width: 1200px; }
.p-kogyo-company-qualifications__table th, .p-kogyo-company-qualifications__table td { text-align: left; vertical-align: top; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.p-kogyo-company-qualifications__table thead th { white-space: nowrap; background: #f1f1f1; font-weight: 400; }
.p-kogyo-company-qualifications__table tbody th { width: 240px; font-weight: 400; }
.p-kogyo-company-qualifications__table th:nth-child(2) { width: 762px; }
.p-kogyo-company-qualifications__table th:nth-child(3), .p-kogyo-company-qualifications__table td:last-child { text-align: left; width: 198px; }
@media screen and (width <= 980px) { .p-kogyo-company-qualifications__table { width: calc(100vw - 20px); } .p-kogyo-company-qualifications__table table { width: 394px; min-width: 394px; font-size: 14px; } .p-kogyo-company-qualifications__table th, .p-kogyo-company-qualifications__table td { padding: 7px 10px; line-height: 20px; } .p-kogyo-company-qualifications__table tbody th { width: 77px; } .p-kogyo-company-qualifications__table th:nth-child(2) { width: 280px; } .p-kogyo-company-qualifications__table th:nth-child(3), .p-kogyo-company-qualifications__table td:last-child { width: 37px; } }
.p-kogyo-company-qualifications__note { text-align: right; margin-top: 10px; font-size: 18px; line-height: 31px; }
@media screen and (width <= 980px) { .p-kogyo-company-qualifications__note { margin-top: 10px; font-size: 12px; line-height: 20px; } }
.p-kogyo-company-machines { padding-bottom: 140px; }
.p-kogyo-company-machines .p-kogyo-company-heading { margin-bottom: 16px; font-size: 28px; font-weight: 600; }
.p-kogyo-company-machines .p-kogyo-company-heading:before { content: none; }
.p-kogyo-company-machines h3 { color: #fff; background: #131313; align-items: center; padding: 0 30px; display: flex; }
.p-kogyo-company-machines table { border-collapse: collapse; width: 100%; min-width: 1200px; line-height: 32px; }
.p-kogyo-company-machines th, .p-kogyo-company-machines td { text-align: left; vertical-align: top; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.p-kogyo-company-machines thead th { background: #f1f1f1; font-weight: 400; }
.p-kogyo-company-machines tbody th { width: 240px; font-weight: 400; }
.p-kogyo-company-machines th:first-child { width: 240px; }
.p-kogyo-company-machines th:nth-child(2) { width: 400px; }
.p-kogyo-company-machines th:nth-child(3) { width: 240px; }
.p-kogyo-company-machines th:nth-child(4) { width: 90px; }
.p-kogyo-company-machines th:nth-child(5) { width: 230px; }
@media screen and (width <= 980px) { .p-kogyo-company-machines { padding: 0 20px 60px; } .p-kogyo-company-machines .p-kogyo-company-heading { margin-bottom: 12px; font-size: 18px; line-height: 20px; } .p-kogyo-company-machines h3 { height: 60px; margin: 0; padding: 0 17px; font-size: 16px; } .p-kogyo-company-machines table { table-layout: fixed; min-width: 535px; font-size: 14px; } .p-kogyo-company-machines th, .p-kogyo-company-machines td { padding: 8px 10px; line-height: 20px; } .p-kogyo-company-machines th:first-child { width: 87px; } .p-kogyo-company-machines th:nth-child(2) { width: 143px; } .p-kogyo-company-machines th:nth-child(3) { width: 124px; } .p-kogyo-company-machines th:nth-child(4) { white-space: nowrap; width: 44px; } .p-kogyo-company-machines th:nth-child(5) { width: 137px; } }
.p-kogyo-company-machines__lead { margin-bottom: 45px; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-company-machines__lead { margin-bottom: 16px; font-size: 14px; line-height: 25px; } }
.p-kogyo-company-machines__table { overflow-x: auto; }
@media screen and (width <= 980px) { .p-kogyo-company-machines__table { margin-top: 0; } }
.p-kogyo-company-machines__note { text-align: right; margin-top: 12px; font-size: 18px; }
@media screen and (width <= 980px) { .p-kogyo-company-machines__note { margin-top: 10px; font-size: 12px; line-height: 20px; } }
.p-unyu-company-vision { padding: 100px 0 90px; }
.p-unyu-company-vision .p-kogyo-section__head { margin-bottom: 44px; }
@media screen and (width <= 980px) { .p-unyu-company-vision { padding: 60px 20px 52px; } .p-unyu-company-vision .p-kogyo-section__head { margin-bottom: 30px; } }
.p-unyu-company-vision__statement { background: var(--group-company-surface); color: var(--group-company-primary); letter-spacing: .04em; text-align: center; padding: 44px 48px; font-size: 36px; font-weight: 700; line-height: 1.6; }
@media screen and (width <= 980px) { .p-unyu-company-vision__statement { letter-spacing: .02em; text-align: left; padding: 30px 20px; font-size: 22px; } }
.p-unyu-company-values { padding-bottom: 20px; }
.p-unyu-company-values .p-kogyo-section__head { margin-bottom: 44px; }
@media screen and (width <= 980px) { .p-unyu-company-values { padding: 0 20px; } .p-unyu-company-values .p-kogyo-section__head { margin-bottom: 30px; } }
.p-unyu-company-values__list { border-top: 1px solid #c8c8c8; flex-wrap: wrap; list-style: none; display: flex; }
.p-unyu-company-values__list li { border-bottom: 1px solid #c8c8c8; align-items: center; width: 50%; min-height: 88px; padding: 18px 30px 18px 0; display: flex; }
.p-unyu-company-values__list li:nth-child(2n) { border-left: 1px solid #c8c8c8; padding-left: 30px; }
.p-unyu-company-values__list span { color: var(--group-company-primary); flex: 0 0 58px; font-family: Jost, sans-serif; font-size: 24px; font-weight: 500; line-height: 1; }
.p-unyu-company-values__list p { flex: 1; margin: 0; font-size: 16px; line-height: 1.75; }
@media screen and (width <= 980px) { .p-unyu-company-values__list { display: block; } .p-unyu-company-values__list li { align-items: flex-start; width: 100%; min-height: 0; padding: 17px 0; } .p-unyu-company-values__list li:nth-child(2n) { border-left: 0; padding-left: 0; } .p-unyu-company-values__list span { flex-basis: 46px; font-size: 20px; line-height: 1.5; } .p-unyu-company-values__list p { font-size: 14px; line-height: 1.8; } }
.p-unyu-company .p-kogyo-message__mark img { width: 100%; height: 100%; top: 0; left: 0; }
.p-unyu-company .p-kogyo-company-chart__scroll { width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; }
@media screen and (width <= 980px) { .p-unyu-company .p-kogyo-company-chart__scroll { width: calc(100vw - 23px); max-width: none; margin-left: 3px; margin-right: 0; } }
.p-unyu-company .p-kogyo-company-machines th:first-child { width: 640px; }
.p-unyu-company .p-kogyo-company-machines th:nth-child(2) { width: 247px; }
.p-unyu-company .p-kogyo-company-machines th:nth-child(3) { width: 88px; }
.p-unyu-company .p-kogyo-company-machines th:nth-child(4) { width: 225px; }
@media screen and (width <= 980px) { .p-unyu-company .p-kogyo-company-machines th:first-child { width: 220px; } .p-unyu-company .p-kogyo-company-machines th:nth-child(2) { width: 140px; } .p-unyu-company .p-kogyo-company-machines th:nth-child(3) { width: 50px; } .p-unyu-company .p-kogyo-company-machines th:nth-child(4) { width: 125px; } }
.p-unyu-company-patent { margin-top: 80px; }
.p-unyu-company-patent > p { margin: 0; font-size: 16px; line-height: 2; }
@media screen and (width <= 980px) { .p-unyu-company-patent { margin-top: 44px; } .p-unyu-company-patent > p { font-size: 14px; line-height: 25px; } }
.p-unyu-company-patent__body { align-items: flex-start; gap: 80px; margin-top: 34px; display: flex; }
@media screen and (width <= 980px) { .p-unyu-company-patent__body { margin-top: 24px; display: block; } }
.p-unyu-company-patent__images { flex: 0 0 620px; gap: 24px; display: flex; }
.p-unyu-company-patent__images img { border: 1px solid #d8d8d8; width: calc(50% - 12px); height: auto; display: block; }
@media screen and (width <= 980px) { .p-unyu-company-patent__images { gap: 15px; } .p-unyu-company-patent__images img { width: calc(50% - 7.5px); } }
.p-unyu-company-patent__detail { flex: 1; min-width: 0; }
.p-unyu-company-patent__detail dl { background: #f1f1f1; margin: 0 0 20px; padding: 25px 30px 27px; font-size: 16px; line-height: 2; }
.p-unyu-company-patent__detail dt { margin-bottom: 8px; font-size: 24px; font-weight: 700; }
.p-unyu-company-patent__detail dd { margin: 0; }
.p-unyu-company-patent__detail .c-btn { width: 100%; max-width: none; margin-top: 10px; }
@media screen and (width <= 980px) { .p-unyu-company-patent__detail { margin-top: 24px; } .p-unyu-company-patent__detail dl { margin-bottom: 16px; padding: 18px 20px 20px; font-size: 14px; line-height: 25px; } .p-unyu-company-patent__detail dt { margin-bottom: 7px; font-size: 18px; } }
.p-kogyo-security-policy { padding-top: 96px; padding-bottom: 140px; }
@media screen and (width <= 980px) { .p-kogyo-security-policy { padding: 40px 20px 60px; } }
.p-kogyo-security-policy__lead { margin-bottom: 56px; font-size: 18px; line-height: 34px; }
@media screen and (width <= 980px) { .p-kogyo-security-policy__lead { margin-bottom: 40px; font-size: 16px; line-height: 32px; } }
.p-kogyo-security-policy__item h1, .p-kogyo-security-policy__item h2 { margin-bottom: 5px; font-size: 32px; font-weight: 700; line-height: 48px; }
.p-kogyo-security-policy__item p { font-size: 18px; line-height: 34px; }
.p-kogyo-security-policy__item + .p-kogyo-security-policy__item { margin-top: 32px; }
@media screen and (width <= 980px) { .p-kogyo-security-policy__item h1, .p-kogyo-security-policy__item h2 { margin-bottom: 5px; font-size: 20px; line-height: 30px; } .p-kogyo-security-policy__item p { font-size: 16px; line-height: 32px; } .p-kogyo-security-policy__item + .p-kogyo-security-policy__item { margin-top: 38px; } }
.p-kogyo-security-policy__signature { text-align: right; margin-top: 66px; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-kogyo-security-policy__signature { margin-top: 54px; font-size: 14px; line-height: 25px; } }
.p-kogyo-works-archive__main { padding-top: 112px; padding-bottom: 140px; }
.p-kogyo-works-archive__main > .p-kogyo-section__head { margin-bottom: 64px; }
@media screen and (width <= 980px) { .p-kogyo-works-archive__main { padding: 40px 20px 60px; } .p-kogyo-works-archive__main > .p-kogyo-section__head { margin-bottom: 32px; } .p-kogyo-works-archive__main > .p-kogyo-section__head span { padding: 5px 4px; font-size: 14px; } }
.p-kogyo-works-filter { margin-bottom: 88px; }
.p-kogyo-works-filter details { align-items: flex-start; display: flex; }
.p-kogyo-works-filter details + details { margin-top: 20px; }
.p-kogyo-works-filter summary { color: #fff; cursor: pointer; background: #131313; flex: 0 0 140px; justify-content: center; align-items: center; height: 32px; font-size: 18px; line-height: 1; list-style: none; display: flex; }
.p-kogyo-works-filter summary::-webkit-details-marker { display: none; }
@media screen and (width <= 980px) { .p-kogyo-works-filter { margin-bottom: 76px; } .p-kogyo-works-filter details { display: block; } .p-kogyo-works-filter details + details { margin-top: 40px; } .p-kogyo-works-filter summary { border-bottom: 1px solid #131313; flex: none; justify-content: center; width: 140px; height: 32px; font-size: 16px; position: relative; } .p-kogyo-works-filter summary:before { content: ""; border-bottom: 1px solid #131313; width: calc(100vw - 180px); position: absolute; bottom: -1px; left: 100%; } .p-kogyo-works-filter summary:after { content: ""; border-top: 2px solid #131313; border-right: 2px solid #131313; width: 12px; height: 12px; position: absolute; top: 13px; left: calc(100vw - 54px); transform: rotate(-45deg); } .p-kogyo-works-filter details:not([open]) summary:after { top: 5px; transform: rotate(135deg); } }
.p-kogyo-works-filter__options { flex-wrap: wrap; flex: 1; align-items: center; gap: 20px 28px; padding-left: 24px; display: flex; }
.p-kogyo-works-filter__options label { cursor: pointer; white-space: nowrap; flex: 0 0 190px; align-items: center; font-size: 18px; font-weight: 700; line-height: 32px; display: flex; }
.p-kogyo-works-filter__options input { appearance: none; background: #fff; border: 1px solid #d3d3d4; width: 32px; height: 32px; margin: 0 12px 0 0; position: relative; }
.p-kogyo-works-filter__options input:checked { border-color: var(--group-company-primary); }
.p-kogyo-works-filter__options input:checked:after { background: var(--group-company-check); content: ""; position: absolute; inset: 5px; }
.p-kogyo-works-filter__options input:focus-visible { outline: 2px solid var(--group-company-primary); outline-offset: 2px; }
@media screen and (width <= 980px) { .p-kogyo-works-filter__options { gap: 0; padding: 12px 0 0; } .p-kogyo-works-filter__options label { flex: 0 0 50%; height: 42px; font-size: 14px; line-height: 1.4; } .p-kogyo-works-filter__options input { width: 32px; height: 32px; margin-right: 10px; } .p-kogyo-works-filter__options input:checked:after { inset: 4px; } }
.p-kogyo-works-list { flex-wrap: wrap; justify-content: space-between; row-gap: 60px; }
.p-kogyo-works-list article { flex: 0 0 382px; width: 382px; }
.p-kogyo-works-list h2 { align-items: center; min-height: 50px; margin: 25px 29px 16px; font-size: 18px; line-height: 1.375; display: flex; }
@media screen and (width <= 980px) { .p-kogyo-works-list { row-gap: 40px; width: calc(100% + 40px); margin-left: -20px; } .p-kogyo-works-list article { flex-basis: 100%; width: 100%; } .p-kogyo-works-list article:nth-child(n+11) { display: none; } .p-kogyo-works-list h2, .p-kogyo-works-list dl { margin-left: 27px; margin-right: 27px; } }
.p-kogyo-works-pagination { justify-content: center; align-items: center; margin-top: 92px; display: flex; }
.p-kogyo-works-pagination > button { background-color: #fff; background-image: url("/assets/img/kogyo/carousel-arrow-prev.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; width: 80px; height: 80px; }
.p-kogyo-works-pagination > button.-prev { transform: rotate(180deg); }
.p-kogyo-works-pagination ol { align-items: center; gap: 27px; margin: 0 34px; display: flex; }
.p-kogyo-works-pagination li { justify-content: center; align-items: center; height: 32px; display: flex; }
.p-kogyo-works-pagination li button, .p-kogyo-works-pagination li span { color: #d3d3d4; background: none; border: 0; padding: 0; font-size: 24px; font-weight: 500; }
.p-kogyo-works-pagination li span[aria-current="page"] { color: var(--group-company-primary); font-weight: 700; }
@media screen and (width <= 980px) { .p-kogyo-works-pagination { margin-top: 60px; } .p-kogyo-works-pagination > button { width: 56px; height: 56px; } .p-kogyo-works-pagination ol { gap: 16px; margin: 0 18px; } .p-kogyo-works-pagination li button, .p-kogyo-works-pagination li span { font-size: 20px; } }
.p-kogyo-links { background: rgba(var(--group-company-links-rgb), .05); text-align: center; padding: 80px 20px 90px; }
.p-kogyo-links > div { max-width: 1000px; }
@media screen and (width <= 980px) { .p-kogyo-links > div { max-width: inherit; } }
.p-kogyo-links.-four-menu > div { max-width: 520px; }
@media screen and (width <= 980px) { .p-kogyo-links.-four-menu > div { max-width: inherit; } }
.p-kogyo-links h2 { width: 360px; margin: 0 auto 40px; }
.p-kogyo-links h2 img { width: 100%; display: block; }
.p-kogyo-links .c-btn { flex: 0 0 250px; width: 250px; }
@media screen and (width <= 980px) { .p-kogyo-links .c-btn { width: 100%; } .p-kogyo-links { margin: 0; padding: 48px 20px 55px; } .p-kogyo-links h2 { width: 222px; margin-bottom: 24px; } .p-kogyo-header__inner { height: 222px; padding: 0; display: block; } .p-kogyo-header__title { border: 0; height: 124px; padding: 0 29px; } .p-kogyo-header__title > span { margin-bottom: 4px; font-family: Noto Sans JP, sans-serif; font-size: 14px; font-weight: 700; } .p-kogyo-header__title .-pc { display: none; } .p-kogyo-header__title .-sp { display: inline; } .p-kogyo-header__title strong { font-size: 28px; line-height: 1.3; } .p-kogyo-header__title small { display: none; } .p-kogyo-header__nav { gap: 0; width: 100%; margin: 0; } .p-kogyo-header__nav a { background: #252828; border-top: 1px solid #fff; border-right: 1px solid #fff; flex-basis: 50%; justify-content: center; min-height: 49px; padding: 8px 24px 8px 14px; font-size: 12px; } .p-kogyo-header__nav a:first-child { order: 1; } .p-kogyo-header__nav a:nth-child(2) { order: 2; } .p-kogyo-header__nav a:nth-child(3) { order: 3; } .p-kogyo-header__nav a:nth-child(4) { order: 4; } .p-kogyo-header__nav a:nth-child(2n) { border-right: 0; } .p-kogyo-header__nav a[aria-current] { background: var(--group-company-current); } .p-kogyo-section { max-width: none; } .p-kogyo-section__head { margin-bottom: 20px; } .p-kogyo-section__head h1, .p-kogyo-section__head h2 { margin-bottom: 5px; font-size: 40px; } .p-kogyo-section__head h1[lang="en"] { font-size: 42px; } .p-kogyo-section__head span { margin-top: 2px; padding: 5px 9px; font-size: 14px; } }
.p-unyu { --group-company-primary: #1a2f6f; --group-company-primary-rgb: 26, 47, 111; --group-company-links-rgb: 26, 47, 111; --group-company-middle: #172f7c; --group-company-dark: #000e39; --group-company-accent: #1a2f6f; --group-company-label-dark: #000e39; --group-company-current: #243d84; --group-company-check: #1a2f6f; --group-company-tab: #1a2f6f; --group-company-surface: #f3f4f8; --group-company-gradient: linear-gradient(92deg, #1a2f6f 40.53%, #000e39 100%); --group-company-button-gradient: linear-gradient(92deg, #1a2f6f 40.53%, #000e39 100%); --group-company-line-gradient: linear-gradient(90deg, #1a2f6f 40%, #000e39); --group-company-label-gradient: linear-gradient(90deg, #172f7c 40%, #000e39 100%); --group-company-sub-gradient: linear-gradient(95deg, #1a2f6f 40%, #000e39); --group-company-panel-gradient: linear-gradient(96deg, #1a2f6f 40%, #000e39 100%); }
.p-kogyo-top-about .p-unyu-logo { z-index: 1; width: 560px; position: absolute; top: 50px; left: 50%; translate: -50%; }
.p-kogyo-top-about .p-unyu-logo img { width: 100%; max-width: none; height: auto; display: block; }
@media screen and (width <= 980px) { .p-kogyo-top-about .p-unyu-logo { width: 335px; max-width: calc(100% - 40px); } .p-unyu-environment .p-kogyo-detail__types, .p-unyu-transport .p-kogyo-detail__types { padding-bottom: 80px; } }
.p-unyu-environment .p-kogyo-detail__types > div, .p-unyu-transport .p-kogyo-detail__types > div { gap: 60px; }
@media screen and (width <= 980px) { .p-unyu-environment .p-kogyo-detail__types > div, .p-unyu-transport .p-kogyo-detail__types > div { gap: 30px; } }
.p-unyu-environment .p-kogyo-detail__types article, .p-unyu-transport .p-kogyo-detail__types article { flex-basis: calc(50% - 30px); }
@media screen and (width <= 980px) { .p-unyu-environment .p-kogyo-detail__types article, .p-unyu-transport .p-kogyo-detail__types article { min-width: 0; } }
.p-unyu-environment .p-kogyo-detail__types img, .p-unyu-transport .p-kogyo-detail__types img { aspect-ratio: 570 / 380; }
.p-unyu-environment .p-kogyo-detail__types h2, .p-unyu-transport .p-kogyo-detail__types h2 { margin-top: 16px; }
@media screen and (width <= 980px) { .p-unyu-environment .p-kogyo-detail__types h2, .p-unyu-transport .p-kogyo-detail__types h2 { margin-top: 12px; } }
.p-unyu-environment .p-kogyo-detail__types p, .p-unyu-transport .p-kogyo-detail__types p { margin-top: 14px; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-unyu-environment .p-kogyo-detail__types p, .p-unyu-transport .p-kogyo-detail__types p { margin-top: 5px; font-size: 16px; line-height: 28px; } }
.p-unyu-environment .p-kogyo-detail__other, .p-unyu-transport .p-kogyo-detail__other, .p-unyu-foundation .p-kogyo-detail__other { padding: 63px 0 64px; }
@media screen and (width <= 980px) { .p-unyu-environment .p-kogyo-detail__other, .p-unyu-transport .p-kogyo-detail__other, .p-unyu-foundation .p-kogyo-detail__other { padding: 40px 0 60px; } }
.p-unyu-environment .p-kogyo-detail__other-list, .p-unyu-transport .p-kogyo-detail__other-list, .p-unyu-foundation .p-kogyo-detail__other-list { gap: 54px; max-width: 574px; }
.p-unyu-environment .p-kogyo-detail__other-list a, .p-unyu-transport .p-kogyo-detail__other-list a, .p-unyu-foundation .p-kogyo-detail__other-list a { flex: 0 0 260px; }
@media screen and (width <= 980px) { .p-unyu-environment .p-kogyo-detail__other-list a, .p-unyu-transport .p-kogyo-detail__other-list a, .p-unyu-foundation .p-kogyo-detail__other-list a { min-width: 0; } .p-unyu-environment .p-kogyo-detail__other-list, .p-unyu-transport .p-kogyo-detail__other-list, .p-unyu-foundation .p-kogyo-detail__other-list { gap: 24px 25px; max-width: none; } }
.p-unyu-environment .p-kogyo-detail__other span, .p-unyu-transport .p-kogyo-detail__other span, .p-unyu-foundation .p-kogyo-detail__other span { margin-top: 17px; }
@media screen and (width <= 980px) { .p-unyu-environment .p-kogyo-detail__other span, .p-unyu-transport .p-kogyo-detail__other span, .p-unyu-foundation .p-kogyo-detail__other span { margin-top: 5px; } .p-unyu-foundation .p-kogyo-detail__types { padding-bottom: 80px; } .p-unyu-foundation .p-kogyo-detail__types > div { display: block; } .p-unyu-foundation .p-kogyo-detail__types article + article { margin-top: 30px; } }
.p-unyu-transport .p-kogyo-detail__types p, .p-unyu-transport .p-kogyo-detail__types article:nth-child(2) p { margin-top: 14px; font-size: 18px; line-height: 32px; }
@media screen and (width <= 980px) { .p-unyu-transport .p-kogyo-detail__types p, .p-unyu-transport .p-kogyo-detail__types article:nth-child(2) p { margin-top: 5px; font-size: 16px; line-height: 28px; } }
.p-naruto { --group-company-primary: #ea5514; --group-company-primary-rgb: 234, 85, 20; --group-company-links-rgb: 26, 47, 111; --group-company-middle: #ea5514; --group-company-dark: #901d00; --group-company-accent: #ea5514; --group-company-label-dark: #901d00; --group-company-current: #d94a0f; --group-company-check: #ea5514; --group-company-tab: #ea5514; --group-company-surface: #fef7f4; --group-company-gradient: linear-gradient(99.462deg, #ea5514 40.743%, #901d00 100.74%); --group-company-button-gradient: linear-gradient(92deg, #ea5514 40.74%, #901d00 100.74%); --group-company-line-gradient: linear-gradient(90deg, #ea5514 40%, #901d00); --group-company-label-gradient: linear-gradient(90deg, #ea5514 40%, #901d00 100%); --group-company-sub-gradient: linear-gradient(95deg, #ea5514 40%, #901d00); --group-company-panel-gradient: linear-gradient(96deg, #ea5514 40%, #901d00 100%); }
.p-naruto .p-kogyo-top-about__copy > p { line-height: 34px; }
.p-naruto .p-naruto-dummy { color: #ff007f; }
.p-naruto .p-kogyo-links { background: #ea55140d; }
.p-kogyo-top-about .p-naruto-logo { z-index: 1; width: 560px; height: auto; position: absolute; top: 65px; left: 50%; translate: -50%; }
.p-kogyo-top-about .p-naruto-logo img { width: 100%; height: auto; display: block; position: static; }
@media screen and (width <= 980px) { .p-kogyo-top-about .p-naruto-logo { width: 335px; max-width: calc(100% - 40px); height: auto; display: block; } .p-kogyo.p-kogyo-top .p-kogyo-top-about .p-kogyo-logo, .p-unyu.p-kogyo-top .p-kogyo-top-about .p-unyu-logo, .p-naruto.p-kogyo-top .p-kogyo-top-about .p-naruto-logo { margin: 0 20px 40px; position: relative; top: auto; left: auto; translate: none; } }
.p-naruto-company .p-kogyo-message__mark { opacity: .05; width: 561px; height: 560px; top: 0; left: 827px; }
.p-naruto-company .p-kogyo-message__mark img { mix-blend-mode: normal; width: 100%; height: 100%; top: 0; left: 0; }
@media screen and (width <= 980px) { .p-naruto-company .p-kogyo-message__mark { width: 313px; height: 312px; top: 0; left: 124px; } }
.p-naruto-company .p-kogyo-message p + p { margin-top: 24px; }
@media screen and (width <= 980px) { .p-naruto-company .p-kogyo-message p + p { margin-top: 20px; } }
.p-naruto-company .p-naruto-company__portrait { width: 373px; height: 373px; position: relative; overflow: hidden; }
.p-naruto-company .p-naruto-company__portrait img { width: 189.39%; max-width: none; height: 126.27%; position: absolute; top: -26.27%; left: -36.07%; }
@media screen and (width <= 980px) { .p-naruto-company .p-naruto-company__portrait { aspect-ratio: 1; width: 100%; height: auto; } }
.p-naruto-company .p-kogyo-profile__clients { column-count: 1; }
.p-naruto-company .p-kogyo-company-chart__scroll { width: 100%; max-width: 1134px; height: auto; margin-left: auto; margin-right: auto; overflow-x: auto; }
.p-naruto-company .p-kogyo-company-chart__scroll > img:last-child { width: 100%; height: auto; }
@media screen and (width <= 980px) { .p-naruto-company .p-kogyo-company-chart__scroll { width: calc(100vw - 23px); max-width: none; height: auto; margin-left: 3px; margin-right: 0; overflow-x: auto; } .p-naruto-company .p-kogyo-company-chart__scroll > img:last-child { width: 900px; height: auto; } }
.p-naruto-company .p-kogyo-company-machines th:first-child { width: 640px; }
.p-naruto-company .p-kogyo-company-machines th:nth-child(2) { width: 240px; }
.p-naruto-company .p-kogyo-company-machines th:nth-child(3) { width: 100px; }
.p-naruto-company .p-kogyo-company-machines th:nth-child(4) { width: 220px; }
@media screen and (width <= 980px) { .p-naruto-company .p-kogyo-company-machines th:first-child { width: 220px; } .p-naruto-company .p-kogyo-company-machines th:nth-child(2) { width: 140px; } .p-naruto-company .p-kogyo-company-machines th:nth-child(3) { width: 50px; } .p-naruto-company .p-kogyo-company-machines th:nth-child(4) { width: 125px; } }
.p-naruto-business .p-kogyo-business-map__mark { border-radius: 0; flex-direction: column; justify-content: flex-start; align-items: center; gap: 7px; width: 134px; height: 162px; display: flex; overflow: visible; }
.p-naruto-business .p-kogyo-business-map__mark img { max-width: none; height: auto; }
.p-naruto-business .p-kogyo-business-map__mark .p-naruto-business-map__logo-mark, .p-naruto-business .p-kogyo-business-map__mark .p-naruto-business-map__logo-type { width: 134px; }
@media screen and (width <= 980px) { .p-naruto-business .p-kogyo-business-map__mark { gap: 3px; width: 58px; height: 70px; } .p-naruto-business .p-kogyo-business-map__mark .p-naruto-business-map__logo-mark, .p-naruto-business .p-kogyo-business-map__mark .p-naruto-business-map__logo-type { width: 58px; } }
.p-naruto-business .p-naruto-business__image { aspect-ratio: 3 / 2; display: block; position: relative; overflow: hidden; }
.p-naruto-business .p-naruto-business__image img { object-fit: cover; width: 100%; max-width: none; height: 100%; position: absolute; }
.p-naruto-business .p-kogyo-business__list a:first-child .p-naruto-business__image img { width: 108.03%; height: 121.53%; top: -12.92%; left: -3.95%; }
@media screen and (width <= 980px) { .p-naruto-civil .p-kogyo-detail__types > div, .p-naruto-foundation .p-kogyo-detail__types > div { display: block; } .p-naruto-civil .p-kogyo-detail__types article + article, .p-naruto-foundation .p-kogyo-detail__types article + article { margin-top: 30px; } }
.p-naruto-civil .p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-prev, .p-naruto-foundation .p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-prev { background-image: url("/assets/img/naruto/carousel-arrow-prev.svg"); }
.p-naruto-civil .p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-next, .p-naruto-foundation .p-kogyo-detail__works .p-kogyo-work-carousel__arrow.-next { background-image: url("/assets/img/naruto/carousel-arrow-next.svg"); }
.p-naruto-civil .p-kogyo-detail__other-list, .p-naruto-foundation .p-kogyo-detail__other-list { gap: 54px; max-width: 574px; }
.p-naruto-civil .p-kogyo-detail__other-list a, .p-naruto-foundation .p-kogyo-detail__other-list a { flex: 0 0 260px; }
@media screen and (width <= 980px) { .p-naruto-civil .p-kogyo-detail__other-list, .p-naruto-foundation .p-kogyo-detail__other-list { flex-wrap: wrap; gap: 24px 25px; max-width: none; display: flex; } .p-naruto-civil .p-kogyo-detail__other-list a, .p-naruto-foundation .p-kogyo-detail__other-list a { flex-basis: calc(50% - 12.5px); } .p-naruto-foundation .p-kogyo-detail__intro > p br { display: none; } }
.p-naruto-works-archive .p-kogyo-works-pagination > button { background-image: url("/assets/img/naruto/carousel-arrow-prev.svg"); }
.p-naruto-links__logo { width: 360px; height: 45px; display: block; position: relative; }
.p-naruto-links__logo img { width: 100%; height: auto; display: block; }
@media screen and (width <= 980px) { .p-naruto-links__logo { width: 222px; height: 28px; } }
/*# sourceMappingURL=style.css.map */