@charset "UTF-8";
:root { --line-height: 1.75; --letter-spacing: 0.05em; --header-height: 62px; --mv-min-height: 500px; --space-inline: 0; --color-primary: #0078C8; --color-primary-dark: #00103E; --color-primary-light: #CCE4F4; --color-primary-light2:#E0EFF8; --color-secondary: #1AA8D4; --color-secondary-light: #32C9E6; --color-accent: #F5CB46; --color-background: #E0E2E8; }
.l-anc { margin-top: calc(var(--header-height) * -1); padding-top: var(--header-height); }
/*.l-container { min-width: 1020px; }*/
.l-inner { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; }
.l-inner-1320 { max-width: 1320px; }
.c-button { --c-button-text-color: var(--color-primary); --c-button-bg-color: #fff; --c-button-border-color: #fff; --c-button-overlay-color: #000; position: relative; display: inline-block; width: 195px; max-width: 100%; padding: 16px 30px 15px 14px; -webkit-box-shadow: 0 0 0 1px var(--c-button-border-color) inset; box-shadow: 0 0 0 1px var(--c-button-border-color) inset; color: var(--c-button-text-color); background-color: var(--c-button-bg-color); -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 10; }
.c-button._accent { --c-button-text-color: #000; --c-button-bg-color: var(--color-accent); --c-button-border-color: var(--color-accent); --c-button-overlay-color: #fff; }
.c-button._outline { --c-button-text-color: #fff; --c-button-bg-color: transparent; --c-button-border-color: #fff; --c-button-overlay-color: #000; }
.c-button img { display: block; }
.c-button::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--c-button-overlay-color); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); overflow: hidden; z-index: -10; }
.c-button::after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; bottom: 0; right: 12px; margin: auto 0; border-left: 11px solid var(--c-button-text-color); border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
[data-whatintent="mouse"] a:hover .c-button::before, [data-whatintent="keyboard"] a:focus .c-button::before { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
[data-whatintent="mouse"] a:hover .c-button img, [data-whatintent="keyboard"] a:focus .c-button img { opacity: 1; }
.c-heading { --c-heading-color: var(--color-primary); padding-left: 15px; border-left: 5px solid var(--c-heading-color); line-height: 1; font-size: 1.375rem; letter-spacing: 0.08em; -moz-font-feature-settings: "palt"; }
.c-heading img { display: block; }
.c-heading._mb { margin-bottom: 26px; }
.c-heading._border { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.c-heading._border::after { content: ""; display: block; height: 1px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 10px; background-color: #000; }
.c-heading._primary-light { --c-heading-color: var(--color-primary-light); }
.c-heading._primary-light2 { --c-heading-color: var(--color-primary-light2); }
.c-heading._primary-dark { --c-heading-color: var(--color-primary-dark); }
.c-heading._secondary { --c-heading-color: var(--color-secondary); }
.c-heading._accent { --c-heading-color: var(--color-accent); }
.c-heading2 { position: relative; }
.c-heading2::after { content: ""; display: block; width: 28px; height: 1px; margin-top: 26px; background-color: currentColor; }
.c-heading2__title { font-size: 1.5rem; font-weight: 500; letter-spacing: 0.11em; line-height: 1.2; }
.c-heading2._mb { margin-bottom: 23px; }
.c-label:not(.root) { display: table; margin-bottom: 8px; padding: 2px 3px; border: 1px solid var(--color-secondary); font-size: 18px; font-weight: 500; line-height: 1; }
.c-textlink { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; outline: 5px solid transparent; outline-offset: 10px; text-shadow: .01rem 0 0 currentColor; }
.c-textlink:hover { text-decoration: none; }
html[data-whatinput="keyboard"] .c-textlink:focus { opacity: 0.6; outline: 2px solid rgba(0, 0, 0, 0.8); outline-offset: 0; }
html[data-whatintent="mouse"] .c-textlink:hover { opacity: 0.6; }
.c-list { display: table; counter-reset: c-list; }
.c-list > li { display: table-row; counter-increment: c-list; }
.c-list > li::before { display: table-cell; }
.c-list._point > li::before { content: "\30fb"; }
.c-list._disc > li::before { content: "\25cf"; }
.c-list._square > li::before { content: "\25a0"; }
.c-list._decimal > li::before { content: counter(c-list) "."; }
.c-list._decimal-zero > li::before { content: counter(c-list, decimal-leading-zero) "."; }
.c-list._upper-roman > li::before { content: counter(c-list, upper-roman) "."; }
.c-list._lower-roman > li::before { content: counter(c-list, lower-roman) "."; }
.c-list._upper-alpha > li::before { content: counter(c-list, upper-alpha) "."; }
.c-list._lower-alpha > li::before { content: counter(c-list, lower-alpha) "."; }
.c-list._hiragana > li::before { content: counter(c-list, hiragana) "."; }
.c-list._katakana > li::before { content: counter(c-list, katakana) "."; }
.c-list._hiragana-iroha > li::before { content: counter(c-list, hiragana-iroha) "."; }
.c-list._katakana-iroha > li::before { content: counter(c-list, katakana-iroha) "."; }
.c-list._kanji > li::before { content: counter(c-list, trad-chinese-informal) "."; }
.c-list._custom > li::before { content: attr(data-list); }
.c-mask { --c-mask-color: var(--u-main-color, #fff); display: block; position: relative; overflow: hidden; visibility: hidden; -webkit-transition-property: visibility; transition-property: visibility; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.c-mask._inline-block { display: inline-block; }
.c-mask._primary { --c-mask-color: var(--color-primary); }
.c-mask._primary-dark { --c-mask-color: var(--color-primary-dark); }
.c-mask._primary-light { --c-mask-color: var(--color-primary-light); }
.c-mask._primary-light2 { --c-mask-color: var(--color-primary-light2); }
.c-mask._secondary { --c-mask-color: var(--color-secondary); }
.c-mask._secondary-light { --c-mask-color: var(--color-secondary-light); }
.c-mask._accent { --c-mask-color: var(--color-accent); }
.c-mask._gray { --c-mask-color: var(--color-background); }
.c-mask::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: var(--c-mask-color); -webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-animation-delay: 0.5s, calc(0.5s + 0.5s); animation-delay: 0.5s, calc(0.5s + 0.5s); visibility: visible; z-index: 10; }
.c-mask_wrapper.is-show .c-mask { visibility: visible; }
.c-mask_wrapper.is-show .c-mask::after { -webkit-animation: 0.5s ease-out alternate forwards openMask, 0.5s ease-out 0.5s alternate forwards closeMask; animation: 0.5s ease-out alternate forwards openMask, 0.5s ease-out 0.5s alternate forwards closeMask; }
.c-mask._delay1 { -webkit-transition-delay: calc(0.1s + 0.5s); transition-delay: calc(0.1s + 0.5s); }
.c-mask._delay1::after { -webkit-animation-delay: 0.1s, calc(0.1s + 0.5s) !important; animation-delay: 0.1s, calc(0.1s + 0.5s) !important; }
.c-mask._delay2 { -webkit-transition-delay: calc(0.2s + 0.5s); transition-delay: calc(0.2s + 0.5s); }
.c-mask._delay2::after { -webkit-animation-delay: 0.2s, calc(0.2s + 0.5s) !important; animation-delay: 0.2s, calc(0.2s + 0.5s) !important; }
.c-mask._delay3 { -webkit-transition-delay: calc(0.3s + 0.5s); transition-delay: calc(0.3s + 0.5s); }
.c-mask._delay3::after { -webkit-animation-delay: 0.3s, calc(0.3s + 0.5s) !important; animation-delay: 0.3s, calc(0.3s + 0.5s) !important; }
.c-mask._delay4 { -webkit-transition-delay: calc(0.4s + 0.5s); transition-delay: calc(0.4s + 0.5s); }
.c-mask._delay4::after { -webkit-animation-delay: 0.4s, calc(0.4s + 0.5s) !important; animation-delay: 0.4s, calc(0.4s + 0.5s) !important; }
.c-mask._delay5 { -webkit-transition-delay: calc(0.5s + 0.5s); transition-delay: calc(0.5s + 0.5s); }
.c-mask._delay5::after { -webkit-animation-delay: 0.5s, calc(0.5s + 0.5s) !important; animation-delay: 0.5s, calc(0.5s + 0.5s) !important; }
.c-mask._delay6 { -webkit-transition-delay: calc(0.6s + 0.5s); transition-delay: calc(0.6s + 0.5s); }
.c-mask._delay6::after { -webkit-animation-delay: 0.6s, calc(0.6s + 0.5s) !important; animation-delay: 0.6s, calc(0.6s + 0.5s) !important; }
.c-mask._delay7 { -webkit-transition-delay: calc(0.7s + 0.5s); transition-delay: calc(0.7s + 0.5s); }
.c-mask._delay7::after { -webkit-animation-delay: 0.7s, calc(0.7s + 0.5s) !important; animation-delay: 0.7s, calc(0.7s + 0.5s) !important; }
.c-mask._delay8 { -webkit-transition-delay: calc(0.8s + 0.5s); transition-delay: calc(0.8s + 0.5s); }
.c-mask._delay8::after { -webkit-animation-delay: 0.8s, calc(0.8s + 0.5s) !important; animation-delay: 0.8s, calc(0.8s + 0.5s) !important; }
.c-mask._delay9 { -webkit-transition-delay: calc(0.9s + 0.5s); transition-delay: calc(0.9s + 0.5s); }
.c-mask._delay9::after { -webkit-animation-delay: 0.9s, calc(0.9s + 0.5s) !important; animation-delay: 0.9s, calc(0.9s + 0.5s) !important; }
.c-mask._delay10 { -webkit-transition-delay: calc(1s + 0.5s); transition-delay: calc(1s + 0.5s); }
.c-mask._delay10::after { -webkit-animation-delay: 1s, calc(1s + 0.5s) !important; animation-delay: 1s, calc(1s + 0.5s) !important; }
.c-mask._delay11 { -webkit-transition-delay: calc(1.1s + 0.5s); transition-delay: calc(1.1s + 0.5s); }
.c-mask._delay11::after { -webkit-animation-delay: 1.1s, calc(1.1s + 0.5s) !important; animation-delay: 1.1s, calc(1.1s + 0.5s) !important; }
.c-mask._delay12 { -webkit-transition-delay: calc(1.2s + 0.5s); transition-delay: calc(1.2s + 0.5s); }
.c-mask._delay12::after { -webkit-animation-delay: 1.2s, calc(1.2s + 0.5s) !important; animation-delay: 1.2s, calc(1.2s + 0.5s) !important; }
.c-mask._delay13 { -webkit-transition-delay: calc(1.3s + 0.5s); transition-delay: calc(1.3s + 0.5s); }
.c-mask._delay13::after { -webkit-animation-delay: 1.3s, calc(1.3s + 0.5s) !important; animation-delay: 1.3s, calc(1.3s + 0.5s) !important; }
.c-mask._delay14 { -webkit-transition-delay: calc(1.4s + 0.5s); transition-delay: calc(1.4s + 0.5s); }
.c-mask._delay14::after { -webkit-animation-delay: 1.4s, calc(1.4s + 0.5s) !important; animation-delay: 1.4s, calc(1.4s + 0.5s) !important; }
.c-mask._delay15 { -webkit-transition-delay: calc(1.5s + 0.5s); transition-delay: calc(1.5s + 0.5s); }
.c-mask._delay15::after { -webkit-animation-delay: 1.5s, calc(1.5s + 0.5s) !important; animation-delay: 1.5s, calc(1.5s + 0.5s) !important; }
.c-mask._delay16 { -webkit-transition-delay: calc(1.6s + 0.5s); transition-delay: calc(1.6s + 0.5s); }
.c-mask._delay16::after { -webkit-animation-delay: 1.6s, calc(1.6s + 0.5s) !important; animation-delay: 1.6s, calc(1.6s + 0.5s) !important; }
.c-mask._delay17 { -webkit-transition-delay: calc(1.7s + 0.5s); transition-delay: calc(1.7s + 0.5s); }
.c-mask._delay17::after { -webkit-animation-delay: 1.7s, calc(1.7s + 0.5s) !important; animation-delay: 1.7s, calc(1.7s + 0.5s) !important; }
.c-mask._delay18 { -webkit-transition-delay: calc(1.8s + 0.5s); transition-delay: calc(1.8s + 0.5s); }
.c-mask._delay18::after { -webkit-animation-delay: 1.8s, calc(1.8s + 0.5s) !important; animation-delay: 1.8s, calc(1.8s + 0.5s) !important; }
.c-mask._delay19 { -webkit-transition-delay: calc(1.9s + 0.5s); transition-delay: calc(1.9s + 0.5s); }
.c-mask._delay19::after { -webkit-animation-delay: 1.9s, calc(1.9s + 0.5s) !important; animation-delay: 1.9s, calc(1.9s + 0.5s) !important; }
.c-mask._delay20 { -webkit-transition-delay: calc(2s + 0.5s); transition-delay: calc(2s + 0.5s); }
.c-mask._delay20::after { -webkit-animation-delay: 2s, calc(2s + 0.5s) !important; animation-delay: 2s, calc(2s + 0.5s) !important; }
.c-mask._delay21 { -webkit-transition-delay: calc(2.1s + 0.5s); transition-delay: calc(2.1s + 0.5s); }
.c-mask._delay21::after { -webkit-animation-delay: 2.1s, calc(2.1s + 0.5s) !important; animation-delay: 2.1s, calc(2.1s + 0.5s) !important; }
.c-mask._delay22 { -webkit-transition-delay: calc(2.2s + 0.5s); transition-delay: calc(2.2s + 0.5s); }
.c-mask._delay22::after { -webkit-animation-delay: 2.2s, calc(2.2s + 0.5s) !important; animation-delay: 2.2s, calc(2.2s + 0.5s) !important; }
.c-mask._delay23 { -webkit-transition-delay: calc(2.3s + 0.5s); transition-delay: calc(2.3s + 0.5s); }
.c-mask._delay23::after { -webkit-animation-delay: 2.3s, calc(2.3s + 0.5s) !important; animation-delay: 2.3s, calc(2.3s + 0.5s) !important; }
.c-mask._delay24 { -webkit-transition-delay: calc(2.4s + 0.5s); transition-delay: calc(2.4s + 0.5s); }
.c-mask._delay24::after { -webkit-animation-delay: 2.4s, calc(2.4s + 0.5s) !important; animation-delay: 2.4s, calc(2.4s + 0.5s) !important; }
.c-mask._delay25 { -webkit-transition-delay: calc(2.5s + 0.5s); transition-delay: calc(2.5s + 0.5s); }
.c-mask._delay25::after { -webkit-animation-delay: 2.5s, calc(2.5s + 0.5s) !important; animation-delay: 2.5s, calc(2.5s + 0.5s) !important; }
.c-mask._delay26 { -webkit-transition-delay: calc(2.6s + 0.5s); transition-delay: calc(2.6s + 0.5s); }
.c-mask._delay26::after { -webkit-animation-delay: 2.6s, calc(2.6s + 0.5s) !important; animation-delay: 2.6s, calc(2.6s + 0.5s) !important; }
.c-mask._delay27 { -webkit-transition-delay: calc(2.7s + 0.5s); transition-delay: calc(2.7s + 0.5s); }
.c-mask._delay27::after { -webkit-animation-delay: 2.7s, calc(2.7s + 0.5s) !important; animation-delay: 2.7s, calc(2.7s + 0.5s) !important; }
.c-mask._delay28 { -webkit-transition-delay: calc(2.8s + 0.5s); transition-delay: calc(2.8s + 0.5s); }
.c-mask._delay28::after { -webkit-animation-delay: 2.8s, calc(2.8s + 0.5s) !important; animation-delay: 2.8s, calc(2.8s + 0.5s) !important; }
.c-mask._delay29 { -webkit-transition-delay: calc(2.9s + 0.5s); transition-delay: calc(2.9s + 0.5s); }
.c-mask._delay29::after { -webkit-animation-delay: 2.9s, calc(2.9s + 0.5s) !important; animation-delay: 2.9s, calc(2.9s + 0.5s) !important; }
.c-mask._delay30 { -webkit-transition-delay: calc(3s + 0.5s); transition-delay: calc(3s + 0.5s); }
.c-mask._delay30::after { -webkit-animation-delay: 3s, calc(3s + 0.5s) !important; animation-delay: 3s, calc(3s + 0.5s) !important; }
.c-mask._delay31 { -webkit-transition-delay: calc(3.1s + 0.5s); transition-delay: calc(3.1s + 0.5s); }
.c-mask._delay31::after { -webkit-animation-delay: 3.1s, calc(3.1s + 0.5s) !important; animation-delay: 3.1s, calc(3.1s + 0.5s) !important; }
.c-mask._delay32 { -webkit-transition-delay: calc(3.2s + 0.5s); transition-delay: calc(3.2s + 0.5s); }
.c-mask._delay32::after { -webkit-animation-delay: 3.2s, calc(3.2s + 0.5s) !important; animation-delay: 3.2s, calc(3.2s + 0.5s) !important; }
.c-mask._delay33 { -webkit-transition-delay: calc(3.3s + 0.5s); transition-delay: calc(3.3s + 0.5s); }
.c-mask._delay33::after { -webkit-animation-delay: 3.3s, calc(3.3s + 0.5s) !important; animation-delay: 3.3s, calc(3.3s + 0.5s) !important; }
.c-mask._delay34 { -webkit-transition-delay: calc(3.4s + 0.5s); transition-delay: calc(3.4s + 0.5s); }
.c-mask._delay34::after { -webkit-animation-delay: 3.4s, calc(3.4s + 0.5s) !important; animation-delay: 3.4s, calc(3.4s + 0.5s) !important; }
.c-mask._delay35 { -webkit-transition-delay: calc(3.5s + 0.5s); transition-delay: calc(3.5s + 0.5s); }
.c-mask._delay35::after { -webkit-animation-delay: 3.5s, calc(3.5s + 0.5s) !important; animation-delay: 3.5s, calc(3.5s + 0.5s) !important; }
.c-mask._delay36 { -webkit-transition-delay: calc(3.6s + 0.5s); transition-delay: calc(3.6s + 0.5s); }
.c-mask._delay36::after { -webkit-animation-delay: 3.6s, calc(3.6s + 0.5s) !important; animation-delay: 3.6s, calc(3.6s + 0.5s) !important; }
.c-mask._delay37 { -webkit-transition-delay: calc(3.7s + 0.5s); transition-delay: calc(3.7s + 0.5s); }
.c-mask._delay37::after { -webkit-animation-delay: 3.7s, calc(3.7s + 0.5s) !important; animation-delay: 3.7s, calc(3.7s + 0.5s) !important; }
.c-mask._delay38 { -webkit-transition-delay: calc(3.8s + 0.5s); transition-delay: calc(3.8s + 0.5s); }
.c-mask._delay38::after { -webkit-animation-delay: 3.8s, calc(3.8s + 0.5s) !important; animation-delay: 3.8s, calc(3.8s + 0.5s) !important; }
.c-mask._delay39 { -webkit-transition-delay: calc(3.9s + 0.5s); transition-delay: calc(3.9s + 0.5s); }
.c-mask._delay39::after { -webkit-animation-delay: 3.9s, calc(3.9s + 0.5s) !important; animation-delay: 3.9s, calc(3.9s + 0.5s) !important; }
.c-mask._delay40 { -webkit-transition-delay: calc(4s + 0.5s); transition-delay: calc(4s + 0.5s); }
.c-mask._delay40::after { -webkit-animation-delay: 4s, calc(4s + 0.5s) !important; animation-delay: 4s, calc(4s + 0.5s) !important; }
.c-mask._delay41 { -webkit-transition-delay: calc(4.1s + 0.5s); transition-delay: calc(4.1s + 0.5s); }
.c-mask._delay41::after { -webkit-animation-delay: 4.1s, calc(4.1s + 0.5s) !important; animation-delay: 4.1s, calc(4.1s + 0.5s) !important; }
.c-mask._delay42 { -webkit-transition-delay: calc(4.2s + 0.5s); transition-delay: calc(4.2s + 0.5s); }
.c-mask._delay42::after { -webkit-animation-delay: 4.2s, calc(4.2s + 0.5s) !important; animation-delay: 4.2s, calc(4.2s + 0.5s) !important; }
.c-mask._delay43 { -webkit-transition-delay: calc(4.3s + 0.5s); transition-delay: calc(4.3s + 0.5s); }
.c-mask._delay43::after { -webkit-animation-delay: 4.3s, calc(4.3s + 0.5s) !important; animation-delay: 4.3s, calc(4.3s + 0.5s) !important; }
.c-mask._delay44 { -webkit-transition-delay: calc(4.4s + 0.5s); transition-delay: calc(4.4s + 0.5s); }
.c-mask._delay44::after { -webkit-animation-delay: 4.4s, calc(4.4s + 0.5s) !important; animation-delay: 4.4s, calc(4.4s + 0.5s) !important; }
.c-mask._delay45 { -webkit-transition-delay: calc(4.5s + 0.5s); transition-delay: calc(4.5s + 0.5s); }
.c-mask._delay45::after { -webkit-animation-delay: 4.5s, calc(4.5s + 0.5s) !important; animation-delay: 4.5s, calc(4.5s + 0.5s) !important; }
.c-mask._delay46 { -webkit-transition-delay: calc(4.6s + 0.5s); transition-delay: calc(4.6s + 0.5s); }
.c-mask._delay46::after { -webkit-animation-delay: 4.6s, calc(4.6s + 0.5s) !important; animation-delay: 4.6s, calc(4.6s + 0.5s) !important; }
.c-mask._delay47 { -webkit-transition-delay: calc(4.7s + 0.5s); transition-delay: calc(4.7s + 0.5s); }
.c-mask._delay47::after { -webkit-animation-delay: 4.7s, calc(4.7s + 0.5s) !important; animation-delay: 4.7s, calc(4.7s + 0.5s) !important; }
.c-mask._delay48 { -webkit-transition-delay: calc(4.8s + 0.5s); transition-delay: calc(4.8s + 0.5s); }
.c-mask._delay48::after { -webkit-animation-delay: 4.8s, calc(4.8s + 0.5s) !important; animation-delay: 4.8s, calc(4.8s + 0.5s) !important; }
.c-mask._delay49 { -webkit-transition-delay: calc(4.9s + 0.5s); transition-delay: calc(4.9s + 0.5s); }
.c-mask._delay49::after { -webkit-animation-delay: 4.9s, calc(4.9s + 0.5s) !important; animation-delay: 4.9s, calc(4.9s + 0.5s) !important; }
.c-mask._delay50 { -webkit-transition-delay: calc(5s + 0.5s); transition-delay: calc(5s + 0.5s); }
.c-mask._delay50::after { -webkit-animation-delay: 5s, calc(5s + 0.5s) !important; animation-delay: 5s, calc(5s + 0.5s) !important; }
.c-pagetop { position: relative; text-align: right; pointer-events: none; z-index: 1000; }
.c-pagetop__wrapper { display: none; position: absolute; bottom: 10px; left: 0; width: 100%; }
.c-pagetop__contents { position: absolute; bottom: 0; left: 0; width: 100%; }
.c-pagetop a { display: inline-block; padding: 20px 15px 0; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); pointer-events: auto; }
.c-pagetop__wrapper._fixed .c-pagetop__contents { position: fixed; bottom: 10px; }
.c-zoom { outline: 5px solid transparent; outline-offset: 10px; }
.c-zoom__container { display: inline-block; overflow: hidden; }
.c-zoom__container._block { display: block; }
.c-zoom__container._dark { background: #000; }
.c-zoom__container img { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }
.c-zoom:hover { text-decoration: none; }
html[data-whatinput="keyboard"] .c-zoom:focus { outline: 2px solid rgba(0, 0, 0, 0.8); outline-offset: 0; }
html[data-whatinput="keyboard"] .c-zoom:focus .c-zoom__container img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
html[data-whatinput="keyboard"] .c-zoom:focus .c-zoom__container._dark img { opacity: 0.7; }
html[data-whatintent="mouse"] .c-zoom:hover .c-zoom__container img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
html[data-whatintent="mouse"] .c-zoom:hover .c-zoom__container._dark img { opacity: 0.7; }
.p-media { font-size: 0.875rem; line-height: 2.03286; letter-spacing: 0.01em; }
.p-media__image img { width: 100%; }
.p-media__body { min-width: 0; padding-bottom: 10px; border-bottom: 6px solid var(--color-primary-dark); }
.p-media__desc { overflow: hidden; }
.p-media__desc:before { display: block; content: ""; height: 0.01rem; margin-bottom: -7px; }
.p-media__data { margin-top: 21px; }
.p-media__data dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.p-media__data dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 8px; color: #fff; font-size: 0.8125rem; line-height: 1; background-color: var(--color-primary-dark); }
.p-media__data dd { padding: 10px 32px 10px 15px; font-size: 0.9375rem; line-height: 1.51933; letter-spacing: 0.02em; background-color: #F3F4F5; }
.p-media__data .post_text p:last-child { margin-bottom: 0; }
.p-media__text p:nth-child(n+2) { margin-top: 12px; }
.p-media2 { margin: 42px -10px 0; }
.p-media2__image img { width: 100%; }
.p-media2__desc { margin-top: 10px; font-size: 0.75rem; letter-spacing: normal; }
.p-media2__title { font-size: 0.9375rem; line-height: 1.28267; }
.p-media2__title:nth-child(n+2) { margin-top: 10px; }
.p-media2__data { word-break: break-all; }
.p-media2__data > div:after { content: " "; display: block; clear: both; }
.p-media2__data dt { float: left; max-width: 60%; }
.p-media2__data dd { overflow: hidden; }
.p-mega { position: absolute; top: 100%; left: -10000px; right: -10000px; margin: 0 auto; text-align: left; z-index: 10; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; }
.p-mega__inner { padding: 41px 0; color: #fff; background-color: var(--color-primary-dark); }
.p-mega__inner a { color: inherit; display: block; position: relative; padding-right: 40px; font-size: 19px; letter-spacing: 1px; text-shadow: .02rem 0 0 currentColor; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.p-mega__inner a::after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 23px; height: 37px; background: url(../images/button_arrow01_white.png) no-repeat center right; background-size: 100%; transform: translateY(-50%); }
.p-mega__inner a:hover { opacity: 0.6; }
.p-mega__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 30px; }
.p-mv__wrapper:not(.root) { position: relative; z-index: 10; min-height: var(--mv-min-height); }
.p-mv__bg { position: absolute; top: 0; bottom: 50px; left: 0; width: 100%; z-index: -10; }
.p-mv__bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.p-mv__body { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10; }
.p-mv__heading { position: relative; display: inline-block; }
.p-navi-en { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #E0E2E8; }
.p-navi-en::before { content: ""; display: block; width: 1px; background-color: var(--color-primary-dark); position: absolute; top: 20px; bottom: 20px; left: 358px; }
.p-navi-en__group { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.p-navi-en__group:first-child { -webkit-flex-basis: 358px; -ms-flex-preferred-size: 358px; flex-basis: 358px; }
.p-navi-en__group:last-child { -webkit-flex-basis: fill; -ms-flex-preferred-size: fill; flex-basis: fill; }
.p-navi-en__item { text-align: center; }
.p-navi-en__item:nth-child(n+2) { border-top: 1px solid var(--color-primary-dark); }
.p-navi-en__item a { display: block; padding: 24px 0; }
.p-navi-en__item a img { display: block; margin: 0 auto; }
.p-popup { display: none; }
.p-popup__container { position: relative; width: 1000px; margin: 100px auto; padding: 60px 75px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.p-popup__container .mfp-arrow { display: none; }
.p-popup__close { position: absolute; top: -46px; right: 0; padding: 0; border: none; background: none !important; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
.p-popup__heading { position: relative; margin-bottom: 26px; padding: 0 0 10px 15px; border-bottom: 1px solid #000; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.03em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; line-height: 1.1; }
.p-popup__heading::before { content: ""; display: block; width: 5px; background-color: var(--color-primary-dark); position: absolute; top: 3px; bottom: 10px; left: 0; }
[data-js-tel] a { color: inherit; text-decoration: underline; }
[data-full] { height: 100vh; /* Fallback */ height: calc(var(--vh, 1vh) * 100); min-height: 580px; }
.mfp-bg:not(#root) { background-color: var(--color-primary); opacity: 0.95; }
.mfp-arrow { display: none !important; }
.mfp-wrap { overflow: auto !important; }

/*
.sa {
	&[class*="sa--"], // .sa-- は直接アニメーション
	[class*="sa__"]{  // .sa__ は子要素アニメーション
		opacity: 0;
		transition: opacity 0.8s ease,
					transform 0.8s ease;
	}
	&[class*="sa--"]{
		&.is-show{
			opacity: 1;
			transform: none;
		}
	}
	&.is-show{
		[class*="sa__"]{ //親要素を元にアニメーション
			opacity: 1;
			transform: none;
		}
	}
	&--lr,
	&__lr{ //親要素を基準にアニメーション
		transform: translate(-40px, 0);
	}
	&--rl,
	&__rl{
		transform: translate(40px, 0);
	}
	&--up,
	&__up{
		transform: translate(0, 40px);
	}
	&--down,
	&__down{
		transform: translate(0, -40px);
	}
}
*/
.mw_wp_form.mw_wp_form_confirm .mw_confirm-hidden { display: none; }
.mw_wp_form:not(.mw_wp_form_confirm) .mw_confirm-show { display: none; }

/* pagenavi */
.wp-pagenavi { clear: both; padding: 5px 10px; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; text-decoration: none; padding: 3px 5px 1px; margin: 0 3px; border: 1px solid #000; -webkit-transition: 0.5s; transition: 0.5s; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; background: #000; color: #fff; }
.wp-pagenavi span.current { font-weight: normal; }

/*single markup style*/
.post_text { overflow: hidden; }
.post_text p { margin-bottom: 10px; }
.post_text img { max-width: 100%; height: auto; }
.post_text img.alignright { float: right; margin: 0 0 15px 15px; display: block; }
.post_text img.alignleft { float: left; margin: 0 15px 15px 0; display: block; }
.post_text img.aligncenter { display: block; margin: 0 auto 15px; }
.post_text h1 { font-size: 36px; border-bottom: 6px solid; margin: 0 0 35px; }
.post_text h2 { font-size: 32px; border-bottom: 5px solid; margin: 0 0 35px; }
.post_text h3 { font-size: 28px; border-bottom: 4px solid; margin: 0 0 35px; }
.post_text h4 { font-size: 24px; border-bottom: 3px solid; margin: 0 0 35px; }
.post_text h5 { font-size: 20px; border-bottom: 2px solid; margin: 0 0 35px; }
.post_text h6 { font-size: 16px; border-bottom: 1px solid; margin: 0 0 35px; }
.post_text td { padding: 10px; border: 1px solid; }
.post_text table { margin-bottom: 25px; }
.post_text ul[style], .post_text ol[style] { padding-left: 1.3em; margin-bottom: 25px; }
.post_text li { list-style-type: inherit; }
.post_text ul[style] li { margin-bottom: 10px; line-height: 1.4; }
.post_text ul:not([style]) { list-style-type: none; padding-left: 1em; text-indent: -1em; }
.post_text ul:not([style]) > li::before { content: "\25CE"; }
.post_text ol[style] li { margin-bottom: 10px; line-height: 1.4; }
.post_text ol:not([style]) { list-style-type: none; counter-reset: ol; }
.post_text ol:not([style]) > li { display: table; counter-increment: ol; }
.post_text ol:not([style]) > li::before { display: table-cell; content: counter(ol) ")"; padding-right: 5px; white-space: nowrap; }
.post_text a { text-decoration: underline; }
.post_text .c-label:nth-child(n+2) { margin-top: 25px; }
.q-product01 { }
.q-product01 .padding { padding-top: 60px; padding-bottom: 120px; }
.q-product01 .bg { background: #fff; }

.search { position: relative; width: 100%; margin-bottom: 30px; }
.search-input { width: 100%; padding: 5px 10px; line-height: 45px; font-size: 22px; color: rgba(0, 0, 0, .55); background-color: #e5e7ec; border: 2px solid #0067bc; }
.search-input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none }
.search-input::-moz-placeholder { color: rgba(0, 0, 0, .55) }
.search-input::placeholder { color: rgba(0, 0, 0, .55) }
.search-input:focus { color: #00103e; background-color: transparent; border-color: #00103e; box-shadow: 0 0 10px 0 rgb(8 87 164 / 20%) }
.search-input:focus ~ .search-btn .search-icon { color: #00103e !important }
.search-btn { position: absolute; top: 50%; right: 0; height: 100%; padding: 0 .75rem; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; border: none; outline: none; background: none; cursor: pointer; }
.search-btn:focus { box-shadow: none }
.search-btn .search-icon { width: 1.5rem; height: 1.5rem; color: rgba(0, 0, 0, .55); stroke-width: 0; stroke: currentColor; fill: currentColor; vertical-align: -.125em }
.search-btn:hover .search-icon { color: #00103e }

.position { display: block; margin-bottom: 30px; text-align: left; font-size: 18px; color: #666 }
.position a { position: relative; padding: 0 5px; color: #666; text-decoration: none }
.position a:before { content: ""; display: inline-block; width: 10px; height: 10px; margin-top: -1px; margin-right: .5rem; vertical-align: middle; background: url(../images/icon_right_position.svg) no-repeat }
.position a:first-child:before { content: normal }
.position a:hover { color: #005bac }

.productnav { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.productnav li { flex: 0 0 20%; position: relative; max-width: 16.5%; padding-left: 15px; padding-bottom: 20px; /*padding-right: 15px;*/ box-sizing: border-box; }
.productnav li a { width: 100%; box-sizing: border-box; -webkit-appearance: none; background: none; background-color: #ffffff; border: 1px solid #00103e; border-radius: 0; box-shadow: none; color: #00103e; display: inline-block; font-size: 1.2rem; line-height: 1.2; margin: 0; padding: 18px 90px 18px 20px; position: relative; text-align: left; transition: background-color .35s cubic-bezier(.645, .045, .355, 1), color .35s cubic-bezier(.645, .045, .355, 1), border-color .35s cubic-bezier(.645, .045, .355, 1); }
/*.productnav li:nth-child(n+6) { margin-top: 20px; }*/
.productnav li a:before { background-image: url(../images/icon-angle-right-long-black.svg); background-position: right center; background-repeat: no-repeat; background-size: 94px 10px; bottom: 0; content: ""; display: block; height: 10px; left: auto; margin: auto; position: absolute; right: 30px; top: 0; transition: right .35s cubic-bezier(.645, .045, .355, 1), opacity .35s cubic-bezier(.645, .045, .355, 1); width: 50px; }
.productnav li a:after { background-image: url(../images/icon-angle-right-long-white.svg); background-position: right center; background-repeat: no-repeat; background-size: 94px 10px; bottom: 0; content: ""; display: block; height: 10px; left: auto; margin: auto; opacity: 0; position: absolute; right: 30px; top: 0; transition: right .35s cubic-bezier(.645, .045, .355, 1), opacity .35s cubic-bezier(.645, .045, .355, 1); width: 50px; }
.productnav li a:hover, .productnav a.on { background-color: #00103e; color: #fff; }
.productnav li a:hover:before { opacity: 0; }
.productnav li a:hover:after, .productnav a.on:after { opacity: 1; right: 20px; }
.productnav li:after{ content: ""; position: absolute; bottom: 0; left: 15px; width: calc( 100% - 15px ); height: 8px }
.productnav li:nth-child(1):after{ background-color: #185FB0; }
.productnav li:nth-child(2):after{ background-color: #0B0988; }
.productnav li:nth-child(3):after{ background-color: #2C9326; }
.productnav li:nth-child(4):after{ background-color: #CF0C0C; }
.productnav li:nth-child(5):after{ background-color: #B3A72F; }
.productnav li:nth-child(6):after{ background-color: #F98B8A; }

.productnav1 { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.productnav1 li { flex: 0 0 20%; position: relative; max-width: 16.5%; padding-left: 15px; padding-bottom: 20px; /*padding-right: 15px;*/ box-sizing: border-box; }
.productnav1 li a { width: 100%; box-sizing: border-box; -webkit-appearance: none; background: none; background-color: #ffffff; border: 1px solid #00103e; border-radius: 0; box-shadow: none; color: #00103e; display: inline-block; font-size: 1.3rem; line-height: 1; margin: 0; padding: 18px 20px 18px 20px; position: relative; text-align: center; transition: background-color .35s cubic-bezier(.645, .045, .355, 1), color .35s cubic-bezier(.645, .045, .355, 1), border-color .35s cubic-bezier(.645, .045, .355, 1); }
/*.productnav li:nth-child(n+6) { margin-top: 20px; }
.productnav1 li a:before {  background-position: right center; background-repeat: no-repeat; background-size: 94px 10px; bottom: 0; content: ""; display: block; height: 10px; left: auto; margin: auto; position: absolute; right: 30px; top: 0; transition: right .35s cubic-bezier(.645, .045, .355, 1), opacity .35s cubic-bezier(.645, .045, .355, 1); width: 50px; }
.productnav1 li a:after {  background-position: right center; background-repeat: no-repeat; background-size: 94px 10px; bottom: 0; content: ""; display: block; height: 10px; left: auto; margin: auto; opacity: 0; position: absolute; right: 30px; top: 0; transition: right .35s cubic-bezier(.645, .045, .355, 1), opacity .35s cubic-bezier(.645, .045, .355, 1); width: 50px; }*/
.productnav1 li a:hover, .productnav a.on { background-color: #00103e; color: #fff; }
.productnav1 li a:hover:before { opacity: 0; }
.productnav1 li a:hover:after, .productnav a.on:after { opacity: 1; right: 20px; }
.productnav1 li:after{ content: ""; position: absolute; bottom: 0; left: 15px; width: calc( 100% - 15px ); height: 8px }
.productnav1 li:nth-child(1):after{ background-color: #185FB0; }
.productnav1 li:nth-child(2):after{ background-color: #0B0988; }
.productnav1 li:nth-child(3):after{ background-color: #2C9326; }
.productnav1 li:nth-child(4):after{ background-color: #CF0C0C; }
.productnav1 li:nth-child(5):after{ background-color: #B3A72F; }
.productnav1 li:nth-child(6):after{ background-color: #F98B8A; }

.productlist { margin-top: 30px }
.productlist ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px }
.productlist ul li { flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.productlist ul li:nth-child(n+5) { margin-top: 30px; }
.productlist ul li .info { position: relative; padding: 25px; background-repeat: no-repeat; background-image: url(../images/bg_core_item.jpg); background-size: cover; min-height: 80px; }
.productlist ul li .info span { position: absolute; bottom: calc(100% - 19px); display: inline-block; font-size: 18px; color: #fff; background-color: #000; min-width: 145px; padding: 3px 15px; }
.productlist ul li .info h3 { padding: 5px 0; font-weight: bold; font-size: 20px; line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
/*.productlist ul li .info p { font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }*/
.productlist ul li .info p { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; -webkit-line-clamp: 2; text-overflow: ellipsis }
.productlist ul li a:hover { color: #00103e; }
.productlist ul li a:hover .info{ color: #fff; background: #00103e }
.productlist ul li a:hover .info span{ color: #000; background: #fff !important }
.productlist.productlist-two ul li a { display: block; -webkit-box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 14%); box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 14%); }
.productlist.productlist-two ul li a figure { display: block; overflow: hidden; }
.productlist.productlist-two ul li a figure img { transition: all 0.3s linear; }
.productlist.productlist-two ul li a figure img:hover { opacity: 0.8; transform: scale(1.05); }
.productlist.productlist-two ul li a .info { background: none; min-height: auto; }
.article { position: relative; }
.article .article-tit { padding-bottom: 15px; text-align: center; border-bottom: 2px solid #eee }
.article .article-tit h1 { font-size: 32px; color: rgba(0, 0, 0, .85); line-height: 40px; margin: 8px 0; word-wrap: break-word; word-break: break-all }
.article .article-file { font-size: 12px; color: #9199a1; line-height: 24px }
.article .article-file time, .article .article-file span { margin-right: 24px }
.article .article-info { overflow: hidden; padding-top: 0px }
.article h3, .article .article-h3 { background-color: rgba(45, 62, 110, .1); border-left: 10px solid #2d3e6e; font-weight: bold; font-size: 1.2rem; line-height: 1.6; margin: 30px 0; padding: 8px 3px 8px 15px; }
.article .article-lx-h3 { background-color: #2d3e6e; color: #fff; border-left: 0;font-weight: bold; font-size: 1.5rem; line-height: 1.6; margin: 30px 0 0; padding: 8px 3px 8px 35px; }
.article .article-lx-p{ margin-bottom: 30px; padding: 8px 3px 8px 35px; background-color: rgba(45, 62, 110, .1); }
.article .info { line-height: 1.8;font-size: 1.1rem; }
.article .info p { margin-bottom: 1rem; text-indent: 0; line-height: 2; color: #333; font-size: large }
.article .info img { max-width: 100%; vertical-align: top }
.article .info a { transition: 0.5s; text-decoration: none }
.article .info a:hover { text-decoration: underline }
.article .info strong, .article .info th { font-weight: bold }
.article .info .productnav { justify-content: normal }
.article .info .productnav li { flex: 0 0 33%; max-width: 33%; }
.article .info .productnav li a { margin-right: 30px; padding-top: 12px; padding-bottom: 12px }
.article .fanye { margin-bottom: 10px; padding: 10px 0; line-height: 32px; border-top: 1px solid #f0f1f2 }
.article .fanye strong { color: #00103e; font-weight: normal }
.article .fanye a { color: #333; text-decoration: none }
.article .fanye a:hover { color: #00103e; text-decoration: underline }
.article .lianxibox { display: none; }
.article .lianxi { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
.article .lianxi .lianxi-col { display: flex; justify-content: flex-start; flex: 0 0 50%; max-width: 50%; }
.article .lianxi .lianxi-col:nth-child(n+3) { margin-top: 20px; }
.article .lianxi .lianxi-col img { display: block; width: 110px; height: 110px; margin-right: 20px }
.article .lianxi .lianxi-col ul li { position: relative; display: flex; line-height: 22px; }
.article .lianxi .lianxi-col ul li .icon { display: inline-block; width: 14px; height: 14px; margin-top: 3px; margin-right: 5px; color: #999; stroke-width: 0; stroke: currentColor; fill: currentColor; flex: 0 0 1rem; }
.article .lianxi .lianxi-col ul li a { color: #d13939; }
.article .dinggou { }
.article .dinggou .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px }
.article .dinggou .row .col-6, .article .dinggou .row .col-12 { position: relative; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.article .dinggou .row .col-12 { margin-top: 20px }
@media (min-width:576px) {
    .article .dinggou .row .col-6 { flex: 0 0 50%; max-width: 50% }
    .article .dinggou .row .col-12 { flex: 0 0 100%; max-width: 100% }
}
@media (max-width:640px) {
    .article .dinggou .row .col-6:nth-child(n+2) { margin-top: 20px }
}
.article .dinggou .row input { border: 1px solid #00103e; height: 50px; -webkit-box-shadow: none; box-shadow: none; padding-left: 20px; font-size: 1.2rem; width: 100%; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; box-sizing: border-box; }
.article .dinggou .row textarea { border: 1px solid #00103e; height: 50px; -webkit-box-shadow: none; box-shadow: none; padding: 10px 10px 10px 20px; font-size: 1.3rem; width: 100%; min-height: 100px; box-sizing: border-box; }
.article .dinggou .row .submit { display: block; width: 160px; height: 50px; border: 1px solid #00103e; background-color: #00103e; color: #fff; margin-top: 20px; text-align: center; font-size: 1.2rem; line-height: 50px; cursor: pointer; outline: none }
.article .dinggou .row .submit:hover { background: #fff; border: 1px solid #00103e; color: #00103e; }

@media (max-width:640px) {
	.article .article-file { font-size: 16px; color: #9199a1; line-height: 24px; }
	.article .info .productnav { flex-direction: column; }
	.article .info .productnav li { flex: 0 0 100%; max-width: 100%; padding-right: 15px }
	.article .info .productnav li:nth-child(n+2) { margin-top: 20px; }
	.article .fanye { line-height: 48px }

	.article .lianxi .lianxi-col { flex: 0 0 100%; max-width: 100%; justify-content: flex-start; }
	.article .lianxi .lianxi-col:nth-child(n+2) { margin-top: 20px; }
	.article .lianxi .lianxi-col img { width: 160px; height: 160px }
	.article .lianxi .lianxi-col ul li { line-height: 32px; font-size: 20px }
	.article .lianxi .lianxi-col ul li .icon { width: 20px; height: 20px; }
}

/*全画面*/
.g-wrapper { position: relative; overflow: hidden; }

/*ヘッダー*/
.g-header .main { position: absolute; top: 0; left: 0; width: 100%; z-index: 5000;}
.g-header .main__inner { position: relative; }
.g-header .main-navi { margin-top: 4px; line-height: 1; }
.g-header .main-navi .p-mega { padding-top: 16px; }
.g-header .main-navi__list::after, .g-header .main-navi__item > a::after { content: ""; display: block; position: absolute; top: 0; width: 1px; height: 100%; background-color: var(--color-primary); -webkit-filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white); filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white); }
.g-header .main-navi__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.g-header .main-navi__list::after { right: 0; -webkit-filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white); filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white); }
.g-header .main-navi__item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; }
.g-header .main-navi__item::after { left: 0; }
.g-header .main-navi__item:nth-child(1) { -webkit-flex-basis: 95px; -ms-flex-preferred-size: 95px; flex-basis: 95px; }
.g-header .main-navi__item:nth-child(2) { -webkit-flex-basis: 110px; -ms-flex-preferred-size: 110px; flex-basis: 110px; }
.g-header .main-navi__item:nth-child(3) { -webkit-flex-basis: 138px; -ms-flex-preferred-size: 138px; flex-basis: 138px; }
.g-header .main-navi__item:nth-child(4) { -webkit-flex-basis: 138px; -ms-flex-preferred-size: 138px; flex-basis: 138px; }
.g-header .main-navi__item:nth-child(5) { -webkit-flex-basis: 98px; -ms-flex-preferred-size: 98px; flex-basis: 98px; }
.g-header .main-navi__item:nth-child(6) { -webkit-flex-basis: 138px; -ms-flex-preferred-size: 138px; flex-basis: 138px; }
.g-header .main-navi__item:nth-child(7) { -webkit-flex-basis: 95px; -ms-flex-preferred-size: 95px; flex-basis: 95px; }
.g-header .main-navi__item:nth-child(8) { -webkit-flex-basis: 97px; -ms-flex-preferred-size: 97px; flex-basis: 97px; }
.g-header .main-navi__item:nth-child(9) { -webkit-flex-basis: 94px; -ms-flex-preferred-size: 94px; flex-basis: 94px; }
.g-header .main-navi__item > a { display: block; position: relative; padding-top: 2px; padding-bottom: 2px; }
.g-header .main-navi__item > a > span { font-weight: bold; font-size: 1rem; color: #00103e; letter-spacing: 2px;    /*text-shadow: .03rem 0 0 currentColor;*/ -webkit-filter: drop-shadow(0 0 3px white) drop-shadow(0 0 3px white) drop-shadow(0 0 3px white); filter: drop-shadow(0 0 3px white) drop-shadow(0 0 3px white) drop-shadow(0 0 3px white); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.g-header .main-navi__item > a:hover > span { opacity: 0.6; }
.g-header .main-navi__item > a::after { left: 0; }
.g-header .main-navi__item > a::before { content: ""; display: block; position: absolute; width: 0; height: 0; top: 100%; left: 0; right: 0; margin: 0 auto; border-bottom: 14px solid var(--color-primary-dark); border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 10; -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; pointer-events: none; }
html:not(.is-tb) .g-header .main-navi__item._has_mega:hover .p-mega, html:not(.is-tb) .g-header .main-navi__item._has_mega:hover > a::before, html:not(.is-tb) .g-header .main-navi__item._has_mega:focus-within .p-mega, html:not(.is-tb) .g-header .main-navi__item._has_mega:focus-within > a::before { opacity: 1; visibility: visible; z-index: 100; }
html.is-tb .g-header .main-navi__item._has_mega.is-open .p-mega, html.is-tb .g-header .main-navi__item._has_mega.is-open > a::before { opacity: 1; visibility: visible; }
.g-header .main-navi._en { margin-top: 32px; }
.g-header .main-navi._en .main-navi__item:nth-child(1) { -webkit-flex-basis: 272px; -ms-flex-preferred-size: 272px; flex-basis: 272px; }
.g-header .main-navi._en .main-navi__item:nth-child(2) { -webkit-flex-basis: 175px; -ms-flex-preferred-size: 175px; flex-basis: 175px; }
.g-header .main-navi._en .main-navi__item:nth-child(3) { -webkit-flex-basis: 305px; -ms-flex-preferred-size: 305px; flex-basis: 305px; }
.g-header .main-navi._en .main-navi__item:nth-child(4) { -webkit-flex-basis: 248px; -ms-flex-preferred-size: 248px; flex-basis: 248px; }
.g-header .main-contact { position: absolute; top: 0; right: 0; }
.g-header .main-english { position: absolute; top: -1px; right: 83px; }
.g-header .main-english img { display: block; }
.g-header .main-japanese { position: absolute; top: -1px; right: 83px; }
.g-header .main-japanese img { display: block; }
.g-header .logo { height: 105px; -webkit-filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white); filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white) drop-shadow(0 0 1px white); }
.g-header .logo._en { -webkit-transform: translate(-1px, 16px); -ms-transform: translate(-1px, 16px); transform: translate(-1px, 16px); }

/*.g-header .main-navi__list::after,
.g-header .main-navi__item > a::after {
	-webkit-filter: drop-shadow(0 0 3px white) drop-shadow(0 0 3px white) drop-shadow(0 0 3px white);
	filter: drop-shadow(0 0 3px white) drop-shadow(0 0 3px white) drop-shadow(0 0 3px white);
}*/
.g-header .main-navi__item > a > img { display: block; margin: 0 auto; -webkit-filter: drop-shadow(0 0 5px white) drop-shadow(0 0 5px white); filter: drop-shadow(0 0 5px white) drop-shadow(0 0 5px white); }
.g-header .menu-button { position: absolute; top: 0px; right: 0px; margin: 0; border: none; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
.g-header .sub { position: fixed; top: 0; left: 0; width: 100%; height: 63px; background-color: #fff; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; z-index: 9990; }
.g-header .sub._fixed { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.g-header .sub__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.g-header .sub__logo { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.g-header .sub__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.g-header .sub .p-mega { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); }
.g-header .sub__item > a { position: relative; display: block; }
.g-header .sub__item > a::before { content: ""; display: block; position: absolute; width: 0; height: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; border-bottom: 14px solid var(--color-primary-dark); border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 10; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; pointer-events: none; }
html:not(.is-tb) .g-header .sub._fixed .sub__item._has_mega:hover .p-mega, html:not(.is-tb) .g-header .sub._fixed .sub__item._has_mega:hover > a::before, html:not(.is-tb) .g-header .sub._fixed .sub__item._has_mega:focus-within .p-mega, html:not(.is-tb) .g-header .sub._fixed .sub__item._has_mega:focus-within > a::before { opacity: 1; visibility: visible; z-index: 100; }
html.is-tb .g-header .sub._fixed .sub__item._has_mega.is-open .p-mega, html.is-tb .g-header .sub._fixed .sub__item._has_mega.is-open > a::before { opacity: 1; visibility: visible; }
.g-header .sub__navi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 28px; }
.g-header .sub__navi img { display: block; }
.g-header .sub__navi > li { margin-left: 18px; }
.g-header .sub__navi > li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.g-header .sub__navi > li a span { font-weight: bold; font-size: 1rem; color: #00103e; letter-spacing: 2px; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.g-header .sub__navi > li a:hover span { opacity: 0.6 }
.g-header .sub__navi .ex { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); }
.g-header .sub__navi._en img { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
.g-header .sub__english { position: absolute; top: 0; right: 75px; }
.g-header .sub__english img { display: block; }
.g-header .menu { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; visibility: hidden; opacity: 1; -webkit-transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-out; transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-out; transition: opacity 0.5s ease-in, transform 0.5s ease-out; transition: opacity 0.5s ease-in, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; z-index: 6000; }
.g-header .menu._open { opacity: 1; visibility: visible; }
.g-header .menu__scroll { height: 100%; overflow: auto; }
.g-header .menu__close { position: absolute; top: 45px; right: 29px; margin: 0; border: none; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; }
.g-header .menu__inner { position: relative; padding-top: 88px; }
.g-header .menu__navi a { position: relative; display: block; padding: 33px 30px 34px 30px; background-color: #D9EBF7; }
.g-header .menu__navi a span { font-weight: bold; font-size: 1.5rem; color: #00103e; letter-spacing: 4px; }
.g-header .menu__navi a::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto 0; width: 0; height: 0; border-left: 17px solid var(--color-primary); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.g-header .menu__navi > li:nth-child(n+2) { margin-top: 2px; }
.g-header .menu__navi > li:nth-child(2n+1) a { background-color: #B2D6EE; }
.g-header .menu__banner { padding-top: 40px; padding-bottom: 60px; border-bottom: 10px solid var(--color-primary); text-align: center; }
.g-header .menu__banner > li:nth-child(n+2) { margin-top: 20px; }
.page-values .g-header .main { background: rgba(0, 133, 201, 0.8); padding-bottom: 19px; }
.page-values .g-header .main-navi__list::after, .page-values .g-header .main-navi__item > a::after { background-color: var(--color-primary-dark); }
.page-values .g-header .main-navi__list::after, .page-values .g-header .main-navi__item > a::after { -webkit-filter: none; filter: none; }
.page-values .g-header .main-navi__item img { -webkit-filter: none; filter: none; }
.page-values .g-header .sub { background-color: rgba(0, 133, 201, 0.8); }
.page-mold .g-header .main-navi__list::after, .page-mold .g-header .main-navi__item > a::after { background-color: #fff; }
.page-mold .g-header .main-navi__list::after, .page-mold .g-header .main-navi__item > a::after { -webkit-filter: none; filter: none; }
.page-mold .g-header .main-navi__item img { -webkit-filter: none; filter: none; }

/*フッター*/
.g-footer { position: relative; padding: 33px 0 10px; border-top: 1px solid var(--color-primary-dark); border-bottom: 9px solid var(--color-primary-dark); background-color: #fff; }
.g-footer.g-footer-index{ padding-bottom: 19px; border-bottom: none;}
.g-footer.g-footer-index:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 9px; background: url(../images/border_line.svg) center top no-repeat; background-size: 100% 10px; content: ""; }
.g-footer .container { position: relative; }
.g-footer .logo { width: 360px; margin-bottom: 14px; }
.g-footer .logo._en { margin-bottom: 9px; }
.g-footer .address { line-height: 1.90571; }
.g-footer .certification { margin-top: 27px; }
.g-footer .certification._en { margin-top: 14px; }
.g-footer .navi { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 3px; padding-right: 16px; font-weight: 500; line-height: 1.32429; }
.g-footer .navi__list { margin-left: 26px; padding-left: 16px; background: url(../images/bg_dotted_v.png) repeat-y left top; }
.g-footer .navi__list > li:nth-child(n+2) { margin-top: 10px; }
.g-footer .navi__english { position: absolute; bottom: -24px; right: 6px; }
.g-footer .copyright { margin-top: 31px; line-height: 32px; text-align: center; font-size: .75rem; font-weight: 300; letter-spacing: normal; }
.floating { position: fixed; bottom: 10%; right: 20px; transform: translateY(-50%); z-index: 999 }
.floating svg { vertical-align: middle }
.floating li { position: relative; width: 44px; height: 44px; margin-top: 10px; text-align: center; cursor: pointer; font-size: 14px; color: #00103e; border-radius: 100%; background: #fff; box-shadow: 0 0 12px 0 hsl(0deg 0% 71% / 30%) }
.floating li:first-child { margin-top: 0 }
.floating li span .icon { display: inline-block; width: 1.25rem; height: 1.25rem; color: #00103e; stroke-width: 0; stroke: currentColor; fill: currentColor; flex: 0 0 1.25rem }
.floating li.sev { height: inherit; padding: 15px 0; border-radius: 25px }
.floating li.sev > span { display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; justify-content: center }
.floating li.sev > span p { margin-top: 10px; margin-bottom: 0; letter-spacing: 3px; writing-mode: vertical-rl; writing-mode: tb-rl }
.floating li .tooltips { display: none; position: absolute; top: 50%; right: 100%; padding-right: 10px; transform: translateY(-50%) }
.floating li .tooltips-box { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #00103e; letter-spacing: 1px; border-radius: 4px; background: #fff; box-shadow: 0 0 12px 0 hsl(0deg 0% 71% / 30%); overflow: hidden }
.floating li .tooltips-box.tooltips-inner { line-height: 28px; word-wrap: break-word; word-break: normal; white-space: nowrap }
.floating li .tooltips-box > a { width: 100%; padding: 10px 16px; text-align: left; text-decoration: none; box-sizing: border-box; }
.floating li .tooltips-box > a:hover { background: linear-gradient(rgb(247 247 247) 0px, rgb(231 231 231) 100%) }
.floating li .tooltips-box > a span { }
.floating li .tooltips-box > a span .icon { margin-right: 8px; width: 1rem; height: 1rem; flex: 0 0 1rem; color: #00103e }
.floating li .tooltips-box > a p { margin-bottom: 0; padding-left: 24px; line-height: 24px; font-size: 14px; font-family: Arial }
.floating li.gotop { display: none }
.floating li.gotop a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100% }
.floating li.gotop a .icon { width: 1.5rem; height: 1.5rem; flex: 0 0 1.5rem }
.floating li a { color: inherit }
.floating li:hover { color: #fff; background: #00103e }
.floating li:hover .icon { color: #fff }
.floating li:hover .tooltips { display: block }

.linksbox { padding: 30px 0; }
.linksbox span { display: block; padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #f3f3f3; }
.linksbox span strong{ color: #0c7ac4;}
.linksbox .links { padding-top: 10px; border-top: 1px solid #b8b9bf; }
.linksbox .links a { margin-right: 10px; padding-right: 10px; line-height: 14px; color: #333; font-size: 14px; border-right: 1px solid #333; }
.linksbox .links a:last-child { border-right: none; }
.linksbox .links a:hover { opacity: 0.6; }
@media (max-width:640px) {
    .linksbox{
        min-width: 640px;
    }
}

/*メイン*/
.g-main { display: block; }
.g-main:after { content: " "; display: block; clear: both; }
.page-bases { background-color: #fff; }
.q-bases01 .padding { padding-top: 69px; padding-bottom: 85px; }
.q-bases01 .lede { font-size: 1.75rem; margin-bottom: 25px; font-weight: 500; line-height: 1.37321; letter-spacing: 0.09em; text-align: center; }
.q-bases01 .text { font-size: 1rem; line-height: 2.50937; text-align: center; letter-spacing: var(--letter-spacing); }
.q-bases02 { position: relative; background: url(../images/section02_bg.jpg) repeat center top; }
.q-bases02 .heading { position: absolute; top: 0; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.q-bases02 .body { max-width: 924px; padding-top: 75px; padding-bottom: 61px; }
.q-bases02 .body .category { margin-bottom: 60px; text-align: center; }
.q-bases02 .map__item { position: relative; display: inline-block; }
.q-bases02 .pin { position: absolute; z-index: 10; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
.q-bases02 .pin.is-show { z-index: 100; }
.q-bases02 .pin__icon { position: relative; background-color: transparent; margin: 0; padding: 0; border: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; outline: 5px solid transparent; outline-offset: 10px; }
.q-bases02 .pin__icon img { max-width: none; }
.q-bases02 .pin__icon::before { content: ""; display: block; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; }
.q-bases02 .pin__icon:hover { text-decoration: none; }
html[data-whatinput="keyboard"] .q-bases02 .pin__icon:focus { opacity: 0.6; outline: 2px solid rgba(0, 0, 0, 0.8); outline-offset: 0; }
html[data-whatintent="mouse"] .q-bases02 .pin__icon:hover { opacity: 0.6; }
.q-bases02 .pin__popup { pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.5s, opacity 0.5s; transition: visibility 0.5s, opacity 0.5s; --q-border-color: #ccc; --q-bg-color: #ccc; --q-category-color: #ccc; }
.q-bases02 .pin__popup:hover:not(#root) { opacity: 0.6; }
.q-bases02 .pin__popup.is-show { opacity: 1; visibility: visible; }
.q-bases02 .pin__popup._sale { --q-border-color: #1AA3D0; --q-bg-color: #E8F6FA; --q-category-color: #D1EDF6; }
.q-bases02 .pin__popup._mold { --q-border-color: #E60020; --q-bg-color: #FCE5E9; --q-category-color: #FACCD2; }
.q-bases02 .pin__popup._parts { --q-border-color: #F5CB46; --q-bg-color: #FEFAEC; --q-category-color: #FCEFC7; }
.q-bases02 .pin__popup::before, .q-bases02 .pin__popup::after { content: ""; display: block; width: 0; height: 0; position: absolute; bottom: 38px; left: 0; right: 0; margin: 0 auto; border-top: 14px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.q-bases02 .pin__popup::after { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.q-bases02 .pin__popup._sale::after { border-top-color: #E8F6FA; }
.q-bases02 .pin__popup._sale::before { border-top-color: #1AA3D0; }
.q-bases02 .pin__popup._mold::after { border-top-color: #FCE5E9; }
.q-bases02 .pin__popup._mold::before { border-top-color: #E60020; }
.q-bases02 .pin__popup._parts::after { border-top-color: #FEFAEC; }
.q-bases02 .pin__popup._parts::before { border-top-color: #F5CB46; }
.q-bases02 .pin__flame { pointer-events: auto; position: absolute; left: 50%; bottom: 100%; display: block; width: 276px; padding: 22px 15px; border: 2px solid var(--q-border-color); background-color: var(--q-bg-color); -webkit-transform: translate(-50%, -18px); -ms-transform: translate(-50%, -18px); transform: translate(-50%, -18px); text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-bases02 .pin__flame.is-left { -webkit-transform: translate(-5%, -18px); -ms-transform: translate(-5%, -18px); transform: translate(-5%, -18px); }
.q-bases02 .pin__flame.is-right { -webkit-transform: translate(-95%, -18px); -ms-transform: translate(-95%, -18px); transform: translate(-95%, -18px); }
.q-bases02 .pin__flame.is-right .pin__view { right: 33px; }
.q-bases02 .pin__flame img { opacity: 1; }
.q-bases02 .pin__place { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; font-size: 1.0625rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.08em; }
.q-bases02 .pin__place::before, .q-bases02 .pin__place::after { content: ""; display: block; height: 1px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #000; }
.q-bases02 .pin__place::before { margin-right: 2px; }
.q-bases02 .pin__place::after { margin-left: 2px; }
.q-bases02 .pin__title { margin-bottom: 5px; font-size: 1.4375rem; font-weight: 700; line-height: 1; }
.q-bases02 .pin__title img { max-height: 44px; width: auto; }
.q-bases02 .pin__category { max-width: 152px; margin: 0 auto; padding-bottom: 2px; font-size: 1.125rem; font-weight: 700; line-height: 1.2; background-color: var(--q-category-color); }
.q-bases02 .pin__view { position: absolute; bottom: 0; right: 15px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.q-bases03 .inner { max-width: 980px; }
.q-bases03 .head { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.q-bases03 .padding { padding: 74px 0 82px; }
.q-bases03 .section { position: relative; }
.q-bases03 .section:first-child .padding { padding-top: 47px; }
.q-bases03 .section:last-child .padding { padding-bottom: 134px; }
.q-bases03 .bg { background-repeat: repeat; background-position: center top; }
.q-bases03 .bg._01 { background-image: url(../images/section03_bg01.jpg); }
.q-bases03 .bg._02 { background-image: url(../images/section03_bg02.jpg); }
.q-bases03 .bg._03 { background-image: url(../images/section03_bg03.jpg); }
.q-bases03 .list__item:nth-child(n+2) { margin-top: 50px; padding-top: 50px; background: url(../images/border.png) repeat-x left top; }
.q-bases03 .post { --q-category-color: #ccc; font-size: 1rem; line-height: 1.535; letter-spacing: var(--letter-spacing); }
.q-bases03 .post._sale { --q-category-color: #1AA3D0; }
.q-bases03 .post._mold { --q-category-color: #E60020; }
.q-bases03 .post._parts { --q-category-color: #F5CB46; }
.q-bases03 .post__head { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: bases03-head; }
.q-bases03 .post__slide { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: bases03-slide; }
.q-bases03 .post__map { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: bases03-map; }
.q-bases03 .post__table { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: bases03-table; }
.q-bases03 .post._has_slide { -ms-grid-rows: auto auto auto; -ms-grid-columns: 480px 480px; grid-template: "bases03-head  bases03-head" auto "bases03-slide bases03-map" auto "bases03-table bases03-table" auto /    480px         480px; }
.q-bases03 .post:not(._has_slide) { -ms-grid-rows: auto auto; -ms-grid-columns: 480px 480px; grid-template: "bases03-head  bases03-map" auto "bases03-table bases03-table" auto /    480px         480px; }
.q-bases03 .post__category { width: 133px; margin-bottom: 15px; padding: 1px 3px 3px; font-size: 1rem; font-weight: 700; color: #fff; text-align: center; letter-spacing: 0.03em; background-color: var(--q-category-color); -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-bases03 .post__address, .q-bases03 .post__num, .q-bases03 .post__tel, .q-bases03 .post__fax { display: inline-block; margin-right: 15px; }
.q-bases03 .post__fax { margin-right: 0 !important; }
.q-bases03 .post__view { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.q-bases03 .post:not(._has_slide) .post__head { margin-bottom: 20px; }
.q-bases03 .post:not(._has_slide) .post__address { display: block; }
.q-bases03 .post:not(._has_slide) .post__title { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--color-secondary); }
.q-bases03 .post__title { font-size: 1.5rem; font-weight: 700; letter-spacing: var(--letter-spacing); line-height: 1.21917; }
.q-bases03 .post__info { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; }
.q-bases03 .post__map { position: relative; min-height: 280px; }
.q-bases03 .post__map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.q-bases03 .post__table { margin-top: 15px; letter-spacing: 0.02em; }
.q-bases03 .post__table table { width: 100%; border-left: hidden; border-right: hidden; background-color: #fff; }
.q-bases03 .post__table th, .q-bases03 .post__table td { padding: 12px 15px; border: 1px solid var(--color-secondary); vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-bases03 .post__table th { width: 200px; }
.q-bases03 .slide__main:not(.slick-initialized), .q-bases03 .slide__thumb:not(.slick-initialized) { display: none; }
.q-bases03 .slide__main .slick-slide, .q-bases03 .slide__thumb .slick-slide { position: relative; }
.q-bases03 .slide__main .slick-slide::before, .q-bases03 .slide__thumb .slick-slide::before { content: ""; display: block; padding-bottom: 59.65517%; }
.q-bases03 .slide__main .slick-slide img, .q-bases03 .slide__thumb .slick-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; }
.q-bases03 .slide__thumb { margin-top: 10px; }
.q-bases03 .slide__thumb .slick-slide { width: 116px; margin-right: 5px; cursor: pointer; }
.q-bases03 .slide .slick-arrow { position: absolute; top: 0; bottom: 0; width: 27px; height: 27px; margin: auto 0; padding: 0; border: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background: url(../images/slide-arrow.png) no-repeat left top; background-size: 100% 100%; z-index: 10; }
.q-bases03 .slide .slick-arrow::before { content: ""; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; }
.q-bases03 .slide .slick-arrow.slick-prev { left: 10px; }
.q-bases03 .slide .slick-arrow.slick-next { right: 10px; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.page-business { background: url(../images/bg_stripe.jpg) repeat center top; }
.q-business01 { padding: 74px 0 87px; font-size: 1rem; line-height: 2.50937; text-align: center; }
.q-business01 .lede { margin-bottom: 20px; font-size: 1.75rem; font-weight: 500; line-height: 1.5125; letter-spacing: normal; }
.q-business02 { position: relative; color: #fff; z-index: 10; }
.q-business02 .bg img { width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: -10; }
.q-business02 .content { position: absolute; width: 442px; height: 442px; padding-top: 68px; font-size: 1rem; line-height: 1.69019; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-business02 .content::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 1000px; pointer-events: none; opacity: 0.4; background-color: #fff; }
.q-business02 .content::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; border-radius: 1000px; pointer-events: none; mix-blend-mode: multiply; }
.q-business02 .content__inner { position: relative; z-index: 100; }
.q-business02 .content__inner, .q-business02 .content::before, .q-business02 .content::after { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; }
.q-business02 .list__item._01 .content { bottom: calc(50% + 20px); left: 0; right: 0; margin: 0 auto; }
.q-business02 .list__item._01 .content::after { background-color: #0078C8; }
.q-business02 .list__item._02 .content { right: calc(50% + 30px); top: 0; bottom: 0; margin: auto 0; }
.q-business02 .list__item._02 .content::after { background-color: #1CA3D0; }
.q-business02 .list__item._03 .content { top: calc(50% + 20px); left: 0; right: 0; margin: 0 auto; }
.q-business02 .list__item._03 .content::after { background-color: #009685; }
.q-business02 .list__item._04 .content { left: calc(50% + 30px); top: 0; bottom: 0; margin: auto 0; }
.q-business02 .list__item._04 .content::after { background-color: #0D3F9D; }
.q-business02__bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: -10; }
.q-business02 .title { margin-bottom: 20px; text-align: center; }
.q-business02 .text { width: 270px; margin: 0 auto; }
.page-company { background-color: #E5E7EC; }
.q-company01 .padding { padding-top: 93px; padding-bottom: 91px; }
.q-company01 .inner { max-width: 940px; }
.q-company01 .body { font-size: 1rem; line-height: 2.08875; letter-spacing: var(--letter-spacing); }
.q-company01 .body p:nth-child(n+2) { margin-top: 22px; }
.q-company01 .text { min-width: 0; }
.q-company01 .photo img { width: 100%; height: auto;}
.q-company02 .bg { background-color: #fff; }
.q-company02 .padding { padding-top: 77px; padding-bottom: 85px; }
.q-company02 .inner { max-width: 940px; }
.q-company02 .small { display: block; font-size: 0.8125rem; line-height: 1; -webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); transform: translate(-5px, 0); }
.q-company02 .table { font-size: 1rem; line-height: 1.8895; letter-spacing: var(--letter-spacing); }
.q-company02 .table table { width: 100%; border: hidden; }
.q-company02 .table th, .q-company02 .table td { height: 91px; padding: 20px 10px; border: 10px solid transparent; background-color: #E5F1F9; background-clip: padding-box; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.q-company02 .table th { position: relative; width: 6%; padding-left: 38px; }
.q-company02 .table th::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 6px; height: 10000px; background-color: var(--color-primary); }
.q-company02 .table td { padding-left: 28px; }
.q-company02 .table ul { line-height: 1.77875; padding-left: 1em; text-indent: -1em; }
.q-company03 .padding { padding-top: 86px; padding-bottom: 138px; }
.q-company03 .inner { max-width: 940px; }
.q-company03 .c-heading { margin-bottom: 13px; }
.q-company03 .table { position: relative; font-size: 1rem; line-height: 1.8895; letter-spacing: var(--letter-spacing); }
.q-company03 .table::before { content: ""; display: block; position: absolute; top: 0; left: 150px; width: 1px; height: 100%; background: url(../images/bg_dotted_v.png) repeat-y left top; pointer-events: none; z-index: 10; }
.q-company03 .table table { width: 100%; border-top: 2px solid var(--color-primary-dark); border-bottom: 2px solid var(--color-primary-dark); }
.q-company03 .table tr:nth-child(2n) { background-color: #fff; }
.q-company03 .table th, .q-company03 .table td { vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-company03 .table th { width: 150px; padding: 5px 10px 5px 11px; line-height: 1.1; }
.q-company03 .table th > span { display: block; font-size: 0.875rem; }
.q-company03 .table td { padding: 10px 10px 11px 25px; }
.q-contact-mv { padding-top: 135px; background: #fff; }
.q-contact-mv .inner { position: relative; z-index: 1; border-top: 2px solid #00103e; border-bottom: 2px solid #00103e; background: url(../images/contact_mv_bg.png) center top; background-size: 4px auto; height: 241px; }
.q-contact-mv .heading { padding-left: 92px; padding-top: 96px; font-size: 40px; color: #fff; letter-spacing: 1px; text-shadow: .02rem 0 0 currentColor; }
.q-contact01 .bg { background: #fff; }
.q-contact01 .l-inner { max-width: 938px; }
.q-contact01 .padding { padding-top: 71px; padding-bottom: 115px; }
.q-contact01 .form__text { color: #00103e; border: 1px solid #00103e; display: inline-block; font-weight: 700; font-size: 0.9375rem; padding: 0 7px; margin-bottom: 40px; }
.q-contact01 .form table { width: 100%; }
.q-contact01 .form table th, .q-contact01 .form table td { font-size: 1.125rem; display: block; }
.q-contact01 .form table th { font-weight: 700; text-align: left; border-bottom: 1px solid #000; padding-bottom: 0; }
.q-contact01 .form table td { padding-top: 8px; padding-bottom: 17px; }
.q-contact01 .form__bg { background: #e5e7ec; padding: 26px 35px; }
.q-contact01 .form__inputtext input, .q-contact01 .form__inputtext textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 28px 33px; font-family: inherit; font-size: 1.125rem; -webkit-appearance: none; background: #e5e7ec; border-radius: 0; border: none; letter-spacing: 0.05em; }
.q-contact01 .form__inputtext textarea { height: 83px; min-height: 83px; resize: vertical; }
.q-contact01 .form__checkbox .horizontal-item + .horizontal-item { margin-left: 0 !important; }
.q-contact01 .form__checkbox input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.q-contact01 .form__checkbox input + span { display: inline-block; cursor: pointer; padding-left: 18px; position: relative; margin-right: 17px; }
.q-contact01 .form__checkbox input + span:before { -webkit-box-sizing: border-box; box-sizing: border-box; content: ""; display: block; position: absolute; top: 8px; left: 0; width: 14px; height: 14px; border: 1px solid #000; }
.q-contact01 .form__checkbox input:checked + span:after { -webkit-box-sizing: border-box; box-sizing: border-box; content: ""; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 21px; background: url(../images/check.png) center center no-repeat; background-size: 100% auto; }
.q-contact01 .submit { padding-top: 46px; }
.q-contact01 .submit:after { content: " "; display: block; clear: both; }
.q-contact01 .submit__input { float: left; width: 48.4%; }
.q-contact01 .submit__input input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 1.75rem; color: #fff; background: #00103e; border: none; cursor: pointer; margin: 0 0 10px; font-family: inherit; padding: 42px 10px; border-radius: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; letter-spacing: 0.05em; -webkit-appearance: none; -moz-appearance: none; }
.q-contact01 .submit__text { float: right; width: 47.65%; font-size: 1rem; padding-top: 5px; }
.q-contact01 .mw_wp_form_confirm .form__bg { background: none; padding: 0 !important; }
.q-contact01 .mw_wp_form_confirm .submit__text { display: none; }
.q-contact01 .mw_wp_form_confirm .submit__input { width: auto; float: none; }
.q-contact01 .mw_wp_form_confirm .submit__input [name="submitBack"] { -webkit-box-shadow: 0px 0px 0px 2px #00103e; box-shadow: 0px 0px 0px 2px #00103e; color: #00103e; background-color: #fff; }
.q-contact01 .complete { text-align: center; }
.q-contact01 .complete__heading { margin-bottom: 20px; font-size: 1.5rem; font-weight: 700; }
.q-contact01 .complete__text { font-size: 1.125rem; line-height: 2; }
.q-english-mv { padding-top: 135px; background-color: #fff; }
.q-english-mv .image { position: relative; height: 620px; }
.q-english-mv .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.q-english01 .bg { background-color: #E5E7EC; }
.q-english01 .padding { padding-top: 76px; padding-bottom: 97px; }
.q-english01 .inner { max-width: 960px; }
.q-english01 .heading { margin-bottom: 55px; text-align: center; }
.q-english01 .value__count { margin-bottom: 14px; }
.q-english01 .value__item:nth-child(n+2) { margin-top: 35px; }
.q-english01 .content__heading { color: var(--color-primary); font-weight: 700; font-size: 1.5rem; line-height: 1.56458; letter-spacing: var(--letter-spacing); }
.q-english01 .content__heading:before { display: block; content: ""; height: 0.01rem; margin-bottom: -5px; }
.q-english01 .content__desc { margin-top: 5px; font-size: 1rem; line-height: 1.68625; letter-spacing: 0.04em; }
.q-english01 .content__image img { width: 100%; }
.q-english02 .c-heading { margin-bottom: 12px; }
.q-english02 .c-heading2 { margin-bottom: 7px; }
.q-english02 .c-heading2::after { margin-top: 14px; }
.q-english02 .c-heading2__title { font-size: 1.25rem; letter-spacing: var(--letter-spacing); }
.q-english02 .area1__bg { background-color: #fff; }
.q-english02 .area1__padding { padding-top: 98px; padding-bottom: 48px; }
.q-english02 .heading { margin-bottom: 62px; text-align: center; }
.q-english02 .media__heading { margin-bottom: 2px; font-size: 1.5625rem; font-weight: 500; line-height: 1.5116; letter-spacing: var(--letter-spacing); }
.q-english02 .media__heading:before { display: block; content: ""; height: 0.01rem; margin-bottom: -5px; }
.q-english02 .media__text { font-size: 1rem; line-height: 1.61938; letter-spacing: 0.04em; }
.q-english02 .area2__bg { position: relative; z-index: 10; }
.q-english02 .area2__bg > img, .q-english02 .area2__bg > picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-english02 .area2__padding { padding: 60px 0 60px; }
.q-english02 .group__image { padding-bottom: 186px; text-align: center; }
.q-english02 .group._01 .group__inner { padding-top: 56px; padding-bottom: 30px; }
.q-english02 .section { line-height: 1.59786; }
.q-english02 .section__text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.q-english02 .use { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20px; border: 1px solid #000; border-top: 0; line-height: 1.6675; }
.q-english02 .use__title { position: absolute; top: 0; left: -1px; width: calc(100% + 2px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; }
.q-english02 .use__title::before, .q-english02 .use__title::after { content: ""; display: block; height: 1px; background-color: #000; }
.q-english02 .use__title::before { width: 20px; margin-right: 5px; }
.q-english02 .use__title::after { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 5px; }
.q-english02 .use__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 75px; -ms-flex-preferred-size: 75px; flex-basis: 75px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-english02 .use__inner { padding: 15px 22px 13px 27px; }
.q-english03 .c-heading { margin-bottom: 12px; }
.q-english03 .c-heading2 { margin-bottom: 7px; }
.q-english03 .c-heading2::after { margin-top: 14px; }
.q-english03 .c-heading2__title { font-size: 1.25rem; letter-spacing: var(--letter-spacing); }
.q-english03 .area1__bg { background-color: #fff; }
.q-english03 .area1__padding { padding-top: 98px; padding-bottom: 30px; }
.q-english03 .heading { margin-bottom: 62px; text-align: center; }
.q-english03 .media__heading { margin-bottom: 10px; font-size: 1.5625rem; font-weight: 500; line-height: 1.5116; letter-spacing: var(--letter-spacing); }
.q-english03 .media__heading:before { display: block; content: ""; height: 0.01rem; margin-bottom: -5px; }
.q-english03 .media__text { font-size: 1rem; line-height: 1.61938; letter-spacing: 0.03em; }
.q-english03 .media__flow { position: relative; padding-bottom: 20px; }
.q-english03 .media__flow a { display: block; padding: 10px; position: absolute; bottom: 0; right: 172px; }
.q-english03 .area2__bg { background-color: #E5E7EC; }
.q-english03 .area2__inner { max-width: 960px; }
.q-english03 .area2__padding { padding-top: 74px; padding-bottom: 76px; }
.q-english03 .list__item { --q-item-width: auto; --q-color: var(--color-secondary); --q-item-display: block; width: var(--q-item-width); }
.q-english03 .list__item:nth-child(2n+1) { --q-color: var(--color-primary); }
.q-english03 .media2 { height: 100%; }
.q-english03 .media2__container { height: 100%; display: var(--q-item-display); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.q-english03 .media2__container:after { content: " "; display: block; clear: both; }
.q-english03 .media2__head { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 18px; }
.q-english03 .media2__head:after { content: " "; display: block; clear: both; }
.q-english03 .media2__icon { float: left; margin-right: 20px; }
.q-english03 .media2__desc { overflow: hidden; }
.q-english03 .media2__heading { margin-bottom: 2px; margin-right: -10px; color: var(--q-color); font-size: 1.25rem; font-weight: 700; line-height: 1.339; letter-spacing: 0.02em; }
.q-english03 .media2__heading:before { display: block; content: ""; height: 0.01rem; margin-bottom: -5px; }
.q-english03 .media2__text { line-height: 1.67857; letter-spacing: var(--letter-spacing); }
.q-english03 .media2__small { font-size: 1.125rem; }
.q-english03 .media2__image2:nth-child(n+2) { margin-top: 12px; }
.q-english04 .container { --q-heading-bg: #0078C8 url(../img/english/section04_bg01.png) repeat center top; --q-lede-bg: #CCE4F4; --q-flow-bg: #fff; --q-media-width: 910px; --q-media-bg: #0078C8 url(../img/english/section04_bg01.png) repeat center top; --q-media-color: #fff; }
.q-english04 .container .media { --u-main-color: url(../img/english/section04_bg01.png) repeat center top; }
.q-english04 .container._theme2 { --q-heading-bg: #fff; --q-lede-bg: #CCE4F4 url(../img/english/section04_bg02.png) repeat center top; --q-flow-bg: #1CA3D0; --q-media-width: 960px; --q-media-bg: #CCE4F4 url(../img/english/section04_bg02.png) repeat center top; --q-media-color: #000; }
.q-english04 .container._theme2 .media { --u-main-color: url(../img/english/section04_bg02.png) repeat center top; }
.q-english04 .container._theme2 .c-heading { border-left-color: #fff; }
.q-english04 .head { padding: 26px 0; background: var(--q-heading-bg); }
.q-english04 .heading { text-align: center; }
.q-english04 .lede { padding: 47px 0 50px; text-align: center; background: var(--q-lede-bg); }
.q-english04 .lede__title { margin-bottom: 13px; font-size: 1.5625rem; font-weight: 700; line-height: 1.5524; letter-spacing: 0.03em; }
.q-english04 .lede__desc { font-size: 1rem; line-height: 2.50937; letter-spacing: var(--letter-spacing); }
.q-english04 .flow { padding: 52px 0 50px; background: var(--q-flow-bg); }
.q-english04 .flow .l-inner { text-align: center; }
.q-english04 .flow__inner { display: inline-block; }
.q-english04 .flow .c-heading { margin-bottom: 10px; }
.q-english04 .media { padding: 52px 0 55px; color: var(--q-media-color); background: var(--q-media-bg); }
.q-english04 .media__inner { max-width: var(--q-media-width); }
.q-english04 .media__desc { font-size: 1rem; line-height: 1.8225; overflow: hidden; }
.q-english04 .media__desc:before { display: block; content: ""; height: 0.01rem; margin-bottom: -6px; }
.q-english05 .l-inner { position: relative; max-width: 960px; }
.q-english05 .area1__bg { background-color: #fff; }
.q-english05 .area1__padding { padding-top: 98px; padding-bottom: 54px; }
.q-english05 .area1__heading { margin-bottom: 55px; text-align: center; }
.q-english05 .area1__desc { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; font-size: 1rem; line-height: 1.61938; letter-spacing: 0.04em; }
.q-english05 .area1__title { margin-bottom: 5px; font-size: 1.5625rem; font-weight: 500; line-height: 1.5096; letter-spacing: var(--letter-spacing); }
.q-english05 .area1__title:before { display: block; content: ""; height: 0.01rem; margin-bottom: -8px; }
.q-english05 .area2 { position: relative; }
.q-english05 .area2__head { position: absolute; bottom: 100%; left: 0; width: 100%; }
.q-english05 .area2__padding { padding-top: 60px; padding-bottom: 80px; }
.q-english05 .area2__bg { position: relative; z-index: 10; }
.q-english05 .area2__bg > img, .q-english05 .area2__bg > picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: -10; }
.q-english05 .area2__desc { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; line-height: 1.59786; letter-spacing: 0.05em; }
.q-english05 .area2__title { margin-bottom: 10px; font-size: 1.25rem; font-weight: 500; line-height: 1.268; letter-spacing: var(--letter-spacing); }
.q-english05 .area2__title:before { display: block; content: ""; height: 0.01rem; margin-bottom: -5px; }
.q-english05 .media2 { --q-media2-color: #0078C8; margin-top: 24px; }
.q-english05 .media2__heading { margin-bottom: 20px; }
.q-english05 .media2__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.q-english05 .media2__item:nth-child(4n+2), .q-english05 .media2__item:nth-child(4n+3) { --q-media2-color: #1CA3D0; }
.q-english05 .media2__inner { border-bottom: 3px solid var(--q-media2-color); padding-bottom: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-english05 .media2__image { margin-bottom: 17px; }
.q-english05 .media2__desc { line-height: 1.59786; letter-spacing: var(--letter-spacing); }
.q-english05 .media2__title { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid var(--q-media2-color); }
.q-english05 .media2__title .c-heading { border-left-color: var(--q-media2-color); }
.q-english05 .media2__title .c-heading__title { font-size: 1.125rem; font-weight: 500; letter-spacing: 0.04em; }
.q-english05 .area3__bg { background-color: #D1DFE8; }
.q-english05 .area3__padding { padding-top: 62px; padding-bottom: 54px; }
.q-english05 .area3__head { margin-bottom: 13px; text-align: center; }
.q-english05 .area3__heading { display: inline-block; }
.q-english05 .area3__image { margin-bottom: 15px; }
.q-english05 .area3__lede { margin-bottom: 10px; font-size: 1.5625rem; font-weight: 500; line-height: 1.3044; letter-spacing: var(--letter-spacing); }
.q-english05 .area3__desc { line-height: 1.72857; letter-spacing: 0.03em; }
.page-equipment { background-color: #fff; }
.page-equipment .g-main { padding-top: 161px; }
.q-equipment01 .bg { background-color: var(--color-background); }
.q-equipment01 .inner { position: relative; }
.q-equipment01 .head { position: relative; z-index: 10; }
.q-equipment01 .head::before { content: ""; display: block; height: 100%; width: 10000px; background-color: var(--color-primary-dark); position: absolute; top: 0; right: 100%; z-index: -10; }
.q-equipment01 .heading { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
.q-equipment01 .padding { padding-top: 89px; padding-bottom: 107px; }
.q-equipment01 .title { margin: 0 -11px 86px; }
.q-equipment01 .map { position: relative; }
.q-equipment01 .map__image { margin: 0 -2px; text-align: center; }
.q-equipment01 .map__icon { position: absolute; }
.q-equipment01 .map__icon._01 { top: 115px; left: 325px; }
.q-equipment01 .map__icon._02 { top: 62px; left: 477px; }
.q-equipment01 .map__icon._03 { top: -4px; left: 302px; }
.q-equipment01 .map__icon._04 { top: 142px; left: 8px; }
.q-equipment01 .map__icon._05 { top: 213px; left: 740px; }
.q-equipment01 .map__icon._06 { top: -14px; left: 631px; }
.q-equipment01 .map__icon._07 { top: 278px; left: 211px; }
.q-equipment01 .map__icon._08 { top: 172px; left: 159px; }
.q-equipment01 .map__icon._09 { top: 66px; left: 113px; }
.q-equipment01 .map__popup { display: none; }
.q-equipment02 .bg { background-color: #D1DFE8; }
.q-equipment02 .inner { position: relative; }
.q-equipment02 .head { position: relative; z-index: 10; }
.q-equipment02 .head::before { content: ""; display: block; height: 100%; width: 10000px; background-color: var(--color-primary-dark); position: absolute; top: 0; right: 100%; z-index: -10; }
.q-equipment02 .heading { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
.q-equipment02 .padding { padding-top: 93px; padding-bottom: 80px; }
.q-equipment02 .wrapper:after { content: " "; display: block; clear: both; }
.q-equipment02 .section__head { position: relative; width: 334px; margin-left: 30px; margin-bottom: -22px; background-color: #fff; z-index: 10; }
.q-equipment02 .section__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 0; padding: 1px 43px 3px 29px; border: 1px solid var(--color-primary); font-family: inherit; font-size: 1.5625rem; font-weight: inherit; letter-spacing: var(--letter-spacing); background-color: var(--color-primary); -webkit-appearance: none; -moz-appearance: none; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; outline: 5px solid transparent; outline-offset: 10px; }
.q-equipment02 .section__button.is-open .section__arrow img { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.q-equipment02 .section__button:hover { text-decoration: none; }
html[data-whatinput="keyboard"] .q-equipment02 .section__button:focus { opacity: 0.6; outline: 2px solid rgba(0, 0, 0, 0.8); outline-offset: 0; }
html[data-whatintent="mouse"] .q-equipment02 .section__button:hover { opacity: 0.6; }
.q-equipment02 .section__title { color: #fff; }
.q-equipment02 .section__arrow { display: block; position: absolute; top: 1px; bottom: 1px; right: 1px; width: 40px; background-color: #fff; }
.q-equipment02 .section__arrow img { position: absolute; top: 1px; bottom: 0; left: 1px; right: 0; margin: auto; }
.q-equipment02 .section__body { display: none; }
.q-equipment02 .section__inner { padding: 36px 8px 25px 30px; background-color: #E5F1F9; }
.q-equipment02 .section__inner:after { content: " "; display: block; clear: both; }
.q-equipment02 .section__area1 { float: left; width: 170px; margin-right: 12px; }
.q-equipment02 .section__image img { width: 100%; }
.q-equipment02 .section__image:nth-child(n+2) { margin-top: 10px; }
.q-equipment02 .section__area2 { font-size: 0.9375rem; line-height: 1.50875; overflow: hidden; }
.q-equipment02 .section__area2 table { width: 100%; }
.q-equipment02 .section__area2 table:nth-child(n+2) { margin-top: 20px; }
.q-equipment02 .section__area2 caption::before { content: "\25CE"; }
.q-equipment02 .section__area2 th, .q-equipment02 .section__area2 td { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }
.q-equipment02 .section__area2 th { width: 135px; }
.q-equipment02 .section__area2 caption { font-size: 1.0625rem; font-weight: 700; }
.page-material { background: url(../images/bg_stripe.jpg) repeat center top; }
.q-material01 .padding { padding-top: 60px; }
.q-material01 .lede { margin-bottom: 24px; font-size: 1.75rem; font-weight: 500; text-align: center; letter-spacing: 0.09em; }
.q-material01 .text { font-size: 1rem; line-height: 2.50937; text-align: center; letter-spacing: var(--letter-spacing); }
.q-material01 .point { margin-top: 57px; }
.q-material01 .point__heading { text-align: center; }
.q-material01 .point__list { max-width: 798px; margin: 24px auto 0; font-weight: 500; font-size: 1.375rem; line-height: 1.64773; }
.q-material01 .point__item { position: relative; padding: 10px 0; z-index: 10; }
.q-material01 .point__count img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -10; }
.q-material01 .point__desc { display: table; margin: 0 auto; }
.q-material02 { padding-top: 79px; }
.q-material02 .inner { max-width: 980px; }
.q-material02 .body { position: relative; padding: 98px 0 106px; z-index: 10; }
.q-material02 .body::before { content: ""; display: block; position: absolute; top: 0; left: -10000px; right: -10000px; height: 100%; width: 10000px; margin: 0 auto; background-color: #fff; z-index: -10; }
.q-material03 { position: relative; z-index: 10; }
.q-material03 .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: -10; }
.q-material03 .group__image { padding-bottom: 186px; text-align: center; }
.q-material03 .group._01 .group__inner { padding-top: 98px; padding-bottom: 67px; }
.q-material03 .section { font-size: 1rem; letter-spacing: var(--letter-spacing); line-height: 1.95562; }
.q-material03 .section__text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.q-material03 .use { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 43px; border: 1px solid #000; border-top: 0; line-height: 1.6675; }
.q-material03 .use__title { position: absolute; top: 0; left: -1px; width: calc(100% + 2px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; }
.q-material03 .use__title::before, .q-material03 .use__title::after { content: ""; display: block; height: 1px; background-color: #000; }
.q-material03 .use__title::before { width: 20px; margin-right: 5px; }
.q-material03 .use__title::after { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 5px; }
.q-material03 .use__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 103px; -ms-flex-preferred-size: 103px; flex-basis: 103px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-material03 .use__inner { padding: 16px 22px 16px 30px; }
.page-mold { background: url(../images/bg_stripe.jpg) repeat center top; }
.q-mold01 .padding { padding-top: 55px; padding-bottom: 60px; }
.q-mold01 .lede { margin-bottom: 15px; font-size: 1.75rem; font-weight: 500; text-align: center; }
.q-mold01 .text { font-size: 1rem; line-height: 2.50937; text-align: center; letter-spacing: var(--letter-spacing); }
.q-mold02 .bg { background-color: #fff; }
.q-mold02 .padding { padding-top: 78px; padding-bottom: 80px; }
.q-mold02 .inner { max-width: 980px; }
.q-mold02 .flow { padding-top: 8px; position: relative; }
.q-mold02 .flow__button { display: block; position: absolute; right: 176px; bottom: -8px; }
.q-mold03 .group { position: relative; z-index: 1; background: #e5e7ec; }
.q-mold03 .group .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-mold03 .group__heading { position: absolute; left: 0; top: 0; }
.q-mold03 .group__title { font-weight: 700; color: var(--color-primary); font-size: 1.5rem; position: relative; line-height: 1.24875; padding-bottom: 20px; margin-bottom: 18px; letter-spacing: 0.08em; }
.q-mold03 .group__title::before { content: ""; display: block; width: 28px; height: 1px; background-color: var(--color-primary); position: absolute; left: 0; bottom: 0; }
.q-mold03 .group__text { padding-right: 55px; font-size: 1rem; line-height: 2.04438; }
.q-mold03 .group__inner { max-width: 938px; }
.q-mold03 .group__box { border-bottom: 1px dashed #000; padding-top: 70px; padding-bottom: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.q-mold03 .group__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.79%; padding-left: 122px; position: relative; }
.q-mold03 .group:last-child .group__box { border-bottom: none; }
.q-mold03 .group:nth-child(even) .group__title { color: #1ca3d0; }
.q-mold03 .group._01 .group__box { padding-top: 90px; padding-bottom: 72px; }
.q-mold03 .group._05 .group__box { padding-bottom: 76px; }
.q-mold04 .bg { background-color: var(--color-primary); position: relative; z-index: 1; }
.q-mold04 .bg:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/section04_bg.png) center top; background-size: 12px auto; z-index: 2; mix-blend-mode: multiply; }
.q-mold04 .heading { text-align: center; color: #fff; position: relative; z-index: 3; }
.q-mold04 .heading .padding { padding-top: 27px; padding-bottom: 27px; }
.q-mold04 .heading-inner { display: inline-block; font-size: 1.875rem; line-height: 0.869; font-weight: 500; border: 2px solid #fff; padding: 19px 30px; letter-spacing: 0.07em; }
.q-mold04 .heading-inner:hover{ background: #00103e; transition: background-color .35s cubic-bezier(.645, .045, .355, 1), color .35s cubic-bezier(.645, .045, .355, 1), border-color .35s cubic-bezier(.645, .045, .355, 1); }
.q-mold04 .heading-inner a{ color: #fff }
.q-mold04 .heading-inner a:hover{ text-decoration: underline }
.q-mold04 .lead { background-color: var(--color-primary-light); text-align: center; }
.q-mold04 .lead__inner { position: relative; z-index: 3; }
.q-mold04 .lead__padding { padding-top: 65px; padding-bottom: 68px; }
.q-mold04 .lead__heading { font-size: 1.625rem; line-height: 1.67; font-weight: 500; margin-bottom: 15px; letter-spacing: 0.05em; }
.q-mold04 .lead__text { font-size: 1rem; line-height: 2.50937; }
.q-mold04 .flow { position: relative; z-index: 3; }
.q-mold04 .flow__padding { padding-top: 47px; padding-bottom: 55px; }
.q-mold04 .flow__inner { max-width: 718px; }
.q-mold04 .flow__bg { background: #fff; }
.q-mold04 .flow .c-heading { margin-bottom: 11px; }
.q-mold04 .desc { position: relative; z-index: 3; color: #fff; }
.q-mold04 .desc__padding { padding-top: 54px; padding-bottom: 30px; }
.q-mold04 .desc__inner { max-width: 940px; }
.q-mold04 .desc__wrap:after { content: " "; display: block; clear: both; }
.q-mold04 .desc__image { float: left; margin-left: 30px; }
.q-mold04 .desc__text { width: 442px; float: right; margin-bottom: 17px; font-size: 1rem; line-height: 1.91187; }
.q-mold04 .desc__gallery { float: right; }
.q-mold04 .point { position: relative; z-index: 3; }
.q-mold04 .point__inner { max-width: 940px; }
.q-mold04 .point__padding { padding-bottom: 105px; }
.q-mold04 .point__heading { position: relative; z-index: 1; margin-left: 30px; margin-bottom: 10px; }
.q-mold04 .point__heading-text { display: inline-block; font-size: 1.0625rem; background-color: var(--color-accent); padding: 0 5px; line-height: 1.3; }
.q-mold04 .point__item { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; margin-left: 30px; }
.q-mold04 .point__item + .point__item { border-top: 1px dotted var(--color-accent); }
.q-mold04 .point__item.is-show { opacity: 1; }
.q-mold04 .point__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; padding-bottom: 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.q-mold04 .point__balloon-inner { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; width: 294px; height: 122px; font-size: 1.25rem; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 25px; line-height: 1.392; }
.q-mold04 .point__balloon-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-mold04 .point__desc { position: relative; padding: 0 16px 0 13px; position: relative; color: #fff; font-size: 1rem; line-height: 1.62375; }
.q-mold04 .point__image { margin-top: 10px; margin-left: 30px; }
.q-mold05 .bg { background-color: #cae3eb; position: relative; z-index: 1; }
.q-mold05 .bg:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/section05_bg.png) center top; background-size: 12px auto; z-index: 2; }
.q-mold05 .heading { text-align: center; color: #1ca3d0; position: relative; z-index: 3; background: #fff; }
.q-mold05 .heading .padding { padding-top: 27px; padding-bottom: 27px; }
.q-mold05 .heading-inner { display: inline-block; font-size: 1.875rem; line-height: 0.869; font-weight: 500; border: 2px solid #1ca3d0; padding: 18px 32px; letter-spacing: 0.07em; }
.q-mold05 .lead { text-align: center; }
.q-mold05 .lead__inner { position: relative; z-index: 3; }
.q-mold05 .lead__padding { padding-top: 72px; padding-bottom: 63px; }
.q-mold05 .lead__heading { font-size: 1.625rem; line-height: 1.67; font-weight: 500; margin-bottom: 15px; }
.q-mold05 .lead__text { font-size: 1rem; line-height: 2.50937; }
.q-mold05 .flow { position: relative; z-index: 3; }
.q-mold05 .flow__padding { padding-top: 47px; padding-bottom: 55px; }
.q-mold05 .flow__inner { max-width: 600px; }
.q-mold05 .flow__bg { background: #1ca3d0; }
.q-mold05 .flow .c-heading { border-left-color: #fff; margin-bottom: 11px; }
.q-mold05 .desc { position: relative; z-index: 3; }
.q-mold05 .desc__padding { padding-top: 78px; padding-bottom: 40px; }
.q-mold05 .desc__inner { max-width: 940px; }
.q-mold05 .desc__wrap:after { content: " "; display: block; clear: both; }
.q-mold05 .desc__image { float: left; margin-left: 30px; }
.q-mold05 .desc__text { width: 465px; float: right; margin-bottom: 27px; font-size: 1rem; line-height: 1.91187; }
.q-mold05 .point { position: relative; z-index: 3; }
.q-mold05 .point__inner { max-width: 940px; }
.q-mold05 .point__padding { padding-bottom: 67px; }
.q-mold05 .point__heading { position: relative; z-index: 1; margin-left: 30px; }
.q-mold05 .point__heading-text { display: inline-block; font-size: 1.0625rem; background-color: var(--color-accent); padding: 0 5px; line-height: 1.3; }
.q-mold05 .point__item { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; margin-left: 30px; }
.q-mold05 .point__item + .point__item { border-top: 1px dotted var(--color-accent); }
.q-mold05 .point__item.is-show { opacity: 1; }
.q-mold05 .point__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; padding-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.q-mold05 .point__balloon-inner { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; width: 274px; height: 106px; font-size: 1.25rem; line-height: 1.392; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 25px; }
.q-mold05 .point__balloon-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-mold05 .point__desc { position: relative; padding: 0 16px 0 13px; position: relative; font-size: 1rem; line-height: 1.62375; }
.q-mold05 .banner { position: relative; z-index: 3; }
.q-mold05 .banner__inner { max-width: 910px; }
.q-mold05 .banner__padding { padding-bottom: 157px; }
.q-mold05 .banner__wrap:after { content: " "; display: block; clear: both; }
.q-mold05 .banner__image { float: left; margin-left: 15px; }
.q-mold05 .banner__text { float: right; width: 420px; font-size: 1rem; line-height: 1.8675; }
.page-quality { background: url(../images/bg_stripe01.png) repeat center top #fff; background-size: 12px auto; }
.q-quality01 .padding { padding-top: 70px; padding-bottom: 66px; }
.q-quality01 .lede { margin-bottom: 24px; font-size: 1.75rem; line-height: 1.37357; font-weight: 500; text-align: center; letter-spacing: 0.05em; }
.q-quality01 .text { font-size: 1rem; line-height: 2.50937; text-align: center; letter-spacing: var(--letter-spacing); }
.q-quality02 .inner { max-width: 980px; }
.q-quality02 .body { position: relative; z-index: 1; }
.q-quality02 .body__inner { max-width: 940px; }
.q-quality02 .body__padding { padding-top: 79px; padding-bottom: 54px; }
.q-quality02 .body__bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-quality02 .lead { margin-bottom: 58px; }
.q-quality02 .lead__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.q-quality02 .lead__desc { -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.26%; }
.q-quality02 .lead__title { font-weight: 700; font-size: 1.5rem; margin-bottom: 7px; letter-spacing: 0.11em; }
.q-quality02 .lead__image { margin-top: 12px; }
.q-quality02 .lead__text { padding-right: 21.59%; font-size: 1rem; line-height: 2.08875; }
.q-quality02 .system__heading { margin-bottom: 26px; }
.q-quality02 .system__inner:after { content: " "; display: block; clear: both; }
.q-quality02 .system__image { text-align: center; margin-bottom: 5px; }
.q-quality02 .system__box { position: relative; padding-bottom: 13px; }
.q-quality02 .system__box::before { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; }
.q-quality02 .system__title { position: relative; border-bottom: 1px solid; font-size: 1.25rem; font-weight: 500; padding-left: 16px; margin-bottom: 10px; }
.q-quality02 .system__title::before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 4px; height: 70%; }
.q-quality02 .system__text { font-size: 1rem; line-height: 1.62375; }
.q-quality02 .system__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 48.4%; margin-bottom: 28px; }
.q-quality02 .system__item:nth-child(odd) { clear: both; float: left; }
.q-quality02 .system__item:nth-child(even) { float: right; }
.q-quality02 .system__item:nth-child(1) .system__box::before, .q-quality02 .system__item:nth-child(4) .system__box::before { background-color: var(--color-primary); }
.q-quality02 .system__item:nth-child(1) .system__title, .q-quality02 .system__item:nth-child(4) .system__title { border-bottom-color: var(--color-primary); }
.q-quality02 .system__item:nth-child(1) .system__title::before, .q-quality02 .system__item:nth-child(4) .system__title::before { background: var(--color-primary); }
.q-quality02 .system__item:nth-child(2) .system__box::before, .q-quality02 .system__item:nth-child(3) .system__box::before { background-color: #1ca3d0; }
.q-quality02 .system__item:nth-child(2) .system__title, .q-quality02 .system__item:nth-child(3) .system__title { border-bottom-color: #1ca3d0; }
.q-quality02 .system__item:nth-child(2) .system__title::before, .q-quality02 .system__item:nth-child(3) .system__title::before { background: #1ca3d0; }
.q-quality03 .inner { max-width: 940px; }
.q-quality03 .bg { background: #d1dfe8; }
.q-quality03 .padding { padding-top: 57px; padding-bottom: 45px; }
.q-quality03 .heading { text-align: center; margin-bottom: 11px; }
.q-quality03 .image { text-align: center; margin-bottom: 13px; }
.q-quality03 .lead { font-size: 1.75rem; font-weight: 500; margin-bottom: 3px; letter-spacing: 0.05em; }
.q-quality03 .text { font-size: 1.125rem; line-height: 1.8; letter-spacing: 0; }
.q-quality04 .inner { max-width: 940px; }
.q-quality04 .bg { background: #d1dfe8; }
.q-quality04 .heading__text { font-size: 1rem; font-weight: 500; background: var(--color-accent); display: inline-block; padding: 3px 8px; line-height: 1.2; }
.q-quality04 .role { color: #fff; }
.q-quality04 .role__bg { background: url(../images/bg_stripe02.png) repeat center top; background-size: 12px auto; }
.q-quality04 .role__padding { padding-top: 50px; padding-bottom: 57px; }
.q-quality04 .role__heading { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.25rem; font-weight: 500; color: #000; position: relative; z-index: 1; width: 296px; height: 156px; line-height: 1.4455; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 5px; padding-top: 4px; }
.q-quality04 .role__heading img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-quality04 .role__wrap:after { content: " "; display: block; clear: both; }
.q-quality04 .role__text { font-size: 1rem; line-height: 1.88938; }
.q-quality04 .role__item { float: left; width: 31.55%; margin-right: 2.675%; padding-bottom: 21px; border-bottom: 2px solid var(--color-accent); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; }
.q-quality04 .role__item.is-show { opacity: 1; }
.q-quality04 .role__item:nth-child(3) { margin-right: 0; }
.q-quality04 .image { text-align: center; }
.q-quality04 .image__padding { padding-top: 70px; padding-bottom: 76px; }
.q-quality05 .inner { max-width: 940px; }
.q-quality05 .bg { background: #d1dfe8; }
.q-quality05 .heading__text { font-size: 1rem; font-weight: 500; background: var(--color-primary); display: inline-block; padding: 2px 6px; line-height: 1.2; color: #fff; }
.q-quality05 .facility__bg { background: #f0f7fc; }
.q-quality05 .facility__padding { padding-top: 66px; padding-bottom: 83px; }
.q-quality05 .facility__wrap:after { content: " "; display: block; clear: both; }
.q-quality05 .facility__heading { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 47px; border-bottom: 2px solid; font-size: 1.125rem; line-height: 1.23333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 20px; margin-bottom: 12px; font-weight: 500; padding-bottom: 6px; }
.q-quality05 .facility__heading::before { content: ""; display: block; width: 4px; height: calc(100% - 6px); position: absolute; left: 0; top: 0; }
.q-quality05 .facility__text { font-size: 1rem; line-height: 1.60187; }
.q-quality05 .facility__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.q-quality05 .facility__desc { width: 61.34%; border-bottom: 2px solid; }
.q-quality05 .facility__image { width: 38.66%; text-align: right; padding-top: 47px; }
.q-quality05 .facility__item { width: 47.87%; margin-bottom: 30px; }
.q-quality05 .facility__item:nth-child(odd) { float: left; clear: both; }
.q-quality05 .facility__item:nth-child(even) { float: right; }
.q-quality05 .facility__item:nth-child(1) .facility__heading, .q-quality05 .facility__item:nth-child(4) .facility__heading { border-bottom-color: var(--color-primary); }
.q-quality05 .facility__item:nth-child(1) .facility__heading::before, .q-quality05 .facility__item:nth-child(4) .facility__heading::before { background: var(--color-primary); }
.q-quality05 .facility__item:nth-child(1) .facility__desc, .q-quality05 .facility__item:nth-child(4) .facility__desc { border-bottom-color: var(--color-primary); }
.q-quality05 .facility__item:nth-child(2) .facility__heading, .q-quality05 .facility__item:nth-child(3) .facility__heading { border-bottom-color: #1ca3d0; }
.q-quality05 .facility__item:nth-child(2) .facility__heading::before, .q-quality05 .facility__item:nth-child(3) .facility__heading::before { background: #1ca3d0; }
.q-quality05 .facility__item:nth-child(2) .facility__desc, .q-quality05 .facility__item:nth-child(3) .facility__desc { border-bottom-color: #1ca3d0; }
.page-recruitment { background-color: #fff; }
.page-recruitment .g-main { padding-top: 146px; }
.q-recruitment-mv .area1 { background: var(--color-primary) url(../images/mv_bg.png) repeat center top; }
.q-recruitment-mv .area2 { position: relative; }
.q-recruitment-mv .area2 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: -10; }
.q-recruitment01 .bg { background-color: var(--color-background); }
.q-recruitment01 .padding { padding-top: 114px; padding-bottom: 206px; }
.q-recruitment01 .inner { max-width: 938px; }
.q-recruitment01 .link { display: block; }
.page-sustainability { background-color: #fff; }
.q-sustainability01 .padding { padding-top: 105px; padding-bottom: 106px; }
.q-sustainability01 .lede { margin-bottom: 49px; font-size: 1.125rem; line-height: 2.19111; letter-spacing: 0.07em; text-align: center; }
.q-sustainability01 .logo { margin-bottom: 15px; text-align: center; }
.q-sustainability01 .text { text-align: center; }
.q-sustainability02 { position: relative; }
.q-sustainability02 .bg { background-color: #D8EFFC; }
.q-sustainability02 .padding { padding-top: 102px; padding-bottom: 130px; }
.q-sustainability02 .heading { position: absolute; top: 5px; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.q-sustainability02 .list:after { content: " "; display: block; clear: both; }
.q-sustainability02 .post { padding: 34px 32px 30px 34px; font-size: 1rem; line-height: 1.50875; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-sustainability02 .post:after { content: " "; display: block; clear: both; }
.q-sustainability02 .post__icon { float: left; margin: 0 15px 0 0; width: 124px; border: 0; }
.q-sustainability02 .post__icon img { width: 100%; }
.q-sustainability02 .post__desc { overflow: hidden; }
.q-sustainability02 .post__desc:before { display: block; content: ""; height: 0.01rem; margin-bottom: -5px; }
.q-sustainability03 { background-color: var(--color-primary-light2); }
.q-sustainability03 .head { margin-bottom: -10px; }
.q-sustainability03 .heading { position: relative; border-top: 8px solid #0098D8; z-index: 10; }
.q-sustainability03 .heading::after { content: ""; display: block; width: 0; height: 0; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; margin: 0 auto; }
.q-sustainability03 .heading__title { position: relative; padding: 23px 0 24px; text-align: center; z-index: 10; }
.q-sustainability03 .heading__title::before { content: ""; display: block; width: 10000px; height: 100%; position: absolute; top: 0; left: -10000px; right: -10000px; margin: 0 auto; background-color: #fff; z-index: -10; }
.q-sustainability03 .body { padding-top: 95px; padding-bottom: 154px; }
.q-sustainability03 .lede { margin-bottom: 74px; font-size: 20px; text-align: center; letter-spacing: 0.07em; }
.q-sustainability03 .iso { font-size: 1rem; line-height: 1.75625; }
.q-sustainability03 .iso__item:nth-child(n+2) { margin-top: 63px; }
.q-sustainability03 .iso__body { position: relative; padding: 72px 93px 60px; background-color: #fff; }
.q-sustainability03 .iso__heading { position: relative; margin-bottom: -30px; text-align: center; z-index: 10; }
.q-sustainability03 .iso__body:after { content: " "; display: block; clear: both; }
.q-sustainability04 { --u-main-color: #1CA3D0; position: relative; margin-top: -34px; }
.q-sustainability04 .inner { max-width: 938px; }
.q-sustainability04 .head { text-align: center; }
.q-sustainability04 .heading { text-align: center; }
.q-sustainability04 .body { padding: 100px 0 112px; background-color: #1CA3D0; }

/*----------------------------------------

index

-----------------------------------------*/
.q-top-mv { position: relative; overflow: hidden; }
.q-top-mv video { position: absolute; top: -10000px; bottom: -10000px; left: -10000px; right: -10000px; margin: auto; min-width: 100%; min-height: 100%; width: auto; height: auto; }
.q-top-mv .text { position: absolute; top: 10px; bottom: 0; left: 0; right: 0; margin: auto; width: 618px; height: 87px; z-index: 10; }
.q-top-topics { padding-top: 38px; }
.q-top-topics .head { position: relative; }
.q-top-topics .head__link { position: absolute; top: 2px; right: 19px; font-size: 1rem; font-weight: 500; }
.q-top-topics .topics { border-top: 1px solid var(--color-primary); border-bottom: 1px solid var(--color-primary); font-size: 1.125rem; }
.q-top-topics .topics__item { background-color: var(--color-primary-light); }
.q-top-topics .topics__item:nth-child(2n) { background-color: var(--color-primary-light2); }
.q-top-topics .topics__item:nth-child(n+2) .topics__inner::before { content: ""; }
.q-top-topics .topics__inner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 954px; padding-top: 20px; padding-bottom: 18px; }
.q-top-topics .topics__inner::before { display: block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-repeat: repeat-x; background-position: left bottom; background-image: -webkit-linear-gradient(left, var(--color-primary), var(--color-primary) 2px, transparent 2px, transparent 4px); background-image: linear-gradient(to right, var(--color-primary), var(--color-primary) 2px, transparent 2px, transparent 4px); background-size: 4px 1px; }
.q-top-topics .topics__date { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 55px; }
.q-top-topics .topics__title { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; }
.q-top-topics .links { max-width: 906px; margin-top: 56px; }
.q-top-topics .links__title._1 { grid-area: title1; }
.q-top-topics .links__item._1-01 { grid-area: relation1; }
.q-top-topics .links__item._1-02 { grid-area: relation2; }
.q-top-topics .links__item._1-03 { grid-area: relation3; }
.q-top-topics .links__line { grid-area: line; }
.q-top-topics .links__title._2 { grid-area: title2; }
.q-top-topics .links__item._2-01 { grid-area: video1; }
.q-top-topics .links__container { display: -ms-grid; display: grid; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.q-top-topics .links__container .links__item._1-02 { text-align: right; }
.q-top-topics .links__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; margin-bottom: 5px; --q-color: var(--color-primary); color: var(--u-main-color, var(--q-color)); }
.q-top-topics .links__title::after { content: ""; display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 5px; height: 1px; background-color: var(--u-main-color, var(--q-color)); }
.q-top-topics .links__line { --q-color: var(--color-primary); height: 1px; max-width: 284px; background-color: var(--u-main-color, var(--q-color)); }
.q-top-business { position: relative; margin-top: 102px; z-index: 10; }
.q-top-business .head { position: relative; z-index: 100; }
.q-top-business .head__inner { position: absolute; top: -53px; left: 0; }
.q-top-business .bg { position: absolute; top: 0; height: 100%; left: -10000px; right: -10000px; width: 100%; min-width: 1400px; margin: 0 auto; overflow: hidden; z-index: -10; }
.q-top-business .bg__container { position: relative; height: 100%; }
.q-top-business .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; font-family: "object-fit:cover; object-position: top left; "; }
.q-top-business .body { max-width: 923px; padding-top: 102px; padding-bottom: 38px; color: #fff; }
.q-top-business .body a { color: inherit; }
.q-top-business .body .text { grid-area: tb-text; }
.q-top-business .body .item._material { grid-area: tb-material; }
.q-top-business .body .item._mold { grid-area: tb-mold; }
.q-top-business .body .text { margin-bottom: 32px; font-size: 1.125rem; line-height: 1.837; }
.q-top-business .body .text:before { display: block; content: ""; height: 0.01rem; margin-bottom: -10px; }
.q-top-business .item__thumb { margin-bottom: 10px; }
.q-top-business .item__title { position: relative; margin-top: -30px; z-index: 10; }
.q-top-business .item__title img { opacity: 1; }
.q-top-business .item__text { font-size: 1rem; line-height: 1.75625; letter-spacing: 0.05em; }
.q-top-business .item__button { margin-top: 12px; }
.q-top-group { position: relative; color: #fff; font-size: 1.125rem; line-height: 1.89606; z-index: 20; }
.q-top-group a { color: inherit; }
.q-top-group a img { opacity: 1; }
.q-top-group .head { position: relative; z-index: 20; }
.q-top-group .head__inner { position: absolute; top: -56px; right: 0; }
.q-top-group .image { position: relative; height: 456px; }
.q-top-group .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; }
.q-top-group .desc { position: relative; z-index: 10; }
.q-top-group .desc__bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-top-group .desc__inner { -webkit-box-sizing: border-box; box-sizing: border-box; }
.q-top-group .desc__button { margin-top: 28px; }
.q-top-values { padding-top: 75px; }
.q-top-values .link { position: relative; display: block; padding-bottom: 38px; }
.q-top-values .link img { opacity: 1; }
.q-top-values .head { margin-bottom: 20px; }
.q-top-values .heading { margin-bottom: 5px; text-align: center; }
.q-top-values .title { position: relative; margin-top: -40px; }
.q-top-values .body { color: #fff; font-size: 1rem; line-height: 2.02188; }
.q-top-values .lede { margin-bottom: 10px; font-size: 1.5625rem; font-weight: 500; line-height: 1.3224; letter-spacing: var(--letter-spacing); }
.q-top-values .button { margin-top: 17px; }
.q-top-values .bg { position: absolute; top: 280px; bottom: 0; left: 0; right: 0; z-index: -10; }
.q-top-values .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; }
.q-top-sustainability { padding-top: 75px; }
.q-top-sustainability .link { position: relative; display: block; padding-bottom: 50px; }
.q-top-sustainability .link img { opacity: 1; }
.q-top-sustainability .head { margin-bottom: 15px; }
.q-top-sustainability .heading { margin-bottom: 5px; text-align: center; }
.q-top-sustainability .body { position: relative; font-size: 1rem; line-height: 2.02188; }
.q-top-sustainability .lede { margin-bottom: 10px; font-size: 1.5625rem; font-weight: 500; line-height: 1.3224; letter-spacing: var(--letter-spacing); }
.q-top-sustainability .button { margin-top: 17px; }
.q-top-sustainability .logo { position: absolute; right: 18px; bottom: 30px; }
.q-top-sustainability .logo__image { margin-bottom: 10px; }
.q-top-sustainability .logo__text { font-size: 0.75rem; }
.q-top-company .link { position: relative; display: block; padding-top: 100px; padding-bottom: 90px; z-index: 10; }
.q-top-company .link img { opacity: 1; }
.q-top-company .heading { margin-bottom: 25px; text-align: center; }
.q-top-company .thumb { width: 486px; margin: 0 auto; }
.q-top-company .thumb__title { position: relative; margin-top: -31px; }
.q-top-company .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-top-recruit .banner { padding: 170px 0 221px; text-align: center; }
.q-top-recruit .banner__inner { position: relative; display: inline-block; }
.q-top-recruit .banner__button { position: absolute; top: 40px; right: 47px; width: 135px; }
.q-topics-mv { padding-top: 146px; background: #fff; }
.q-topics-mv .inner { position: relative; z-index: 1; background: url(../images/mv_bg_pc.png) center top repeat-x; height: 382px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.q-topics-mv .inner.inner-two { background-image: url(//m.hahvv.com/template/default/images/bg01.jpg); }
.q-topics-mv .inner.inner-pro { background-image: url(../images/mv_bg.png); }
.q-topics-mv .heading { /*padding-left: 92px;*/ font-size: 28px; color: #fff; letter-spacing: 1px; text-shadow: .02rem 0 0 currentColor; }
.q-topics-mv .inner.inner-two .heading { color: #00395E; }
.q-topics01 { --q-color: #00395E; }
.q-topics01 .bg { background: #fff; }
.q-topics01 .l-inner { max-width: 938px; }
.q-topics01 .padding { padding-top: 60px; padding-bottom: 120px; }
.q-topics01 .post__item:nth-child(n+2) { margin-top: 75px; }
.q-topics01 .post__date { display: table; margin-left: auto; margin-right: 20px; padding: 1px 7px 2px; color: #fff; font-size: 1rem; letter-spacing: var(--letter-spacing); line-height: 1; background-color: var(--q-color); }
.q-topics01 .post__bg { padding: 35px 0 20px; border-bottom: 5px solid var(--q-color); background-repeat: repeat; background-position: center top; background-image: url(../images/bg01.jpg); }
.q-topics01 .post__item:nth-child(2n) .post__bg { --q-color: #009DDD; background-image: url(../images/bg02.jpg); }
.q-topics01 .post__head { padding: 21px 0; background-color: #fff; }
.q-topics01 .post__heading { padding-left: 16px; border-left: 5px solid var(--q-color); font-size: 1.25rem; font-weight: 500; line-height: 1.1; }
.q-topics01 .post__body { padding: 40px 60px 10px; font-size: 1rem; line-height: 1.77875; }
.q-topics01 .pager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 76px; }

/*page*/
.pagebar { margin-top: 30px; padding: 10px 0 }
.pagebar .pagination { display: flex; justify-content: center }
.pagebar .pagination a, .pagebar .pagination span { min-width: 36px; height: 36px; line-height: 36px; text-align: center; color: #606266; font-size: 14px; margin: 0 6px; background: #f0f2f5; border-radius: 3px; text-decoration: none }
.pagebar .pagination a.page-size { font-size: 20px }
.pagebar .pagination a:hover, .pagebar .pagination a.page-num-current { color: #fff; background: #00103e }
.pageno { padding: 20px 0; text-align: center; font-size: 14px; color: #999 }
.q-topics01 .pager__item { min-width: 1px; }
.q-values01 { position: relative; z-index: 1; }
.q-values01 .margin { margin-top: -50px; }
.q-values01 .heading { margin-bottom: 16px; }
.q-values01 .heading__number { display: block; margin-left: 68px; }
.q-values01 .heading__text { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 18px; padding-left: 62px; display: block; width: 654px; height: 248px; font-weight: 500; font-size: 2.125rem; position: relative; z-index: 1; line-height: 1.45; margin-left: -40px; }
.q-values01 .heading__text img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-values01 .heading__line { display: block; }
.q-values01 .heading__line._line01 { padding-left: 67px; }
.q-values01 .heading__line._line02 { padding-left: 48px; }
.q-values01 .heading__line._line03 { padding-left: 20px; }
.q-values01 .heading._primary { color: var(--color-primary); }
.q-values01 .heading._white { color: #fff; }
.q-values01 .box { max-width: 1000px; margin: 0 auto; }
.q-values01 .desc { position: relative; z-index: 1; }
.q-values01 .image { position: absolute; right: 0; }
.q-values01 .text { line-height: 1.89; font-size: 1rem; width: 449px; margin-left: 20px; }
.q-values01 .text._white { color: #fff; }
.q-values01 .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; z-index: -10; }
.q-values01 .button { padding-left: 20px; font-size: 0; }
.q-values01 .button:after { content: " "; display: block; clear: both; }
.q-values01 .button__inner { display: block; -webkit-transform: skewX(24deg); -ms-transform: skewX(24deg); transform: skewX(24deg); position: relative; padding: 13px 49px 13px 20px; }
.q-values01 .button__inner::before { content: ""; display: block; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; width: 14px; height: 9px; background: url(../images/button_arrow01.png) center center no-repeat; background-size: 100% auto; }
.q-values01 .button__child { display: inline-block; background: var(--color-accent); -webkit-transform: skewX(-24deg); -ms-transform: skewX(-24deg); transform: skewX(-24deg); position: relative; z-index: 1; overflow: hidden; font-size: 0.875rem; -webkit-transition: color 0.3s; transition: color 0.3s; }
.q-values01 .button__child + .button__child { margin-left: 25px; }
.q-values01 .button__child::before { content: ""; display: block; background: #fff; position: absolute; top: 0; left: 0; -webkit-transition: left 0.3s; transition: left 0.3s; left: -100%; width: 100%; height: 100%; z-index: -1; }
.q-values01 .button__child._black::before { background: #000; color: #fff; }
[data-whatintent="mouse"] .q-values01 .button__child:hover::before, [data-whatintent="keyboard"] .q-values01 .button__child:focus::before { left: 0; }
[data-whatintent="mouse"] .q-values01 .button__child:hover._black, [data-whatintent="keyboard"] .q-values01 .button__child:focus._black { color: #fff; }
[data-whatintent="mouse"] .q-values01 .button__child:hover._black .button__inner:before, [data-whatintent="keyboard"] .q-values01 .button__child:focus._black .button__inner:before { background-image: url(../images/button_arrow01_white.png); }
.q-values01 .l-inner { max-width: 1082px; }
.q-values01 .values01 .padding { padding-top: 111px; padding-bottom: 76px; }
.q-values01 .values01 .image { bottom: 54px; }
.q-values01 .values01 .button { padding-top: 15px; }
.q-values01 .values02 .padding { padding-top: 76px; padding-bottom: 76px; }
.q-values01 .values02 .image { bottom: 54px; }
.q-values01 .values02 .button { padding-top: 47px; }
.q-values01 .values02 .button__child + .button__child { margin-left: 35px; }
.q-values01 .values02 .button__inner { padding: 13px 59px 13px 20px; }
.q-values01 .values03 .padding { padding-top: 76px; padding-bottom: 76px; }
.q-values01 .values03 .heading__text { width: 628px; height: 192px; margin-left: -18px; }
.q-values01 .values03 .image { bottom: 27px; }
.q-values01 .values03 .button { padding-top: 53px; }
.q-values01 .values03 .button__inner { padding: 13px 117px 13px 20px; }
.q-values01 .values04 .padding { padding-top: 76px; padding-bottom: 76px; }
.q-values01 .values04 .heading__text { width: 628px; height: 192px; margin-left: -18px; }
.q-values01 .values04 .image { bottom: 27px; }
.q-values01 .values04 .button { padding-top: 52px; }
.q-values01 .values04 .button__inner { padding: 13px 77px 13px 18px; }
.q-values01 .values05 .padding { padding-top: 76px; padding-bottom: 48px; }
.q-values01 .values05 .image { bottom: 28px; }
.q-values01 .values05 .button { padding-top: 40px; }
.q-values01 .values05 .button__inner { padding: 13px 56px 13px 20px; }
@media (max-width:1200px) {
	.q-business02 .content { padding-top: 4.83333vw; width: 36.83333vw; height: 36.83333vw; min-width: 380px; min-height: 380px; }
}
@media (max-width:1100px) {
	.q-business02 .content { font-size: 0.875rem; }
}
@media (max-width:1000px) {
	.post_text img.alignright, .post_text img, .post_text img.alignleft { float: none; margin: 0 auto; display: block; }
	.post_text img.emoji { display: inline !important; }
	.post_text table { width: 100% !important; }
	.q-business02 .content { padding-top: 48px; }
}
@media (max-width:640px) {
	:root { --line-height: (36.824/24); }
	:root { --header-height: 118px; --mv-min-height: 500px; }
	:root { --space-inline: 30px; }
	/*.l-container { min-width: 640px; }*/
	.l-inner { padding-left: var(--space-inline); padding-right: var(--space-inline); -webkit-box-sizing: border-box; box-sizing: border-box; }
	.c-button { width: 138px; }
	.c-heading { padding: 3px 0 3px 17px; border-left-width: 8px; }
	.c-heading._mb { margin-bottom: 18px; }
	.c-heading2::after { margin-top: 22px; }
	.c-heading2__title { font-size: 1.75rem; }
	.c-label:not(.root) { border-width: 2px; font-size: 1.625rem; }
	.c-pagetop__wrapper { bottom: 15px; }
	.c-pagetop__contents { left: 15px; max-width: 100vw; }
	.c-pagetop a { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
	.c-pagetop__wrapper._fixed .c-pagetop__contents { bottom: 15px; }
	.p-media { font-size: 1.5rem; line-height: 1.53333; }
	.p-media__head { margin-bottom: 15px; }
	.p-media__body { padding-bottom: 30px; }
	.p-media__data dt { font-size: 1.25rem; padding: 5px 7px; }
	.p-media__data dd { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 12px; padding-bottom: 16px; font-size: 1.375rem; line-height: 1.28773; }
	.p-media2 { margin: 50px 0 0; }
	.p-media2__item:nth-child(n+2) { margin-top: 30px; }
	.p-media2__desc { font-size: 1.375rem; line-height: 1.66455; }
	.p-media2__title { font-size: 1.75rem; line-height: 1.30786; }
	.p-mv__heading { right: var(--space-inline); }
	.p-popup__container { width: 580px; margin: 65px auto 40px; padding: 60px 33px; }
	[data-full] { height: calc(var(--vh, 1vh) * 100 - var(--header-height)); min-height: 400px; }
	.g-header .main { position: fixed; background-color: #fff; }
	.g-header .main-contact._en { top: 16px; right: 30px; }
	.g-header .main-japanese { top: 16px; right: 113px; }
	.g-header .logo { -webkit-transform: translate(-18px, 0px); -ms-transform: translate(-18px, 0px); transform: translate(-18px, 0px); }
	.g-header .sub { display: none !important; }
	.page-values .g-header .main { padding-bottom: 0; }
	.g-footer { padding-top: 30px; padding-bottom: 1px; border-bottom-width: 15px; }
	.g-footer .logo { width: 100%; margin-bottom: 19px; text-align: center; }
	.g-footer .logo._en { margin-bottom: 16px; }
	.g-footer .address { display: table; margin: 0 auto; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); font-size: 1rem; line-height: 1.5115; }
	.g-footer .address._en { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.g-footer .copyright { margin-bottom: 20px; font-size: 0.8rem }
	.q-bases01 .padding { padding-top: 56px; padding-bottom: 80px; }
	.q-bases01 .lede { font-size: 1.875rem; line-height: 1.65967; letter-spacing: 0.2em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
	.q-bases01 .text { font-size: 1.5rem; line-height: 1.9975; }
	.q-bases02 .body { padding-top: 67px; padding-bottom: 98px; }
	.q-bases02 .map__area2, .q-bases02 .map__area3 { margin-top: 80px; padding-top: 80px; background: url(../images/border.png) repeat-x left top; }
	.q-bases02 .map__area1, .q-bases02 .map__area2, .q-bases02 .map__area3 { text-align: center; }
	.q-bases02 .map__item._america { margin-top: -118px; }
	.q-bases02 .map__item._indonesia { margin-top: -125px; }
	.q-bases02 .pin__popup::before, .q-bases02 .pin__popup::after { bottom: 46px; border-top: 20px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; }
	.q-bases02 .pin__popup::after { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }
	.q-bases02 .pin__flame { width: 422px; padding: 37px 24px; -webkit-transform: translate(-50%, -28px); -ms-transform: translate(-50%, -28px); transform: translate(-50%, -28px); }
	.q-bases02 .pin__flame.is-left { -webkit-transform: translate(-5%, -28px); -ms-transform: translate(-5%, -28px); transform: translate(-5%, -28px); }
	.q-bases02 .pin__flame.is-right { -webkit-transform: translate(-95%, -28px); -ms-transform: translate(-95%, -28px); transform: translate(-95%, -28px); }
	.q-bases02 .pin__flame.is-right .pin__view { right: 33px; }
	.q-bases02 .pin__place { font-size: 1.61875rem; }
	.q-bases02 .pin__category { max-width: 232px; font-size: 1.80438rem; }
	.q-bases03 .section:first-child .padding { padding-top: 50px; }
	.q-bases03 .list__item:nth-child(n+2) { padding-top: 60px; }
	.q-bases03 .post__category { width: 160px; font-size: 1.1875rem; }
	.q-bases03 .post__address, .q-bases03 .post__num, .q-bases03 .post__tel, .q-bases03 .post__fax { margin-right: 10px; }
	.q-bases03 .post__num { display: block; margin-right: -10px; }
	.q-bases03 .post__view { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 20px; }
	.q-bases03 .post._has_slide .post__head { margin-bottom: 20px; }
	.q-bases03 .post._has_slide .post__address { display: block; }
	.q-bases03 .post._has_slide .post__title { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--color-secondary); }
	.q-bases03 .post__title { font-size: 1.8125rem; }
	.q-bases03 .post__info { font-size: 1.375rem; line-height: 1.28273; }
	.q-bases03 .post__map { min-height: 435px; }
	.q-bases03 .post__table { margin-top: 25px; font-size: 1.375rem; line-height: 1.44591; }
	.q-bases03 .post__table th { width: 208px; }
	.q-bases03 .slide { margin-bottom: 16px; }
	.q-bases03 .slide__thumb { margin-top: 7px; }
	.q-bases03 .slide__thumb .slick-slide { width: 140px; margin-right: 7px; }
	.q-bases03 .slide .slick-arrow { width: 34px; height: 34px; }
	.q-business01 { padding-top: 58px; padding-bottom: 36px; font-size: 1.5rem; line-height: 1.99782; }
	.q-business01 .lede { margin-bottom: 24px; font-size: 1.875rem; line-height: 1.65987; letter-spacing: 0.15em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
	.q-business02 .content { width: 580px; height: 580px; padding-top: 93px; font-size: 1.5rem; line-height: 1.48125; }
	.q-business02 .list__item { position: relative; height: 670px; padding: 0; }
	.q-business02 .list__item .content:not(#root) { top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
	.q-business02 .list__item .content__inner, .q-business02 .list__item .content::before, .q-business02 .list__item .content::after { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
	.q-business02 .list__item._01 .content__inner, .q-business02 .list__item._01 .content::before, .q-business02 .list__item._01 .content::after { -webkit-transition-delay: 1s; transition-delay: 1s; }
	.q-business02 .list__item.is-show .content::before { opacity: 0.4; }
	.q-business02 .list__item.is-show .content__inner, .q-business02 .list__item.is-show .content::after { opacity: 1; }
	.q-business02 .title { margin-bottom: 27px; }
	.q-business02 .text { width: 384px; }
	.q-company01 .padding { padding-top: 53px; padding-bottom: 36px; }
	.q-company01 .body { font-size: 1rem; line-height: 1.62833; }
	.q-company01 .body p:nth-child(n+2) { margin-top: 27px; }
	.q-company01 .photo { margin-top: 20px; }
	.q-company02 .padding { padding-top: 42px; padding-bottom: 60px; }
	.q-company02 .table { font-size: 1rem; line-height: 1.25958; letter-spacing: var(--letter-spacing); }
	.q-company02 .table th, .q-company02 .table td { padding: 10px; }
	.q-company02 .table th { width: 6%; padding-left: 26px; }
	.q-company02 .table td { padding-left: 22px; padding-right: 0; }
	.q-company02 .table ul { line-height: 1.18583; }
	.q-company03 .padding { padding-top: 49px; padding-bottom: 104px; }
	.q-company03 .table { font-size: 1.375rem; line-height: 1.23455; }
	.q-company03 .table::before { left: 180px; }
	.q-company03 .table th { width: 180px; padding: 5px 0px 5px 7px; letter-spacing: normal; }
	.q-company03 .table th > span { font-size: 1.25rem; }
	.q-company03 .table td { height: 63px; padding: 4px 10px 4px 15px; }
	.q-contact-mv { padding-top: 116px; }
	.q-contact-mv .inner { height: auto; }
	.q-contact-mv .heading { padding-left: 0; padding-top: 75px; padding-bottom: 66px; text-align: center; }
	.q-contact-mv .bg img { width: 100%; }
	.q-contact01 .padding { padding-top: 58px; padding-bottom: 111px; }
	.q-contact01 .form__text { border-width: 2px; font-size: 1.25rem; padding: 2px 0 2px 8px; margin-bottom: 35px; }
	.q-contact01 .form table th { font-size: 1.375rem; }
	.q-contact01 .form table td { font-size: 1.5rem; padding-bottom: 14px; }
	.q-contact01 .form__bg { padding: 20px 35px; }
	.q-contact01 .form__inputtext input, .q-contact01 .form__inputtext textarea { font-size: 1.5rem; padding: 24px 33px; }
	.q-contact01 .form__inputtext textarea { height: 84px; min-height: 84px; }
	.q-contact01 .form__checkbox input + span { padding-left: 25px; font-size: 1.5rem; margin-bottom: 5px; }
	.q-contact01 .form__checkbox input + span:before { width: 20px; height: 20px; border-width: 2px; }
	.q-contact01 .form__checkbox input:checked + span:after { top: 6px; left: -1px; width: 16px; height: 20px; }
	.q-contact01 .submit { padding-top: 75px; }
	.q-contact01 .submit__input { float: none; width: auto; }
	.q-contact01 .submit__input input { font-size: 2.1875rem; padding: 53px 10px; margin: 0 0 20px; }
	.q-contact01 .submit__text { padding-top: 0; float: none; width: auto; font-size: 1.375rem; }
	.q-contact01 .mw_wp_form_confirm .submit__input [name="submitBack"] { margin-top: 10px; }
	.q-contact01 .complete__heading { margin-bottom: 30px; font-size: 1.75rem; }
	.q-contact01 .complete__text { font-size: 1.375rem; }
	.page-english { --header-height: 106px; }
	.page-english .l-anc { margin-top: calc(var(--header-height) * -1); padding-top: var(--header-height); }
	.q-english-mv { padding-top: var(--header-height); }
	.q-english-mv .image { height: 560px; }
	.q-english01 .padding { padding-top: 68px; padding-bottom: 60px; }
	.q-english01 .heading { margin-bottom: 32px; }
	.q-english01 .content__heading { font-size: 1.75rem; line-height: 1.36643; }
	.q-english01 .content__desc { margin-top: 8px; font-size: 1.5rem; line-height: 1.34542; }
	.q-english01 .content__image { margin-top: 22px; }
	.q-english02 .c-heading { margin-bottom: 3px; }
	.q-english02 .c-heading2 { margin-bottom: 14px; }
	.q-english02 .c-heading2::after { margin-top: 28px; }
	.q-english02 .c-heading2__title { font-size: 1.75rem; line-height: 0.79179; }
	.q-english02 .area1__padding { padding-top: 60px; }
	.q-english02 .heading { margin-bottom: 20px; }
	.q-english02 .media__heading { margin-bottom: 6px; font-size: 1.875rem; line-height: 1.388; }
	.q-english02 .media__text { font-size: 1.5rem; line-height: 1.34542; }
	.q-english02 .media__image { margin-top: 18px; }
	.q-english02 .media__flow { margin: 0 -20px; }
	.q-english02 .media__foot { margin: 27px -20px 0; padding: 0 20px; }
	.q-english02 .group__item { margin-top: 40px; padding-top: 40px; background: url(../images/bg_dotted_primary_h.png) repeat-x left top; }
	.q-english02 .group__image { padding-bottom: 108px; }
	.q-english02 .group._01 .group__inner { padding-top: 37px; padding-bottom: 0; }
	.q-english02 .group._01 .group__item:first-child { margin-top: 0; padding-top: 0; background: transparent; }
	.q-english02 .group._02 .group__inner { padding-bottom: 60px; }
	.q-english02 .section { font-size: 1.5rem; line-height: 1.44667; }
	.q-english02 .use { margin-top: 36px; }
	.q-english02 .use__body { -webkit-flex-basis: 142px; -ms-flex-preferred-size: 142px; flex-basis: 142px; font-size: 1.375rem; line-height: 1.43818; }
	.q-english03 .area1__padding { padding-top: 60px; padding-bottom: 18px; }
	.q-english03 .heading { margin-bottom: 18px; }
	.q-english03 .media__heading { font-size: 1.875rem; line-height: 1.388; }
	.q-english03 .media__text { font-size: 1.5rem; line-height: 1.34542; }
	.q-english03 .media__image { margin-top: 15px; }
	.q-english03 .media__foot { margin: 32px -20px 0; padding: 0 20px; }
	.q-english03 .media__flow { margin: 0 -17px; }
	.q-english03 .media__flow a { right: 223px; }
	.q-english03 .area2__padding { padding-top: 56px; }
	.q-english03 .list__item:nth-child(n+2) { margin-top: 35px; padding-top: 35px; background: url(../images/bg_dotted_primary_h.png) repeat-x left top; }
	.q-english03 .media2__heading { margin-bottom: 10px; font-size: 1.75rem; line-height: 1.23464; }
	.q-english03 .media2__heading::after { content: ""; display: block; width: 30px; height: 1px; margin-top: 13px; background-color: var(--q-color); }
	.q-english03 .media2__text { font-size: 1.5rem; line-height: 1.40708; }
	.q-english03 .media2__small { font-size: 1.25rem; }
	.q-english03 .media2__image2 { margin-top: 12px; }
	.q-english04 .container._theme2 .c-heading { margin-left: 0 !important; }
	.q-english04 .container._theme2 .flow__inner { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
	.q-english04 .head { padding: 32px 0; }
	.q-english04 .lede { padding-top: 38px; padding-bottom: 40px; }
	.q-english04 .lede__title { margin-bottom: 16px; font-size: 1.875rem; line-height: 1.4; }
	.q-english04 .lede__desc { font-size: 1.5rem; line-height: 1.54; }
	.q-english04 .flow { padding-top: 44px; padding-bottom: 42px; }
	.q-english04 .flow .c-heading { margin-bottom: 23px; margin-left: 34px; }
	.q-english04 .media { padding-top: 45px; padding-bottom: 42px; }
	.q-english04 .media__image { margin-bottom: 20px; }
	.q-english04 .media__desc { font-size: 1.5rem; line-height: 1.36; }
	.q-english05 .area1__padding { padding-top: 60px; }
	.q-english05 .area1__heading { margin-bottom: 20px; }
	.q-english05 .area1__image { margin-top: 15px; }
	.q-english05 .area1__desc { font-size: 1.5rem; line-height: 1.34542; }
	.q-english05 .area1__title { font-size: 1.875rem; line-height: 1.388; }
	.q-english05 .area2__padding { padding-top: 40px; padding-bottom: 60px; }
	.q-english05 .area2__image { margin-top: 20px; }
	.q-english05 .area2__desc { font-size: 1.5rem; line-height: 1.34542; }
	.q-english05 .area2__title { font-size: 1.75rem; line-height: 1.46179; }
	.q-english05 .media2 { margin-top: 34px; }
	.q-english05 .media2__heading { margin-bottom: 15px; }
	.q-english05 .media2__item:nth-child(n+2) { margin-top: 36px; }
	.q-english05 .media2__inner { padding-bottom: 20px; }
	.q-english05 .media2__desc { line-height: 1.44667; }
	.q-english05 .media2__title .c-heading__title { margin-right: -10px; font-size: 1.75rem; line-height: 0.93107; }
	.q-english05 .area3__padding { padding-top: 47px; padding-bottom: 111px; }
	.q-english05 .area3__head { margin-bottom: 17px; }
	.q-english05 .area3__lede { margin-bottom: 15px; font-size: 1.75rem; line-height: 1.48714; }
	.q-english05 .area3__desc { line-height: 1.41917; letter-spacing: 0.04em; }
	.page-equipment .g-main { padding-top: var(--header-height); }
	.q-equipment01 .heading { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
	.q-equipment01 .padding { padding-top: 67px; padding-bottom: 47px; }
	.q-equipment01 .title { margin: 0 -13px 60px; }
	.q-equipment01 .map__icon._01 { top: 88px; left: 247px; }
	.q-equipment01 .map__icon._02 { top: 48px; left: 362px; }
	.q-equipment01 .map__icon._03 { top: -3px; left: 228px; }
	.q-equipment01 .map__icon._04 { top: 109px; left: 4px; }
	.q-equipment01 .map__icon._05 { top: 311px; left: 382px; }
	.q-equipment01 .map__icon._06 { top: -10px; left: 478px; }
	.q-equipment01 .map__icon._07 { top: 213px; left: 160px; }
	.q-equipment01 .map__icon._08 { top: 132px; left: 120px; }
	.q-equipment01 .map__icon._09 { top: 51px; left: 84px; }
	.q-equipment02 .heading { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
	.q-equipment02 .padding { padding-top: 58px; padding-bottom: 97px; }
	.q-equipment02 .section:nth-child(n+2) { margin-top: 60px; }
	.q-equipment02 .section__head { width: 393px; margin-left: 37px; margin-bottom: -27px; }
	.q-equipment02 .section__button { padding-right: 55px; font-size: 1.86875rem; }
	.q-equipment02 .section__arrow { width: 50px; }
	.q-equipment02 .section__inner { padding: 42px 10px 25px 37px; }
	.q-equipment02 .section__area1 { width: 220px; }
	.q-equipment02 .section__area2 { font-size: 1.1875rem; line-height: 1.52; }
	.q-equipment02 .section__area2 th { width: 170px; padding-right: 5px; }
	.q-equipment02 .section__area2 caption { font-size: 1.34375rem; }
	.q-material01 .padding { padding-bottom: 42px; }
	.q-material01 .lede { font-size: 1.875rem; line-height: 1.65967; }
	.q-material01 .text { font-size: 1.5rem; line-height: 1.9975; }
	.q-material01 .point { margin-top: 35px; }
	.q-material01 .point__list { margin-top: 10px; font-size: 2rem; line-height: 1.64063; }
	.q-material01 .point__item { padding-top: 0; padding-bottom: 0; }
	.q-material01 .point__item:nth-child(n+2) { margin-top: 20px; padding-top: 20px; background: url(../images/bg_dotted_primary_h.png) repeat-x left top; }
	.q-material01 .point__wrap { padding: 13px 0; border-left: 2px solid var(--color-primary-dark); border-right: 2px solid var(--color-primary-dark); }
	.q-material02 { padding-top: 48px; background-color: #fff; }
	.q-material02 .body { padding: 11px 0 42px; margin: 0 -19px; }
	.q-material03 .group__item { margin-top: 45px; padding-top: 40px; background: url(../images/bg_dotted_primary_h.png) repeat-x left top; }
	.q-material03 .group__image { padding-bottom: 108px; }
	.q-material03 .group._01 .group__inner { padding-top: 60px; padding-bottom: 0; }
	.q-material03 .group._01 .group__item:first-child { margin-top: 0; padding-top: 0; background: transparent; }
	.q-material03 .group._02 .group__inner { padding-bottom: 48px; }
	.q-material03 .section { font-size: 1.5rem; line-height: 1.59917; }
	.q-material03 .use { margin-top: 36px; }
	.q-material03 .use__body { -webkit-flex-basis: 142px; -ms-flex-preferred-size: 142px; flex-basis: 142px; }
	.q-mold01 .padding { padding-bottom: 42px; }
	.q-mold01 .lede { margin-bottom: 27px; font-size: 1.875rem; line-height: 1.66; letter-spacing: 0.2em; }
	.q-mold01 .text { font-size: 1.5rem; line-height: 1.99792; }
	.q-mold02 .padding { padding-top: 46px; padding-bottom: 53px; }
	.q-mold02 .flow { padding-top: 11px; margin: 0 -21px; }
	.q-mold02 .flow__button { right: 236px; bottom: -10px; }
	.q-mold03 .group__title { font-size: 1.75rem; line-height: 1.22214; margin-bottom: 14px; letter-spacing: 0; margin-right: -30px; }
	.q-mold03 .group__text { padding-right: 0; font-size: 1.5rem; line-height: 1.59917; }
	.q-mold03 .group__box { padding-top: 55px; padding-bottom: 54px; display: block; }
	.q-mold03 .group__item { width: auto; padding-left: 188px; margin-bottom: 14px; }
	.q-mold03 .group._01 .group__box { padding-top: 55px; padding-bottom: 54px; }
	.q-mold03 .group._05 .group__box { padding-bottom: 54px; }
	.q-mold04 .bg:before { background-size: 10px auto; }
	.q-mold04 .heading .padding { padding-top: 32px; padding-bottom: 35px; }
	.q-mold04 .heading-inner { font-size: 1.3rem; line-height: 1.29094; padding: 24px 45px; }
	.q-mold04 .lead__padding { padding-top: 50px; padding-bottom: 44px; }
	.q-mold04 .lead__heading { font-size: 1.875rem; line-height: 1.66; margin-bottom: 25px; }
	.q-mold04 .lead__text { font-size: 1.5rem; line-height: 1.99792; }
	.q-mold04 .flow { text-align: center; }
	.q-mold04 .flow__padding { padding-top: 42px; padding-bottom: 49px; }
	.q-mold04 .flow .c-heading { margin-bottom: 23px; margin-left: 65px; }
	.q-mold04 .desc__padding { padding-top: 46px; padding-bottom: 35px; }
	.q-mold04 .desc__image { float: none; margin-bottom: 18px; margin-left: 0; }
	.q-mold04 .desc__text { width: auto; float: none; margin-bottom: 0; font-size: 1.5rem; line-height: 1.52542; }
	.q-mold04 .point__padding { padding-bottom: 60px; }
	.q-mold04 .point__heading { margin-left: 0; margin-bottom: 0; }
	.q-mold04 .point__heading-text { display: block; padding: 0; text-align: center; margin: 0 -30px; font-size: 1.3125rem; }
	.q-mold04 .point__item { margin-left: 0; }
	.q-mold04 .point__body { display: block; padding-top: 33px; padding-bottom: 26px; }
	.q-mold04 .point__balloon-inner { width: 472px; height: 102px; font-size: 1.5rem; line-height: 1.20458; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; margin: 0 auto 10px; letter-spacing: 0; }
	.q-mold04 .point__desc { font-size: 1.25rem; line-height: 1.8305; padding: 0; }
	.q-mold04 .point__image { margin-top: 0; margin-left: 0; }
	.q-mold05 .bg:before { background-size: 10px auto; }
	.q-mold05 .heading .padding { padding-top: 32px; padding-bottom: 35px; }
	.q-mold05 .heading-inner { font-size: 2rem; line-height: 1.29094; padding: 25px 60px 23px; }
	.q-mold05 .lead__padding { padding-top: 40px; padding-bottom: 40px; }
	.q-mold05 .lead__heading { font-size: 1.875rem; line-height: 1.66; margin-bottom: 25px; }
	.q-mold05 .lead__text { font-size: 1.5rem; line-height: 1.99792; }
	.q-mold05 .flow { text-align: center; }
	.q-mold05 .flow__padding { padding-top: 42px; padding-bottom: 48px; }
	.q-mold05 .flow .c-heading { margin-bottom: 23px; margin-left: 47px; }
	.q-mold05 .desc__padding { padding-top: 46px; padding-bottom: 35px; }
	.q-mold05 .desc__image { float: none; margin-bottom: 20px; margin-left: 0; }
	.q-mold05 .desc__text { width: auto; float: none; margin-bottom: 0; font-size: 1.5rem; line-height: 1.52542; }
	.q-mold05 .point__padding { padding-bottom: 22px; }
	.q-mold05 .point__heading { margin-left: 0; }
	.q-mold05 .point__heading-text { display: block; padding: 0; text-align: center; margin: 0 -30px; font-size: 1.3125rem; }
	.q-mold05 .point__item { margin-left: 0; }
	.q-mold05 .point__body { display: block; padding-top: 33px; padding-bottom: 25px; }
	.q-mold05 .point__balloon-inner { width: 472px; height: 102px; font-size: 1.5rem; line-height: 1.20458; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; margin: 0 auto 10px; letter-spacing: 0; }
	.q-mold05 .point__desc { padding: 0; font-size: 1.25rem; line-height: 1.8305; }
	.q-mold05 .banner__padding { padding-bottom: 83px; }
	.q-mold05 .banner__image { float: none; text-align: center; margin-bottom: 10px; margin-left: 0; }
	.q-mold05 .banner__text { float: none; width: auto; font-size: 1.25rem; line-height: 1.8305; }
	.q-quality01 .padding { padding-top: 57px; padding-bottom: 43px; }
	.q-quality01 .lede { margin-bottom: 30px; font-size: 1.875rem; line-height: 1.65967; letter-spacing: 0.2em; }
	.q-quality01 .text { font-size: 1.5rem; line-height: 1.9975; }
	.q-quality02 .body__padding { padding-top: 42px; padding-bottom: 42px; }
	.q-quality02 .lead { margin-bottom: 39px; }
	.q-quality02 .lead__inner { display: block; }
	.q-quality02 .lead__desc { width: auto; margin-bottom: 18px; }
	.q-quality02 .lead__title { font-size: 1.75rem; margin-bottom: 10px; letter-spacing: 0.08em; }
	.q-quality02 .lead__image { margin-top: 0; }
	.q-quality02 .lead__text { padding-right: 0; font-size: 1.5rem; line-height: 1.73208; }
	.q-quality02 .system__heading { margin-bottom: 20px; }
	.q-quality02 .system__image { margin-bottom: 10px; }
	.q-quality02 .system__box { padding-bottom: 15px; }
	.q-quality02 .system__box::before { height: 4px; }
	.q-quality02 .system__title { font-size: 1.75rem; padding-left: 20px; border-bottom-width: 2px; }
	.q-quality02 .system__title::before { width: 6px; }
	.q-quality02 .system__text { font-size: 1.5rem; line-height: 1.555; }
	.q-quality02 .system__item { width: auto; margin-bottom: 36px; }
	.q-quality02 .system__item:nth-child(odd) { float: none; }
	.q-quality02 .system__item:nth-child(even) { float: none; }
	.q-quality03 .padding { padding-top: 43px; padding-bottom: 20px; }
	.q-quality03 .heading { margin-bottom: 24px; }
	.q-quality03 .image { margin-bottom: 15px; }
	.q-quality03 .lead { font-size: 1.875rem; line-height: 1.518; margin-bottom: 8px; }
	.q-quality03 .text { font-size: 1.5rem; line-height: 1.555; }
	.q-quality04 .heading__text { font-size: 1.375rem; padding: 3px 8px; }
	.q-quality04 .role__padding { padding-top: 20px; padding-bottom: 63px; }
	.q-quality04 .role__heading { font-size: 1.5rem; line-height: 1.20458; width: 474px; height: 118px; margin: 0 auto 10px; padding-top: 3px; letter-spacing: 0; }
	.q-quality04 .role__text { font-size: 1.25rem; line-height: 1.8305; }
	.q-quality04 .role__item { float: none; width: auto; margin-right: 0; padding-bottom: 0; padding-top: 26px; padding-bottom: 18px; border-bottom-width: 3px; }
	.q-quality04 .image__padding { padding-top: 50px; padding-bottom: 40px; }
	.q-quality05 .heading__text { font-size: 1.375rem; padding: 3px 10px; }
	.q-quality05 .facility__padding { padding-top: 32px; padding-bottom: 46px; }
	.q-quality05 .facility__heading { height: 61px; font-size: 1.5rem; line-height: 1.19167; padding-left: 24px; margin-bottom: 14px; }
	.q-quality05 .facility__text { font-size: 1.375rem; line-height: 1.50091; }
	.q-quality05 .facility__image { padding-top: 61px; }
	.q-quality05 .facility__item { width: auto; }
	.q-quality05 .facility__item:nth-child(odd) { float: none; }
	.q-quality05 .facility__item:nth-child(even) { float: none; }
	.page-recruitment .g-main { padding-top: var(--header-height); }
	.q-recruitment-mv .area1 { height: 214px; padding-top: 76px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.q-recruitment-mv .area2 { height: 320px; }
	.q-recruitment01 .padding { padding-top: 74px; padding-bottom: 76px; }
	.q-recruitment01 .link { text-align: center; }
	.q-recruitment01 .link:nth-child(n+2) { margin-top: 43px; }
	.q-sustainability01 .padding { padding-top: 83px; padding-bottom: 106px; }
	.q-sustainability01 .lede { margin-bottom: 55px; font-size: 1.5rem; line-height: 1.9975; }
	.q-sustainability01 .logo { margin-bottom: 11px; }
	.q-sustainability01 .text { font-size: 1rem; letter-spacing: var(--letter-spacing); }
	.q-sustainability02 .padding { padding-top: 93px; padding-bottom: 85px; }
	.q-sustainability02 .heading { top: 19px; }
	.q-sustainability02 .list__item:nth-child(n+2) { margin-top: 20px; }
	.q-sustainability02 .post { padding: 37px 15px 37px 42px; font-size: 1.5rem; line-height: 1.26167; }
	.q-sustainability02 .post__icon { width: 148px; }
	.q-sustainability03 .heading__title { padding-top: 12px; }
	.q-sustainability03 .body { padding-top: 67px; padding-bottom: 90px; }
	.q-sustainability03 .lede { margin-bottom: 40px; font-size: 1.625rem; line-height: 1.51692; }
	.q-sustainability03 .iso { font-size: 1.5rem; line-height: 1.45125; }
	.q-sustainability03 .iso__item:nth-child(n+2) { margin-top: 42px; }
	.q-sustainability03 .iso__body { padding: 68px 46px 45px; }
	.q-sustainability03 .iso__image { margin-top: 30px; text-align: center; }
	.q-sustainability04 { margin-top: -40px; }
	.q-sustainability04 .body { padding-top: 32px; padding-bottom: 98px; }
	.q-sustainability04 .image { margin-right: -14px; }
	.q-top-mv .text { width: 604px; height: 94px; top: 20px; }
	.q-top-topics { padding-top: 48px; }
	.q-top-topics .head__link { top: 8px; right: 27px; font-size: 1.25rem; }
	.q-top-topics .topics__item { padding-left: var(--space-inline); padding-right: var(--space-inline); }
	.q-top-topics .topics__inner { padding: 15px 0; min-height: 102px; }
	.q-top-topics .topics__title { font-size: 1.5rem; line-height: 1.39542; }
	.q-top-topics .links { margin-top: 63px; }
	.q-top-topics .links__container { -ms-grid-rows: auto auto auto auto; -ms-grid-columns: auto auto; grid-template: "title1    title1"    auto "relation1 relation2" auto "line      title2"    auto "relation3 video1"    auto /    auto      auto; }
	.q-top-topics .links__title._1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; }
	.q-top-topics .links__item._1-01 { -ms-grid-row: 2; -ms-grid-column: 1; }
	.q-top-topics .links__item._1-02 { -ms-grid-row: 2; -ms-grid-column: 2; }
	.q-top-topics .links__item._1-03 { -ms-grid-row: 4; -ms-grid-column: 1; }
	.q-top-topics .links__line { -ms-grid-row: 3; -ms-grid-column: 1; }
	.q-top-topics .links__title._2 { -ms-grid-row: 3; -ms-grid-column: 2; }
	.q-top-topics .links__item._2-01 { -ms-grid-row: 4; -ms-grid-column: 2; }
	.q-top-topics .links__title._2, .q-top-topics .links__line { margin-top: 15px; }
	.q-top-topics .links__title { margin-bottom: 2px; font-size: 1.375rem; }
	body.is-IE .q-top-topics .links__item._1-02, body.is-IE .q-top-topics .links__title._2, body.is-IE .q-top-topics .links__item._2-01 { margin-left: 25px; }
	.q-top-business { margin-top: 130px; }
	.q-top-business .head__inner { left: var(--space-inline); }
	.q-top-business .body { padding-top: 94px; padding-bottom: 44px; }
	.q-top-business .body .text { margin-bottom: 22px; font-size: 1.625rem; line-height: 1.47615; }
	.q-top-business .item + .item { margin-top: 26px; }
	.q-top-business .item__thumb { margin-bottom: 13px; }
	.q-top-business .item__title { margin-top: -42px; }
	.q-top-business .item__text { font-size: 1.5rem; line-height: 1.53417; }
	.q-top-business .item__button { margin-top: 21px; }
	.q-top-group .head__inner { top: -60px; right: 30px; }
	.q-top-group .image { display: block; height: 454px; background-color: var(--color-primary); }
	.q-top-group .desc__inner { padding: 30px var(--space-inline) 50px; font-size: 1.625rem; line-height: 1.50308; }
	.q-top-values { padding-top: 45px; }
	.q-top-values .link { padding-bottom: 32px; }
	.q-top-values .head { margin-bottom: 15px; }
	.q-top-values .title { margin-top: -44px; }
	.q-top-values .body { font-size: 1.625rem; line-height: 1.50308; }
	.q-top-values .lede { font-size: 1.875rem; line-height: 1.37367; }
	.q-top-values .button { margin-top: 21px; }
	.q-top-values .bg { top: 272px; }
	.q-top-sustainability { padding-top: 43px; padding-bottom: 40px; }
	.q-top-sustainability .head { margin-bottom: 9px; }
	.q-top-sustainability .body { font-size: 1.625rem; line-height: 1.50308; }
	.q-top-sustainability .lede { font-size: 1.875rem; line-height: 1.37367; }
	.q-top-sustainability .button { margin-top: 23px; }
	.q-top-sustainability .logo { right: -5px; bottom: -43px; }
	.q-top-sustainability .logo__text { font-size: 1rem; line-height: 1.31375; }
	.q-top-company .link { padding-top: 47px; padding-bottom: 86px; }
	.q-top-company .heading { margin-bottom: 40px; }
	.q-top-company .thumb { width: 582px; }
	.q-top-company .thumb__title { margin-top: -45px; }
	.q-top-recruit .banner { padding: 99px 0 162px; }
	.q-topics-mv { padding-top: 116px; }
	.q-topics-mv .inner { height: auto; }
	.q-topics-mv .heading { padding-left: 0; padding-top: 10px; padding-bottom: 10px; text-align: center; }
	/*.q-topics-mv .bg { height: 320px; }*/
	.q-topics-mv .bg img { width: 100%; }
	.q-topics01 .padding { padding-top: 30px; padding-bottom: 182px; }
	.q-topics01 .post__date { font-size: 1.25rem; }
	.q-topics01 .post__head { padding: 17px 0; }
	.q-topics01 .post__heading { font-size: 1.625rem; }
	.q-topics01 .post__body { padding: 50px 14px 5px 24px; font-size: 1.5rem; line-height: 1.25958; }
	.q-topics01 .pager { margin-top: 55px; }
	.q-product01 .padding { padding-top: 40px; padding-bottom: 60px; }
	.productnav li { flex: 0 0 50%; max-width: 50%; }
	.productnav1 li { flex: 0 0 50%; max-width: 50%; }
	.productlist ul li { flex: 0 0 50%; max-width: 50%; }
	.productnav li:nth-child(n+3) { margin-top: 20px; }
	.productnav1 li:nth-child(n+3) { margin-top: 20px; }	
	.productlist ul li:nth-child(n+3) { margin-top: 30px; }
	.productlist ul li .info p { font-size: 16px }
	.q-values-mv .l-inner { padding-right: 0; }
	.q-values01 .heading__number { margin-left: 97px; }
	.q-values01 .heading__text { padding-top: 15px; padding-left: 56px; width: 588px; height: 224px; font-size: 1.9375rem; margin-left: 0; }
	.q-values01 .heading__line._line01 { padding-left: 60px; }
	.q-values01 .heading__line._line02 { padding-left: 42px; }
	.q-values01 .heading__line._line03 { padding-left: 18px; }
	.q-values01 .image { position: static; text-align: center; margin-bottom: 10px; }
	.q-values01 .text { line-height: 1.599; font-size: 1.5rem; width: auto; margin-left: 0; }
	.q-values01 .button__inner { padding: 22px 82px 24px 30px; }
	.q-values01 .button__inner::before { right: 28px; width: 20px; height: 13px; }
	.q-values01 .button__child { font-size: 1.1875rem; }
	.q-values01 .button__child:nth-child(odd) { float: left; margin-left: -3px; }
	.q-values01 .button__child:nth-child(even) { float: right; margin-right: 20px; }
	.q-values01 .button__child + .button__child { margin-left: 0; }
	.q-values01 .values01 .padding { padding-top: 78px; padding-bottom: 50px; }
	.q-values01 .values01 .button { padding-top: 20px; }
	.q-values01 .values02 .padding { padding-top: 44px; padding-bottom: 53px; }
	.q-values01 .values02 .button { padding-top: 20px; }
	.q-values01 .values02 .button__child + .button__child { margin-left: 0; }
	.q-values01 .values02 .button__child:nth-child(1) .button__inner { padding: 22px 65px 24px 15px; }
	.q-values01 .values02 .button__inner { padding: 22px 92px 24px 30px; }
	.q-values01 .values03 .padding { padding-top: 44px; padding-bottom: 52px; }
	.q-values01 .values03 .heading__number { margin-left: 75px; }
	.q-values01 .values03 .heading__text { width: 566px; height: 174px; margin-left: 0; }
	.q-values01 .values03 .button { padding-top: 21px; }
	.q-values01 .values03 .button__inner { padding: 22px 140px 24px 30px; }
	.q-values01 .values04 .padding { padding-top: 44px; padding-bottom: 52px; }
	.q-values01 .values04 .heading__number { margin-left: 75px; }
	.q-values01 .values04 .heading__text { width: 566px; height: 174px; margin-left: 0; }
	.q-values01 .values04 .button { padding-top: 20px; }
	.q-values01 .values04 .button__inner { padding: 22px 120px 24px 30px; }
	.q-values01 .values05 .padding { padding-top: 50px; padding-bottom: 58px; }
	.q-values01 .values05 .button { padding-top: 20px; }
	.q-values01 .values05 .button__inner { padding: 22px 84px 24px 30px; }
}
@media not all and (max-width:640px) {
	.p-media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.p-media__head { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 414px; margin-right: 20px; }
	.p-media__data { display: table; }
	.p-media2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.p-media2__item { max-width: 270px; margin: 0 10px; }
	.p-mv__heading { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); z-index: 10; }
	.p-mv__heading::before { content: ""; display: block; height: 100%; width: 10000px; position: absolute; top: 0; right: 86px; background-color: var(--color-primary-dark); z-index: -10; }
	.p-mv__heading._white::before { background-color: #fff; }
	.g-footer .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
	.g-footer .info { padding-left: 23px; }
	.q-bases02 .map { display: -ms-grid; display: grid; -ms-grid-rows: 1fr auto; -ms-grid-columns: 1fr auto; grid-template: "map-domestic map-america"   1fr "map-domestic map-indonesia" auto /   1fr          auto; background: url(../images/section02_map_bg_pc.png) no-repeat right top; }
	.q-bases02 .map__area1 { grid-area: map-domestic; }
	.q-bases02 .map__area2 { grid-area: map-america; }
	.q-bases02 .map__area3 { grid-area: map-indonesia; }
	.q-bases02 .map__item._america { margin-right: 10px; }
	.q-bases02 .map__item._indonesia { -webkit-transform: translate(20px, -5px); -ms-transform: translate(20px, -5px); transform: translate(20px, -5px); }
	.q-bases02 .map__area1 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; }
	.q-bases02 .map__area2 { -ms-grid-row: 1; -ms-grid-column: 2; }
	.q-bases02 .map__area3 { -ms-grid-row: 2; -ms-grid-column: 2; }
	.q-bases02 .pin__icon img { width: 18px; }
	.q-bases02 .pin__view img { width: 65px; }
	.q-bases03 .post { display: -ms-grid; display: grid; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	.q-bases03 .post._has_slide .post__head { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--color-secondary); }
	.q-bases03 .post._has_slide .post__head-in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
	.q-bases03 .post._has_slide .post__title { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 20px; border-right: 1px solid var(--color-secondary); }
	.q-bases03 .post._has_slide .post__info { margin-left: -1px; padding-left: 20px; border-left: 1px solid var(--color-secondary); }
	.q-bases03 .post:not(._has_slide) .post__head { max-width: 454px; }
	.q-bases03 .post:not(._has_slide) .post__view { margin-top: 20px; }
	.q-bases03 .post__table tr:nth-child(n+2) th, .q-bases03 .post__table tr:nth-child(n+2) td { height: 74px; }
	.q-business02.is-show .content__inner { opacity: 1; }
	.q-business02.is-show .content::before { opacity: 0.4; }
	.q-business02.is-show .content::after { opacity: 1; }
	.q-business02.is-show .list__item._01 .content__inner, .q-business02.is-show .list__item._01 .content::before, .q-business02.is-show .list__item._01 .content::after { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
	.q-business02.is-show .list__item._02 .content__inner, .q-business02.is-show .list__item._02 .content::before, .q-business02.is-show .list__item._02 .content::after { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; }
	.q-business02.is-show .list__item._03 .content__inner, .q-business02.is-show .list__item._03 .content::before, .q-business02.is-show .list__item._03 .content::after { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; }
	.q-business02.is-show .list__item._04 .content__inner, .q-business02.is-show .list__item._04 .content::before, .q-business02.is-show .list__item._04 .content::after { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; }
	body.is-IE .content::before { display: none; }
	body.is-IE .q-business02.is-show .content::after { opacity: 0.7; }
	.q-company01 .body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	.q-company01 .photo { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 270px; padding-bottom: 11px; }
	.q-contact-mv .bg { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: -10; }
	.q-contact-mv .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.q-contact01 .submit__input input:hover { opacity: 0.6; }
	.q-contact01 .mw_wp_form_confirm .submit__input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
	.q-contact01 .mw_wp_form_confirm .submit__input input { margin: 0 10px; }
	.q-english01 .content { display: -ms-grid; display: grid; -ms-grid-rows: auto auto; -ms-grid-columns: 1fr 30px auto; grid-template: "english01-head english01-image" auto
		"english01-desc english01-image" auto
	/    1fr            auto; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
	.q-english01 .content__head { grid-area: english01-head; }
	.q-english01 .content__desc { grid-area: english01-desc; }
	.q-english01 .content__image { grid-area: english01-image; }
	.q-english01 .content._ex { -ms-grid-rows: auto auto; -ms-grid-columns: 1fr auto; grid-template: "english01-head english01-image" auto
		"english01-desc english01-desc" auto
	/    1fr            auto; }
	.q-english01 .content__head { -ms-grid-row: 1; -ms-grid-column: 1; }
	.q-english01 .content._ex > .content__head { -ms-grid-row: 1; -ms-grid-column: 1; }
	.q-english01 .content__desc { -ms-grid-row: 2; -ms-grid-column: 1; }
	.q-english01 .content._ex > .content__desc { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; }
	.q-english01 .content__image { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; }
	.q-english01 .content._ex > .content__image { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; }
	.q-english01 .content__image { width: 302px; }
	.q-english02 .media__head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 28px; }
	.q-english02 .media__desc { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 30px; }
	.q-english02 .media__image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
	.q-english02 .group__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 960px; }
	.q-english02 .group__item { width: 50%; }
	.q-english02 .group__item:nth-child(2n) { background: url(../images/bg_dotted_primary_v.png) repeat-y left top; }
	.q-english02 .group__item:nth-child(2n) .section { margin-left: auto; }
	.q-english02 .group._02 .group__inner { padding-top: 30px; padding-bottom: 57px; background: url(../images/bg_dotted_primary_h.png) repeat-x left top; }
	.q-english02 .section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: 417px; }
	.q-english03 .media__head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 28px; }
	.q-english03 .media__desc { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 20px; }
	.q-english03 .media__image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
	.q-english03 .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	.q-english03 .list__item { --q-item-display: flex; --q-item-width: 456px; }
	.q-english03 .list__item._wide { --q-item-width: 100%; --q-item-display: block; }
	.q-english03 .list__item:nth-child(n+3) { margin-top: 47px; }
	.q-english03 .media2__area1 { width: 456px; float: left; }
	.q-english03 .media2__area2 { width: 456px; float: right; }
	.q-english04 .media__image { float: left; margin-right: 20px; }
	.q-english05 .area1 .l-inner { max-width: 1000px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.q-english05 .area1__heading { padding-right: 20px; }
	.q-english05 .area1__media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.q-english05 .area1__image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 500px; margin-left: 15px; }
	.q-english05 .area2__media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.q-english05 .area2__image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 354px; margin-left: 15px; }
	.q-english05 .media2__item { width: 464px; }
	.q-english05 .media2__item:nth-child(n+3) { margin-top: 27px; }
	.q-english05 .media2__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }
	.q-equipment02 .section { float: right; width: 485px; }
	.q-equipment02 .section:nth-child(2n+1) { clear: both; float: left; }
	.q-equipment02 .section:nth-child(n+3) { margin-top: 60px; }
	.q-material01 .point__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-left: 2px solid var(--color-primary-dark); border-right: 2px solid var(--color-primary-dark); }
	.q-material01 .point__item { width: 50%; }
	.q-material01 .point__item:nth-child(2n+1) { background: url(../images/bg_dotted_primary_v.png) repeat-y right top; }
	.q-material03 .group__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 940px; }
	.q-material03 .group__item { width: 50%; }
	.q-material03 .group__item:nth-child(2n) { background: url(../images/bg_dotted_primary_v.png) repeat-y left top; }
	.q-material03 .group__item:nth-child(2n) .section { margin-left: auto; }
	.q-material03 .group._02 .group__inner { padding-top: 63px; padding-bottom: 110px; background: url(../images/bg_dotted_primary_h.png) repeat-x left top; }
	.q-material03 .section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: 400px; }
	.q-material03 .use { max-width: 360px; }
	.q-mold04 .point__heading:before { content: ""; width: 100%; height: 1px; z-index: -1; background-color: var(--color-accent); position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
	.q-mold04 .point__desc:before { content: ""; display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0; background-color: var(--color-accent); }
	.q-mold05 .point__heading:before { content: ""; width: 100%; height: 1px; z-index: -1; background-color: var(--color-accent); position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
	.q-mold05 .point__desc:before { content: ""; display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0; background-color: var(--color-accent); }
	.q-mold05 .banner .c-mask { margin-right: -10px; padding-right: 10px; }
	.q-quality04 .role__text { letter-spacing: 0.03em; }
	.q-quality04 .role__item:nth-child(2) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
	.q-quality04 .role__item:nth-child(3) { -webkit-transition-delay: 1s; transition-delay: 1s; }
	.q-recruitment-mv { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.q-recruitment-mv .area1, .q-recruitment-mv .area2 { width: 50%; }
	.q-recruitment-mv .inner { width: 500px; padding: 162px 0 0 92px; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.q-recruitment-mv .area1 .inner { margin-left: auto; }
	.q-recruitment-mv .area2 { position: relative; height: 382px; }
	.q-recruitment01 .body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	.q-sustainability02 .list__item { float: right; width: 48.5%; }
	.q-sustainability02 .list__item:nth-child(2n+1) { clear: both; float: left; }
	.q-sustainability02 .list__item:nth-child(n+3) { margin-top: 30px; }
	.q-sustainability03 .iso__desc { float: left; width: 580px; }
	.q-sustainability03 .iso__image { float: right; width: 210px; padding-top: 38px; }
	.q-top-topics .head__title { padding-left: 20px; }
	.q-top-topics .links__container { -ms-grid-rows: auto auto; -ms-grid-columns: auto auto auto auto; grid-template: "title1    title1    title1    title2" auto "relation1 relation2 relation3 video1" auto /    auto      auto      auto      auto; }
	.q-top-topics .links__title._1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; }
	.q-top-topics .links__item._1-01 { -ms-grid-row: 2; -ms-grid-column: 1; }
	.q-top-topics .links__item._1-02 { -ms-grid-row: 2; -ms-grid-column: 2; }
	.q-top-topics .links__item._1-03 { -ms-grid-row: 2; -ms-grid-column: 3; }
	.q-top-topics .links__title._2 { -ms-grid-row: 1; -ms-grid-column: 4; }
	.q-top-topics .links__item._2-01 { -ms-grid-row: 2; -ms-grid-column: 4; }
	body.is-IE .q-top-topics .links__item._1-02, body.is-IE .q-top-topics .links__item._1-03, body.is-IE .q-top-topics .links__title._2, body.is-IE .q-top-topics .links__item._2-01 { margin-left: 25px; }
	.q-top-business .body__container { display: -ms-grid; display: grid; -ms-grid-rows: auto auto; -ms-grid-columns: 452px 452px; grid-template: "tb-text     tb-mold" auto "tb-material tb-mold" auto /   452px        452px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
	.q-top-business .body .text { -ms-grid-row: 1; -ms-grid-column: 1; }
	.q-top-business .body .item._material { -ms-grid-row: 2; -ms-grid-column: 1; }
	.q-top-business .body .item._mold { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; }
	body.is-IE .q-top-business .item + .item { margin-left: 24px; }
	.q-top-group .body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.q-top-group .body .image, .q-top-group .body .desc { width: 50%; }
	.q-top-group .desc__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 500px; height: 100%; padding-left: 54px; }
	.q-top-values .body { padding: 0 20px; }
	.q-top-sustainability .body { padding: 0 20px; }
	.q-topics-mv .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.q-topics-mv .bg { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: -10; }
	.q-topics-mv .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit:cover; "; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
}
@-webkit-keyframes openMask {
	0% { -webkit-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); }
	100% { -webkit-transform: scaleX(1) translateX(0); transform: scaleX(1) translateX(0); }
}
@keyframes openMask {
	0% { -webkit-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); }
	100% { -webkit-transform: scaleX(1) translateX(0); transform: scaleX(1) translateX(0); }
}
@-webkit-keyframes closeMask {
	0% { -webkit-transform: scaleX(1) translateX(0); transform: scaleX(1) translateX(0); }
	100% { -webkit-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }
}
@keyframes closeMask {
	0% { -webkit-transform: scaleX(1) translateX(0); transform: scaleX(1) translateX(0); }
	100% { -webkit-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%); }
}
  @media screen and (min-width: 800px) {.q-topics-mv .heading{font-size: 40px;}}
  .logo img {max-width: 90%;}