@charset "UTF-8"; /*================================================================================ media query mixin ================================================================================*/ /* google font on web --------------------------------------------------------------------------------*/ /* google font on server --------------------------------------------------------------------------------*/ /* icomoon --------------------------------------------------------------------------------*/ /* custom --------------------------------------------------------------------------------*/ body { font-family: "EB Garamond", "Zen Old Mincho", serif; }
.c-sansSerif { font-family: "Roboto", "Noto Sans JP", sans-serif; }
.c-serif { font-family: "EB Garamond", "Zen Old Mincho", serif; }
.c-ff--jp { font-family: "Zen Old Mincho", serif; }
.c-ff--en { font-family: "EB Garamond", serif; }
@media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
@media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
@media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
@media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
@media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
/*================================================================================ reset & default & font ================================================================================*/ /* * ress.css • v1.2.2 * MIT License * github.com/filipelinhares/ress */ /* # ================================================================= # Global selectors # ================================================================= */ html { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */; }
*, ::before, ::after { background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */ -webkit-box-sizing: inherit; box-sizing: inherit; }
::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; }
* { padding: 0; /* Reset `padding` and `margin` of all elements */ margin: 0; }
/* # ================================================================= # General elements # ================================================================= */ /* Add the correct display in iOS 4-7.*/ audio:not([controls]) { display: none; height: 0; }
hr { overflow: visible; /* Show the overflow in Edge and IE */; }
/* * Correct `block` display not defined for any HTML5 element in IE 8/9 * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox * Correct `block` display not defined for `main` in IE 11 */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
summary { display: list-item; /* Add the correct display in all browsers */; }
small { font-size: 80%; /* Set font-size to 80% in `small` elements */; }
[hidden], template { display: none; /* Add the correct display in IE */; }
abbr[title] { border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ text-decoration: none; /* Remove text decoration in Firefox 40+ */; }
a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */; }
a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */; }
code, kbd, pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */; }
b, strong { font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */; }
dfn { font-style: italic; /* Address styling not present in Safari and Chrome */; }
/* Address styling not present in IE 8/9 */ mark { background-color: #ff0; color: #000; }
/* https://gist.github.com/unruthless/413930 */ sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: 0em; }
sup { top: -0.5em; }
/* # ================================================================= # Forms # ================================================================= */ input { border-radius: 0; }
/* Apply cursor pointer to button elements */ button, [type=button], [type=reset], [type=submit], [role=button] { cursor: pointer; }
/* Replace pointer cursor in disabled elements */ [disabled] { cursor: default; }
[type=number] { width: auto; /* Firefox 36+ */; }
[type=search] { -webkit-appearance: textfield; /* Safari 8+ */; }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; /* Safari 8 */; }
textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */; }
button, input, optgroup, select, textarea { font: inherit; /* Specify font inheritance of form elements */; }
optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule. */; }
button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */; }
/* Remove inner padding and border in Firefox 4+ */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: 0; padding: 0; }
/* Replace focus style removed in the border reset above */ button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { outline: 1px dotted ButtonText; }
button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */; }
button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */; }
/* Remove the default button styling in all browsers */ button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; }
/* Style select like a standard input */ select::-ms-expand { display: none; /* Internet Explorer 11+ */; }
select::-ms-value { color: currentColor; /* Internet Explorer 11+ */; }
legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge and IE */; }
::-webkit-file-upload-button { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ font: inherit; /* Change font properties to `inherit` in Chrome and Safari */; }
[type=search] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px; /* Correct the outline style in Safari */; }
/* # ================================================================= # Specify media element style # ================================================================= */ img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */; }
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */ progress { vertical-align: baseline; }
svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */; }
audio, canvas, progress, video { display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */; }
/* # ================================================================= # Accessibility # ================================================================= */ /* Hide content from screens but not screenreaders */ @media screen { [hidden~=screen] { display: inherit; } [hidden~=screen]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
/* Specify the progress cursor of updating elements */ [aria-busy=true] { cursor: progress; }
/* Specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; }
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; }
/* # ================================================================= # Selection # ================================================================= */ /* Specify text selection background color and omit drop shadow */ ::-moz-selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; }
::selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; }
/*====================================================================== Defaults Styles ======================================================================*/ html { font-size: 62.5%; }
body { margin: 0; padding: 0; color: #122833; line-height: 2; font-size: 16px; font-size: 1.6rem; font-weight: 400; -webkit-text-size-adjust: 100%; background-color: #fff; }
@media screen and (max-width: 980px) { body { line-height: 1.8; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 320px) { body { line-height: 1.5; font-size: 13px; font-size: 1.3rem; } }
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*placeholder*/ ::-webkit-input-placeholder-shown { color: #D0D4D6; }
/*placeholder*/ :-ms-input-placeholder-shown { color: #D0D4D6; }
/*placeholder*/ ::-ms-input-placeholder-shown { color: #D0D4D6; }
/*placeholder*/ ::placeholder-shown { color: #D0D4D6; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder { color: #D0D4D6; }
/* Firefox 18- */ ::-moz-placeholder { color: #D0D4D6; opacity: 1; }
/* Firefox 19+ */ ::-moz-placeholder { color: #D0D4D6; opacity: 1; }
/* IE 10+ */ ::-ms-input-placeholder { color: #D0D4D6; }
img, svg { border: 0; border-style: none; vertical-align: bottom; font-size: 0; line-height: 0; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
ul, dl, ol { list-style-type: none; }
/* Link --------------------------------------------------------------------------------*/ a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; color: #122833; text-decoration: none; }
a:link { color: #122833; text-decoration: none; }
a:visited { color: #122833; text-decoration: none; }
a:hover { color: #122833; text-decoration: none; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; opacity: 0.65; }
a:active { color: #122833; text-decoration: none; }
*:focus { outline: none; }
/* Base Styles --------------------------------------------------------------------------------*/ /* margin */ .mg0a, .mAuto { margin: 0 auto; }
.mgt-20 { margin-top: -20px !important; }
.mgt-10 { margin-top: -10px !important; }
.mgt-5 { margin-top: -5px !important; }
.mgt0 { margin-top: 0 !important; }
.mgt1 { margin-top: 1px !important; }
.mgt2 { margin-top: 2px !important; }
.mgt3 { margin-top: 3px !important; }
.mgt4 { margin-top: 4px !important; }
.mgt5 { margin-top: 5px !important; }
.mgt6 { margin-top: 6px !important; }
.mgt7 { margin-top: 7px !important; }
.mgt8 { margin-top: 8px !important; }
.mgt9 { margin-top: 9px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt12 { margin-top: 12px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt18 { margin-top: 18px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt32 { margin-top: 32px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt55 { margin-top: 55px !important; }
.mgt60 { margin-top: 60px !important; }
.mgt65 { margin-top: 65px !important; }
.mgt70 { margin-top: 70px !important; }
.mgt75 { margin-top: 75px !important; }
.mgt80 { margin-top: 80px !important; }
.mgt85 { margin-top: 85px !important; }
.mgt90 { margin-top: 90px !important; }
.mgt95 { margin-top: 95px !important; }
.mgt100 { margin-top: 100px !important; }
.mgb-20 { margin-bottom: -20px !important; }
.mgb-10 { margin-bottom: -10px !important; }
.mgb-5 { margin-bottom: -5px !important; }
.mgb0 { margin-bottom: 0 !important; }
.mgb1 { margin-bottom: 1px !important; }
.mgb2 { margin-bottom: 2px !important; }
.mgb3 { margin-bottom: 3px !important; }
.mgb4 { margin-bottom: 4px !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb6 { margin-bottom: 6px !important; }
.mgb7 { margin-bottom: 7px !important; }
.mgb8 { margin-bottom: 8px !important; }
.mgb9 { margin-bottom: 9px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb12 { margin-bottom: 12px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb18 { margin-bottom: 18px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb32 { margin-bottom: 32px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgb55 { margin-bottom: 55px !important; }
.mgb60 { margin-bottom: 60px !important; }
.mgb65 { margin-bottom: 65px !important; }
.mgb70 { margin-bottom: 70px !important; }
.mgb75 { margin-bottom: 75px !important; }
.mgb80 { margin-bottom: 80px !important; }
.mgb85 { margin-bottom: 85px !important; }
.mgb90 { margin-bottom: 90px !important; }
.mgb95 { margin-bottom: 95px !important; }
.mgb100 { margin-bottom: 100px !important; }
.mgl-20 { margin-left: -20px !important; }
.mgl-10 { margin-left: -10px !important; }
.mgl-9 { margin-left: -9px !important; }
.mgl-8 { margin-left: -8px !important; }
.mgl-7 { margin-left: -7px !important; }
.mgl-6 { margin-left: -6px !important; }
.mgl-5 { margin-left: -5px !important; }
.mgl-4 { margin-left: -4px !important; }
.mgl-3 { margin-left: -3px !important; }
.mgl-2 { margin-left: -2px !important; }
.mgl-1 { margin-left: -1px !important; }
.mgl0 { margin-left: 0 !important; }
.mgl1 { margin-left: 1px !important; }
.mgl2 { margin-left: 2px !important; }
.mgl3 { margin-left: 3px !important; }
.mgl4 { margin-left: 4px !important; }
.mgl5 { margin-left: 5px !important; }
.mgl6 { margin-left: 6px !important; }
.mgl7 { margin-left: 7px !important; }
.mgl8 { margin-left: 8px !important; }
.mgl9 { margin-left: 9px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl12 { margin-left: 12px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl18 { margin-left: 18px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl55 { margin-left: 55px !important; }
.mgl60 { margin-left: 60px !important; }
.mgl65 { margin-left: 65px !important; }
.mgl70 { margin-left: 70px !important; }
.mgl75 { margin-left: 75px !important; }
.mgl80 { margin-left: 80px !important; }
.mgl85 { margin-left: 85px !important; }
.mgl90 { margin-left: 90px !important; }
.mgl95 { margin-left: 95px !important; }
.mgl100 { margin-left: 100px !important; }
.mgr0 { margin-right: 0 !important; }
.mgr1 { margin-right: 1px !important; }
.mgr2 { margin-right: 2px !important; }
.mgr3 { margin-right: 3px !important; }
.mgr4 { margin-right: 4px !important; }
.mgr5 { margin-right: 5px !important; }
.mgr6 { margin-right: 6px !important; }
.mgr7 { margin-right: 7px !important; }
.mgr8 { margin-right: 8px !important; }
.mgr9 { margin-right: 9px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr12 { margin-right: 12px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr18 { margin-right: 18px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }
.mgr55 { margin-right: 55px !important; }
.mgr60 { margin-right: 60px !important; }
.mgr65 { margin-right: 65px !important; }
.mgr70 { margin-right: 70px !important; }
.mgr75 { margin-right: 75px !important; }
.mgr80 { margin-right: 80px !important; }
.mgr85 { margin-right: 85px !important; }
.mgr90 { margin-right: 90px !important; }
.mgr95 { margin-right: 95px !important; }
.mgr100 { margin-right: 100px !important; }
/* padding */ .pdt0 { padding-top: 0 !important; }
.pdt1 { padding-top: 1px !important; }
.pdt2 { padding-top: 2px !important; }
.pdt3 { padding-top: 3px !important; }
.pdt4 { padding-top: 4px !important; }
.pdt5 { padding-top: 5px !important; }
.pdt6 { padding-top: 6px !important; }
.pdt7 { padding-top: 7px !important; }
.pdt8 { padding-top: 8px !important; }
.pdt9 { padding-top: 9px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt12 { padding-top: 12px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt18 { padding-top: 18px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 { padding-top: 25px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt35 { padding-top: 35px !important; }
.pdt40 { padding-top: 40px !important; }
.pdt45 { padding-top: 45px !important; }
.pdt50 { padding-top: 50px !important; }
.pdt55 { padding-top: 55px !important; }
.pdt60 { padding-top: 60px !important; }
.pdt65 { padding-top: 65px !important; }
.pdt70 { padding-top: 70px !important; }
.pdt75 { padding-top: 75px !important; }
.pdt80 { padding-top: 80px !important; }
.pdt85 { padding-top: 85px !important; }
.pdt90 { padding-top: 90px !important; }
.pdt95 { padding-top: 95px !important; }
.pdt100 { padding-top: 100px !important; }
.pdb0 { padding-bottom: 0 !important; }
.pdb1 { padding-bottom: 1px !important; }
.pdb2 { padding-bottom: 2px !important; }
.pdb3 { padding-bottom: 3px !important; }
.pdb4 { padding-bottom: 4px !important; }
.pdb5 { padding-bottom: 5px !important; }
.pdb6 { padding-bottom: 6px !important; }
.pdb7 { padding-bottom: 7px !important; }
.pdb8 { padding-bottom: 8px !important; }
.pdb9 { padding-bottom: 9px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb12 { padding-bottom: 12px !important; }
.pdb15 { padding-bottom: 15px !important; }
.pdb18 { padding-bottom: 18px !important; }
.pdb20 { padding-bottom: 20px !important; }
.pdb25 { padding-bottom: 25px !important; }
.pdb30 { padding-bottom: 30px !important; }
.pdb35 { padding-bottom: 35px !important; }
.pdb40 { padding-bottom: 40px !important; }
.pdb45 { padding-bottom: 45px !important; }
.pdb50 { padding-bottom: 50px !important; }
.pdb55 { padding-bottom: 55px !important; }
.pdb60 { padding-bottom: 60px !important; }
.pdb65 { padding-bottom: 65px !important; }
.pdb70 { padding-bottom: 70px !important; }
.pdb75 { padding-bottom: 75px !important; }
.pdb80 { padding-bottom: 80px !important; }
.pdb85 { padding-bottom: 85px !important; }
.pdb90 { padding-bottom: 90px !important; }
.pdb95 { padding-bottom: 95px !important; }
.pdb100 { padding-bottom: 100px !important; }
.pdl0 { padding-left: 0 !important; }
.pdl1 { padding-left: 1px !important; }
.pdl2 { padding-left: 2px !important; }
.pdl3 { padding-left: 3px !important; }
.pdl4 { padding-left: 4px !important; }
.pdl5 { padding-left: 5px !important; }
.pdl6 { padding-left: 6px !important; }
.pdl7 { padding-left: 7px !important; }
.pdl8 { padding-left: 8px !important; }
.pdl9 { padding-left: 9px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl12 { padding-left: 12px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl18 { padding-left: 18px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl25 { padding-left: 25px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl35 { padding-left: 35px !important; }
.pdl40 { padding-left: 40px !important; }
.pdl45 { padding-left: 45px !important; }
.pdl50 { padding-left: 50px !important; }
.pdl55 { padding-left: 55px !important; }
.pdl60 { padding-left: 60px !important; }
.pdl65 { padding-left: 65px !important; }
.pdl70 { padding-left: 70px !important; }
.pdl75 { padding-left: 75px !important; }
.pdl80 { padding-left: 80px !important; }
.pdl85 { padding-left: 85px !important; }
.pdl90 { padding-left: 90px !important; }
.pdl100 { padding-left: 100px !important; }
.pdr0 { padding-right: 0 !important; }
.pdr1 { padding-right: 1px !important; }
.pdr2 { padding-right: 2px !important; }
.pdr3 { padding-right: 3px !important; }
.pdr4 { padding-right: 4px !important; }
.pdr5 { padding-right: 5px !important; }
.pdr6 { padding-right: 6px !important; }
.pdr7 { padding-right: 7px !important; }
.pdr8 { padding-right: 8px !important; }
.pdr9 { padding-right: 9px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr12 { padding-right: 12px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr18 { padding-right: 18px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr25 { padding-right: 25px !important; }
.pdr30 { padding-right: 30px !important; }
.pdr35 { padding-right: 35px !important; }
.pdr40 { padding-right: 40px !important; }
.pdr45 { padding-right: 45px !important; }
.pdr50 { padding-right: 50px !important; }
.pdr55 { padding-right: 55px !important; }
.pdr60 { padding-right: 60px !important; }
.pdr65 { padding-right: 65px !important; }
.pdr70 { padding-right: 70px !important; }
.pdr75 { padding-right: 75px !important; }
.pdr80 { padding-right: 80px !important; }
.pdr85 { padding-right: 85px !important; }
.pdr90 { padding-right: 90px !important; }
.pdr95 { padding-right: 95px !important; }
.pdr100 { padding-right: 100px !important; }
.pd0 { padding: 0 !important; }
.floatL { float: left; }
.floatR { float: right; }
.alL, .c-textLeft, .u-left { text-align: left; }
.alC, .c-textCenter, .u-center { text-align: center; }
.alR, .c-textRight, .u-right { text-align: right; }
.vaT, .-vtop { vertical-align: top; }
.vaM, .-vmiddle { vertical-align: middle; }
.vaB, .-vbottom { vertical-align: bottom; }
.c-pos--rel, .rel, .-rel { position: relative; }
.c-pos--ab, .ab, .-ab { position: absolute; }
.c-pos--fix, .fix, .-fix { position: fixed; }
.disnon { display: none; }
.nowrap { white-space: nowrap; }
.w100per { width: 100%; height: auto; }
/*clear*/ .clearfix { clear: both; background: transparent; height: 1px; font-size: 1px; }
/* clearfix micro */ .cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/*IE6,7対策 （haslayout対策）*/ .cf { *zoom: 1; }
/*================================================================================ common parts ================================================================================*/ .TODO { height: 1200px; border-top: 1px solid #c00; padding-top: 300px; margin-top: 300px; }
.isDisplay { display: block !important; }
.noDisplay { display: none; }
.-pcOnly, .-pc { display: inline-block; }
@media screen and (max-width: 980px) { .-pcOnly, .-pc { display: none; } }
.-spOnly, .-sp { display: none; }
@media screen and (max-width: 980px) { .-spOnly, .-sp { display: inline-block; } }
.pcOnly, .pc { display: inline-block !important; }
@media screen and (max-width: 980px) { .pcOnly, .pc { display: none !important; } }
.spOnly, .sp { display: none !important; }
@media screen and (max-width: 980px) { .spOnly, .sp { display: inline-block !important; } }
.p-parts .inner { width: 1500px; }
.c-color--main { color: #135866; }
.c-beforeBgColor { background-color: inherit; position: relative; }
.c-beforeBgColor::before { content: ""; width: 100%; height: 100%; display: block; background-color: transparent; position: absolute; top: 0; left: 0; z-index: -1; }
.c-beforeBgColor.-bgGray::before { background-color: #F8F8F8; }
.c-beforeBgColor.-bgWhite::before { background-color: #fff; }
.c-beforeBgColor.-bgBlack::before { background-color: #122833; }
.c-beforeBgColor.-bgMainColor::before { background-color: rgba(19, 88, 102, 0.1); }
.c-fs24 { font-size: 24px !important; }
@media screen and (max-width: 980px) { .c-fs24 { font-size: inherit; } }
.c-fs12 { font-size: 12px !important; }
@media screen and (max-width: 980px) { .c-fs12 { font-size: inherit; } }
.c-bold { font-weight: bold; }
.c-lh14 { line-height: 1.4; }
.c-lh24 { line-height: 2.4; }
.c-maru--small { font-size: 10px; vertical-align: text-bottom; margin-right: 5px; }
.c-ls--reset { letter-spacing: 0 !important; }
.c-paren-open { letter-spacing: -0.08em; margin-left: -0.5em; }
.c-paren-close { letter-spacing: -0.08em; margin-right: -0.5em; }
a[href^=tel] { color: inherit; text-decoration: none; }
.js-anime--fadein { opacity: 0; }
.c-shadow { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.c-textShadow { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); }
.c-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.c-flex.-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 980px) { .c-flex.-spBlock, .c-flex.-spB { display: block; } }
.c-flex.-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.c-flex.-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.c-flex.-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.c-flex.-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.c-flex.-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.c-flex.-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.c-flex.-mgl20 > li { margin-left: 20px; }
.c-flex.-mgl20 > li:nth-child(1) { margin-left: 0; }
.c-flex.-mgr20 > li { margin-right: 20px; }
.c-flex.-mgr20 > li:last-child { margin-right: 0; }
.c-flex.-mgl10 > li { margin-left: 10px; }
.c-flex.-mgl10 > li:nth-child(1) { margin-left: 0; }
.c-flex.-mgr10 > li { margin-right: 10px; }
.c-flex.-mgr10 > li:last-child { margin-right: 0; }
.c-flex .-col2 > li { -ms-flex-preferred-size: 50%; flex-basis: 50%; }
.c-flex .-col3 > li { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
.c-flex .-col4 > li { -ms-flex-preferred-size: 25%; flex-basis: 25%; }
.c-flex .-col5 > li { -ms-flex-preferred-size: 20%; flex-basis: 20%; }
.c-flex .-flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.c-flex .-lh0 { line-height: 0; }
.c-flex .-mglAuto { margin-left: auto !important; }
.c-flex .-mgrAuto { margin-right: auto !important; }
.c-flex.-column_50_50 { -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; }
@media screen and (max-width: 980px) { .c-flex.-column_50_50 { display: block; } }
.c-flex.-column_50_50 > .item { -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); }
@media screen and (max-width: 980px) { .c-flex.-column_50_50 > .item + .item { margin-top: 30px; } }
.c-flex.-column_70_30 { -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; }
@media screen and (max-width: 980px) { .c-flex.-column_70_30 { display: block; } }
@media screen and (max-width: 980px) { .c-flex.-column_70_30 > .item + .item { margin-top: 30px; } }
.c-flex.-column_70_30 > .item:nth-child(1) { -ms-flex-preferred-size: 470px; flex-basis: 470px; }
.c-flex.-column_70_30 > .item:nth-child(2) { -ms-flex-preferred-size: 310px; flex-basis: 310px; }
.c-indent > li { text-indent: -1em; margin-left: 1em; }
.c-indent.-f05 > li { text-indent: -0.5em; margin-left: 0.5em; }
.c-indent.-f07 > li { text-indent: -0.7em; margin-left: 0.7em; }
.c-indent.-f12 > li { text-indent: -1.2em; margin-left: 1.2em; }
.c-indent.-f15 > li { text-indent: -1.5em; margin-left: 1.5em; }
.c-indent.-f2 > li { text-indent: -2em; margin-left: 2em; }
.c-indent.-flexible { display: table; }
.c-indent.-flexible > li { text-indent: inherit; margin-left: inherit; }
.c-indent.-flexible .-head { display: table-cell; }
.c-indent.-flexible .-body { display: table-cell; }
.c-numList { counter-reset: count 0; }
.c-numList > li { position: relative; padding-left: 2em; }
.c-numList > li + li { margin-top: 20px; }
.c-numList > li p { display: inline; }
.c-numList > li::before { content: counter(count) ". "; counter-increment: count 1; display: block; position: absolute; left: 0; text-align: right; width: 2rem; }
.c-list > li { display: block; }
.c-list.-indent > li { margin-left: 1.2em; }
.c-imgBox { position: relative; width: 100%; padding-top: 66.667%; overflow: hidden; }
.c-imgBox.-type1 { padding-top: 66.667%; }
.c-imgBox img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto !important; max-height: 100%; border-radius: 0; }
.c-btnWrap.-indent { margin-left: 1.2em; }
a.c-btn, .c-btn { display: inline-block; position: relative; min-width: 240px; margin: auto; padding: 14px 20px 14px; font-size: 15px; font-weight: normal; text-decoration: none; text-align: left; border-radius: 100vmax; border: 1px solid #D0D4D6; color: #122833; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; line-height: 1.2; overflow: hidden; cursor: pointer; z-index: 1; font-family: "Roboto", "Noto Sans JP", sans-serif; }
@media screen and (max-width: 980px) { a.c-btn, .c-btn { display: block; width: 240px; min-width: 240px; margin: auto; padding: 16px 20px 14px; padding-right: 40px; font-size: 16px; } }
a.c-btn::before, a.c-btn::after, .c-btn::before, .c-btn::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
a.c-btn .c-icon, .c-btn .c-icon { width: 13px; height: 13px; overflow: hidden; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 20px; }
a.c-btn .c-icon::before, a.c-btn .c-icon::after, .c-btn .c-icon::before, .c-btn .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; }
a.c-btn .c-icon::before, .c-btn .c-icon::before { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon::after, .c-btn .c-icon::after { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -20px; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-arrow::before, .c-btn .c-icon.-arrow::before { background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-arrow::after, .c-btn .c-icon.-arrow::after { left: -20px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-other::before, .c-btn .c-icon.-other::before { width: 13px; height: 13px; background: url(/assets/img/icon-other.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-other::after, .c-btn .c-icon.-other::after { display: none; left: -20px; width: 13px; height: 13px; background: url(/assets/img/icon-other.svg) no-repeat; background-size: contain; }
a.c-btn:hover, .c-btn:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; background-color: rgba(255, 255, 255, 0.1); color: #72581B; border-color: #72581B; opacity: 1; }
a.c-btn:hover .c-icon::before, a.c-btn:hover .c-icon::after, .c-btn:hover .c-icon::before, .c-btn:hover .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; opacity: 1; }
a.c-btn:hover .c-icon.-arrow::before, .c-btn:hover .c-icon.-arrow::before { left: 20px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
a.c-btn:hover .c-icon.-arrow::after, .c-btn:hover .c-icon.-arrow::after { left: 0px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
a.c-btn:hover .c-icon.-other::before, .c-btn:hover .c-icon.-other::before { background: url(/assets/img/icon-other-brown.svg) no-repeat; background-size: contain; }
a.c-btn:hover .c-icon.-other::after, .c-btn:hover .c-icon.-other::after { display: none; left: 0px; background: url(/assets/img/icon-other-brown.svg) no-repeat; background-size: contain; }
a.c-btn.-white, a.c-btn.-wh, .c-btn.-white, .c-btn.-wh { color: #fff; border-color: #fff; }
a.c-btn.-white .c-icon.-arrow::before, a.c-btn.-wh .c-icon.-arrow::before, .c-btn.-white .c-icon.-arrow::before, .c-btn.-wh .c-icon.-arrow::before { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
a.c-btn.-white .c-icon.-arrow::after, a.c-btn.-wh .c-icon.-arrow::after, .c-btn.-white .c-icon.-arrow::after, .c-btn.-wh .c-icon.-arrow::after { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
a.c-btn.-white:hover, a.c-btn.-wh:hover, .c-btn.-white:hover, .c-btn.-wh:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #D0D4D6; }
a.c-btn.-wAuto, .c-btn.-wAuto { width: auto; min-width: inherit; padding-left: 40px; padding-right: 40px; }
.c-link--arrow { display: block; width: 100%; height: auto; position: relative; }
.c-link--arrow.-noLink { pointer-events: none !important; }
.c-link--arrow .c-icon { width: 30px; height: 30px; overflow: hidden; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 0px; border: 1px solid #D0D4D6; border-radius: 100%; display: block; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-link--arrow .c-icon::before, .c-link--arrow .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; }
.c-link--arrow .c-icon::before { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 8px; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow .c-icon::after { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -20px; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow .c-icon.-arrow::before { left: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow .c-icon.-arrow::after { opacity: 0; left: -40px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; opacity: 1; color: #72581B; }
.c-link--arrow:hover .c-icon { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; background-color: #fff; color: #72581B; border-color: #72581B; }
.c-link--arrow:hover .c-icon::before, .c-link--arrow:hover .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; opacity: 1; }
.c-link--arrow:hover .c-icon.-arrow::before { opacity: 0; left: 40px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
.c-link--arrow:hover .c-icon.-arrow::after { left: 8px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black .c-icon::before { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black .c-icon::after { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black:hover .c-icon { background-color: rgba(255, 255, 255, 0.1); border-color: #D0D4D6; }
.c-link--arrow.-black:hover .c-icon::before { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black:hover .c-icon::after { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-large .c-icon { width: 51px; height: 51px; }
.c-link--arrow.-large .c-icon::before, .c-link--arrow.-large .c-icon::after { width: 21px; height: 13px; }
.c-link--arrow.-large .c-icon::before { left: 14px; }
.c-link--arrow.-large .c-icon::after { left: -40px; }
.c-link--arrow.-large:hover .c-icon { width: 51px; height: 51px; }
.c-link--arrow.-large:hover .c-icon::before { left: 44px; }
.c-link--arrow.-large:hover .c-icon::after { left: 14px; }
.c-noLink { pointer-events: none; }
a.c-link, .c-link { position: relative; padding-left: 15px; cursor: pointer; }
a.c-link::before, a.c-link::after, .c-link::before, .c-link::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
a.c-link::before, .c-link::before { content: ""; position: absolute; top: 5px; left: 0; width: 9px; height: 9px; border-right: 2px solid #72581B; border-bottom: 2px solid #72581B; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
a.c-link:hover, .c-link:hover { color: #72581B; }
a.c-link:hover::before, a.c-link:hover::after, .c-link:hover::before, .c-link:hover::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
a.c-link.-anchor::before, .c-link.-anchor::before { -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); left: -5px; margin-top: 1px; }
a.c-link.-other, .c-link.-other { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-other::before, .c-link.-other::before { display: none; }
a.c-link.-other::after, .c-link.-other::after { content: ""; display: inline-block; background: url(/assets/img/icon-other.svg) no-repeat; background-size: contain; width: 15px; height: 15px; margin-left: 3px; }
a.c-link.-other:hover::after, .c-link.-other:hover::after { background-image: url(/assets/img/icon-other_green.svg); background-size: contain; }
a.c-link.-pdf, .c-link.-pdf { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-pdf::before, .c-link.-pdf::before { display: none; }
a.c-link.-pdf::after, .c-link.-pdf::after { content: ""; display: inline-block; background: url(/assets/img/icon-pdf.svg) no-repeat; background-size: contain; width: 15px; height: 17px; margin-left: 3px; }
a.c-link.-pdf:hover::after, .c-link.-pdf:hover::after { background-image: url(/assets/img/icon-pdf_green.svg); background-size: contain; }
a.c-link.-pptx, .c-link.-pptx { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-pptx::before, .c-link.-pptx::before { display: none; }
a.c-link.-pptx::after, .c-link.-pptx::after { content: ""; display: inline-block; background: url(/assets/img/icon-pptx.svg) no-repeat; background-size: contain; width: 16px; height: 17px; margin-left: 3px; }
a.c-link.-pptx:hover::after, .c-link.-pptx:hover::after { background-image: url(/assets/img/icon-pptx_green.svg); background-size: contain; }
a.c-link.-indent, .c-link.-indent { position: relative; padding-left: 20px; text-indent: 0em; margin-left: -1em; }
.c-link--bullet, a.c-link--bullet { text-decoration: underline !important; display: inline-block; position: relative; padding-left: 20px !important; }
.c-link--bullet::before, a.c-link--bullet::before { display: block !important; content: ""; width: 10px; height: 10px; background-color: #135866; border-radius: 100%; position: absolute; left: 0; top: 12px; }
@media screen and (max-width: 980px) { .c-link--bullet::before, a.c-link--bullet::before { top: 9px; } }
.c-link--bullet + .c-link--bullet, a.c-link--bullet + .c-link--bullet { margin-top: 20px; }
.c-scrollWrap { position: relative; }
@media screen and (max-width: 980px) { .c-scrollWrap { width: calc(100vw - 20px); overflow-x: scroll; } }
@media screen and (max-width: 980px) { .c-scrollWrap .c-table { margin-right: 20px; } }
@media screen and (max-width: 980px) { .c-scrollWrap .c-table.p-testTable { width: 1000px; } }
@media screen and (max-width: 980px) { .c-scrollWrap .c-table th { white-space: nowrap; } }
.c-figScroll { display: none; }
@media screen and (max-width: 980px) { .c-figScroll { display: block; position: absolute; left: 0; right: 0; top: 30px; margin: auto; width: 140px; opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } }
.c-figScroll.isHide { display: block; position: absolute; left: 0; right: 0; top: 30px; margin: auto; width: 170px; opacity: 0; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-figScroll.isHide { width: 120px; } }
.c-table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.c-table.-center tr, .c-table.-center th, .c-table.-center td { text-align: center; }
.c-table.-left tr, .c-table.-left th, .c-table.-left td { text-align: left; }
.c-table.-right tr, .c-table.-right th, .c-table.-right td { text-align: right; }
.c-table tr:first-child th, .c-table tr:first-child td { border-top: 1px solid #D0D4D6; }
.c-table th, .c-table td { padding: 20px 20px; border-bottom: 1px solid #D0D4D6; vertical-align: top; text-align: left; line-height: 1.6; }
@media screen and (max-width: 980px) { .c-table th, .c-table td { display: block; padding: 15px 10px; } }
.c-table th.-nowrap, .c-table td.-nowrap { white-space: nowrap; }
.c-table th.-middle, .c-table td.-middle { vertical-align: middle; }
.c-table th { padding: 20px 20px; background-color: rgba(19, 88, 102, 0.1); font-weight: normal; width: 25%; }
@media screen and (max-width: 980px) { .c-table th { width: 100%; padding: 10px 10px; } }
.c-table td { width: 75%; }
@media screen and (max-width: 980px) { .c-table td { width: 100%; padding-left: 10px; padding-right: 10px; } }
.c-table td .c-indent + .c-indent { margin-top: 10px; }
.c-dl_table { display: grid; grid-template-columns: calc(5em + 40px) 1fr; width: 100%; margin: 0 auto; border-collapse: separate; }
.c-dl_table.-em3 { grid-template-columns: calc(3em + 40px) 1fr; }
.c-dl_table.-em4 { grid-template-columns: calc(4em + 40px) 1fr; }
.c-dl_table.-em5 { grid-template-columns: calc(5em + 40px) 1fr; }
.c-dl_table.-em6 { grid-template-columns: calc(6em + 40px) 1fr; }
.c-dl_table.-em7 { grid-template-columns: calc(7em + 40px) 1fr; }
.c-dl_table.-em8 { grid-template-columns: calc(8em + 40px) 1fr; }
.c-dl_table.-em9 { grid-template-columns: calc(9em + 40px) 1fr; }
.c-dl_table.-em10 { grid-template-columns: calc(10em + 40px) 1fr; }
.c-dl_table.-em11 { grid-template-columns: calc(11em + 40px) 1fr; }
.c-dl_table.-em12 { grid-template-columns: calc(12em + 40px) 1fr; }
.c-dl_table.-em13 { grid-template-columns: calc(13em + 40px) 1fr; }
.c-dl_table.-em14 { grid-template-columns: calc(14em + 40px) 1fr; }
.c-dl_table.-em15 { grid-template-columns: calc(15em + 40px) 1fr; }
.c-dl_table dt, .c-dl_table dd { padding: 15px 0; border-bottom: 1px dashed #D0D4D6; margin: 0; }
.c-dl_table dt:last-of-type, .c-dl_table dd:last-of-type { border-bottom: none; }
.c-dl_table dt { color: #135866; font-weight: normal; }
.c-box { background-color: rgba(19, 88, 102, 0.1); padding: 30px 30px; width: 820px; margin: auto; }
@media screen and (max-width: 980px) { .c-box { padding: 18px 18px; width: 100%; } }
.c-box.-border { background-color: transparent; border: 1px solid #135866; }
h1, .c-title { font-size: 40px; font-weight: 500; line-height: 1.35; text-align: left; margin-bottom: 30px; letter-spacing: 0.1em; }
@media screen and (max-width: 980px) { h1, .c-title { font-size: 28px; } }
h1 .sub, .c-title .sub { font-size: 16px; font-weight: normal; display: block; padding-top: 2px; position: relative; line-height: 1.2; letter-spacing: 0.08em; }
@media screen and (max-width: 980px) { h1 .sub, .c-title .sub { font-size: 14px; } }
h1 .sub.-space, .c-title .sub.-space { letter-spacing: 1em; }
h1 .sup, .c-title .sup { font-size: 16px; font-weight: normal; display: block; padding-top: 2px; position: relative; line-height: 1.2; }
@media screen and (max-width: 980px) { h1 .sup, .c-title .sup { font-size: 14px; } }
h1.-center, .c-title.-center { text-align: center; }
h1.-center span, .c-title.-center span { text-align: center; }
h1.-wh, h1.-white, .c-title.-wh, .c-title.-white { color: #fff; }
h1.-wh span, h1.-white span, .c-title.-wh span, .c-title.-white span { color: #fff; }
h1.-black, .c-title.-black { color: #122833; }
h1.-black span, .c-title.-black span { color: #122833; }
h2, .c-title2 { font-size: 28px; font-weight: 500; line-height: 1.4; position: relative; }
@media screen and (max-width: 980px) { h2, .c-title2 { font-size: 20px; } }
h2 .sub, .c-title2 .sub { font-size: 16px; font-weight: normal; display: block; margin-top: -3px; position: relative; line-height: 1.2; }
@media screen and (max-width: 980px) { h2 .sub, .c-title2 .sub { font-size: 14px; } }
h2 .sup, .c-title2 .sup { font-size: 16px; font-weight: normal; display: block; margin-bottom: 4px; position: relative; line-height: 1.2; }
h3, .c-title3 { font-size: 24px; font-weight: bold; line-height: 1.4; position: relative; }
@media screen and (max-width: 980px) { h3, .c-title3 { font-size: 20px; } }
h3 .sub, .c-title3 .sub { font-size: 16px; font-weight: normal; display: block; margin-top: -3px; position: relative; line-height: 1.2; }
@media screen and (max-width: 980px) { h3 .sub, .c-title3 .sub { font-size: 14px; } }
h4 .sup, .c-title4 .sup { font-size: 14px; font-weight: normal; display: block; margin-bottom: 4px; position: relative; line-height: 1.2; }
.c-pic { margin-top: 30px; }
.c-caption, .caption { font-size: 12px; font-weight: normal; line-height: 1.4; font-family: "Roboto", "Noto Sans JP", sans-serif; }
.c-block--l { margin-bottom: 90px; }
@media screen and (max-width: 980px) { .c-block--l { margin-bottom: 60px; } }
.c-block--m { margin-bottom: 70px; }
@media screen and (max-width: 980px) { .c-block--m { margin-bottom: 50px; } }
.c-block--ms { margin-bottom: 50px; }
@media screen and (max-width: 980px) { .c-block--ms { margin-bottom: 30px; } }
.c-block--s { margin-bottom: 30px; }
@media screen and (max-width: 980px) { .c-block--s { margin-bottom: 20px; } }
.c-block--xs { margin-bottom: 10px; }
@media screen and (max-width: 980px) { .c-block--xs { margin-bottom: 10px; } }
.c-lead { text-align: center; }
@media screen and (max-width: 980px) { .c-lead { text-align: left; } }
.c-lead.-wh { color: #fff; }
.c-lead.-wide { width: 100%; }
.c-lead.-left { text-align: left; }
@media screen and (max-width: 980px) { .c-spLeft { text-align: left !important; } }
@media screen and (max-width: 980px) { .c-spRight { text-align: right !important; } }
@media screen and (max-width: 980px) { .c-spCenter { text-align: center !important; } }
.c-topicPath { background-color: #fff; padding: 16px 0; }
@media screen and (max-width: 980px) { .c-topicPath { padding: 15px 0; overflow-x: scroll; } }
.c-topicPath .inner { width: 1120px !important; }
@media screen and (max-width: 980px) { .c-topicPath .inner { overflow-x: scroll; width: calc(100vw - 20px) !important; margin-left: 20px; } }
.c-topicPath .list { line-height: 1.2; }
@media screen and (max-width: 980px) { .c-topicPath .list { white-space: nowrap; } }
.c-topicPath .list > li { position: relative; padding-right: 15px; margin-right: 15px; margin-left: 0; display: inline; }
@media screen and (max-width: 980px) { .c-topicPath .list > li { line-height: 1.4; white-space: nowrap; } }
.c-topicPath .list > li::before { content: ""; width: 10px; height: 1px; background-color: #D0D4D6; position: absolute; top: 9px; right: -3px; }
@media screen and (max-width: 980px) { .c-topicPath .list > li::before { top: 9px; } }
.c-topicPath .list > li:last-child::before { display: none; }
.c-topicPath .list > li:last-child a, .c-topicPath .list > li:last-child div { pointer-events: none; }
.c-topicPath .list > li:last-child a span, .c-topicPath .list > li:last-child div span { color: #122833; }
.c-topicPath .list > li a { text-decoration: none; display: inline; color: #D0D4D6; }
@media screen and (max-width: 980px) { .c-topicPath .list > li a { display: inline-block; white-space: nowrap; } }
.c-topicPath .list > li span { color: #D0D4D6; font-size: 14px; line-height: 1; font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 400; }
@media screen and (max-width: 980px) { .c-topicPath .list > li span { font-size: 12px; } }
.c-topicPath .list > li div { line-height: 1; }
.c-pagination .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 980px) { .c-pagination .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }
.c-pagination .list > li a, .c-pagination .list > li span { line-height: 1; font-size: 20px; text-decoration: none; display: block; padding: 20px 18px; color: #122833; position: relative; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li a, .c-pagination .list > li span { padding: 20px 13px; } }
.c-pagination .list > li a.current, .c-pagination .list > li span.current { color: #D0D4D6; }
.c-pagination .list > li a.current::after, .c-pagination .list > li span.current::after { background-color: #135866; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-pagination .list > li a:hover, .c-pagination .list > li span:hover { opacity: 1; color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-pagination .list > li a:hover.current, .c-pagination .list > li span:hover.current { color: #D0D4D6; }
.c-pagination .list > li .c-icon { position: absolute; top: -4px; left: -25px; overflow: hidden; width: 50px; height: 50px; border-radius: 100%; }
@media screen and (max-width: 980px) { .c-pagination .list > li .c-icon { width: 30px; height: 30px; padding: 0; top: 5px; left: 0px; } }
.c-pagination .list > li .c-icon::before { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; width: 21px; height: 13px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .c-icon::before { width: 13px; height: 8px; } }
.c-pagination .list > li .c-icon::after { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -20px; width: 21px; height: 13px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .c-icon::after { width: 13px; height: 8px; } }
.c-pagination .list > li .prev .c-icon::before { margin-top: -6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 15px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .prev .c-icon::before { margin-top: -5px; left: 7px; } }
.c-pagination .list > li .prev .c-icon::after { margin-top: -6px; left: 50px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .prev .c-icon::after { margin-top: -5px; left: 32px; } }
.c-pagination .list > li .prev:hover .c-icon::before { left: -35px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 980px) { .c-pagination .list > li .prev:hover .c-icon::before { left: -18px; } }
.c-pagination .list > li .prev:hover .c-icon::after { left: 15px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 980px) { .c-pagination .list > li .prev:hover .c-icon::after { left: 7px; } }
.c-pagination .list > li .next .c-icon { left: 11px; }
@media screen and (max-width: 980px) { .c-pagination .list > li .next .c-icon { left: -4px; } }
.c-pagination .list > li .next .c-icon::before { left: 15px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .next .c-icon::before { left: 7px; } }
.c-pagination .list > li .next .c-icon::after { left: -30px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .next .c-icon::after { left: -18px; } }
.c-pagination .list > li .next:hover .c-icon::before { left: 50px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 980px) { .c-pagination .list > li .next:hover .c-icon::before { left: 32px; } }
.c-pagination .list > li .next:hover .c-icon::after { left: 15px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 980px) { .c-pagination .list > li .next:hover .c-icon::after { left: 7px; } }
.c-pagination .list > li .prev::after { content: ""; display: block; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #D0D4D6; position: absolute; top: -4px; left: -25px; right: inherit; bottom: inherit; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .prev::after { width: 30px; height: 30px; top: 5px; left: 0px; } }
.c-pagination .list > li .prev:hover::after { border-color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-pagination .list > li .next::after { content: ""; display: block; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #D0D4D6; position: absolute; top: -4px; left: 11px; right: inherit; bottom: inherit; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .c-pagination .list > li .next::after { width: 30px; height: 30px; top: 5px; left: -4px; } }
.c-pagination .list > li .next:hover::after { border-color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-section_head .inner { min-height: 248px; background: url(/assets/img/pic-head.png) no-repeat center center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 980px) { .c-section_head .inner { min-height: inherit; aspect-ratio: 5.53/2; } }
.c-section_head .inner .wrap { margin: 70px 0; background: url(/assets/img/bg-head_title.svg) repeat-y; background-size: cover; width: 100%; }
@media screen and (max-width: 980px) { .c-section_head .inner .wrap { margin: 20px 0; } }
.c-section_head .inner .-title { padding: 25px 0; margin: auto; width: 1120px; margin: auto; font-size: 30px; font-weight: normal; color: #fff; }
@media screen and (max-width: 980px) { .c-section_head .inner .-title { width: 100%; font-size: 24px; line-height: 1.4; padding: 10px 20px; } }
.c-section_head .inner .-title .sub { font-size: 24px; display: block; }
@media screen and (max-width: 980px) { .c-section_head .inner .-title .sub { font-size: 14px; margin-top: 5px; } }
.c-section_head .inner .-title .sup { font-size: 24px; display: block; }
@media screen and (max-width: 980px) { .c-section_head .inner .-title .sup { font-size: 14px; margin-bottom: 5px; } }
.c-tabWrap .inner { width: 1140px; overflow-x: scroll; }
@media screen and (max-width: 980px) { .c-tabWrap .inner { width: 100%; } }
@media screen and (max-width: 980px) { .c-tabWrap .inner-btn { width: calc(100vw - 20px); } }
.c-tab { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin-bottom: 15px; }
@media screen and (max-width: 980px) { .c-tab { -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; } }
@media screen and (max-width: 980px) { .c-tab > li:last-child { padding-right: 20px; } }
.c-tabTarget { position: relative; }
.c-tabTarget .c-tabTarget_content { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; width: 100%; }
.c-tabTarget .c-tabTarget_content.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-tab-btn { display: inline-block; position: relative; width: 260px; margin: auto; padding: 18px 20px; font-size: 18px; font-weight: normal; text-decoration: none; text-align: center; border-radius: 100vmax; border: 1px solid #72581B; color: #72581B !important; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; line-height: 1.2; cursor: pointer; z-index: 1; white-space: nowrap; }
@media screen and (max-width: 980px) { .c-tab-btn { width: 200px; padding: 10px 15px; font-size: 14px; } }
.c-tab-btn::before, .c-tab-btn::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-tab-btn::before { content: ""; position: absolute; left: 50%; bottom: -8px; -webkit-transform: translate(-50%, 0) rotate(180deg); transform: translate(-50%, 0) rotate(180deg); width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #72581B transparent; z-index: 1011; opacity: 0; }
.c-tab-btn.isOn { background-color: #72581B; color: #fff !important; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-tab-btn.isOn::before { opacity: 1; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-tab-btn.-wAuto { width: auto; }
.c-wrapCenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.c-stepNumber .-text { font-size: 12px; font-weight: 500; line-height: 1; margin-bottom: 5px; }
@media screen and (max-width: 980px) { .c-stepNumber .-text { font-size: 10px; } }
.c-stepNumber .-number { font-size: 52px; line-height: 1; }
@media screen and (max-width: 980px) { .c-stepNumber .-number { font-size: 26px; } }
.c-slideWrap .list-slide .item { border-radius: 6px; border: 1px solid #135866; width: 960px !important; margin: auto 18px; }
@media screen and (max-width: 980px) { .c-slideWrap .list-slide .item { width: 320px !important; margin: auto 10px; } }
.c-slideWrap .list-slide .item a { display: block; position: relative; padding: 20px 30px; padding-right: 70px; height: 100%; }
@media screen and (max-width: 980px) { .c-slideWrap .list-slide .item a { padding: 20px 20px; padding-right: 30px; } }
.c-slideWrap .list-slide .item a::before { content: ""; position: absolute; top: 50%; right: 30px; width: 11px; height: 11px; border-right: 1px solid #72581B; border-bottom: 1px solid #72581B; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }
@media screen and (max-width: 980px) { .c-slideWrap .list-slide .item a::before { right: 15px; } }
.c-slideWrap .list-slide .item a .titleWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 10px; }
@media screen and (max-width: 980px) { .c-slideWrap .list-slide .item a .titleWrap { display: block; } }
.c-slideWrap .list-slide .item a .titleWrap .-time { font-size: 16px; -ms-flex-preferred-size: 110px; flex-basis: 110px; }
@media screen and (max-width: 980px) { .c-slideWrap .list-slide .item a .titleWrap .-time { font-size: 14px; } }
.c-slideWrap .list-slide .item a .titleWrap .-head { color: #72581B; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.c-slideWrap .list-slide .item a .-text { font-size: 16px; }
.c-slideWrap .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; bottom: -15px; }
.c-slideWrap .slick-dots > li { width: 64px; height: 4px; margin: inherit; }
.c-slideWrap .slick-dots > li button::before { width: 64px; height: 4px; border-radius: 100vmax; display: block; opacity: 1; position: relative; top: inherit; left: inherit; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-slideWrap .slick-dots > li.slick-active button::before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-accordion_list > li + li { margin-top: 15px; }
.c-accordion_list > li dl { cursor: pointer; position: relative; }
.c-accordion_list > li dl dt { font-weight: normal; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; background-color: #F8F8F8; padding: 10px 20px; position: relative; }
.c-accordion_list > li dl dt::before, .c-accordion_list > li dl dt::after { content: ""; display: block; position: absolute; right: 15px; top: 50%; background-color: #72581B; }
.c-accordion_list > li dl dt::before { width: 19px; height: 2px; }
.c-accordion_list > li dl dt::after { width: 2px; height: 19px; right: 23px; margin-top: -8px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; opacity: 1; }
.c-accordion_list > li dl dd { display: none; padding: 10px 20px; border-bottom: 1px solid #72581B; }
.c-accordion_list > li dl.isOn dt { color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-accordion_list > li dl.isOn dt::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-accordion_list > li dl.isOn dd { display: block; }
.c-list_col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; gap: 60px; }
.c-list_col2 > li:nth-child(1) { -ms-flex-preferred-size: 340px; flex-basis: 340px; }
.c-list_col2 > li:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media screen and (max-width: 980px) { .c-list_col2 > li:nth-child(2) { margin-top: 30px; } }
.c-list_col2.-half { -webkit-column-gap: inherit; column-gap: inherit; row-gap: inherit; gap: inherit; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.c-list_col2.-half > li { -ms-flex-preferred-size: calc(50% - 30px); flex-basis: calc(50% - 30px); -ms-flex: inherit; flex: inherit; }
.c-list_col2.-half > li:nth-child(1) { -ms-flex-preferred-size: calc(50% - 30px); flex-basis: calc(50% - 30px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
@media screen and (max-width: 980px) { .c-list_col2.-half > li:nth-child(1) { -ms-flex-preferred-size: inherit; flex-basis: inherit; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
.c-list_col2.-half > li:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-preferred-size: calc(50% - 30px); flex-basis: calc(50% - 30px); }
@media screen and (max-width: 980px) { .c-list_col2.-half > li:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }
.c-list_col2.-half.-reverse > li:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
@media screen and (max-width: 980px) { .c-list_col2.-half.-reverse > li:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
.c-list_col2.-half.-reverse > li:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
@media screen and (max-width: 980px) { .c-list_col2.-half.-reverse > li:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
/* google reCAPTCHA */ .grecaptcha-badge { z-index: 100; }
/*================================================================================ container ================================================================================*/ /* div.container --------------------------------------------------------------------------------*/ /* header --------------------------------------------------------------------------------*/ .c-bg_header_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; z-index: 100; }
.c-bg_header_overlay.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header { position: fixed; top: 0; left: 0; right: 0; width: 100%; margin: auto; z-index: 1000; font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 400; padding-top: 20px; width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); backdrop-filter: blur(0px); -webkit-transition: 0.5s; transition: 0.5s; }
@media screen and (max-width: 980px) { .l-header { padding-top: 15px; height: 80px; } }
.l-header::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; pointer-events: none; }
.l-header.isOn { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.04); box-shadow: 0 0 8px rgba(0, 0, 0, 0.04); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isWhite, .p-sub .l-header { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 80%); backdrop-filter: blur(8px); opacity: 1; -webkit-transition: 0.5s; transition: 0.5s; }
.l-header.isWhite::before, .p-sub .l-header::before { opacity: 0.6; -webkit-transition: 0.5s; transition: 0.5s; }
.l-header.isWhite .list-header, .p-sub .l-header .list-header { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isWhite .list-header > li, .p-sub .l-header .list-header > li { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isWhite .list-header > li > a, .p-sub .l-header .list-header > li > a { color: #122833; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isWhite .list-header > li > a::before, .p-sub .l-header .list-header > li > a::before { background-color: #122833; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .l-header.isWhite .list-header > li > a, .p-top .p-sub .l-header .list-header > li > a { color: #122833; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isWhite .list-header > li:nth-child(1), .p-sub .l-header .list-header > li:nth-child(1) { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isWhite .list-header > li:nth-child(1) a, .p-sub .l-header .list-header > li:nth-child(1) a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isWhite .list-header > li:nth-child(1) a img path, .l-header.isWhite .list-header > li:nth-child(1) a svg path, .p-sub .l-header .list-header > li:nth-child(1) a img path, .p-sub .l-header .list-header > li:nth-child(1) a svg path { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; fill: #72581B !important; }
@media screen and (max-width: 980px) { .l-header.isWhite .list-header > li.-menu .menuTrigger span, .p-sub .l-header .list-header > li.-menu .menuTrigger span { background-color: #122833; } }
.l-header.isBlack { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%) !important; backdrop-filter: blur(0px); -webkit-transition: 0.5s; transition: 0.5s; }
.l-header.isBlack::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%) !important; opacity: 0 !important; -webkit-transition: 0.5s; transition: 0.5s; pointer-events: none; }
.l-header.isBlack .list-header > li > a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; color: #fff !important; }
.l-header.isBlack .list-header > li > a::before { background-color: #fff !important; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header.isBlack .list-header > li:nth-child(1) a img path, .l-header.isBlack .list-header > li:nth-child(1) a svg path { fill: #fff !important; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .l-header.isBlack .list-header > li.-menu .menuTrigger span { background-color: #fff; } }
.l-header .inner { width: calc(100% - 60px); }
@media screen and (max-width: 980px) { .l-header .inner { width: calc(100% - 20px); } }
.l-header .list-header { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header .list-header > li { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; margin: 0 15px; }
@media screen and (max-width: 980px) { .l-header .list-header > li { display: none; } }
@media screen and (max-width: 980px) { .p-top .l-header .list-header > li h1 { margin-bottom: 0; } }
.l-header .list-header > li > a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; display: block; position: relative; color: #122833; padding: 10px 0; }
.p-top .l-header .list-header > li > a { color: #fff; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header .list-header > li > a::before { content: ""; width: 0%; height: 1px; background-color: #fff; position: absolute; bottom: 12px; left: 0; right: 0; margin: auto; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header .list-header > li > a:hover { opacity: 1; }
.l-header .list-header > li > a:hover::before { width: 100%; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header .list-header > li > a.js-header_hover_menu--link { cursor: pointer; }
.l-header .list-header > li > a.js-header_hover_menu--link.-noLink::before { display: none; }
.l-header .list-header > li:nth-child(1) { margin: 0; margin-right: auto; }
@media screen and (max-width: 980px) { .l-header .list-header > li:nth-child(1) { display: block; } }
.l-header .list-header > li:nth-child(1) a { padding-top: 0px; padding-bottom: 0px; }
.l-header .list-header > li:nth-child(1) a img, .l-header .list-header > li:nth-child(1) a svg { width: 157px; height: 60px; }
@media screen and (max-width: 980px) { .l-header .list-header > li:nth-child(1) a img, .l-header .list-header > li:nth-child(1) a svg { width: 131px; height: 50px; } }
.l-header .list-header > li:nth-child(1) a img path, .l-header .list-header > li:nth-child(1) a svg path { fill: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .l-header .list-header > li:nth-child(1) a img path, .p-top .l-header .list-header > li:nth-child(1) a svg path { fill: #fff; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header .list-header > li:nth-child(1) a:hover { opacity: 1; }
.l-header .list-header > li:nth-child(1) a:hover::before { display: none; }
.l-header .list-header > li.-contact { margin: 0; margin-left: 15px; }
@media screen and (max-width: 980px) { .l-header .list-header > li.-contact { display: block; } }
.l-header .list-header > li.-contact a, .l-header .list-header > li.-contact a.c-btn { padding-top: 0px; padding-bottom: 0px; min-width: inherit; width: 160px; height: 40px; padding: 12px 0; text-align: center; line-height: 1; border: 0; background-color: #72581B; color: #fff; }
@media screen and (max-width: 980px) { .l-header .list-header > li.-contact a, .l-header .list-header > li.-contact a.c-btn { text-indent: -9999px; width: 50px; height: 50px; padding: 0; background: #72581B url(/assets/img/icon-mail.svg) no-repeat center center; background-size: 26px 16px; } }
.l-header .list-header > li.-contact a::before, .l-header .list-header > li.-contact a.c-btn::before { display: none; }
.l-header .list-header > li.-contact a:hover, .l-header .list-header > li.-contact a.c-btn:hover { opacity: 0.65; }
.l-header .list-header > li.-menu { display: none; }
@media screen and (max-width: 980px) { .l-header .list-header > li.-menu { display: block; position: relative; width: 40px; height: 40px; margin-right: 0; margin-left: 20px; } .l-header .list-header > li.-menu .menuTrigger { width: 100%; height: 100%; position: relative; } .l-header .list-header > li.-menu .menuTrigger span { display: block; background-color: #fff; height: 1px; width: 40px; position: absolute; top: 0; left: 0; } .l-header .list-header > li.-menu .menuTrigger span:nth-child(1) { top: 12px; } .l-header .list-header > li.-menu .menuTrigger span:nth-child(2) { top: 26px; } }
.l-header .menuModal { position: absolute; opacity: 0; visibility: hidden; z-index: 1100; -webkit-transition: 0.1s; transition: 0.1s; top: 50px; }
.l-header .menuModal.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .l-header .menuModal.isOn { -webkit-transition: inherit; transition: inherit; } }
.l-header .menuModal .submenuList { overflow: hidden; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 10px 18px; }
.l-header .menuModal .submenuList > li a, .l-header .menuModal .submenuList > li a.submenuItem { font-size: 16px; line-height: 1.2; display: block; color: #122833; padding: 8px 0; }
.l-header .menuModal .submenuList > li a:hover, .l-header .menuModal .submenuList > li a.submenuItem:hover { color: #72581B; }
.l-header .menuListWrap { display: none; }
@media screen and (max-width: 980px) { .l-header .menuListWrap { display: block; position: fixed; z-index: 1001; width: 100%; top: 0px; max-width: inherit; height: 100vh; overflow-y: scroll; left: 0; right: 0; margin: auto; padding: 0px 0px; background-color: rgb(255, 255, 255); opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .l-header .menuListWrap::before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .l-header .menuListWrap.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .l-header .menuListWrap.isOn::before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } }
.l-header .menuListWrap .inner { padding-top: 15px; padding-bottom: 20px; width: calc(100vw - 40px); }
.l-header .menuListWrap .list-menuWrap { margin-left: -10px; margin-right: -10px; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(1) { margin: 0; margin-right: auto; }
@media screen and (max-width: 980px) { .l-header .menuListWrap .list-menuWrap > li:nth-child(1) { display: block; } }
.l-header .menuListWrap .list-menuWrap > li:nth-child(1) a { padding-top: 0px; padding-bottom: 0px; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(1) a img, .l-header .menuListWrap .list-menuWrap > li:nth-child(1) a svg { width: 157px; height: 60px; }
@media screen and (max-width: 980px) { .l-header .menuListWrap .list-menuWrap > li:nth-child(1) a img, .l-header .menuListWrap .list-menuWrap > li:nth-child(1) a svg { width: 131px; height: 50px; } }
.l-header .menuListWrap .list-menuWrap > li:nth-child(1) a img path, .l-header .menuListWrap .list-menuWrap > li:nth-child(1) a svg path { fill: #72581B; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(1) a:hover { opacity: 1; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(1) a:hover::before { display: none; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(2) { position: relative; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(2) .btn-contact { display: block; width: 50px; height: 50px; padding: 0; background: #72581B url(/assets/img/icon-mail.svg) no-repeat center center; background-size: 26px 16px; border-radius: 100%; position: absolute; top: -25px; left: -70px; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose { display: block; width: 40px; height: 30px; position: relative; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose span { display: block; width: 40px; height: 1px; background-color: #122833; position: absolute; top: 14px; left: 0; }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose span:nth-child(1) { -webkit-transform: rotate(18deg); transform: rotate(18deg); }
.l-header .menuListWrap .list-menuWrap > li:nth-child(3) .btnClose span:nth-child(2) { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); }
.l-header .menuListWrap .c-list-spWrap { margin-top: 34px; }
.l-header .menuListWrap .c-list-spWrap > li .list-footerNav > li a { color: #122833; }
.l-header .menuListWrap .c-list-spWrap > li .list-footerNav > li a.-head { font-size: 16px; }
.l-header .menuListWrap .c-list-spWrap > li .list-footerNav > li a::before { background-color: #122833; }
.l-header .menuListWrap .list-sns { margin-top: 30px; }
.l-header .menuListWrap .list-sns > li a img, .l-header .menuListWrap .list-sns > li a svg { width: 20px; height: 20px; }
.l-header .menuListWrap .list-sns > li a img path, .l-header .menuListWrap .list-sns > li a svg path { fill: #122833; }
.l-header .menuListWrap .c-btn.-contact { margin-top: 40px; width: 100%; text-align: center; background-color: #72581B; border-color: #72581B; color: #fff; }
/* main --------------------------------------------------------------------------------*/ body.body-fixed { position: fixed; width: 100%; height: 100%; left: 0; }
.l-container { position: relative; min-width: 1140px; }
@media screen and (max-width: 980px) { .l-container { min-width: inherit; } }
.l-contents { padding-top: 100px; }
@media screen and (max-width: 980px) { .l-contents { padding-top: 80px; } }
.l-contents.-no-top-margin { padding-top: 0; }
.l-main ul, .l-main ol { list-style-type: none; padding-left: 0; margin-left: 0; }
@media screen and (max-width: 980px) { .l-main.p-sub { padding-bottom: 80px; } }
img.ofi { -o-object-fit: cover; object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%; "; }
img.ofi-top { -o-object-fit: cover; object-fit: cover; object-position: 50% 0%; font-family: "object-fit: cover; object-position: 50% 0%; "; }
.inner { margin: auto; width: 1140px; position: relative; }
@media screen and (max-width: 980px) { .inner { width: calc(100vw - 40px); } }
.inner.-wide { width: 100%; }
@media screen and (max-width: 980px) { .inner.-wide.-spInner { width: calc(100vw - 40px); } }
.inner.-middle { width: 980px; }
@media screen and (max-width: 980px) { .inner.-middle { width: calc(100vw - 40px); } }
.inner.-short { width: 650px; }
@media screen and (max-width: 980px) { .inner.-short { width: calc(100vw - 40px); } }
.c-section { padding: 90px 0; }
@media screen and (max-width: 980px) { .c-section { padding: 50px 0; } }
.c-section.-nopd { padding: 0; }
.c-section.-no-margin { maring: 0; padding: 0; }
.l-mainColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; width: 1120px; position: relative; margin-top: 90px; }
@media screen and (max-width: 980px) { .l-mainColumn { width: calc(100vw - 40px); display: block; margin-top: 30px; } }
.l-mainColumn.-wide { width: 100%; display: block; margin-top: 0px; }
.l-mainColumn .l-columnContents { -ms-flex-preferred-size: 1140px; flex-basis: 1140px; }
.l-mainColumn .l-columnSide { -ms-flex-preferred-size: 270px; flex-basis: 270px; }
@media screen and (max-width: 980px) { .l-mainColumn .l-columnSide { margin-top: 70px; margin-left: -20px; margin-right: -20px; } }
.l-side_banner { display: none !important; }
@media screen and (max-width: 980px) { .l-side_banner { display: block !important; margin-top: 70px; } }
.l-footer_banner { display: block; }
@media screen and (max-width: 980px) { .l-footer_banner { display: none !important; } }
.c-spSlide { /* PC版、2カラム、3カラム表示で、SP版スライダー */; }
.c-spSlide .slide1_arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-spSlide .slide1_arrow_prev { width: 12px; height: 23px; background: url(../img/icon_slide_arrow.svg) no-repeat; background-size: cover; left: -22px; }
.c-spSlide .slide1_arrow_next { width: 12px; height: 23px; background: url(../img/icon_slide_arrow.svg) no-repeat; background-size: cover; right: -22px; -webkit-transform: rotate(-185deg); transform: rotate(-185deg); margin-top: -10px; }
/* .c-picSlide {}
*/ .c-modal { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1100; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-modal.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-modal .c-modal_bg, .c-modal .bg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 0; }
.c-modal .modalBlock { z-index: 1; }
.c-modal .modalInner2 { background-color: #fff; border-radius: 6px; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; padding: 40px 80px 40px; position: relative; }
@media screen and (max-width: 980px) { .c-modal .modalInner2 { padding: 30px 25px 20px; } }
.c-modal .c-modalClose { width: 22px; height: 22px; display: block; position: absolute; top: 20px; right: 20px; background: url(/assets/img/icon-modal_close.svg) no-repeat; background-size: cover; cursor: pointer; z-index: 1; }
@media screen and (max-width: 980px) { .c-modal .c-modalClose { top: 10px; right: 10px; } }
.c-modal .modalBox { -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; width: 500px; height: 70%; min-height: 500px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1011; }
@media screen and (max-width: 980px) { .c-modal .modalBox { width: 90%; height: 80%; } }
.c-modal.-fitHeight .modalBox { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 600px; }
@media screen and (max-width: 980px) { .c-modal.-fitHeight .modalBox { max-height: calc(100vh - 200px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 600px; }
@media screen and (max-width: 980px) { .c-modal.-fitHeight .modalBox .modalInner { max-height: calc(100vh - 200px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner .modalInner2 { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 600px; }
@media screen and (max-width: 980px) { .c-modal.-fitHeight .modalBox .modalInner .modalInner2 { max-height: calc(100vh - 200px); min-height: inherit; } }
/* aside ----------------------------------------------------------------------------*/ /* form ----------------------------------------------------------------------------*/ .l-form { /* mw wp form */; }
.l-form .input-text { height: 45px; }
.l-form .input-text, .l-form textarea { background-color: #fff; padding: 10px 10px; }
.l-form input[type=text], .l-form input[type=email], .l-form input[type=search], .l-form input[type=tel], .l-form input[type=time], .l-form input[type=number], .l-form input[type=password] { border: 1px solid #D0D4D6; background-color: #fff; width: 100%; padding: 10px 10px; }
.l-form textarea { padding: 10px 10px; border: 1px solid #D0D4D6; background-color: #fff; width: 100%; height: 200px; }
.l-form .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0; }
.l-form .mw_wp_form .error { font-size: 12px; line-height: 1; margin-top: 5px; color: #135866; font-family: "Roboto", "Noto Sans JP", sans-serif; }
/*================================================================================ error ================================================================================*/ input[type=text].isError, input[type=search].isError, input[type=radio].isError, input[type=tel].isError, input[type=time].isError, input[type=url].isError, input[type=week].isError, input[type=password].isError, input[type=checkbox].isError, input[type=color].isError, input[type=date].isError, input[type=datetime].isError, input[type=datetime-local].isError, input[type=email].isError, input[type=month].isError, input[type=number].isError, select.isError, textarea.isError, button[type=button].isError { background-color: #FAD5CC !important; }
/* 個別 ----------------------------------------------------------------------------*/ .p-top { position: relative; }
.p-top .section-main { padding: 0; width: 100%; height: 100vh; }
@media screen and (max-width: 980px) { .p-top .section-main { height: 660px; } }
.p-top .section-main.-fixed { position: fixed; top: 0; left: 0; z-index: -1; }
@media screen and (max-width: 980px) { .p-top .section-main .inner { overflow: hidden; } }
.p-top .section-main .top-slide { opacity: 1; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-main .top-slide.isHide { opacity: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-main .top-slide .list-item { position: relative; width: 100%; height: 100vh; overflow: hidden; }
@media screen and (max-width: 980px) { .p-top .section-main .top-slide .list-item { height: 660px; } }
.p-top .section-main .top-slide .list-item .bg-image { position: absolute; inset: 0; z-index: 1; opacity: 1; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; width: 100%; height: 100vh; top: 0; left: 0; overflow: hidden; background: transparent url(/assets/img/top/main.jpg) no-repeat center bottom; background-size: cover; }
@media screen and (max-width: 980px) { .p-top .section-main .top-slide .list-item .bg-image { height: 660px; background: transparent url(/assets/img/top/main-sp.jpg) no-repeat center bottom; background-size: cover; } }
.p-top .section-main .top-slide .list-item .bg-movie { position: absolute; inset: 0; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; opacity: 1; pointer-events: none; }
.p-top .section-main .p-titleWrap { width: 1140px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 40px; margin-top: 15px; opacity: 0.4; }
@media screen and (max-width: 980px) { .p-top .section-main .p-titleWrap { width: auto; height: auto; display: block; margin: auto; position: absolute; top: inherit; left: 20px; bottom: 30px; -webkit-transform: inherit; transform: inherit; margin-left: 0px; margin-top: 0px; } }
.p-top .section-main .p-titleWrap .-inner { position: relative; }
.p-top .section-main .p-titleWrap .section-title { font-size: 44px; font-weight: 500; color: #fff; line-height: 2; letter-spacing: 0.08em; position: relative; }
@media screen and (max-width: 980px) { .p-top .section-main .p-titleWrap .section-title { font-size: 30px; letter-spacing: 0em; line-height: 1.6; } }
.p-top .section-main .p-titleWrap .section-title::before { content: ""; background: url(/assets/img/top/bg-title.png) no-repeat; background-size: cover; position: absolute; top: -30px; left: -100px; width: 492px; height: 426px; opacity: 1; z-index: -1; }
@media screen and (max-width: 980px) { .p-top .section-main .p-titleWrap .section-title::before { display: none; width: 365px; height: 283px; top: inherit; left: 0px; bottom: 0px; } }
.p-top .section-main .scrollFig { position: absolute; right: 0px; bottom: 0px; margin: auto; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 980px) { .p-top .section-main .scrollFig { right: -5px; } }
.p-top .section-main .scrollFig .-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; column-gap: 5px; row-gap: 5px; gap: 5px; margin-top: -50px; margin-left: -56px; }
@media screen and (max-width: 980px) { .p-top .section-main .scrollFig .-inner { margin-top: 0px; margin-left: -46px; } }
.p-top .section-main .scrollFig .text { font-size: 12px; letter-spacing: 0.1em; text-align: center; color: #fff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.p-top .section-main .scrollFig .pic { position: relative; overflow: hidden; width: 20px; height: 50px; }
.p-top .section-main .scrollFig .pic::before { content: ""; width: 1px; height: 10px; border: 0; background-color: #fff; z-index: 3; position: absolute; left: 0; right: 0; top: 0px; margin: auto; -webkit-animation: scrollFigMoveDown 2.6s infinite; animation: scrollFigMoveDown 2.6s infinite; }
.p-top .section-main .scrollFig .pic::after { content: ""; display: block; width: 1px; height: 50px; background: #D0D4D6; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 2; }
@-webkit-keyframes scrollFigMoveDown { 0% { top: -10px; } 75% { top: 60px; opacity: 1; } 100% { top: 60px; opacity: 0; } }
@keyframes scrollFigMoveDown { 0% { top: -10px; } 75% { top: 60px; opacity: 1; } 100% { top: 60px; opacity: 0; } }
.p-top .p-titleWrap--ab { width: auto; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -26vw; z-index: 10; }
@media screen and (max-width: 980px) { .p-top .p-titleWrap--ab { width: auto; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: auto; position: absolute; top: inherit; left: 33px; -webkit-transform: inherit; transform: inherit; margin-left: 0px; margin-top: -40px; } }
.p-top .p-titleWrap--ab.isOn .section-title::before { opacity: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .p-titleWrap--ab .-inner { position: relative; }
@media screen and (max-width: 980px) { .p-top .p-titleWrap--ab .-inner { height: 100%; } }
.p-top .p-titleWrap--ab .section-title { font-size: 44px; font-weight: 500; color: #fff; line-height: 2; letter-spacing: 0.08em; position: relative; }
@media screen and (max-width: 980px) { .p-top .p-titleWrap--ab .section-title { font-size: 30px; letter-spacing: 0em; line-height: 1.6; position: absolute; top: 130px; left: 0px; width: 240px; } }
.p-top .p-titleWrap--ab .section-title::before { content: ""; background: url(/assets/img/top/bg-title.png) no-repeat; background-size: cover; position: absolute; top: -30px; left: -100px; width: 492px; height: 426px; opacity: 1; z-index: -1; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .p-top .p-titleWrap--ab .section-title::before { width: 255px; height: 253px; top: -30px; left: -20px; bottom: inherit; background-size: contain; } }
.p-top .p-top--space { height: 100vh; }
@media screen and (max-width: 980px) { .p-top .p-top--space { height: 660px; } }
.p-top .section-content01 { padding: 200px 0; }
@media screen and (max-width: 980px) { .p-top .section-content01 { padding: 250px 0 50px; } }
.p-top .section-content01::before { background: url(/assets/img/top/bg-main.jpg) no-repeat; background-size: cover; }
@media screen and (max-width: 980px) { .p-top .section-content01::before { background: url(/assets/img/top/bg-main-sp.jpg) no-repeat; background-size: cover; } }
.p-top .section-content01 .inner { width: 1040px; }
@media screen and (max-width: 980px) { .p-top .section-content01 .inner { width: calc(100vw - 40px); } }
.p-top .section-content01 .list-wrap > li .section-title { font-size: 44px; font-weight: normal; line-height: 2; color: #fff; }
@media screen and (max-width: 980px) { .p-top .section-content01 .list-wrap > li .section-title { font-size: 30px; line-height: 1.55; } }
.p-top .section-content01 .list-wrap > li .text { color: #fff; }
@media screen and (max-width: 980px) { .p-top .section-content01 .list-wrap > li .text { font-size: 16px; margin-top: 30px; line-height: 2; } }
.p-top .section-content01 .list-wrap > li .c-btn { margin-top: 30px; }
.p-top .section-content02 { padding-bottom: 0; }
@media screen and (max-width: 980px) { .p-top .section-content02 .c-lead { width: calc(100vw - 40px); margin: auto; } }
.p-top .section-content02 .wrap { width: 100%; background-color: #fff; }
.p-top .section-content02 .list-wrap { margin: auto; margin-top: 60px; max-width: 1360px; min-width: 1140px; }
@media screen and (max-width: 980px) { .p-top .section-content02 .list-wrap { min-width: inherit; display: block; margin-top: 30px; } }
.p-top .section-content02 .list-wrap > li { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; }
.p-top .section-content02 .list-wrap > li a { display: block; overflow: hidden; width: 100%; height: 100%; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-content02 .list-wrap > li a img { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-content02 .list-wrap > li a .-bg { width: 100%; height: 100%; background: linear-gradient(to top, rgba(18, 40, 51, 0.3) 10%, rgba(31, 70, 89, 0) 50%); position: absolute; top: 0px; left: 0; z-index: 1; }
.p-top .section-content02 .list-wrap > li a .c-title { position: absolute; left: 30px; bottom: 20px; margin-bottom: 0; color: #fff; z-index: 2; }
@media screen and (max-width: 980px) { .p-top .section-content02 .list-wrap > li a .c-title { left: 20px; bottom: 10px; } }
.p-top .section-content02 .list-wrap > li a .c-title .sup { font-size: 20px; font-weight: 500; margin-left: -10px; }
.p-top .section-content02 .list-wrap > li a .c-icon { bottom: 35px; top: inherit; left: inherit; right: 30px; -webkit-transform: inherit; transform: inherit; z-index: 2; }
@media screen and (max-width: 980px) { .p-top .section-content02 .list-wrap > li a .c-icon { bottom: 20px; right: 20px; } }
.p-top .section-content03 { padding-bottom: 130px; }
@media screen and (max-width: 980px) { .p-top .section-content03 { padding-bottom: 50px; } }
.p-top .section-content03::before { background: url(/assets/img/top/bg2.jpg) no-repeat; background-size: cover; }
@media screen and (max-width: 980px) { .p-top .section-content03::before { background: url(/assets/img/top/bg2-sp.jpg) no-repeat; background-size: cover; } }
.p-top .section-content03 .list-wrap { width: 1140px; margin: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 980px) { .p-top .section-content03 .list-wrap { width: inherit; -ms-flex-wrap: wrap; flex-wrap: wrap; display: block; } }
.p-top .section-content03 .list-wrap > li:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media screen and (max-width: 980px) { .p-top .section-content03 .list-wrap > li:nth-child(1) { position: relative; } }
.p-top .section-content03 .list-wrap > li:nth-child(1) .pic1 { width: 540px; }
@media screen and (max-width: 980px) { .p-top .section-content03 .list-wrap > li:nth-child(1) .pic1 { width: 315px; } }
.p-top .section-content03 .list-wrap > li:nth-child(1) .pic2 { width: 310px; margin-left: -120px; margin-bottom: -40px; }
@media screen and (max-width: 980px) { .p-top .section-content03 .list-wrap > li:nth-child(1) .pic2 { width: 160px; margin-left: inherit; margin-bottom: inherit; position: absolute; right: 0px; bottom: -40px; } }
.p-top .section-content03 .list-wrap > li:nth-child(2) { -ms-flex-preferred-size: 350px; flex-basis: 350px; }
@media screen and (max-width: 980px) { .p-top .section-content03 .list-wrap > li:nth-child(2) { width: calc(100vw - 40px); margin: auto; } }
.p-top .section-content03 .list-wrap > li:nth-child(2) .c-title { margin-top: 40px; }
@media screen and (max-width: 980px) { .p-top .section-content03 .list-wrap > li:nth-child(2) .c-title { margin-top: 60px; margin-bottom: 20px; } }
.p-top .section-content03 .list-wrap > li:nth-child(2) .c-lead { text-align: left; }
.p-top .section-content03 .list-wrap > li:nth-child(2) .c-btn { margin-top: 30px; }
@media screen and (max-width: 980px) { .p-top .section-content04 .inner { width: calc(100vw - 80px); margin: auto; } }
@media screen and (max-width: 980px) { .p-top .section-content04 .list-wrap { display: block; } }
.p-top .section-content04 .list-wrap > li { -ms-flex-preferred-size: 25%; flex-basis: 25%; }
.p-top .section-content04 .list-wrap > li a { display: block; overflow: hidden; width: 100%; height: 100%; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-content04 .list-wrap > li a img { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-content04 .list-wrap > li a .-bg { width: 100%; height: 100%; background: linear-gradient(to top, rgba(18, 40, 51, 0.3) 10%, rgba(31, 70, 89, 0) 50%); position: absolute; top: 0px; left: 0; z-index: 1; }
.p-top .section-content04 .list-wrap > li a .c-title { position: absolute; left: 10px; bottom: 10px; margin-bottom: 0; color: #fff; z-index: 2; font-size: 24px; letter-spacing: 0em; }
@media screen and (max-width: 980px) { .p-top .section-content04 .list-wrap > li a .c-title { font-size: 20px; } }
.p-top .section-content04 .list-wrap > li a .c-title .sup { font-size: 16px; font-weight: normal; }
@media screen and (max-width: 980px) { .p-top .section-content04 .list-wrap > li a .c-title .sup { font-size: 14px; } }
.p-top .section-content04 .list-wrap > li a .c-icon { bottom: 20px; top: inherit; left: inherit; right: 10px; -webkit-transform: inherit; transform: inherit; z-index: 2; }
@media screen and (max-width: 980px) { .p-top .section-content04 .list-wrap > li a .c-icon { bottom: 16px; } }
.p-top .section-content05 { padding-top: 0; }
.p-top .section-content05 .list-wrap > li:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media screen and (max-width: 980px) { .p-top .section-content05 .list-wrap > li:nth-child(1) .c-btn { display: none; } }
.p-top .section-content05 .list-wrap > li:nth-child(2) { -ms-flex-preferred-size: 633px; flex-basis: 633px; }
.p-top .section-content05 .list-wrap > li:nth-child(2) .c-btn { display: none; }
@media screen and (max-width: 980px) { .p-top .section-content05 .list-wrap > li:nth-child(2) .c-btn { display: block; margin-top: 30px; } }
.p-recruit-top .recruit-main { background-color: #fff; }
.p-recruit-top .recruit-side { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.35s ease, visibility 0.35s ease; transition: opacity 0.35s ease, visibility 0.35s ease; }
.p-recruit-top .recruit-side.is-visible { opacity: 1; visibility: visible; }
.p-recruit-top .p-recruit-top-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-bg.-pcOnly { display: block; } }
.p-recruit-top .p-recruit-top-page-bg { position: absolute; top: -150px; left: 0; z-index: 0; width: 100%; min-height: 100vh; min-height: 100svh; aspect-ratio: 2720/3924; background: url(/recruit/assets/img/top/top-bg-02.jpg) no-repeat center top/cover; opacity: 0; -webkit-animation: recruit-top-page-bg-fade-in 0.8s ease-out forwards; animation: recruit-top-page-bg-fade-in 0.8s ease-out forwards; pointer-events: none; }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-page-bg { -webkit-animation: none; animation: none; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-page-bg.is-visible { opacity: 1; }
.p-recruit-top .p-recruit-top-page-bg.is-hidden { visibility: hidden; }
.p-recruit-top .p-recruit-top-page-bg.is-stopped { position: fixed; top: auto; bottom: 0; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-page-bg { top: 0; background-position: center 200px; } .p-recruit-top .p-recruit-top-page-bg.is-stopped { top: auto; } .p-recruit-top .p-recruit-top-page-bg.is-mv-opening-started { background-position: center top; } }
@-webkit-keyframes recruit-top-page-bg-fade-in { to { opacity: 1; } }
@keyframes recruit-top-page-bg-fade-in { to { opacity: 1; } }
.p-recruit-top .p-recruit-top-bg__item { position: absolute; inset: 0; width: 100%; height: 100vh; opacity: 0; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; }
.p-recruit-top .p-recruit-top-bg__item span { position: absolute; inset: 0; display: block; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; }
.p-recruit-top .p-recruit-top-bg__item span::after { content: ""; position: absolute; top: 0; right: 0; width: 680px; height: 100%; background: linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.45) 60%, rgba(255, 255, 255, 0)); }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-bg__item span::after { content: none; } }
.p-recruit-top .p-recruit-top-bg__item.is-active { opacity: 1; }
.p-recruit-top .p-recruit-top-bg__item.is-active.is-current { z-index: 1; }
.p-recruit-top .p-recruit-top-bg__item.-interview span { background-image: url(/recruit/assets/img/top/top-bg-interview.jpg); }
.p-recruit-top .p-recruit-top-bg__item.-about span { background-image: url(/recruit/assets/img/top/top-bg-about.jpg); }
.p-recruit-top .p-recruit-top-bg__item.-work span { background-image: url(/recruit/assets/img/top/top-bg-work.jpg); }
.p-recruit-top .p-recruit-top-bg__item.-environment span { background-image: url(/recruit/assets/img/top/top-bg-environment.jpg); }
.p-recruit-top .p-recruit-top-bg__item.-entry span { background-image: url(/recruit/assets/img/top/bg-footer.jpg); }
.p-recruit-top .p-recruit-top-mv { --recruit-top-mv-width: min(1280px, calc(100vw - 80px)); position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100vh; height: 100svh; padding: 0; background-color: transparent; overflow: hidden; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-mv { --recruit-top-mv-width: 100vw; height: calc(100vh - 56px); height: calc(100svh - 56px); padding: 0; } }
.p-recruit-top .p-recruit-top-mv__stage { position: relative; width: 100%; height: 100%; }
.p-recruit-top .p-recruit-top-mv__frame { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.p-recruit-top .p-recruit-top-mv__frame--pc { display: block; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; }
.p-recruit-top .p-recruit-top-mv__frame--sp { display: none; }
.p-recruit-top .p-recruit-top-mv__opening { position: relative; z-index: 2; display: none; width: 100%; height: 100%; }
.p-recruit-top .p-recruit-top-mv__opening-track { position: relative; width: 100%; height: 100%; }
.p-recruit-top .p-recruit-top-mv__opening-slide { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: center center; will-change: transform; }
.p-recruit-top .p-recruit-top-mv__loop { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; }
.p-recruit-top .p-recruit-top-mv__loop-slide { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: center center; opacity: 0; }
.p-recruit-top .p-recruit-top-mv__loop-slide.is-active { opacity: 1; }
.p-recruit-top .p-recruit-top-mv__accents { position: absolute; top: 0; left: -91px; z-index: 3; height: 100%; aspect-ratio: 1361/1160; pointer-events: none; }
.p-recruit-top .p-recruit-top-mv__accent { position: absolute; top: 0; right: 0; display: block; width: auto; max-width: none; height: 100%; -o-object-fit: contain; object-fit: contain; object-position: center center; opacity: 1; will-change: opacity, transform; }
.p-recruit-top .p-recruit-top-mv__images { position: absolute; top: 0; left: 50%; width: var(--recruit-top-mv-width); height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit-top .p-recruit-top-mv__images picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.p-recruit-top .p-recruit-top-mv__slide { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: center center; opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: center center; transform-origin: center center; }
.p-recruit-top .p-recruit-top-mv__slide.is-active { opacity: 1; }
.p-recruit-top .p-recruit-top-mv__title { position: relative; z-index: 4; width: 100%; margin: 0; pointer-events: none; }
.p-recruit-top .p-recruit-top-mv__copy { position: absolute; z-index: 4; left: 4%; bottom: 13%; width: 56%; }
.p-recruit-top .p-recruit-top-mv__logo { display: block; width: 38%; height: auto; margin-top: 16px; margin-left: 5%; }
.p-recruit-top .p-recruit-top-mv__scroll { position: absolute; z-index: 4; left: 50%; bottom: 30px; width: 60px; height: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit-top .p-recruit-top-mv__scroll span { display: block; width: 40px; height: 40px; margin: 0 auto; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); will-change: transform; }
.p-recruit-top .p-recruit-top-mv__scroll.is-animated span { -webkit-animation: recruit-top-mv-scroll 1.8s cubic-bezier(0.45, 0, 0.25, 1) infinite; animation: recruit-top-mv-scroll 1.8s cubic-bezier(0.45, 0, 0.25, 1) infinite; }
@-webkit-keyframes recruit-top-mv-scroll { 0% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } 45% { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } 75%, 100% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } }
@keyframes recruit-top-mv-scroll { 0% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } 45% { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } 75%, 100% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } }
.p-recruit-top .p-recruit-top-mv__title-text { position: relative; z-index: 1; display: block; color: #fff; font-family: "Noto Sans JP", sans-serif; font-size: clamp(60px, 5.83vw, 120px); font-style: normal; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); white-space: nowrap; -webkit-transform: skewX(-15.63deg) scaleY(0.96); transform: skewX(-15.63deg) scaleY(0.96); -webkit-transform-origin: left center; transform-origin: left center; }
.p-recruit-top .p-recruit-top-mv__title-line { display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
.p-recruit-top .p-recruit-top-mv__title-line--line2 { margin-left: 7%; }
.p-recruit-top .p-recruit-top-mv__title-image { position: relative; z-index: 1; display: block; width: 100%; height: auto; }
.p-recruit-top .p-recruit-top-mv__title-image--sp { display: none; }
.p-recruit-top .p-recruit-top-mv__title-reveal { position: absolute; left: 0; z-index: 2; display: block; font-size: clamp(60px, 5.83vw, 120px); background-color: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; }
.p-recruit-top .p-recruit-top-mv__title-reveal--line1 { top: 0; width: 7.25em; height: 48%; }
.p-recruit-top .p-recruit-top-mv__title-reveal--line2 { left: calc(7% - 30px); bottom: 0; width: calc(8.25em - clamp(0px, 4.3vw, 75px) + 15px); height: 49%; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-mv__stage { height: 100%; min-height: 0; aspect-ratio: auto; } .p-recruit-top .p-recruit-top-mv__frame--pc { display: none; } .p-recruit-top .p-recruit-top-mv__frame--sp { display: block; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .p-recruit-top .p-recruit-top-mv__slide { -webkit-transform: scale(1); transform: scale(1); } .p-recruit-top .p-recruit-top-mv__title { width: 100%; } .p-recruit-top .p-recruit-top-mv__copy { left: 5%; bottom: 15%; width: 90%; } .p-recruit-top .p-recruit-top-mv__logo { width: 55%; margin-top: 12px; margin-left: 16px; } .p-recruit-top .p-recruit-top-mv__accents { display: none; } .p-recruit-top .p-recruit-top-mv__scroll { left: 50%; bottom: 24px; } .p-recruit-top .p-recruit-top-mv__scroll span { width: 26px; height: 26px; } .p-recruit-top .p-recruit-top-mv__title-text { font-size: clamp(28px, 10vw, 98px); } .p-recruit-top .p-recruit-top-mv__title-reveal { font-size: clamp(28px, 10vw, 98px); } .p-recruit-top .p-recruit-top-mv__title-image--pc { display: none; } .p-recruit-top .p-recruit-top-mv__title-image--sp { display: block; } .p-recruit-top.p-recruit .p-recruit-top-message__entry .js-recruit-top-content-entry.is-fixed { position: fixed; left: 20px; bottom: max(20px, env(safe-area-inset-bottom)); z-index: 101; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 40px); min-height: 56px; padding-right: 48px; padding-left: 48px; opacity: 0; visibility: hidden; -webkit-transform: translateY(12px); transform: translateY(12px); pointer-events: none; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s; } .p-recruit-top.p-recruit .p-recruit-top-message__entry .js-recruit-top-content-entry.is-fixed span { position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-recruit-top.p-recruit .p-recruit-top-message__entry { position: relative; z-index: 101; width: 100%; min-height: 56px; } .p-recruit-top.p-recruit .p-recruit-top-message__entry .js-recruit-top-content-entry { -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s; } .p-recruit-top.p-recruit .p-recruit-top-message__entry .js-recruit-top-content-entry.is-fixed.is-fade-preparing { -webkit-transition: none; transition: none; } .p-recruit-top.p-recruit .p-recruit-top-message__entry .js-recruit-top-content-entry.is-fixed.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: auto; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0s; transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0s; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s; } .p-recruit-top.p-recruit .p-recruit-top-message__entry .js-recruit-top-content-entry.is-hidden { opacity: 0; visibility: hidden; -webkit-transform: translateY(12px); transform: translateY(12px); pointer-events: none; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s; } .p-recruit-top.p-recruit .p-recruit-top-message__entry .js-recruit-top-content-entry.is-fixed.is-hidden { opacity: 0; visibility: hidden; -webkit-transform: translateY(12px); transform: translateY(12px); pointer-events: none; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, -webkit-transform 0.5s ease, visibility 0s linear 0.5s; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s; } }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__frame--pc { width: 100%; height: 100%; opacity: 0; }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__opening { display: block; }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__loop { opacity: 1; }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__accent, .is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__logo, .is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__scroll { opacity: 0; }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__title { opacity: 0; }
.is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__slide.is-active { -webkit-transform: scale(1); transform: scale(1); }
@media screen and (max-width: 980px) { .is-recruit-top-mv-js .p-recruit-top .p-recruit-top-mv__frame--sp { width: 100%; height: 100%; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .p-recruit-top .p-recruit-top-mv__scroll span { -webkit-animation: none; animation: none; } .p-recruit-top .recruit-side { -webkit-transition: none; transition: none; } .p-recruit-top .p-recruit-top-mv__frame { width: 100%; height: 100%; opacity: 1; } .p-recruit-top .p-recruit-top-mv__opening { display: none; } .p-recruit-top .p-recruit-top-mv__loop { opacity: 1; } .p-recruit-top .p-recruit-top-mv__title { opacity: 1; } .p-recruit-top .p-recruit-top-mv__title-reveal { display: none; } .p-recruit-top .p-recruit-top-mv__slide { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } .p-recruit-top .p-recruit-top-mv__slide.is-active { opacity: 1; } .p-recruit-top .p-recruit-top-page-bg { opacity: 1; -webkit-animation: none; animation: none; } }
.p-recruit-top .p-recruit-top-article { position: relative; z-index: 2; }
.p-recruit-top .p-recruit-top-message { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 80px 20px 300px; background-color: transparent; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-message { min-height: auto; padding: 80px 30px 0px; background-color: transparent; } }
.p-recruit-top .p-recruit-top-message__body { position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 38px; column-gap: 38px; row-gap: 38px; gap: 38px; width: 100%; color: #000; text-align: center; }
.p-recruit-top .p-recruit-top-message__body p { font-size: 18px; line-height: 2; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-message__body p { font-size: 14px; } }
.p-recruit-top .p-recruit-top-message__body strong { font-weight: 700; }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__aim { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 2px; column-gap: 2px; row-gap: 2px; gap: 2px; }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__emphasis { position: relative; z-index: 0; display: inline-block; padding: 0 2px 6px; font-weight: 700; line-height: 2; white-space: nowrap; isolation: isolate; }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__emphasis::before { content: ""; position: absolute; right: 0; bottom: 12px; left: 0; z-index: -1; height: 12px; background-color: rgba(147, 28, 49, 0.2); }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__challenge { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 2px; column-gap: 2px; row-gap: 2px; gap: 2px; }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__challenge strong { position: relative; z-index: 0; display: inline-block; padding-bottom: 6px; font-weight: 700; isolation: isolate; }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__challenge strong::before { content: ""; position: absolute; right: 0; bottom: 12px; left: 0; z-index: -1; height: 12px; background-color: rgba(147, 28, 49, 0.2); }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; color: #000; font-weight: 700; line-height: 1.5; }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch span:first-child { font-size: 48px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch span:first-child { font-size: 32px; } }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch span:last-child { font-size: 48px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch span:last-child { font-size: 32px; } }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch b { color: #000; font-size: 56px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch b { font-size: 40px; } }
.p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__catch span:last-child b:first-child { color: #931c31; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-message__body .p-recruit-top-message__emphasis { white-space: normal; } }
.p-recruit-top .p-recruit-top-message__entry { position: relative; z-index: 3; width: 100%; }
@-webkit-keyframes recruit-top-content-entry-fade-in { from { opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes recruit-top-content-entry-fade-in { from { opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
.p-recruit-top .p-recruit-top-text-line { position: relative; left: 50%; z-index: 2; width: 100vw; max-width: 100vw; height: 80px; margin-left: -50vw; overflow: hidden; pointer-events: none; margin-bottom: 10px; }
.p-recruit-top .p-recruit-top-text-line__track { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 80px; -webkit-animation: recruit-top-text-line 88s linear infinite; animation: recruit-top-text-line 88s linear infinite; }
.p-recruit-top .p-recruit-top-text-line__track span { display: block; width: 630px; height: 80px; margin-right: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: url(/recruit/assets/img/text-line-sumiyoshigroup.svg) no-repeat center/auto 80px; }
@-webkit-keyframes recruit-top-text-line { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-2680px); transform: translateX(-2680px); } }
@keyframes recruit-top-text-line { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-2680px); transform: translateX(-2680px); } }
@media (prefers-reduced-motion: reduce) { .p-recruit-top .p-recruit-top-text-line__track { -webkit-animation: none; animation: none; } }
.p-recruit-top .p-recruit-top-sections { overflow: visible; padding-bottom: 0px; margin-bottom: 80px; border: 4px solid #931c31; border-radius: 270px 0 10px 10px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-sections { padding-bottom: 0px; margin-bottom: 0px; border: 0; border-radius: 0; } }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-sections > .p-recruit-top-section:last-child { border-radius: 0; } .p-recruit-top .p-recruit-top-sections > .p-recruit-top-section:last-child::before { border-radius: 0 195px 0 0; } }
.p-recruit-top .p-recruit-top-section { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-section { padding: 80px 20px; } }
.p-recruit-top .p-recruit-top-section .p-text-badge { position: absolute; top: 0px; left: 0px; }
.p-recruit-top .p-recruit-top-section .p-text-badge.-interview { width: 128px; top: 21px; left: -5px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-section .p-text-badge.-interview { width: 98px; top: -5px; left: 16px; -webkit-transform: rotate(8deg); transform: rotate(8deg); } }
.p-recruit-top .p-recruit-top-section .p-text-badge.-about { width: 133px; top: 1px; left: inherit; right: 26px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-section .p-text-badge.-about { width: 94px; top: 3px; right: 15px; } }
.p-recruit-top .p-recruit-top-section .p-text-badge.-work { width: 88px; top: 30px; left: 31px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-section .p-text-badge.-work { width: 59px; top: 24px; left: 25px; } }
.p-recruit-top .p-recruit-top-section .p-text-badge.-environment { width: 189px; top: -24px; left: inherit; right: 14px; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-section .p-text-badge.-environment { width: 112px; top: -7px; right: 16px; } }
.p-recruit-top .p-recruit-top-interview, .p-recruit-top .p-recruit-top-work { position: relative; z-index: 2; background-color: #fff; }
.p-recruit-top .p-recruit-top-interview::before, .p-recruit-top .p-recruit-top-work::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #f6f2ee; }
.p-recruit-top .p-recruit-top-interview > *, .p-recruit-top .p-recruit-top-work > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-interview::before, .p-recruit-top .p-recruit-top-work::before { border-radius: min(50vw, 195px) 0 0 0; } }
.p-recruit-top .p-recruit-top-interview { background-color: transparent; }
.p-recruit-top .p-recruit-top-about { position: relative; z-index: 2; background-color: #f6f2ee; }
.p-recruit-top .p-recruit-top-about::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #fff; }
.p-recruit-top .p-recruit-top-about > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-about::before { border-radius: 0; } }
.p-recruit-top .p-recruit-top-environment { position: relative; z-index: 2; background-color: #f6f2ee; }
.p-recruit-top .p-recruit-top-environment::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 10px 10px; background-color: #fff; }
.p-recruit-top .p-recruit-top-environment > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-environment::before { border-radius: 0 195px 10px 10px; } }
.p-recruit-top .p-recruit-top-about, .p-recruit-top .p-recruit-top-environment { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-about, .p-recruit-top .p-recruit-top-environment { border-radius: 0; } .p-recruit-top .p-recruit-top-about::before, .p-recruit-top .p-recruit-top-environment::before { border-radius: 0 195px 0 0; } }
.p-recruit-top .p-recruit-top-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-bottom: 10px; border-bottom: 2px solid #931c31; color: #000; font-size: 32px; font-weight: 700; line-height: 1.5; text-align: center; white-space: nowrap; }
.p-recruit-top .p-recruit-top-title::after { content: ""; position: absolute; bottom: -15px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 14px 12px 0 12px; border-color: #931c31 transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit-top .p-recruit-top-title span { color: #931c31; font-size: 48px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-title { font-size: 24px; border-bottom: 2px solid #931c31; padding-bottom: 5px; } .p-recruit-top .p-recruit-top-title::after { bottom: -16px; } .p-recruit-top .p-recruit-top-title span { font-size: 40px; } }
.p-recruit-top .p-recruit-top-lead { font-size: 16px; line-height: 1.5; text-align: center; }
.p-recruit-top .p-recruit-top-slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 68px; column-gap: 68px; row-gap: 68px; gap: 68px; width: calc(100% + 80px); margin-right: -40px; margin-left: -40px; overflow: hidden; padding-bottom: 8px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-slider { width: calc(100% + 60px); margin-right: -30px; margin-left: -30px; margin-bottom: -24px; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; } }
.p-recruit-top .p-recruit-top-member-list { width: 100%; min-height: 368px; margin: 0; padding: 0; }
.p-recruit-top .p-recruit-top-member-list li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 290px; margin: 0; list-style: none; }
.p-recruit-top .p-recruit-top-member-list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 368px; }
.p-recruit-top .p-recruit-top-member-list .slick-list { min-height: 388px; }
.p-recruit-top .p-recruit-top-member-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 280px; height: 360px; margin: 0 auto; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; color: #000; -webkit-transform: scale(0.786); transform: scale(0.786); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: -webkit-transform 0.6s ease; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; transition: transform 0.6s ease; }
.p-recruit-top .p-recruit-top-member-card img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: center top; }
.p-recruit-top .p-recruit-top-member-card .p-recruit-top-member-card__body { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 6px; column-gap: 6px; row-gap: 6px; gap: 6px; min-width: 0; padding: 10px 44px 10px 10px; border-radius: 0 0 10px 10px; background-color: rgba(255, 255, 255, 0.6); font-size: 16px; font-weight: 700; line-height: 1; }
.p-recruit-top .p-recruit-top-member-card .p-recruit-top-member-card__body small { color: #931c31; font-size: 12px; font-weight: 500; line-height: 1.5; white-space: normal; }
.p-recruit-top .p-recruit-top-member-card i { position: absolute; right: 10px; bottom: 10px; z-index: 2; width: 20px; height: 20px; border-radius: 50%; background-color: #931c31; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-member-card i { width: 20px; height: 20px; } }
.p-recruit-top .p-recruit-top-member-card i::before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translate(-60%, -50%) rotate(45deg); transform: translate(-60%, -50%) rotate(45deg); }
.p-recruit-top .p-recruit-top-member-list .slick-center .p-recruit-top-member-card, .p-recruit-top .p-recruit-top-member-list .slick-current .p-recruit-top-member-card { -webkit-transform: scale(1); transform: scale(1); }
.p-recruit-top .p-recruit-top-about-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; }
.p-recruit-top .p-recruit-top-about-images__main { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; height: 240px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; color: #000; }
.p-recruit-top .p-recruit-top-about-images__main img { position: absolute; top: -4%; left: 0; width: 100%; height: 128%; -o-object-fit: cover; object-fit: cover; }
.p-recruit-top .p-recruit-top-about-images__main span { position: relative; z-index: 1; }
.p-recruit-top .p-recruit-top-about-images__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; }
.p-recruit-top .p-recruit-top-about-images__sub a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 180px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; color: #000; }
.p-recruit-top .p-recruit-top-about-images__sub a img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.p-recruit-top .p-recruit-top-about-images__main > span, .p-recruit-top .p-recruit-top-about-images__sub a > span { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: 100%; padding: 10px; border-radius: 0 0 10px 10px; background-color: rgba(255, 255, 255, 0.6); font-size: 16px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.p-recruit-top .p-recruit-top-about-images__main > span i, .p-recruit-top .p-recruit-top-about-images__sub a > span i { position: relative; display: block; width: 20px; height: 20px; margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; background-color: #931c31; }
.p-recruit-top .p-recruit-top-about-images__main > span i::before, .p-recruit-top .p-recruit-top-about-images__sub a > span i::before { content: ""; position: absolute; top: 7px; left: 6px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-about-images__main > span i::before, .p-recruit-top .p-recruit-top-about-images__sub a > span i::before { width: 6px; height: 6px; top: 7px; left: 6px; } }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-about-images { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; } .p-recruit-top .p-recruit-top-about-images__main, .p-recruit-top .p-recruit-top-about-images__sub a { width: 100%; height: auto; aspect-ratio: 335/180; } .p-recruit-top .p-recruit-top-about-images__main img { top: 0; height: 100%; } .p-recruit-top .p-recruit-top-about-images__sub { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; } .p-recruit-top .p-recruit-top-about-images__main > span, .p-recruit-top .p-recruit-top-about-images__sub a > span { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: none; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; padding: 10px; border-radius: 0 0 10px 10px; font-size: 14px; -webkit-transform: none; transform: none; } }
.p-recruit-top .p-recruit-top-environment-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: 100%; }
.p-recruit-top .p-recruit-top-environment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1); color: #000; }
.p-recruit-top .p-recruit-top-environment-item img { width: 120px; height: 76px; -o-object-fit: cover; object-fit: cover; border-radius: 6px; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit-top .p-recruit-top-environment-item span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding: 0 16px; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit-top .p-recruit-top-environment-item i { position: relative; width: 20px; height: 20px; border-radius: 50%; background-color: #931c31; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit-top .p-recruit-top-environment-item i::before { content: ""; position: absolute; top: 7px; left: 6px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-environment-item i::before { width: 6px; height: 6px; top: 7px; left: 6px; } }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-environment-item img { width: 100px; height: 76px; } .p-recruit-top .p-recruit-top-environment-item span { padding: 0 10px; font-size: 14px; } }
.p-recruit-top .p-recruit-top-environment-item.-other i { width: 20px; height: 20px; border-radius: 0; background: url(/recruit/assets/img/icon-other.svg) no-repeat center center; background-size: 15px 15px; }
.p-recruit-top .p-recruit-top-environment-item.-other i::before { content: none; }
.p-recruit-top .p-recruit-top-work-tabs { width: 100%; border: 2px solid #931c31; border-radius: 20px; background-color: #fff; overflow: hidden; }
.p-recruit-top .p-recruit-top-work-tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-column-gap: 14px; column-gap: 14px; row-gap: 14px; gap: 14px; width: 100%; padding: 22px 22px 0; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-work-tab-list { padding: 16px 16px; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; } }
.p-recruit-top .p-recruit-top-work-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7px); flex: 0 0 calc(50% - 7px); min-width: 0; padding: 10px 14px; border: 0; border-radius: 999px; background-color: rgba(147, 28, 49, 0.55); color: #fff; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; cursor: pointer; }
.p-recruit-top .p-recruit-top-work-tab:first-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.p-recruit-top .p-recruit-top-work-tab.is-active { background-color: #931c31; color: #fff; cursor: default; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-work-tab { padding: 14px 2px; font-size: 14px; } }
.p-recruit-top .p-recruit-top-work-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; background-color: #fff; overflow: hidden; }
.p-recruit-top .p-recruit-top-work-panel[hidden] { display: none; }
.p-recruit-top .p-recruit-top-work-panel__image { width: 100%; padding: 20px 20px 0; }
.p-recruit-top .p-recruit-top-work-panel__image img { display: block; width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; object-position: center; border-radius: 10px; }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-work-panel__image { padding: 16px 16px 0; } .p-recruit-top .p-recruit-top-work-panel__image img { height: 170px; } }
.p-recruit-top .p-recruit-top-work-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; background-color: #fff; }
.p-recruit-top .p-recruit-top-work-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: 100%; padding: 16px 30px; border-bottom: 1px dashed #931c31; color: #000; text-decoration: none; }
.p-recruit-top .p-recruit-top-work-item:last-child { border-bottom: 0; }
.p-recruit-top .p-recruit-top-work-item .p-recruit-top-work-item__icon { width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit-top .p-recruit-top-work-item .p-recruit-top-work-item__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0px; column-gap: 0px; row-gap: 0px; gap: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-size: 16px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.p-recruit-top .p-recruit-top-work-item .p-recruit-top-work-item__text.-emphasis { font-size: 18px; }
.p-recruit-top .p-recruit-top-work-item .p-recruit-top-work-item__text small { min-width: 0; color: #000; font-size: 14px; font-weight: 400; line-height: 1.5; white-space: normal; }
.p-recruit-top .p-recruit-top-work-item i { position: relative; width: 20px; height: 20px; border-radius: 50%; background-color: #931c31; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit-top .p-recruit-top-work-item i::before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translate(-60%, -50%) rotate(45deg); transform: translate(-60%, -50%) rotate(45deg); }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-work-item i::before { width: 6px; height: 6px; } }
@media screen and (max-width: 980px) { .p-recruit-top .p-recruit-top-work-item { padding: 16px 20px; } .p-recruit-top .p-recruit-top-work-item .p-recruit-top-work-item__text { -webkit-column-gap: 0px; column-gap: 0px; row-gap: 0px; gap: 0px; font-size: 14px; } .p-recruit-top .p-recruit-top-work-item .p-recruit-top-work-item__text.-emphasis { font-size: 16px; } .p-recruit-top .p-recruit-top-work-item .p-recruit-top-work-item__text small { font-size: 12px; } }
.c-news > li { border-top: 1px solid #D0D4D6; border-bottom: 1px solid #D0D4D6; }
.c-news > li + li { border-top: 0; }
.c-news > li a { width: 100%; height: 100%; display: block; text-decoration: none; position: relative; padding: 20px 0; padding-right: 50px; }
.c-news > li a .list-news { -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; gap: 60px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
@media screen and (max-width: 980px) { .c-news > li a .list-news { display: block; } }
.c-news > li a .list-news dt { font-size: 14px; font-weight: 500; }
@media screen and (max-width: 980px) { .c-news > li a .list-news dt { font-size: 12px; } }
.c-news > li a .list-news dd { font-size: 16px; font-weight: 500; }
@media screen and (max-width: 980px) { .c-news > li a .list-news dd { font-size: 14px; } }
.c-news > li a:hover { color: #72581B; }
.l-footerSubArea { background: url("/assets/img/footer_sub02.jpg") no-repeat center center; background-size: cover; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .l-footerSubArea { background: none !important; } }
.l-footerSubArea:has(.list-wrap > li:nth-child(1) a:hover) { background: url("/assets/img/footer_sub01.jpg") no-repeat center center; background-size: cover; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-footerSubArea:has(.list-wrap > li:nth-child(2) a:hover) { background: url("/assets/img/footer_sub02.jpg") no-repeat center center; background-size: cover; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-footerSubArea:has(.list-wrap > li:nth-child(3) a:hover) { background: url("/assets/img/footer_sub03.jpg") no-repeat center center; background-size: cover; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .l-footerSubArea .list-wrap { display: block; } }
.l-footerSubArea .list-wrap > li { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; height: 205px; position: relative; color: #fff; }
@media screen and (max-width: 980px) { .l-footerSubArea .list-wrap > li { height: 175px; background: no-repeat center center; background-size: cover; } }
.l-footerSubArea .list-wrap > li::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(19, 88, 102, 0.9); mix-blend-mode: multiply; top: 0; left: 0; z-index: 0; }
.l-footerSubArea .list-wrap > li + li { border-left: 1px solid #fff; }
@media screen and (max-width: 980px) { .l-footerSubArea .list-wrap > li + li { border-left: 0; border-top: 1px solid #fff; } }
.l-footerSubArea .list-wrap > li:nth-child(1) { border-left: 0; }
@media screen and (max-width: 980px) { .l-footerSubArea .list-wrap > li:nth-child(1) { background-image: url(/assets/img/footer_sub01-sp.jpg); } }
@media screen and (max-width: 980px) { .l-footerSubArea .list-wrap > li:nth-child(2) { background-image: url(/assets/img/footer_sub02-sp.jpg); } }
.l-footerSubArea .list-wrap > li:nth-child(2) a:hover .c-wrapCenter { background-color: rgba(255, 255, 255, 0.1); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 980px) { .l-footerSubArea .list-wrap > li:nth-child(3) { background-image: url(/assets/img/footer_sub03-sp.jpg); } }
.l-footerSubArea .list-wrap > li a { display: block; width: 100%; height: 100%; }
.l-footerSubArea .list-wrap > li a .c-wrapCenter { background-color: rgba(255, 255, 255, 0); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-footerSubArea .list-wrap > li a.isOff .wrap { opacity: 0.7; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-footerSubArea .list-wrap > li a.isOff:hover .wrap { opacity: 1; }
.l-footerSubArea .list-wrap > li a:hover { opacity: 1; }
.l-footerSubArea .list-wrap > li a:hover .c-wrapCenter { background-color: rgba(255, 255, 255, 0.3); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-footerSubArea .list-wrap > li a .c-title2 { color: #fff; font-family: "EB Garamond", "Zen Old Mincho", serif; }
.l-footerSubArea .list-wrap > li a a, .l-footerSubArea .list-wrap > li a a.c-btn { width: 240px; height: inherit; margin-top: 30px; }
@-webkit-keyframes recruit-lower-title-ja-in { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes recruit-lower-title-ja-in { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes recruit-lower-title-en-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes recruit-lower-title-en-in { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes recruit-lower-title-accent-in { from { color: #fff; } to { color: #931c31; } }
@keyframes recruit-lower-title-accent-in { from { color: #fff; } to { color: #931c31; } }
@-webkit-keyframes recruit-lower-section-in { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes recruit-lower-section-in { from { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes recruit-entry-circle-attention { 0% { opacity: 0.65; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 55% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } }
@keyframes recruit-entry-circle-attention { 0% { opacity: 0.65; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 55% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } }
.p-recruit { font-family: "Roboto", "Noto Sans JP", sans-serif; color: #000; }
.p-recruit .recruit-container { min-width: inherit; overflow-x: clip; }
.p-recruit .recruit-main { position: relative; min-height: 100vh; overflow: hidden; }
@media screen and (max-width: 1024px) { .p-recruit .recruit-main { padding-top: 56px; overflow-x: clip; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-main { overflow: visible; } }
.p-recruit .recruit-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
.p-recruit .recruit-bg .recruit-bg__image { position: absolute; inset: 0; width: 100%; height: 100vh; background: #fff url(/recruit/assets/img/top/top-bg-interview.jpg) no-repeat center top; background-size: cover; opacity: 1; }
@media screen and (max-width: 980px) { .p-recruit:not(.p-recruit-top) .recruit-bg.-pcOnly { display: block; } }
.p-recruit.p-recruit-interview-detail .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/top/top-bg-interview.jpg); }
@media screen and (max-width: 980px) { .p-recruit.p-recruit-interview-detail .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/interview/bg-sp-interview.jpg); background-position: center 50px; } }
@media screen and (max-width: 980px) { .p-recruit.p-recruit-interview .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/interview/bg-sp-interview.jpg); background-position: center 50px; } }
.p-recruit .recruit-phone { position: relative; z-index: 2; width: 540px; margin: 0 auto; background-color: transparent; }
@media screen and (max-width: 1024px) { .p-recruit .recruit-phone { width: 100%; max-width: 540px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-phone { width: 100%; } }
.p-recruit .recruit-lower-content-frame { overflow: hidden; border: 4px solid #931c31; border-radius: 270px 0 10px 10px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-lower-content-frame { border: 0; border-radius: 0; } }
.p-recruit .recruit-lower-main-title { position: relative; z-index: 2; color: #fff; font-size: 56px; font-weight: 700; line-height: 1; text-align: center; text-shadow: 0 0 10px rgba(18, 40, 51, 0.2); letter-spacing: -0.02em; white-space: nowrap; }
.p-recruit .recruit-lower-main-title span { font-size: 56px; }
@media screen and (max-width: 1024px) { .p-recruit .recruit-lower-main-title { letter-spacing: 0; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-lower-main-title { font-size: 32px; line-height: 1.2; } .p-recruit .recruit-lower-main-title span { font-size: 40px; } }
.p-recruit .recruit-lower-main-title.-with-en { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 24px; column-gap: 24px; row-gap: 24px; gap: 24px; letter-spacing: 0; }
.p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__en { display: block; color: #c98d98; font-size: 32px; font-weight: 700; line-height: 1; text-shadow: none; opacity: 0; -webkit-animation: recruit-lower-title-en-in 0.6s ease 0.8s both; animation: recruit-lower-title-en-in 0.6s ease 0.8s both; }
.p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__ja { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 0.18em; column-gap: 0.18em; row-gap: 0.18em; gap: 0.18em; color: #fff; font-size: 56px; font-weight: 700; line-height: 1; white-space: nowrap; opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-animation: recruit-lower-title-ja-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both; animation: recruit-lower-title-ja-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both; }
.p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__accent { color: #fff; font-size: 72px; line-height: 0.9; -webkit-animation: recruit-lower-title-accent-in 0.5s ease 0.8s both; animation: recruit-lower-title-accent-in 0.5s ease 0.8s both; }
@media screen and (max-width: 980px) { .p-recruit .recruit-lower-main-title.-with-en { -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; } .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__en { font-size: 30px; } .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__ja { display: block; font-size: 32px; line-height: 1.2; text-align: center; } .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__accent { font-size: 48px; margin-right: 0.14em; } }
@media (prefers-reduced-motion: reduce) { .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__en, .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__ja, .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__accent { -webkit-animation: none; animation: none; } .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__en, .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__ja { opacity: 1; -webkit-transform: none; transform: none; } .p-recruit .recruit-lower-main-title.-with-en .recruit-lower-main-title__accent { color: #931c31; } }
.p-recruit:not(.p-recruit-top) .section-content01 { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-animation: recruit-lower-section-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both; animation: recruit-lower-section-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both; }
@media (prefers-reduced-motion: reduce) { .p-recruit:not(.p-recruit-top) .section-content01 { opacity: 1; -webkit-transform: none; transform: none; -webkit-animation: none; animation: none; } }
.p-recruit .recruit-company-label, .p-recruit .recruit-member-card__company { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 4px; column-gap: 4px; row-gap: 4px; gap: 4px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; min-height: 24px; padding: 3px 10px; border: 1px solid #eee; border-left: 4px solid #931c31; border-radius: 2px; background-color: #fff; font-size: 12px; font-weight: 500; line-height: 1.5; white-space: nowrap; }
.p-recruit .recruit-company-label img, .p-recruit .recruit-member-card__company img { width: 117px; -o-object-fit: contain; object-fit: contain; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-company-label.-sumiyoshi, .p-recruit .recruit-member-card__company.-sumiyoshi { border-left-color: #931c31; }
.p-recruit .recruit-company-label.-unyu, .p-recruit .recruit-member-card__company.-unyu { border-left-color: #284485; }
.p-recruit .recruit-company-label.-naruto, .p-recruit .recruit-member-card__company.-naruto { border-left-color: #ea590c; }
.p-recruit .recruit-company-label.-naruto img, .p-recruit .recruit-member-card__company.-naruto img { width: 83px; height: 16px; }
.p-recruit .recruit-company-label.-msc, .p-recruit .recruit-member-card__company.-msc { border-left-color: #f4c7dc; }
.p-recruit .recruit-company-label.-msc img, .p-recruit .recruit-member-card__company.-msc img { width: 182px; height: 16px; }
.p-recruit .recruit-side { position: absolute; top: 0; left: calc(50% + 270px); z-index: 3; width: 410px; min-height: 100%; pointer-events: none; }
.p-recruit .recruit-side .recruit-side__inner { position: fixed; top: 0; left: calc(50% + 270px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; width: 410px; padding: 80px; pointer-events: auto; }
.p-recruit .recruit-side .recruit-side__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; color: #931c31; font-size: 14px; line-height: 1.5; }
.p-recruit .recruit-side .recruit-side__logo img { width: 170px; }
.p-recruit .recruit-side .recruit-side__logo:hover { opacity: 1; }
.p-recruit .recruit-side .recruit-side__logo:hover img { opacity: 1; -webkit-transform: none; transform: none; }
.p-recruit .recruit-side .recruit-side__nav { width: 100%; }
.p-recruit .recruit-side .recruit-side__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; }
.p-recruit .recruit-side .recruit-side__nav ul > li { padding-left: 10px; padding-right: 10px; }
.p-recruit .recruit-side .recruit-side__nav a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-right: 28px; font-size: 16px; font-weight: 700; line-height: 1.5; color: #000; }
.p-recruit .recruit-side .recruit-side__nav a span { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #931c31; background-color: #931c31; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit .recruit-side .recruit-side__nav a span::before { content: ""; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 5px; left: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit .recruit-side .recruit-side__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; }
.p-recruit .recruit-side .recruit-side__btns .recruit-btn { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 50px; padding-left: 30px; }
.p-recruit .recruit-side .recruit-side__btns .recruit-btn span { position: absolute; right: 10px; }
@media screen and (max-width: 1024px) { .p-recruit .recruit-side { display: none; } }
.p-recruit .recruit-sp-header { display: none; }
.p-recruit .recruit-sp-header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: auto; max-width: calc(100% - 68px); color: #931c31; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; }
.p-recruit .recruit-sp-header__logo img { display: block; width: 168px; max-width: 100%; height: auto; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-sp-menu-button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 5px; column-gap: 5px; row-gap: 5px; gap: 5px; width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; padding: 0; border: 2px solid #931c31; border-radius: 50%; background-color: #fff; cursor: pointer; }
.p-recruit .recruit-sp-menu-button span { display: block; width: 20px; height: 2px; margin: 0 auto; border-radius: 2px; background-color: #931c31; -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease; transition: -webkit-transform 0.2s ease, opacity 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease; }
.p-recruit .recruit-sp-menu-button.is-open span:nth-child(1) { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); }
.p-recruit .recruit-sp-menu-button.is-open span:nth-child(2) { opacity: 0; }
.p-recruit .recruit-sp-menu-button.is-open span:nth-child(3) { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }
.p-recruit .recruit-sp-menu { display: none; }
.p-recruit .recruit-sp-menu__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 32px; column-gap: 32px; row-gap: 32px; gap: 32px; width: 100%; max-width: 335px; margin: 0 auto; padding: 120px 0 40px; }
.p-recruit .recruit-sp-menu__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; padding: 0 10px; }
.p-recruit .recruit-sp-menu__nav a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; color: #000; font-size: 14px; font-weight: 700; line-height: 1.5; }
.p-recruit .recruit-sp-menu__nav a span { position: relative; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; background-color: #931c31; }
.p-recruit .recruit-sp-menu__nav a span::before { content: ""; position: absolute; top: 6px; left: 6px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit .recruit-sp-menu__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; }
.p-recruit .recruit-sp-menu__btns .recruit-btn { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 40px; padding-left: 40px; }
.p-recruit .recruit-sp-menu__btns .recruit-btn span { position: absolute; right: 16px; }
@media screen and (max-width: 1024px) { .p-recruit .recruit-sp-header { position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; min-width: 0; height: 56px; min-height: 0; padding: 8px 20px; background-color: rgba(255, 255, 255, 0.96); -webkit-box-shadow: 0 4px 18px rgba(18, 40, 51, 0.08); box-shadow: 0 4px 18px rgba(18, 40, 51, 0.08); } .p-recruit .recruit-sp-menu { position: fixed; inset: 0; z-index: 19; display: block; overflow-y: auto; overflow-x: hidden; background-color: rgba(255, 255, 255, 0.98); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease, visibility 0.2s ease; transition: opacity 0.2s ease, visibility 0.2s ease; } .p-recruit .recruit-sp-menu.is-open { opacity: 1; visibility: visible; } .p-recruit.is-recruit-menu-open { overflow: hidden; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-main { padding-top: 56px; } .p-recruit .recruit-sp-header__logo { width: auto; font-size: 14px; font-weight: normal; } .p-recruit .recruit-sp-header__logo img { width: 168px; } .p-recruit .recruit-sp-menu__inner { width: calc(100% - 40px); max-width: 335px; } }
@media screen and (max-width: 1024px) { .p-recruit .recruit-main { padding-top: 56px; overflow-x: clip; } .p-recruit .recruit-side { display: none; } .p-recruit .recruit-sp-header { position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: auto; min-width: 0; height: 56px; min-height: 0; padding: 8px 20px; background-color: rgba(255, 255, 255, 0.96); -webkit-box-shadow: 0 4px 18px rgba(18, 40, 51, 0.08); box-shadow: 0 4px 18px rgba(18, 40, 51, 0.08); } .p-recruit .recruit-sp-menu { position: fixed; inset: 0; z-index: 19; display: block; overflow-y: auto; overflow-x: hidden; background-color: rgba(255, 255, 255, 0.98); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease, visibility 0.2s ease; transition: opacity 0.2s ease, visibility 0.2s ease; } .p-recruit .recruit-sp-menu.is-open { opacity: 1; visibility: visible; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-sp-header__logo { width: auto; font-size: 14px; } .p-recruit .recruit-sp-header__logo img { width: 168px; } .p-recruit .recruit-sp-menu__inner { width: calc(100% - 40px); max-width: 335px; } }
.p-recruit .recruit-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-width: 160px; padding: 8px 16px 8px 40px; border: 2px solid #931c31; border-radius: 100vmax; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; color: #931c31; background-color: #fff; }
@media screen and (max-width: 980px) { .p-recruit .recruit-btn { font-size: 14px; border: 2px solid #931c31; } }
.p-recruit .recruit-btn span { width: 20px; height: 20px; border-radius: 50%; background-color: #931c31; position: relative; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-btn span::before { content: ""; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 7px; left: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 980px) { .p-recruit .recruit-btn span::before { top: 7px; } }
.p-recruit .recruit-btn.-fill { color: #fff; background-color: #931c31; }
.p-recruit .recruit-btn.-fill span { background-color: #fff; }
.p-recruit .recruit-btn.-fill span::before { border-color: #931c31; }
.p-recruit .recruit-btn.-soft { color: #fff; border-color: #c98d98; background-color: #c98d98; }
.p-recruit .recruit-btn.-soft span { background-color: #fff; }
.p-recruit .recruit-btn.-soft span::before { border-color: #931c31; }
.p-recruit .recruit-btn.-external { padding-right: 20px; }
.p-recruit .recruit-btn.-external .c-recruit-icon-outbound { width: 20px; height: 20px; border-radius: 0; background-color: transparent; background-image: url(/recruit/assets/img/icon-other.svg); }
.p-recruit .recruit-btn.-external .c-recruit-icon-outbound::before { display: none; }
.p-recruit .recruit-content-btn { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 71px; padding-left: 41px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-content-btn { padding-right: 38px; padding-left: 14px; } }
.p-recruit .recruit-content-btn span { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 980px) { .p-recruit .recruit-content-btn span { right: 10px; } }
.p-recruit .recruit-people-main { position: relative; z-index: 1; height: 460px; padding: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 980px) { .p-recruit .recruit-people-main { height: 360px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-people-main { height: auto; padding: 120px 20px; } .p-recruit .recruit-people-main .recruit-lower-main-title__ja { font-size: 40px; } .p-recruit .recruit-people-main .recruit-lower-main-title__accent { font-size: 48px; } }
.p-recruit .recruit-people-intro { position: relative; z-index: 2; background-color: #fff; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-recruit .recruit-people-intro::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-recruit .recruit-people-intro > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit .recruit-people-intro::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-people-intro { padding: 80px 20px; } }
.p-recruit .recruit-catch { color: #931c31; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit .recruit-catch { font-size: 20px; } }
.p-recruit .recruit-text { font-size: 16px; line-height: 1.5; color: #000; }
@media screen and (max-width: 980px) { .p-recruit .recruit-text { font-size: 14px; } }
.p-recruit .recruit-people-member { position: relative; z-index: 2; background-color: #fff; padding: 120px 40px 40px; border-radius: 0 0 10px 10px; }
.p-recruit .recruit-people-member::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #f6f2ee; }
.p-recruit .recruit-people-member > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit .recruit-people-member::before { border-radius: 0 min(50vw, 195px) 0 0; } }
.p-recruit .recruit-people-member::before { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-people-member { padding: 80px 20px 90px; } .p-recruit .recruit-people-member::before { border-radius: 0; } }
.p-recruit .recruit-section-title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto 40px; padding-bottom: 20px; border-bottom: 2px solid #931c31; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit .recruit-section-title { font-size: 20px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-section-title { font-size: 20px; } }
.p-recruit .recruit-section-title.mgb0 { margin-bottom: 0; }
.p-recruit .recruit-member-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; }
.p-recruit .recruit-member-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 460px; min-height: 360px; position: relative; color: #000; }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card { width: 100%; min-height: 320px; } }
.p-recruit .recruit-member-card.-reverse { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.p-recruit .recruit-member-card.-reverse .recruit-member-card__copy { left: 0; right: auto; }
.p-recruit .recruit-member-card.-reverse .recruit-member-card__body { right: 0; left: auto; }
.p-recruit .recruit-member-card .recruit-member-card__photo { position: relative; width: 280px; height: 360px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card .recruit-member-card__photo { width: 250px; height: 320px; } }
.p-recruit .recruit-member-card .recruit-member-card__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: center top; }
.p-recruit .recruit-member-card .recruit-member-card__photo.-image-switch img { position: absolute; inset: 0; }
.p-recruit .recruit-member-card .recruit-member-card__photo.-image-switch img:nth-child(2) { opacity: 0; }
.p-recruit .recruit-member-card .recruit-member-card__copy { position: absolute; top: 137px; right: 0; filter: drop-shadow(8px 8px 0 #931c31); z-index: 2; opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease; }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card .recruit-member-card__copy { top: 147px; } }
.p-recruit .recruit-member-card .recruit-member-card__copy.is-visible { opacity: 1; -webkit-transform: none; transform: none; }
.p-recruit .recruit-member-card .recruit-member-card__copy span { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 8px 10px; border: 1px solid #931c31; background-color: #fff; font-size: 18px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card .recruit-member-card__copy span { font-size: 14px; padding: 2px 6px; } }
@media (prefers-reduced-motion: reduce) { .p-recruit .recruit-member-card .recruit-member-card__copy { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } }
.p-recruit .recruit-member-card .recruit-member-card__body { position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 6px; column-gap: 6px; row-gap: 6px; gap: 6px; width: 280px; min-height: 86px; padding: 10px 44px 10px 10px; border-radius: 0 0 10px 10px; background-color: rgba(255, 255, 255, 0.6); }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card .recruit-member-card__body { width: 250px; } }
.p-recruit .recruit-member-card .recruit-member-card__job { color: #931c31; font-size: 12px; font-weight: 500; line-height: 1.5; }
.p-recruit .recruit-member-card .recruit-member-card__name { font-size: 16px; font-weight: 700; line-height: 1; }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card .recruit-member-card__name { font-size: 14px; } }
.p-recruit .recruit-member-card .recruit-member-card__arrow { position: absolute; right: 10px; bottom: 10px; width: 24px; height: 24px; border-radius: 50%; background-color: #931c31; }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card .recruit-member-card__arrow { width: 20px; height: 20px; } }
.p-recruit .recruit-member-card .recruit-member-card__arrow::before { content: ""; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 8px; left: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 980px) { .p-recruit .recruit-member-card .recruit-member-card__arrow::before { width: 6px; height: 6px; top: 7px; left: 6px; } }
.p-recruit .recruit-entry { position: relative; z-index: 2; width: 100%; border-radius: 0; padding: 80px 40px 0px; background: #fff url(/recruit/assets/img/bg-entry.png) no-repeat center top; background-size: cover; background-color: transparent; background-position-y: top; }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry { max-width: 540px; margin-right: auto; margin-left: auto; padding: 80px 20px 0; } .p-recruit .recruit-entry::before { border-radius: 0; } }
.p-recruit .recruit-entry .recruit-entry__box { width: 540px; max-width: 100%; margin: 0 auto; border: 4px solid #931c31; border-bottom: 0; border-radius: 10px 10px 0 0; overflow: hidden; background-color: #fff; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__box { border: 0; border-radius: 0; } }
.p-recruit .recruit-entry .recruit-entry__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 80px 40px 60px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__content { padding: 80px 20px; } }
.p-recruit .recruit-entry .recruit-entry__title { position: relative; width: 100%; margin-bottom: 32px; padding-bottom: 20px; border-bottom: 2px solid #931c31; font-size: 32px; font-weight: 700; line-height: 1.5; }
.p-recruit .recruit-entry .recruit-entry__title::after { display: none; }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__title { font-size: 24px; padding-bottom: 20px; } }
.p-recruit .recruit-entry .recruit-entry__lead { display: none; font-size: 18px; font-weight: 700; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__lead { font-size: 14px; } }
.p-recruit .recruit-entry .recruit-entry__nav { display: none; }
.p-recruit .recruit-entry .recruit-entry__nav-default { display: none; }
.p-recruit .recruit-entry .recruit-entry__top-apply { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; }
.p-recruit .recruit-entry .recruit-entry__top-apply-title { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.5; }
.p-recruit .recruit-entry .recruit-entry__top-apply-text { margin: 0; font-size: 14px; font-weight: 500; line-height: 28px; text-align: center; }
.p-recruit .recruit-entry .recruit-entry__top-apply-btn { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 48px; padding: 10px 36px 10px 36px; }
.p-recruit .recruit-entry .recruit-entry__top-apply-btn span { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit .recruit-entry .recruit-entry__title-top, .p-recruit .recruit-entry .recruit-entry__nav-guideline { display: none; }
.p-recruit .recruit-entry-circle { position: relative; isolation: isolate; display: none; width: 226px; margin: 0 auto; }
.p-recruit .recruit-entry-circle::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 0; width: 120px; height: 120px; border-radius: 50%; background-color: #f4e8ea; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transform-origin: center; transform-origin: center; pointer-events: none; -webkit-animation: recruit-entry-circle-attention 2.4s ease-out infinite; animation: recruit-entry-circle-attention 2.4s ease-out infinite; will-change: opacity, transform; }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry-circle { width: 190px; } }
.p-recruit .recruit-entry-circle img { position: relative; z-index: 1; display: block; width: 100%; }
@media (prefers-reduced-motion: reduce) { .p-recruit .recruit-entry-circle::after { -webkit-animation: none; animation: none; } }
.p-recruit .recruit-footer { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 40px 40px 10px; border-top: 1px solid #931c31; background-color: #f6f2ee; text-align: center; }
.p-recruit .recruit-footer .recruit-footer__logo { color: #931c31; font-size: 16px; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit .recruit-footer .recruit-footer__logo { font-size: 14px; } }
.p-recruit .recruit-footer .recruit-footer__logo img { display: block; width: 240px; margin-bottom: 4px; }
.p-recruit .recruit-footer .recruit-footer__logo:hover { opacity: 1; }
.p-recruit .recruit-footer .recruit-footer__logo:hover img { opacity: 1; -webkit-transform: none; transform: none; }
.p-recruit .recruit-footer .recruit-footer__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; color: #931c31; font-size: 16px; line-height: 1.5; }
.p-recruit .recruit-footer small { color: #9ca3af; font-size: 12px; line-height: 16px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-phone:has(+ .recruit-entry) { border-radius: 0; } .p-recruit .recruit-phone:has(+ .recruit-entry)::before { border-radius: 0; } .p-recruit .recruit-phone:has(+ .recruit-entry) > .c-section:last-child { border-radius: 0; } .p-recruit .recruit-phone:has(+ .recruit-entry) > .c-section:last-child::before { border-radius: 0; } .p-recruit .recruit-entry { margin-top: 0; padding: 18px 23px 0; background: #fff url(/recruit/assets/img/bg-entry.png) no-repeat center bottom; background-size: cover; background-color: transparent; background-position-y: top; } .p-recruit .recruit-entry .recruit-entry__box { width: 100%; border: 0; border-radius: 0; } .p-recruit .recruit-entry .recruit-entry__content { -webkit-column-gap: 0; column-gap: 0; row-gap: 0; gap: 0; padding: 126px 30px 100px; border-top: 4px solid var(--main, #931C31); border-bottom: 1px solid var(--main, #931C31); } .p-recruit .recruit-entry .recruit-entry__title { width: 100%; padding-bottom: 46px; border-bottom-width: 2px; font-size: 32px; line-height: 1.5; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__title { font-size: 24px; padding-bottom: 20px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 32px; column-gap: 32px; row-gap: 32px; gap: 32px; width: 100%; margin-top: 74px; } .p-recruit .recruit-entry .recruit-entry__nav a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 86px; padding: 14px 68px 14px 20px; border: 5px solid #931c31; border-radius: 44px; color: #931c31; font-size: 24px; font-weight: 700; line-height: 1.3; text-align: center; } .p-recruit .recruit-entry .recruit-entry__nav a span { position: absolute; top: 50%; right: 20px; width: 36px; height: 36px; border-radius: 50%; background-color: #931c31; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-recruit .recruit-entry .recruit-entry__nav a span::before { content: ""; position: absolute; top: 12px; left: 11px; width: 9px; height: 9px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .p-recruit .recruit-entry .recruit-entry__lead { margin-top: 68px; font-size: 24px; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__lead { font-size: 14px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry-circle { width: 260px; margin-top: 40px; } .p-recruit .recruit-footer { -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; padding: 35px 20px 34px; border-top: 0; background-color: #f2f2f2; } .p-recruit .recruit-footer .recruit-footer__logo { font-size: 14px; } .p-recruit .recruit-footer .recruit-footer__logo img { width: 250px; max-width: 100%; } .p-recruit .recruit-footer .recruit-footer__link { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; } .p-recruit .recruit-footer small { font-size: 12px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry { padding: 0; } .p-recruit .recruit-entry .recruit-entry__box { border-radius: 0; } .p-recruit .recruit-entry .recruit-entry__content { padding: 80px 20px 70px; } .p-recruit .recruit-entry .recruit-entry__title { padding-bottom: 32px; border-bottom-width: 2px; font-size: 26px; line-height: 1.5; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__title { font-size: 24px; padding-bottom: 20px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__nav { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; margin-top: 52px; } .p-recruit .recruit-entry .recruit-entry__nav a { min-height: 45px; padding: 10px 54px 10px 14px; border-width: 2px; font-size: 18px; } .p-recruit .recruit-entry .recruit-entry__nav a span { right: 14px; width: 30px; height: 30px; } .p-recruit .recruit-entry .recruit-entry__nav a span::before { top: 10px; left: 9px; width: 7px; height: 7px; border-width: 2px; } .p-recruit .recruit-entry .recruit-entry__lead { margin-top: 54px; font-size: 20px; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__lead { font-size: 14px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry-circle { width: 200px; margin-top: 30px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-entry .recruit-entry__content { -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 80px 20px 60px; } .p-recruit .recruit-entry .recruit-entry__title { margin-bottom: 32px; padding-bottom: 20px; font-size: 24px; } .p-recruit .recruit-entry .recruit-entry__top-apply-btn { min-height: 45px; padding: 10px 36px; font-size: 14px; } }
.p-recruit.p-recruit-top .recruit-entry { margin-top: 0; padding: 0; background: none; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__box { border: 4px solid #931c31; border-bottom: 0; border-radius: 10px 10px 0 0; }
@media screen and (max-width: 980px) { .p-recruit.p-recruit-top .recruit-entry .recruit-entry__box { border: 0; border-radius: 0; } }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__content { -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 80px 40px 60px; background: linear-gradient(0deg, var(--main_4, rgba(244, 232, 234, 0.5)) 0%, var(--main_4, rgba(244, 232, 234, 0.5)) 100%), #fff; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__title { margin-bottom: 32px; padding-bottom: 20px; border-bottom-width: 2px; font-size: 32px; line-height: 1.5; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__title::after { display: none; }
@media screen and (max-width: 980px) { .p-recruit.p-recruit-top .recruit-entry .recruit-entry__title { font-size: 24px; padding-bottom: 20px; } }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__title-default { display: none; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__title-top { display: inline-block; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; margin: 0; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav a { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 36px; border-width: 2px; border-radius: 30px; font-size: 16px; line-height: 1.5; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav a span { position: absolute; top: 50%; right: 16px; width: 20px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav a span::before { top: 7px; left: 6px; width: 6px; height: 6px; border-width: 2px; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav .recruit-entry__nav-guideline { display: -webkit-box; display: -ms-flexbox; display: flex; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav-default { display: none; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__top-apply { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__top-apply-title { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.5; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__top-apply-text { margin: 0; font-size: 14px; font-weight: 500; line-height: 28px; text-align: center; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__top-apply-btn { position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 48px; padding: 10px 36px; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__top-apply-btn span { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry__lead { display: none; }
.p-recruit.p-recruit-top .recruit-entry .recruit-entry-circle { display: none; }
@media screen and (max-width: 980px) { .p-recruit.p-recruit-top .recruit-entry .recruit-entry__content { -webkit-column-gap: 28px; column-gap: 28px; row-gap: 28px; gap: 28px; padding: 60px 20px 40px; } .p-recruit.p-recruit-top .recruit-entry .recruit-entry__title { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 2px solid var(--main, #931C31); font-size: 24px; line-height: 1.5; } .p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav { -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; } .p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav a { min-height: 45px; padding: 10px 36px; border-width: 2px; font-size: 14px; } .p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav a span { right: 14px; width: 20px; height: 20px; } .p-recruit.p-recruit-top .recruit-entry .recruit-entry__nav a span::before { top: 7px; left: 6px; width: 6px; height: 6px; } .p-recruit.p-recruit-top .recruit-entry .recruit-entry__top-apply-btn { min-height: 45px; padding: 10px 36px; font-size: 14px; } }
.p-recruit .c-recruit-icon-outbound { display: inline-block; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; background: url(/recruit/assets/img/icon-other.svg) no-repeat center center; background-size: contain; }
.p-recruit .recruit-detail { overflow: hidden; margin-top: 0; border-radius: 270px 0 10px 10px; background-color: transparent; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail { margin-top: 0; border-radius: 0; } }
.p-recruit .recruit-detail-profile { position: relative; z-index: 2; background-color: #fff; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px 0; }
.p-recruit .recruit-detail-profile::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-recruit .recruit-detail-profile > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-profile::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-profile { padding: 80px 20px 0; } }
.p-recruit .recruit-detail-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-bottom: 10px; border-bottom: 2px solid #931c31; font-size: 32px; font-weight: 700; line-height: 1.5; text-align: center; }
.p-recruit .recruit-detail-title::after { content: ""; position: absolute; left: 50%; bottom: -15px; width: 0; height: 0; border-style: solid; border-width: 14px 12px 0 12px; border-color: #931c31 transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit .recruit-detail-title span { color: #931c31; font-size: 48px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-title { font-size: 26px; } .p-recruit .recruit-detail-title span { font-size: 40px; } }
.p-recruit .recruit-detail-member { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; width: calc(100% + 80px); margin-top: 30px; margin-left: -40px; padding: 0 40px 120px; background: linear-gradient(to bottom, #fff 0 25%, rgba(244, 232, 234, 0.5) 25% 100%); }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-member { width: calc(100% + 40px); margin-left: -20px; padding: 0 20px 80px; } }
.p-recruit .recruit-detail-member .recruit-detail-member__photo { position: relative; width: 280px; height: 360px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-member .recruit-detail-member__photo { width: 250px; height: 320px; } }
.p-recruit .recruit-detail-member .recruit-detail-member__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: center top; }
.p-recruit .recruit-detail-member .recruit-detail-member__copy { position: absolute; top: 219px; right: 40px; z-index: 2; filter: drop-shadow(8px 8px 0 #931c31); }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-member .recruit-detail-member__copy { opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease; } .p-recruit .recruit-detail-member .recruit-detail-member__copy.is-visible { opacity: 1; -webkit-transform: none; transform: none; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-member .recruit-detail-member__copy { top: 210px; right: 20px; } }
.p-recruit .recruit-detail-member .recruit-detail-member__copy span { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 8px; border: 1px solid #931c31; background-color: #fff; font-size: 18px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-member .recruit-detail-member__copy span { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .p-recruit .recruit-detail-member .recruit-detail-member__copy { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } }
.p-recruit .recruit-detail-member .recruit-detail-member__info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-member .recruit-detail-member__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.p-recruit .recruit-detail-member .recruit-detail-member__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 160px; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-detail-member .recruit-detail-member__job { color: #931c31; font-size: 12px; font-weight: 500; line-height: 1.5; }
.p-recruit .recruit-detail-member .recruit-detail-member__jp { font-size: 20px; font-weight: 700; line-height: 0.9; }
.p-recruit .recruit-detail-member .recruit-detail-member__text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; line-height: 1.5; text-align: justify; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-member .recruit-detail-member__text { font-size: 14px; } }
.p-recruit .recruit-detail-schedule { position: relative; z-index: 2; background-color: #faf4f5; padding: 120px 40px 40px; overflow: hidden; }
.p-recruit .recruit-detail-schedule::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #fff; }
.p-recruit .recruit-detail-schedule > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-schedule::before { border-radius: 0 min(50vw, 195px) 0 0; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-schedule { padding: 80px 20px 20px; } }
.p-recruit .recruit-schedule-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 40px 40px 40px 40px; border-radius: 10px; background-color: #f9f9f9; }
@media screen and (max-width: 980px) { .p-recruit .recruit-schedule-list { padding: 30px 20px 30px 20px; } }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 380px; max-width: 100%; padding: 0 0 20px; border-left: 1px dashed #931c31; }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item:last-child { padding-bottom: 0; }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item::before { content: ""; position: absolute; top: 11px; left: -3px; width: 6px; height: 6px; border-radius: 50%; background-color: #931c31; }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90px; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item dt::before { content: ""; width: 20px; border-top: 1px solid #931c31; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item dt span { display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; padding: 2px 10px 0; border: 1px solid #931c31; border-radius: 20px; background-color: #fff; color: #931c31; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 5px; column-gap: 5px; row-gap: 5px; gap: 5px; min-width: 0; font-size: 14px; line-height: 1.5; }
.p-recruit .recruit-schedule-list .recruit-schedule-list__item dd strong { display: block; margin-bottom: 0; font-size: 14px; font-weight: 700; line-height: 20px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-schedule-list .recruit-schedule-list__item { -webkit-column-gap: 5px; column-gap: 5px; row-gap: 5px; gap: 5px; padding-bottom: 20px; } .p-recruit .recruit-schedule-list .recruit-schedule-list__item dt { width: 90px; } .p-recruit .recruit-schedule-list .recruit-schedule-list__item dd { padding: 0; } }
.p-recruit .recruit-detail-faq { position: relative; z-index: 2; padding: 0px 40px 40px; background-color: #fff; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-faq { padding: 0px 20px 80px; } }
.p-recruit .recruit-faq-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 0; column-gap: 0; row-gap: 0; gap: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; }
.p-recruit .recruit-faq-list .recruit-faq-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 40px; border-bottom: 1px dashed #931c31; background-color: #f9f9f9; }
.p-recruit .recruit-faq-list .recruit-faq-list__item:nth-child(even) { background-color: #fff; }
@media screen and (max-width: 980px) { .p-recruit .recruit-faq-list .recruit-faq-list__item { padding: 30px 20px; } }
.p-recruit .recruit-faq-list .recruit-faq-list__item dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; color: #931c31; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit .recruit-faq-list .recruit-faq-list__item dt span { display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; border-radius: 20px 20px 0px 20px; background-color: #c98d98; color: #fff; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 700; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-faq-list .recruit-faq-list__item dd { font-size: 14px; line-height: 1.5; text-align: justify; }
.p-recruit .recruit-detail-related { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; margin-top: 80px; padding: 40px; overflow: hidden; border-radius: 10px; background-color: #faf4f5; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-related { width: 100%; max-width: 540px; margin: 0 auto; padding: 0; overflow: visible; border: 0; border-radius: 0 !important; background-color: #fff; } .p-recruit .recruit-detail-related .recruit-detail-related__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: calc(100% - 40px); margin: 0px 20px 80px; padding: 20px; overflow: visible; border: 4px solid #931c31; border-radius: 10px; background-color: #f4e8ea; } .p-recruit .recruit-detail-related .recruit-detail-work, .p-recruit .recruit-detail-related .recruit-detail-other { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 20px; border-width: 1px; border-radius: 10px; } .p-recruit .recruit-detail-related .recruit-detail-other { overflow: visible; } .p-recruit .recruit-detail-related .recruit-member-pager { -webkit-column-gap: 4px; column-gap: 4px; row-gap: 4px; gap: 4px; } .p-recruit .recruit-detail-related .recruit-member-pager__dots { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .p-recruit .recruit-detail-related .recruit-member-pager__dots .slick-dots { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 4px; column-gap: 4px; row-gap: 4px; gap: 4px; width: 100%; } .p-recruit .recruit-detail-related .recruit-member-pager__dots .slick-dots li, .p-recruit .recruit-detail-related .recruit-member-pager__dots .slick-dots li.slick-active { width: auto; max-width: 24px; -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; } .p-recruit .recruit-detail-related .recruit-member-pager__dots .slick-dots li button, .p-recruit .recruit-detail-related .recruit-member-pager__dots .slick-dots li.slick-active button { width: 100%; } .p-recruit .recruit-detail-related .recruit-member-pager__arrow { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; } .p-recruit .recruit-detail-related .recruit-detail-box-title { font-size: 20px; line-height: 32px; } .p-recruit .recruit-detail-related .recruit-detail-box-title span { font-size: 18px; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit .recruit-detail-related .recruit-detail-box-title span { font-size: 16px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-related .recruit-link-card span { padding: 5px 16px; font-size: 14px; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit .recruit-detail-related .recruit-link-card span { padding: 0px 5px 0px 10px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-related .recruit-link-card i { width: 20px; height: 20px; } .p-recruit .recruit-detail-related .recruit-link-card i::before { top: 6px; left: 6px; width: 6px; height: 6px; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit .recruit-detail-related .recruit-link-card i::before { top: 7px; } }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-related .recruit-other-member-list { width: calc(100% + 80px); margin: 0 -40px; padding: 10px 40px; } }
.p-recruit .recruit-detail-related__inner { display: contents; }
.p-recruit .recruit-detail-work, .p-recruit .recruit-detail-other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 40px; border: 1px solid #931c31; border-radius: 10px; }
@media screen and (max-width: 980px) { .p-recruit .recruit-detail-work, .p-recruit .recruit-detail-other { padding: 30px 20px; } }
.p-recruit .recruit-detail-other { background-color: rgba(255, 255, 255, 0.6); overflow: visible; }
.p-recruit .recruit-detail-box-title { font-size: 24px; font-weight: 700; line-height: 32px; text-align: center; }
.p-recruit .recruit-link-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 4px 4px 5px rgba(18, 40, 51, 0.1); box-shadow: 4px 4px 5px rgba(18, 40, 51, 0.1); color: #000; }
.p-recruit .recruit-link-card .recruit-link-card__image { width: 120px; height: 76px; overflow: hidden; border-radius: 6px; -ms-flex-negative: 0; flex-shrink: 0; }
@media screen and (max-width: 980px) { .p-recruit .recruit-link-card .recruit-link-card__image { width: 100px; height: 90px; } }
.p-recruit .recruit-link-card .recruit-link-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.p-recruit .recruit-link-card span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 6px; column-gap: 6px; row-gap: 6px; gap: 6px; padding: 5px 16px; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit .recruit-link-card span small { color: #931c31; font-size: 12px; font-weight: 500; line-height: 1.5; }
.p-recruit .recruit-link-card i { position: relative; width: 24px; height: 24px; border-radius: 50%; background-color: #931c31; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit .recruit-link-card i::before { content: ""; position: absolute; top: 8px; left: 7px; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit .recruit-other-member-list { width: calc(100% + 160px); margin: 0 -80px; padding: 10px 80px; overflow: hidden; }
@media screen and (max-width: 980px) { .p-recruit .recruit-other-member-list { width: calc(100% + 80px); margin: 0 -40px; padding: 10px 40px; } }
.p-recruit .recruit-other-member-list:not(.slick-initialized) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; }
.p-recruit .recruit-other-member-list:not(.slick-initialized) .recruit-link-card { width: 380px; -ms-flex-negative: 0; flex-shrink: 0; }
@media screen and (max-width: 980px) { .p-recruit .recruit-other-member-list:not(.slick-initialized) { overflow-x: auto; } }
.p-recruit .recruit-other-member-list.slick-initialized { overflow: visible; }
.p-recruit .recruit-other-member-list.slick-initialized .slick-list { overflow: visible; }
.p-recruit .recruit-other-member-list.slick-initialized .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.p-recruit .recruit-other-member-list.slick-initialized .slick-slide { width: var(--recruit-other-member-slide-width, 380px) !important; height: auto; margin: 0 10px; }
.p-recruit .recruit-other-member-list.slick-initialized .slick-slide > div { height: 100%; }
.p-recruit .recruit-other-member-slide { width: var(--recruit-other-member-slide-width, 380px); height: 100%; }
@media screen and (max-width: 980px) { .p-recruit .recruit-other-member-slide { width: calc(100vw - 80px); max-width: 380px; } }
.p-recruit .recruit-other-member-slide .recruit-link-card { width: 100%; height: 100%; }
.p-recruit .recruit-member-pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: 100%; }
.p-recruit .recruit-member-pager__dots .slick-dots { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: auto; margin: 0; padding: 0; }
.p-recruit .recruit-member-pager__dots .slick-dots li { width: 24px; height: 8px; margin: 0; }
.p-recruit .recruit-member-pager__dots .slick-dots li button { width: 24px; height: 8px; padding: 0; border: 1px solid #931c31; border-radius: 4px; background-color: #fff; font-size: 0; line-height: 0; }
.p-recruit .recruit-member-pager__dots .slick-dots li button::before { display: none; }
.p-recruit .recruit-member-pager__dots .slick-dots li.slick-active { width: 24px; }
.p-recruit .recruit-member-pager__dots .slick-dots li.slick-active button { width: 24px; background-color: #931c31; }
.p-recruit .recruit-member-pager__arrow { position: relative; display: block; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background-color: #777; font-size: 0; line-height: 0; cursor: pointer; }
.p-recruit .recruit-member-pager__arrow::before { content: ""; position: absolute; top: 8px; left: 7px; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit .recruit-member-pager__arrow.-prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.p-recruit .recruit-member-pager__arrow.slick-disabled { opacity: 1; }
.p-work .recruit-bg .recruit-bg__image, .p-work-detail .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/top/top-bg-work.jpg); }
@media screen and (max-width: 980px) { .p-work .recruit-bg .recruit-bg__image, .p-work-detail .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/work/bg-sp-work.jpg); background-position: center 50px; } }
.p-work .p-work-article { overflow: hidden; border-radius: 0 0 10px 10px; }
@media screen and (max-width: 980px) { .p-work .p-work-article { border-radius: 0; } }
.p-work .p-work-main { position: sticky; top: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 460px; padding: 0; }
@media screen and (max-width: 980px) { .p-work .p-work-main { position: relative; height: 360px; } }
.p-work .p-work-intro { position: relative; z-index: 2; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-work .p-work-intro::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-work .p-work-intro > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-work .p-work-intro::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-work .p-work-intro { padding: 80px 20px; } }
.p-work .p-work-direct { position: relative; z-index: 2; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-work .p-work-direct::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #f6f2ee; }
.p-work .p-work-direct > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-work .p-work-direct::before { border-radius: 0 min(50vw, 195px) 0 0; } }
@media screen and (max-width: 980px) { .p-work .p-work-direct { padding: 80px 20px; } }
.p-work .p-work-specialist { position: relative; z-index: 2; background-color: #f6f2ee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-work .p-work-specialist::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-work .p-work-specialist > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-work .p-work-specialist::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-work .p-work-specialist { padding: 80px 20px; } }
.p-work .p-work-indirect { position: relative; z-index: 2; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px 40px; }
.p-work .p-work-indirect::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #f6f2ee; }
.p-work .p-work-indirect > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-work .p-work-indirect::before { border-radius: 0 min(50vw, 195px) 0 0; } }
@media screen and (max-width: 980px) { .p-work .p-work-indirect { padding: 80px 20px 40px; } }
.p-work .p-work-section-lead { color: #931c31; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-work .p-work-section-lead { font-size: 20px; } }
.p-work .p-work-card-list, .p-work .p-work-simple-list { width: 100%; overflow: hidden; border-radius: 10px; }
.p-work .p-work-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 20px; border-bottom: 1px dashed #931c31; background-color: #fff; }
.p-work .p-work-card:last-child { border-bottom: 0; }
@media screen and (max-width: 980px) { .p-work .p-work-card { padding: 30px 20px; } }
.p-work .p-work-card .p-work-card__image { width: 100%; height: 200px; overflow: hidden; border-radius: 10px; }
@media screen and (max-width: 980px) { .p-work .p-work-card .p-work-card__image { height: 200px; } }
.p-work .p-work-card .p-work-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.p-work .p-work-card .p-work-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; color: #000; line-height: 1.5; }
.p-work .p-work-card .p-work-card__title { font-size: 16px; font-weight: 700; }
.p-work .p-work-card .p-work-card__text { font-size: 14px; line-height: 1.5; }
.p-work .p-work-card .p-work-card__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: 100%; }
.p-work .p-work-simple-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; padding: 40px; border-bottom: 1px dashed #931c31; background-color: #fff; }
.p-work .p-work-simple-card:nth-child(odd) { background-color: #f9f9f9; }
.p-work .p-work-simple-card:last-child { border-bottom: 0; }
@media screen and (max-width: 980px) { .p-work .p-work-simple-card { padding: 30px 20px; } }
.p-work .p-work-simple-card .p-work-simple-card__title { font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-work .p-work-simple-card .p-work-simple-card__title span { font-size: 14px; font-weight: 400; }
.p-work .p-work-simple-card .p-work-simple-card__text { font-size: 14px; line-height: 1.5; }
.p-work .p-work-simple-card .p-work-company-list { margin-top: 10px; }
.p-work .p-work-company-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 6px; column-gap: 6px; row-gap: 6px; gap: 6px; width: 100%; }
.p-work-detail .p-work-detail-article { overflow: hidden; margin-top: 0; border-radius: 270px 0 10px 10px; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-article { margin-top: 0; border-radius: min(50vw, 195px) 0 0 0; } }
.p-work-detail .p-work-detail-hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px 0; background-color: #fff; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-hero { padding: 80px 20px 0; } }
.p-work-detail .p-work-detail-title { position: relative; width: 100%; margin-bottom: 32px; padding-bottom: 20px; border-bottom: 2px solid #931c31; color: #000; font-size: 32px; font-weight: 700; line-height: 1; text-align: center; }
.p-work-detail .p-work-detail-title span { color: #931c31; font-size: 48px; }
.p-work-detail .p-work-detail-title i { font-style: normal; font-size: 16px; }
.p-work-detail .p-work-detail-title::after { content: ""; position: absolute; left: 50%; bottom: -16px; width: 0; height: 0; border-style: solid; border-width: 16px 12px 0 12px; border-color: #931c31 transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-title { font-size: 28px; } .p-work-detail .p-work-detail-title span { font-size: 42px; } }
.p-work-detail .p-work-detail-lead { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; width: calc(100% + 80px); padding: 0 40px 120px; background: linear-gradient(to bottom, #fff 0%, #fff 25%, rgba(244, 232, 234, 0.5) 25%, rgba(244, 232, 234, 0.5) 100%); }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-lead { width: calc(100% + 40px); padding: 0 20px 80px; } }
.p-work-detail .p-work-detail-lead .p-work-detail-lead__image { width: 100%; height: 300px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-lead .p-work-detail-lead__image { height: 200px; } }
.p-work-detail .p-work-detail-lead .p-work-detail-lead__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.p-work-detail .p-work-detail-lead .p-work-detail-lead__text { color: #000; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: justify; }
.p-work-detail .p-work-detail-business { position: relative; z-index: auto; background-color: #faf4f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-work-detail .p-work-detail-business::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #fff; }
.p-work-detail .p-work-detail-business > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-business::before { border-radius: 0 min(50vw, 195px) 0 0; } }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-business { padding: 80px 20px; } }
.p-work-detail .p-work-detail-business .recruit-section-title, .p-work-detail .p-work-detail-career .recruit-section-title { margin-bottom: 0; border-bottom-width: 2px; }
.p-work-detail .p-work-detail-task-list { width: 100%; overflow: hidden; border-radius: 10px; }
.p-work-detail .p-work-detail-task { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 40px; border-bottom: 1px dashed #931c31; background-color: #f9f9f9; }
.p-work-detail .p-work-detail-task:nth-child(even) { background-color: #fff; }
.p-work-detail .p-work-detail-task:last-child { border-bottom: 0; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-task { padding: 30px 20px; } }
.p-work-detail .p-work-detail-task .p-work-detail-task__title { position: relative; padding-left: 20px; color: #000; font-size: 18px; font-weight: 700; line-height: 1.5; }
.p-work-detail .p-work-detail-task .p-work-detail-task__title::before { content: ""; position: absolute; top: 0.72em; left: 0; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid #931c31; border-radius: 50%; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-work-detail .p-work-detail-task .p-work-detail-task__title::after { content: ""; }
.p-work-detail .p-work-detail-task .p-work-detail-task__text { color: #000; font-size: 16px; font-weight: 500; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-task .p-work-detail-task__text { font-size: 14px; font-weight: normal; } }
.p-work-detail .p-work-detail-career { position: relative; z-index: auto; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px 40px; }
.p-work-detail .p-work-detail-career::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #f6f2ee; }
.p-work-detail .p-work-detail-career > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-career::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-career { padding: 80px 20px 80px; } }
.p-work-detail .p-work-career-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; }
.p-work-detail .p-work-career-group .p-work-career-group__title { position: relative; padding-left: 20px; color: #000; font-size: 20px; font-weight: 700; line-height: 1.5; }
.p-work-detail .p-work-career-group .p-work-career-group__title::before { content: ""; position: absolute; top: 0.72em; left: 0; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid #931c31; border-radius: 50%; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-work-detail .p-work-career-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 40px; border-radius: 10px; background-color: #fff; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-career-list { padding: 30px 20px; } }
.p-work-detail .p-work-career-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 0 0 30px 40px; border-left: 1px dashed #931c31; }
.p-work-detail .p-work-career-item:last-child { padding-bottom: 0; }
.p-work-detail .p-work-career-item::before { content: ""; position: absolute; top: 10px; left: -5px; width: 9px; height: 9px; border-radius: 50%; background-color: #931c31; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-career-item::before { display: none; width: 6px; height: 6px; top: 10px; left: -3.5px; } }
.p-work-detail .p-work-career-item .p-work-career-item__stage { position: relative; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: 26px; padding: 2px 20px; border: 1px solid #931c31; border-radius: 100vmax; color: #931c31; font-size: 14px; font-weight: 700; line-height: 1.4; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-career-item .p-work-career-item__stage { padding: 2px 10px; width: 100%; } .p-work-detail .p-work-career-item .p-work-career-item__stage::after { content: ""; position: absolute; top: 50%; left: -44px; width: 6px; height: 6px; border-radius: 50%; background-color: #931c31; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.p-work-detail .p-work-career-item .p-work-career-item__stage::before { content: ""; position: absolute; top: 50%; right: 100%; width: 40px; border-top: 1px solid #931c31; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-work-detail .p-work-career-item .p-work-career-item__title { color: #000; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-work-detail .p-work-career-item .p-work-career-item__text { margin-top: -10px; color: #000; font-size: 14px; font-weight: 500; line-height: 1.7; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-career-item .p-work-career-item__text { font-weight: normal; } }
.p-work-detail .p-work-detail-related { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; margin-top: 80px; padding: 40px; border-radius: 10px; background-color: #f9f4f5; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-related { margin-top: 0; padding: 40px 30px; border-radius: 0; } }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-related { padding: 40px 20px; } }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-related { width: 100%; max-width: 540px; margin: 0 auto; padding: 0; overflow: visible; border: 0; border-radius: 0; background-color: #fff; } .p-work-detail .p-work-detail-related .p-work-detail-related__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: calc(100% - 40px); margin: 80px 20px; padding: 20px; border: 4px solid #931c31; border-radius: 10px; background-color: rgba(244, 232, 234, 0.5); } .p-work-detail .p-work-detail-related .p-work-detail-member, .p-work-detail .p-work-detail-related .p-work-detail-other { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 20px; border-width: 1px; border-radius: 10px; } .p-work-detail .p-work-detail-related .p-work-detail-box-title { font-size: 20px; line-height: 32px; } .p-work-detail .p-work-detail-related .p-work-detail-member .recruit-link-card span { padding: 10px 5px 10px 10px; font-size: 14px; } .p-work-detail .p-work-detail-related .p-work-detail-member .recruit-content-btn, .p-work-detail .p-work-detail-related .p-work-detail-other .recruit-content-btn { font-size: 14px; } .p-work-detail .p-work-detail-related .p-work-other-link { padding: 10px; } .p-work-detail .p-work-detail-related .p-work-other-link .p-work-other-link__text { -webkit-column-gap: 0px; column-gap: 0px; row-gap: 0px; gap: 0px; } .p-work-detail .p-work-detail-related .p-work-other-link .p-work-other-link__text b, .p-work-detail .p-work-detail-related .p-work-other-link .p-work-other-link__text small { font-size: 14px; } }
.p-work-detail .p-work-detail-related__inner { display: contents; }
.p-work-detail .p-work-detail-member, .p-work-detail .p-work-detail-other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 40px; border: 1px solid #931c31; border-radius: 10px; -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-member, .p-work-detail .p-work-detail-other { padding: 30px 20px; } }
.p-work-detail .p-work-detail-box-title { color: #000; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-box-title { font-size: 22px; } }
.p-work-detail .p-work-detail-member-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; }
.p-work-detail .p-work-detail-member-list .recruit-link-card.-member { min-height: 118px; }
.p-work-detail .p-work-detail-member-list .recruit-link-card.-member span { padding-top: 7px; padding-bottom: 7px; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-member-list .recruit-link-card.-member { min-height: 103px; } .p-work-detail .p-work-detail-member-list .recruit-link-card.-member span { padding: 1px 5px 1px 10px; } }
.p-work-detail .p-work-detail-member .recruit-link-card i { width: 20px; height: 20px; }
.p-work-detail .p-work-detail-member .recruit-link-card i::before { top: 7px; left: 6px; width: 6px; height: 6px; }
@media screen and (max-width: 980px) { .p-work-detail .p-work-detail-member .recruit-link-card i::before { top: 7px; left: 6px; } }
.p-work-detail .p-work-other-list { width: 100%; overflow: hidden; border-radius: 10px; background-color: #fff; }
.p-work-detail .p-work-other-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: 100%; padding: 10px 10px; border-bottom: 1px dashed #931c31; color: #000; text-decoration: none; }
.p-work-detail .p-work-other-link:last-child { border-bottom: 0; }
.p-work-detail .p-work-other-link .p-work-other-link__icon { width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; -ms-flex-negative: 0; flex-shrink: 0; }
.p-work-detail .p-work-other-link .p-work-other-link__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0px; column-gap: 0px; row-gap: 0px; gap: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; line-height: 1.5; }
.p-work-detail .p-work-other-link .p-work-other-link__text b { -ms-flex-negative: 0; flex-shrink: 0; font-size: 16px; font-weight: 700; white-space: nowrap; }
.p-work-detail .p-work-other-link .p-work-other-link__text small { min-width: 0; font-size: 14px; font-weight: 400; }
.p-work-detail .p-work-other-link i { position: relative; display: block; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; background-color: #931c31; }
.p-work-detail .p-work-other-link i::before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translate(-60%, -50%) rotate(45deg); transform: translate(-60%, -50%) rotate(45deg); }
@media screen and (max-width: 980px) { .p-work-detail .p-work-other-link { padding: 10px 20px; } .p-work-detail .p-work-other-link .p-work-other-link__text { -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; } .p-work-detail .p-work-other-link .p-work-other-link__text b { font-size: 15px; } .p-work-detail .p-work-other-link .p-work-other-link__text small { font-size: 12px; } }
.p-recruit-about .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/top/top-bg-about.jpg); }
@media screen and (max-width: 980px) { .p-recruit-about .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/about/bg-sp-aboutus.jpg); background-position: center 50px; } }
.p-recruit-about .p-recruit-about-article { overflow: hidden; padding-bottom: 0; border-radius: 0 0 10px 10px; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-article { border-radius: 0; } }
.p-recruit-about .p-recruit-about-main { position: sticky; top: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 472px; padding: 0; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-main { position: relative; height: 360px; } }
.p-recruit-about .p-recruit-about-message { position: relative; z-index: 2; background-color: #fff; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-recruit-about .p-recruit-about-message::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-recruit-about .p-recruit-about-message > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-message::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-message { padding: 80px 20px; } }
.p-recruit-about .p-recruit-about-message__visual { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; padding-left: 120px; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-message__visual { padding-left: 70px; } }
.p-recruit-about .p-recruit-about-message__image { width: 280px; height: 360px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-message__image { width: 230px; height: 300px; } }
.p-recruit-about .p-recruit-about-message__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.p-recruit-about .p-recruit-about-message__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; color: #000; font-size: 16px; font-weight: 700; line-height: 1; }
.p-recruit-about .p-recruit-about-message__name span { font-size: 10px; font-weight: 400; }
.p-recruit-about .p-recruit-about-message__copy, .p-recruit-about .p-recruit-about-strength-card__title { filter: drop-shadow(8px 8px 0 #931c31); }
.p-recruit-about .p-recruit-about-message__copy span, .p-recruit-about .p-recruit-about-strength-card__title span { display: table; padding: 8px 10px; border: 1px solid #931c31; background-color: #fff; color: #000; font-size: 18px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-message__copy span, .p-recruit-about .p-recruit-about-strength-card__title span { padding: 2px 6px; } }
.p-recruit-about .p-recruit-about-message__copy em, .p-recruit-about .p-recruit-about-strength-card__title em { color: #931c31; font-style: normal; }
.p-recruit-about .p-recruit-about-message__copy { position: absolute; top: 137px; left: 0; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-message__copy { opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px); -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease; transition: opacity 0.35s ease, transform 0.35s ease; } .p-recruit-about .p-recruit-about-message__copy.is-visible { opacity: 1; -webkit-transform: none; transform: none; } }
@media (prefers-reduced-motion: reduce) { .p-recruit-about .p-recruit-about-message__copy { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } }
.p-recruit-about .p-recruit-about-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; color: #000; font-size: 16px; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-text { font-size: 14px; } }
.p-recruit-about .p-recruit-about-business { position: relative; z-index: 2; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-recruit-about .p-recruit-about-business::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #f6f2ee; }
.p-recruit-about .p-recruit-about-business > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-business::before { border-radius: 0 min(50vw, 195px) 0 0; } }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-business { padding: 80px 20px; } }
.p-recruit-about .p-recruit-about-heading { padding-bottom: 20px; border-bottom: 2px solid #931c31; color: #000; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-heading { font-size: 20px; } }
.p-recruit-about .p-recruit-about-catch { color: #931c31; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-catch { font-size: 20px; letter-spacing: -0.05em; } }
.p-recruit-about .p-recruit-about-map { position: relative; width: 100%; height: 440px; margin-top: 10px; }
.p-recruit-about .p-recruit-about-map::before { content: ""; position: absolute; top: 50px; left: 50%; width: 338px; height: 338px; border: 1px solid rgba(147, 28, 49, 0.35); border-radius: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-map { container-type: inline-size; display: block; height: auto; aspect-ratio: 460/440; } .p-recruit-about .p-recruit-about-map::before { display: block; top: 11.364%; width: 73.478%; height: auto; aspect-ratio: 1; border-width: 0.217cqw; } }
.p-recruit-about .p-recruit-about-map__center { position: absolute; top: 205px; left: 50%; width: 180px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit-about .p-recruit-about-map__center img { width: 100%; height: auto; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-map__center { position: absolute; top: 46.591%; width: 39.13%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
.p-recruit-about .p-recruit-about-map-item { --p-recruit-about-map-list-color: #7a3033; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 116px; height: 116px; border: 4px solid #fff; border-radius: 70px; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); color: #fff; }
.p-recruit-about .p-recruit-about-map-item h3 { color: #fff; font-size: 20px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
.p-recruit-about .p-recruit-about-map-item ul { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 4px; column-gap: 4px; row-gap: 4px; gap: 4px; }
.p-recruit-about .p-recruit-about-map-item li { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 4px 10px 3px; border: 1px solid var(--p-recruit-about-map-list-color); border-radius: 20px; background-color: #fff; color: #4c4c4c; font-size: 12px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.p-recruit-about .p-recruit-about-map-item.-sumiyoshi { --p-recruit-about-map-list-color: #7a3033; top: 0; left: 50%; background-color: #7a3033; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit-about .p-recruit-about-map-item.-sumiyoshi ul { top: 0; left: 126px; }
.p-recruit-about .p-recruit-about-map-item.-unyu { --p-recruit-about-map-list-color: #284485; top: 161px; right: 5px; background-color: #284485; }
.p-recruit-about .p-recruit-about-map-item.-unyu ul { top: 126px; left: 12px; }
.p-recruit-about .p-recruit-about-map-item.-msc { --p-recruit-about-map-list-color: #c15981; top: 161px; left: 5px; background-color: #c15981; }
.p-recruit-about .p-recruit-about-map-item.-msc h3 { font-size: 30px; }
.p-recruit-about .p-recruit-about-map-item.-msc ul { right: -18px; bottom: 126px; }
.p-recruit-about .p-recruit-about-map-item.-naruto { --p-recruit-about-map-list-color: #4e7339; top: 325px; left: 50%; background-color: #ea590c; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit-about .p-recruit-about-map-item.-naruto ul { top: 31px; right: 126px; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-map-item { position: absolute; width: 25.217%; height: auto; aspect-ratio: 1; border-width: 0.87cqw; border-radius: 50%; -webkit-box-shadow: 0 0.87cqw 0.87cqw rgba(0, 0, 0, 0.1); box-shadow: 0 0.87cqw 0.87cqw rgba(0, 0, 0, 0.1); } .p-recruit-about .p-recruit-about-map-item h3 { font-size: 14px; } .p-recruit-about .p-recruit-about-map-item ul { -webkit-column-gap: 0.87cqw; column-gap: 0.87cqw; row-gap: 0.87cqw; gap: 0.87cqw; } .p-recruit-about .p-recruit-about-map-item li { padding: 0.87cqw 2.174cqw 0.652cqw; border-width: 0.217cqw; border-radius: 4.348cqw; font-size: 2.609cqw; } .p-recruit-about .p-recruit-about-map-item.-sumiyoshi { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .p-recruit-about .p-recruit-about-map-item.-sumiyoshi ul { top: 0; left: 108.621%; } .p-recruit-about .p-recruit-about-map-item.-unyu { top: 36.591%; right: 1.087%; left: auto; } .p-recruit-about .p-recruit-about-map-item.-unyu ul { top: 108.621%; left: 10.345%; } .p-recruit-about .p-recruit-about-map-item.-msc { top: 36.591%; right: auto; left: 1.087%; } .p-recruit-about .p-recruit-about-map-item.-msc h3 { font-size: 6.522cqw; } .p-recruit-about .p-recruit-about-map-item.-msc ul { right: -33.517%; bottom: 108.621%; } .p-recruit-about .p-recruit-about-map-item.-naruto { top: 73.864%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .p-recruit-about .p-recruit-about-map-item.-naruto ul { top: 26.724%; right: 108.621%; } }
.p-recruit-about .p-recruit-about-company { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; width: 100%; padding: 0 40px 40px; border: 1px dashed #931c31; border-radius: 10px; background-color: #fff; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-company { padding: 0 20px 30px; } }
.p-recruit-about .p-recruit-about-company__title { padding: 4px 40px; border-radius: 0 0 10px 10px; background-color: #931c31; color: #fff; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-company__title { font-size: 20px; } }
.p-recruit-about .p-recruit-about-company-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; width: 100%; }
.p-recruit-about .p-recruit-about-company-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 200px; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; color: #000; text-decoration: none; }
.p-recruit-about .p-recruit-about-company-card .p-recruit-about-company-card__image { position: absolute; inset: 0; overflow: hidden; border-radius: 10px; }
.p-recruit-about .p-recruit-about-company-card .p-recruit-about-company-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.p-recruit-about .p-recruit-about-company-card .p-recruit-about-company-card__label { position: absolute; top: -10px; left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 72px; height: 72px; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center; z-index: 2; }
.p-recruit-about .p-recruit-about-company-card .p-recruit-about-company-card__name { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; min-height: 44px; padding: 10px; border-radius: 0 0 10px 10px; background-color: rgba(255, 255, 255, 0.6); font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit-about .p-recruit-about-company-card .p-recruit-about-company-card__name img { display: block; width: 176px; height: 24px; max-width: calc(100% - 34px); -o-object-fit: contain; object-fit: contain; object-position: left center; }
.p-recruit-about .p-recruit-about-company-card i { position: relative; display: block; width: 24px; height: 24px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; background-color: #931c31; }
.p-recruit-about .p-recruit-about-company-card i::before { content: ""; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: translate(-60%, -50%) rotate(45deg); transform: translate(-60%, -50%) rotate(45deg); }
.p-recruit-about .p-recruit-about-company-card.-sumiyoshi .p-recruit-about-company-card__label { background-color: #7a3033; }
.p-recruit-about .p-recruit-about-company-card.-unyu .p-recruit-about-company-card__label { background-color: #284485; }
.p-recruit-about .p-recruit-about-company-card.-naruto .p-recruit-about-company-card__label { background-color: #ea590c; }
.p-recruit-about .p-recruit-about-company-card.-naruto .p-recruit-about-company-card__name img { width: 174px; }
.p-recruit-about .p-recruit-about-company-card.-msc .p-recruit-about-company-card__label { background-color: #c15981; }
.p-recruit-about .p-recruit-about-company-card.-msc .p-recruit-about-company-card__name img { width: 237px; height: 20px; }
.p-recruit-about .p-recruit-about-strength { position: relative; z-index: 2; background-color: #f6f2ee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 0 0; }
.p-recruit-about .p-recruit-about-strength::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-recruit-about .p-recruit-about-strength > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-strength::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-strength { padding-top: 90px; } }
.p-recruit-about .p-recruit-about-strength-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; width: 100%; padding-top: 40px; }
.p-recruit-about .p-recruit-about-strength-card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 0 40px 40px; background: linear-gradient(to bottom, #fff 0%, #fff 45%, rgba(244, 232, 234, 0.5) 45%, rgba(244, 232, 234, 0.5) 100%); }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-strength-card { padding: 0 30px 40px; } }
.p-recruit-about .p-recruit-about-strength-card .p-recruit-about-strength-card__image { -ms-flex-item-align: flex-end; align-self: flex-end; width: 380px; height: 200px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 8px 8px 0 #931c31; box-shadow: 8px 8px 0 #931c31; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-strength-card .p-recruit-about-strength-card__image { width: calc(100% - 40px); } }
.p-recruit-about .p-recruit-about-strength-card .p-recruit-about-strength-card__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.p-recruit-about .p-recruit-about-strength-card .p-recruit-about-strength-card__title { position: absolute; top: 84px; left: 40px; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-strength-card .p-recruit-about-strength-card__title { left: 20px; } .p-recruit-about .p-recruit-about-strength-card .p-recruit-about-strength-card__title span { font-size: 14px; } }
.p-recruit-about .p-recruit-about-strength-card p { color: #000; font-size: 16px; font-weight: 500; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-strength-card p { font-size: 14px; } }
.p-recruit-about .p-recruit-about-related { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; margin-top: 80px; padding: 40px; border-radius: 10px; background-color: #f9f4f5; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-related { margin-top: 0; padding: 40px 30px; border-radius: 0; } }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-related { padding: 40px 20px; } }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-related { width: 100%; max-width: 540px; margin: 0 auto; padding: 0; overflow: visible; border: 0; border-radius: 0; background-color: #fff; } .p-recruit-about .p-recruit-about-related .p-recruit-about-related__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: calc(100% - 40px); margin: 0 20px 80px; padding: 20px; border: 4px solid #931c31; border-radius: 10px; background-color: rgba(244, 232, 234, 0.5); } .p-recruit-about .p-recruit-about-related .p-recruit-about-work, .p-recruit-about .p-recruit-about-related .p-recruit-about-history { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 20px; border-radius: 10px; } .p-recruit-about .p-recruit-about-related .p-recruit-about-work { border-width: 1px; } .p-recruit-about .p-recruit-about-related .p-recruit-about-work > p { font-size: 14px; line-height: 1.5; } .p-recruit-about .p-recruit-about-related .p-recruit-about-work .recruit-link-card span { padding: 10px 5px 10px 10px; font-size: 14px; } .p-recruit-about .p-recruit-about-related .p-recruit-about-work .recruit-link-card i { width: 20px; height: 20px; } .p-recruit-about .p-recruit-about-related .p-recruit-about-work .recruit-link-card i::before { top: 6px; left: 6px; width: 6px; height: 6px; } }
@media screen and (max-width: 980px) and (max-width: 980px) { .p-recruit-about .p-recruit-about-related .p-recruit-about-work .recruit-link-card i::before { top: 7px; } }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-related .p-recruit-about-history { border: 0; } .p-recruit-about .p-recruit-about-related .p-recruit-about-box-title, .p-recruit-about .p-recruit-about-related .p-recruit-about-history__lead { font-size: 20px; line-height: 32px; } .p-recruit-about .p-recruit-about-related .p-recruit-about-history .recruit-content-btn { font-size: 14px; } }
.p-recruit-about .p-recruit-about-related__inner { display: contents; }
.p-recruit-about .p-recruit-about-work, .p-recruit-about .p-recruit-about-history { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 40px; border: 1px solid #931c31; border-radius: 10px; background-color: #fff; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-work, .p-recruit-about .p-recruit-about-history { padding: 30px 20px; } }
.p-recruit-about .p-recruit-about-work { -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; background-color: #fff; }
.p-recruit-about .p-recruit-about-box-title { color: #000; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
.p-recruit-about .p-recruit-about-history { position: relative; overflow: hidden; border: 0; }
.p-recruit-about .p-recruit-about-history::before { content: ""; position: absolute; inset: 0; background: url("/recruit/assets/img/about/bg-70.png") center center/100% auto no-repeat; opacity: 1; }
.p-recruit-about .p-recruit-about-history > * { position: relative; z-index: 1; }
.p-recruit-about .p-recruit-about-history__lead { width: 100%; color: #931c31; font-size: 24px; font-weight: 700; line-height: 1.3333333333; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-about .p-recruit-about-history .recruit-content-btn { font-size: 14px; white-space: nowrap; } }
.p-recruit-environment .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/top/top-bg-environment.jpg); }
@media screen and (max-width: 980px) { .p-recruit-environment .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/environment/bg-sp-environment.jpg); background-position: center 50px; } }
.p-recruit-environment .p-recruit-environment-article { overflow: hidden; border-radius: 0 0 10px 10px; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-article { border-radius: 0; } }
.p-recruit-environment .p-recruit-environment-main { position: sticky; top: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 472px; padding: 0; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-main { position: relative; height: 360px; } }
.p-recruit-environment .p-recruit-environment-benefit, .p-recruit-environment .p-recruit-environment-data { position: relative; z-index: 2; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-recruit-environment .p-recruit-environment-benefit::before, .p-recruit-environment .p-recruit-environment-data::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-recruit-environment .p-recruit-environment-benefit > *, .p-recruit-environment .p-recruit-environment-data > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-benefit::before, .p-recruit-environment .p-recruit-environment-data::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-benefit, .p-recruit-environment .p-recruit-environment-data { padding: 80px 20px; } }
.p-recruit-environment .p-recruit-environment-benefit { background-color: transparent; }
.p-recruit-environment .p-recruit-environment-training { position: relative; z-index: 2; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-recruit-environment .p-recruit-environment-training::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #f6f2ee; }
.p-recruit-environment .p-recruit-environment-training > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-training::before { border-radius: 0 min(50vw, 195px) 0 0; } }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-training { padding: 80px 20px; } }
.p-recruit-environment .p-recruit-environment-data { background-color: #f6f2ee; padding-bottom: 40px; }
.p-recruit-environment .p-recruit-environment-heading { padding-bottom: 20px; border-bottom: 2px solid #931c31; color: #000; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-heading { font-size: 20px; } }
.p-recruit-environment .p-recruit-environment-heading.-number span { color: #931c31; font-size: 32px; }
.p-recruit-environment .p-recruit-environment-lead { color: #000; font-size: 14px; font-weight: 500; line-height: 2; text-align: justify; }
.p-recruit-environment .p-recruit-environment-list { width: 100%; overflow: hidden; border-radius: 10px; }
.p-recruit-environment .p-recruit-environment-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 40px; border-bottom: 1px dashed #931c31; background-color: #f9f9f9; }
.p-recruit-environment .p-recruit-environment-info:nth-child(even) { background-color: #fff; }
.p-recruit-environment .p-recruit-environment-info:last-child { border-bottom: 0; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-info { padding: 30px 20px; } }
.p-recruit-environment .p-recruit-environment-info .p-recruit-environment-info__title { position: relative; padding-left: 20px; color: #000; font-size: 18px; font-weight: 700; line-height: 1.5; }
.p-recruit-environment .p-recruit-environment-info .p-recruit-environment-info__title::before { content: ""; position: absolute; top: 0.72em; left: 0; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid #931c31; border-radius: 50%; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit-environment .p-recruit-environment-info p { color: #000; font-size: 16px; font-weight: 500; line-height: 1.5; text-align: justify; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-info p { font-size: 14px; font-weight: normal; } }
.p-recruit-environment .p-recruit-environment-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; border: 1px solid #d0d0d0; border-radius: 30px; background-color: #fff; font-size: 14px !important; font-weight: 700 !important; line-height: 1.5 !important; }
.p-recruit-environment .p-recruit-environment-check > span:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; padding: 4px 10px 4px 20px; border-radius: 30px 0 0 30px; background-color: #931c31; color: #fff; font-size: 16px; font-weight: 900; text-decoration: none; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; }
.p-recruit-environment .p-recruit-environment-check .p-recruit-environment-check__text { min-width: 0; background: linear-gradient(transparent 60%, #ffe100 60%) 0 0/100% 1.5em repeat-y; }
.p-recruit-environment .p-recruit-environment-step-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; gap: 60px; width: 100%; counter-reset: step; }
.p-recruit-environment .p-recruit-environment-step { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 100%; padding: 40px; border-radius: 10px; background-color: #fff; list-style: none; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-step { padding: 30px 20px; } }
.p-recruit-environment .p-recruit-environment-step:not(:last-child)::after { content: ""; position: absolute; left: 50%; bottom: -40px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #931c31 transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }
.p-recruit-environment .p-recruit-environment-step .p-recruit-environment-step__image { width: 100%; height: 240px; overflow: hidden; border-radius: 10px; }
.p-recruit-environment .p-recruit-environment-step .p-recruit-environment-step__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-step .p-recruit-environment-step__image { width: 100%; height: 160px; overflow: hidden; border-radius: 10px; } .p-recruit-environment .p-recruit-environment-step .p-recruit-environment-step__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } }
.p-recruit-environment .p-recruit-environment-step .p-recruit-environment-step__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; color: #000; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit-environment .p-recruit-environment-step .p-recruit-environment-step__title span { display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 54px; padding: 3px 16px; border: 1px solid #931c31; border-radius: 20px; color: #931c31; font-size: 14px; line-height: 1.5; }
.p-recruit-environment .p-recruit-environment-step p { color: #000; font-size: 16px; font-weight: 500; line-height: 1.5; text-align: justify; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-step p { font-size: 14px; font-weight: normal; } }
.p-recruit-environment .p-recruit-environment-data-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; }
.p-recruit-environment .p-recruit-environment-data-list__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: calc((100% - 10px) / 2); }
.p-recruit-environment .p-recruit-environment-data-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 8px; column-gap: 8px; row-gap: 8px; gap: 8px; width: 100%; height: 120px; margin: 0; padding: 20px 10px; border: 1px solid #c98d98; border-radius: 10px; background-color: #f9f9f9; }
.p-recruit-environment .p-recruit-environment-data-card.-large { -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; height: 250px; padding: 20px; }
.p-recruit-environment .p-recruit-environment-data-card.-tall { height: 250px; }
.p-recruit-environment .p-recruit-environment-data-card dt, .p-recruit-environment .p-recruit-environment-data-card dd { margin: 0; }
.p-recruit-environment .p-recruit-environment-data-card dt { color: #000; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; }
.p-recruit-environment .p-recruit-environment-data-card dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #000; font-size: 14px; line-height: 1.5; white-space: nowrap; }
.p-recruit-environment .p-recruit-environment-data-card dd span { color: #931c31; font-family: Roboto, sans-serif; font-size: 40px; font-weight: 700; line-height: 0.9; }
.p-recruit-environment .p-recruit-environment-data-card.-large dd span { font-size: 64px; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-data-card dt { font-size: 14px; } .p-recruit-environment .p-recruit-environment-data-card dd span, .p-recruit-environment .p-recruit-environment-data-card.-large dd span { font-size: 40px; } }
.p-recruit-environment .p-recruit-environment-data-card .p-recruit-environment-data-card__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; padding-top: 20px; line-height: 0; }
.p-recruit-environment .p-recruit-environment-data-card .p-recruit-environment-data-card__icon img { display: block; max-width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; }
.p-recruit-environment .p-recruit-environment-data-card .p-recruit-environment-data-card__icon.-holiday img { width: 68px; height: 70px; }
.p-recruit-environment .p-recruit-environment-data-card .p-recruit-environment-data-card__icon.-bonus img { width: 70px; height: 72px; }
.p-recruit-environment .p-recruit-environment-data-card .p-recruit-environment-data-card__icon.-founded img { width: 49px; height: 80px; }
.p-recruit-environment .p-recruit-environment-data-card .p-recruit-environment-data-card__icon.-sales img { width: 68px; height: 80px; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-data-card { height: 120px; } .p-recruit-environment .p-recruit-environment-data-card.-large { height: 250px; } }
.p-recruit-environment .p-recruit-environment-data__note { width: 100%; color: #000; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: right; margin-top: -30px; }
.p-recruit-environment .p-recruit-environment-related { margin-top: 80px; padding: 40px; border-radius: 10px; background-color: #f9f4f5; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-related { margin-top: 0; padding: 40px 30px; border-radius: 0; } }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-related { padding: 40px 20px; } }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-related { width: 100%; max-width: 540px; margin: 0 auto; padding: 0; overflow: visible; border: 0; border-radius: 0; background-color: #fff; padding-bottom: 80px; } .p-recruit-environment .p-recruit-environment-related .p-recruit-environment-related__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 40px); margin: 0px 20px 0px; padding: 20px 20px; border-radius: 10px; border: 4px solid #931c31; background-color: rgba(244, 232, 234, 0.5); } .p-recruit-environment .p-recruit-environment-related .p-recruit-environment-project { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 20px; border-radius: 10px; } .p-recruit-environment .p-recruit-environment-related .p-recruit-environment-project::before { opacity: 1; } .p-recruit-environment .p-recruit-environment-related .p-recruit-environment-box-title { padding-bottom: 0; } .p-recruit-environment .p-recruit-environment-related .p-recruit-environment-project__link { padding: 12px 26px; } .p-recruit-environment .p-recruit-environment-related .p-recruit-environment-project__link .c-recruit-icon-outbound { width: 20px; height: 20px; } }
.p-recruit-environment .p-recruit-environment-related__inner { display: contents; }
.p-recruit-environment .p-recruit-environment-project { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; overflow: hidden; padding: 40px; border-radius: 10px; background-color: #fff; }
.p-recruit-environment .p-recruit-environment-project::before { content: ""; position: absolute; inset: 0; background: url(/recruit/assets/img/environment/environment-women.png?002) center/cover no-repeat; }
.p-recruit-environment .p-recruit-environment-project > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-project { padding: 30px 20px; } }
.p-recruit-environment .p-recruit-environment-box-title { padding-bottom: 24px; color: #000; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-box-title { font-size: 20px; } }
.p-recruit-environment .p-recruit-environment-project__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 48px; padding: 14px 56px; border: 2px solid #931c31; border-radius: 100vmax; background-color: #fff; color: #931c31; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; }
@media screen and (max-width: 980px) { .p-recruit-environment .p-recruit-environment-project__link { font-size: 14px; } }
.p-recruit-environment .p-recruit-environment-project__link .c-recruit-icon-outbound { position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@-webkit-keyframes recruit-entry-mail-attention { 0% { opacity: 0.65; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 55% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } }
@keyframes recruit-entry-mail-attention { 0% { opacity: 0.65; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } 55% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.8); transform: translate(-50%, -50%) scale(1.8); } }
.p-recruit-entry .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/entry/bg-entry.jpg); }
@media screen and (max-width: 980px) { .p-recruit-entry .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/entry/bg-sp-entry.jpg); background-position: center 50px; } }
.p-recruit-entry .p-recruit-entry-article { overflow: hidden; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-article { padding-bottom: 0px; } }
.p-recruit-entry .p-recruit-entry-main { position: sticky; top: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 472px; padding: 0; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-main { position: relative; height: 360px; } }
.p-recruit-entry .p-recruit-entry-values, .p-recruit-entry .p-recruit-entry-guideline { position: relative; z-index: 2; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-recruit-entry .p-recruit-entry-values::before, .p-recruit-entry .p-recruit-entry-guideline::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 270px 0 0 0; background-color: #fff; }
.p-recruit-entry .p-recruit-entry-values > *, .p-recruit-entry .p-recruit-entry-guideline > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-values::before, .p-recruit-entry .p-recruit-entry-guideline::before { border-radius: min(50vw, 195px) 0 0 0; } }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-values, .p-recruit-entry .p-recruit-entry-guideline { padding: 80px 20px; } }
.p-recruit-entry .p-recruit-entry-flow { position: relative; z-index: 2; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 120px 40px; }
.p-recruit-entry .p-recruit-entry-flow::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: 0 270px 0 0; background-color: #f6f2ee; }
.p-recruit-entry .p-recruit-entry-flow > * { position: relative; z-index: 1; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-flow::before { border-radius: 0 min(50vw, 195px) 0 0; } }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-flow { padding: 80px 20px; } }
.p-recruit-entry .p-recruit-entry-values { background-color: transparent; }
.p-recruit-entry .p-recruit-entry-values .p-recruit-entry-lead { font-size: 16px; font-weight: 400; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-values .p-recruit-entry-lead { font-size: 14px; } }
.p-recruit-entry .p-recruit-entry-guideline { background-color: #f6f2ee; padding-bottom: 40px; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-guideline { padding-bottom: 80px; } }
.p-recruit-entry .p-recruit-entry-catch { color: #931c31; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-catch { font-size: 20px; } }
.p-recruit-entry .p-recruit-entry-lead { color: #000; font-size: 14px; font-weight: 500; line-height: 2; text-align: justify; }
.p-recruit-entry .p-recruit-entry-heading { padding-bottom: 20px; border-bottom: 2px solid #931c31; color: #000; font-size: 24px; font-weight: 700; line-height: 1.5; text-align: center; border-bottom-width: 2px; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-heading { font-size: 20px; } }
.p-recruit-entry .p-recruit-entry-value-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.p-recruit-entry .p-recruit-entry-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; width: 320px; height: 320px; margin-bottom: -40px; padding: 0; background: url(/recruit/assets/img/entry/bg-circle.png) no-repeat center/contain; text-align: center; }
.p-recruit-entry .p-recruit-entry-value:last-child { margin-bottom: 0; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-value { width: 300px; height: 300px; } }
.p-recruit-entry .p-recruit-entry-value h2, .p-recruit-entry .p-recruit-entry-value p { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: none; margin-right: auto; margin-left: auto; text-align: center; white-space: nowrap; }
.p-recruit-entry .p-recruit-entry-value h2 { color: #931c31; font-size: 24px; font-weight: 700; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-value h2 { font-size: 20px; } }
.p-recruit-entry .p-recruit-entry-value p { color: #000; font-size: 16px; font-weight: 400; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-value p { font-size: 14px; } }
.p-recruit-entry .p-recruit-entry-flow-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; }
.p-recruit-entry .p-recruit-entry-flow-list li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 60px; padding: 20px; border-radius: 10px; background-color: #fff; color: #000; font-size: 14px; font-weight: 700; line-height: 1.5; text-align: center; }
.p-recruit-entry .p-recruit-entry-flow-list li:not(:last-child) { margin-bottom: 30px; }
.p-recruit-entry .p-recruit-entry-flow-list li:not(:last-child)::after { content: ""; position: absolute; left: 50%; bottom: -31px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #931c31 transparent transparent transparent; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.p-recruit-entry .p-recruit-entry-flow-list li:nth-child(3) { margin-bottom: 0; }
.p-recruit-entry .p-recruit-entry-flow-list li:nth-child(3)::after { display: none; }
.p-recruit-entry .p-recruit-entry-flow-list li:last-child { border: 1px solid #931c31; background-color: #f4e8ea; }
.p-recruit-entry .p-recruit-entry-guideline-list { width: 100%; overflow: hidden; }
.p-recruit-entry .p-recruit-entry-guideline-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; padding: 30px 20px; border-bottom: 1px dashed #931c31; background-color: #f9f9f9; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.p-recruit-entry .p-recruit-entry-guideline-row:nth-child(even) { background-color: #fff; }
.p-recruit-entry .p-recruit-entry-guideline-row:nth-child(n+4) { padding-top: 20px; padding-bottom: 20px; }
.p-recruit-entry .p-recruit-entry-guideline-row dt { width: 64px; -ms-flex-negative: 0; flex-shrink: 0; color: #000; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit-entry .p-recruit-entry-guideline-row dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; color: #000; font-size: 16px; font-weight: 400; line-height: 1.5; }
.p-recruit-entry .p-recruit-entry-guideline-row dd span { display: block; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.p-recruit-entry .p-recruit-entry-guideline-row dd span:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
.p-recruit-entry .p-recruit-entry-guideline-row dd b { display: block; font-weight: 700; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-guideline-row dt, .p-recruit-entry .p-recruit-entry-guideline-row dd { font-size: 14px; } }
.p-recruit-entry .p-recruit-entry-apply { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 80px 40px 60px; border: 4px solid #931c31; border-radius: 10px 10px 0 0; background-color: #fff; text-align: center; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-apply { border-right: 0; border-left: 0; border-radius: 0; } }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-apply { padding: 60px 30px; } }
.p-recruit-entry .p-recruit-entry-apply__title { width: 100%; padding-bottom: 20px; border-bottom: 5px solid #931c31; color: #000; font-size: 32px; font-weight: 700; line-height: 1.5; }
@media screen and (max-width: 980px) { .p-recruit-entry .p-recruit-entry-apply__title { font-size: 26px; } }
.p-recruit-entry .p-recruit-entry-apply__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; width: 100%; }
.p-recruit-entry .p-recruit-entry-apply-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; }
.p-recruit-entry .p-recruit-entry-apply-box h3 { color: #000; font-size: 24px; font-weight: 700; line-height: 1.5; }
.p-recruit-entry .p-recruit-entry-apply-box p { color: #000; font-size: 14px; font-weight: 500; line-height: 2; text-align: center; }
.p-recruit-entry .p-recruit-entry-mail-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 226px; margin: 27px auto; text-decoration: none; }
.p-recruit-entry .p-recruit-entry-mail-btn::before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 0; width: 120px; height: 120px; border-radius: 50%; background-color: #f4e8ea; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transform-origin: center; transform-origin: center; pointer-events: none; -webkit-animation: recruit-entry-mail-attention 2.4s ease-out infinite; animation: recruit-entry-mail-attention 2.4s ease-out infinite; will-change: opacity, transform; }
.p-recruit-entry .p-recruit-entry-mail-btn img { display: block; position: relative; z-index: 1; width: 100%; }
@media (prefers-reduced-motion: reduce) { .p-recruit-entry .p-recruit-entry-mail-btn::before { -webkit-animation: none; animation: none; } }
.p-recruit-entry .p-recruit-entry-footer { border-right: 4px solid #931c31; border-left: 4px solid #931c31; border-radius: 0; }
.p-recruit-contact .u-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.p-recruit-contact .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/entry/bg-entry.jpg); }
@media screen and (max-width: 980px) { .p-recruit-contact .recruit-bg .recruit-bg__image { background-image: url(/recruit/assets/img/entry/bg-sp-entry.jpg); background-position: center 50px; } }
.p-recruit-contact .p-recruit-contact-article { background-color: transparent; }
.p-recruit-contact .p-recruit-contact-main { position: sticky; top: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 456px; padding: 0; }
.p-recruit-contact .p-recruit-contact-form { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 80px 36px 60px; border: 4px solid #931c31; border-radius: 10px 10px 0 0; background-color: #fff; }
.p-recruit-contact .p-recruit-contact-form__header { width: 100%; padding-bottom: 32px; }
.p-recruit-contact .p-recruit-contact-form__header h2 { padding-bottom: 20px; border-bottom: 2px solid #931c31; color: #000; font-size: 32px; font-weight: 700; line-height: 1.5; text-align: center; }
.p-recruit-contact .p-recruit-contact-form__lead { width: 100%; color: #000; font-size: 16px; font-weight: 400; line-height: 1.5; text-align: justify; }
.p-recruit-contact .p-recruit-contact-form__body, .p-recruit-contact .p-recruit-contact-form__list { width: 100%; }
.p-recruit-contact .p-recruit-contact-form > .wpcf7 { width: 100%; }
.p-recruit-contact .p-recruit-contact-form__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; }
.p-recruit-contact .p-recruit-contact-form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; padding: 20px; border-bottom: 1px dashed #931c31; background-color: #f9f9f9; }
.p-recruit-contact .p-recruit-contact-form__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; color: #000; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit-contact .p-recruit-contact-form__required { display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; min-height: 24px; padding: 2px 7px; background-color: #931c31; color: #fff; font-size: 12px; font-weight: 400; line-height: 1.4; }
.p-recruit-contact .p-recruit-contact-form__item input[type=text], .p-recruit-contact .p-recruit-contact-form__item input[type=email], .p-recruit-contact .p-recruit-contact-form__item input[type=tel], .p-recruit-contact .p-recruit-contact-form__item textarea, .p-recruit-contact .p-recruit-contact-form__item select, .p-recruit-contact .p-recruit-contact-form__file { width: 100%; border: 1px solid #eee; border-radius: 0; background-color: #fff; color: #000; font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.5; }
.p-recruit-contact .p-recruit-contact-form__item input[type=text], .p-recruit-contact .p-recruit-contact-form__item input[type=email], .p-recruit-contact .p-recruit-contact-form__item input[type=tel], .p-recruit-contact .p-recruit-contact-form__item select { height: 46px; padding: 10px; }
.p-recruit-contact .p-recruit-contact-form__item textarea { display: block; height: 102px; padding: 10px; resize: vertical; }
.p-recruit-contact .p-recruit-contact-form__item input::-webkit-input-placeholder, .p-recruit-contact .p-recruit-contact-form__item textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); opacity: 1; }
.p-recruit-contact .p-recruit-contact-form__item input:-ms-input-placeholder, .p-recruit-contact .p-recruit-contact-form__item textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.2); opacity: 1; }
.p-recruit-contact .p-recruit-contact-form__item input::-ms-input-placeholder, .p-recruit-contact .p-recruit-contact-form__item textarea::-ms-input-placeholder { color: rgba(0, 0, 0, 0.2); opacity: 1; }
.p-recruit-contact .p-recruit-contact-form__item input::placeholder, .p-recruit-contact .p-recruit-contact-form__item textarea::placeholder { color: rgba(0, 0, 0, 0.2); opacity: 1; }
.p-recruit-contact .p-recruit-contact-form__item input:focus, .p-recruit-contact .p-recruit-contact-form__item textarea:focus, .p-recruit-contact .p-recruit-contact-form__item select:focus, .p-recruit-contact .p-recruit-contact-form__file:focus-within { outline: 2px solid rgba(147, 28, 49, 0.45); outline-offset: 1px; }
.p-recruit-contact .p-recruit-contact-form__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; }
.p-recruit-contact .p-recruit-contact-form__columns label { width: calc((100% - 10px) / 2); }
.p-recruit-contact .p-recruit-contact-form__select { position: relative; }
.p-recruit-contact .p-recruit-contact-form__select::before { content: ""; position: absolute; top: 50%; right: 10px; z-index: 1; width: 20px; height: 20px; border-radius: 50%; background-color: #931c31; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
.p-recruit-contact .p-recruit-contact-form__select::after { content: ""; position: absolute; top: calc(50% - 4px); right: 17px; z-index: 2; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; }
.p-recruit-contact .p-recruit-contact-form__select select { padding-right: 42px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
.p-recruit-contact .p-recruit-contact-form__select select:required:invalid { color: rgba(0, 0, 0, 0.2); }
.p-recruit-contact .p-recruit-contact-form__note { color: #000; font-size: 16px; font-weight: 400; line-height: 1.5; }
.p-recruit-contact .p-recruit-contact-form__file { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 46px; padding: 10px 40px 10px 10px; color: rgba(0, 0, 0, 0.2); cursor: pointer; }
.p-recruit-contact .p-recruit-contact-form__file input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.p-recruit-contact .p-recruit-contact-form__file .wpcf7-form-control-wrap { position: static; }
.p-recruit-contact .p-recruit-contact-form__file.is-selected { color: #000; }
.p-recruit-contact .p-recruit-contact-form__control-arrow { position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; border-radius: 50%; background-color: #931c31; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit-contact .p-recruit-contact-form__control-arrow::before { content: ""; position: absolute; top: 6px; left: 7px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit-contact .p-recruit-contact-form__agreement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; }
.p-recruit-contact .p-recruit-contact-form__agreement label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; cursor: pointer; }
.p-recruit-contact .p-recruit-contact-form__agreement input[type=checkbox] { position: relative; width: 16px; height: 16px; -ms-flex-negative: 0; flex-shrink: 0; border: 2px solid #d0d0d0; border-radius: 0; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }
.p-recruit-contact .p-recruit-contact-form__agreement input[type=checkbox]:checked { border-color: #931c31; background-color: #931c31; }
.p-recruit-contact .p-recruit-contact-form__agreement input[type=checkbox]:checked::after { content: ""; position: absolute; top: 1px; left: 4px; width: 5px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit-contact .p-recruit-contact-form__agreement input[type=checkbox]:focus-visible { outline: 2px solid rgba(147, 28, 49, 0.45); outline-offset: 2px; }
.p-recruit-contact .p-recruit-contact-form__agreement .wpcf7-form-control-wrap, .p-recruit-contact .p-recruit-contact-form__agreement .wpcf7-form-control, .p-recruit-contact .p-recruit-contact-form__agreement .wpcf7-list-item { margin: 0; }
.p-recruit-contact .p-recruit-contact-form__agreement-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 4px; column-gap: 4px; row-gap: 4px; gap: 4px; color: #000; font-size: 16px; font-weight: 400; line-height: 1.5; white-space: nowrap; }
.p-recruit-contact .p-recruit-contact-form__agreement-text a { display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 4px; column-gap: 4px; row-gap: 4px; gap: 4px; color: #931c31; }
.p-recruit-contact .p-recruit-contact-form__agreement-text .c-recruit-icon-outbound { width: 16px; height: 16px; }
.p-recruit-contact .p-recruit-contact-form__confirm { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 48px; padding: 12px 46px; border: 0; border-radius: 30px; background-color: #931c31; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.5; cursor: pointer; -webkit-transition: opacity 0.2s ease, background-color 0.2s ease; transition: opacity 0.2s ease, background-color 0.2s ease; }
.p-recruit-contact .p-recruit-contact-form__confirm:disabled { background-color: #b9b9b9; cursor: not-allowed; opacity: 0.65; }
.p-recruit-contact .p-recruit-contact-form__confirm:not(:disabled):hover { opacity: 0.8; }
.p-recruit-contact .p-recruit-contact-form__confirm-arrow { position: absolute; top: 50%; right: 14px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit-contact .p-recruit-contact-form__confirm-arrow::before { content: ""; position: absolute; top: 7px; left: 6px; width: 6px; height: 6px; border-top: 2px solid #931c31; border-right: 2px solid #931c31; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit-contact .p-recruit-contact-form__error, .p-recruit-contact .wpcf7-not-valid-tip, .p-recruit-contact .wpcf7 form .wpcf7-response-output { color: #931c31; font-size: 14px; line-height: 1.5; }
.p-recruit-contact .wpcf7 form .wpcf7-response-output { margin: 20px 0 0; padding: 12px; border-color: #931c31; }
.p-recruit-contact .wpcf7-spinner { display: block; margin: 12px auto 0; }
.p-recruit-contact .js-recruit-contact-send:disabled { cursor: not-allowed; opacity: 0.45; }
.p-recruit-contact .p-recruit-contact-confirm__list { width: 100%; }
.p-recruit-contact .p-recruit-contact-confirm__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; padding: 20px; border-bottom: 1px dashed #931c31; background-color: #f9f9f9; }
.p-recruit-contact .p-recruit-contact-confirm__row dt { color: #000; font-size: 16px; font-weight: 700; line-height: 1.5; }
.p-recruit-contact .p-recruit-contact-confirm__row dd { min-height: 46px; padding: 10px; border: 1px solid #eee; background-color: #f9f9f9; color: #000; font-size: 16px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-wrap; }
.p-recruit-contact .p-recruit-contact-confirm__row.-message dd { min-height: 102px; }
.p-recruit-contact .p-recruit-contact-confirm__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; gap: 10px; width: 100%; }
.p-recruit-contact .p-recruit-contact-confirm__actions > .wpcf7 { width: calc((100% - 10px) / 2); }
.p-recruit-contact .p-recruit-contact-confirm__actions .p-recruit-contact-confirm__send-form, .p-recruit-contact .p-recruit-contact-confirm__actions .p-recruit-contact-action { width: 100%; }
.p-recruit-contact .p-recruit-contact-action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 48px; padding: 10px 42px; border: 2px solid #931c31; border-radius: 30px; background-color: #931c31; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; cursor: pointer; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
.p-recruit-contact .p-recruit-contact-action:hover { opacity: 0.8; }
.p-recruit-contact .p-recruit-contact-action.-outline { background-color: #fff; color: #931c31; }
.p-recruit-contact .p-recruit-contact-action.-outline .p-recruit-contact-action__arrow { background-color: #931c31; }
.p-recruit-contact .p-recruit-contact-action.-outline .p-recruit-contact-action__arrow::before { border-color: #fff; }
.p-recruit-contact .p-recruit-contact-action.-back { -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); }
.p-recruit-contact .p-recruit-contact-action.-back .p-recruit-contact-action__arrow { right: auto; left: 14px; }
.p-recruit-contact .p-recruit-contact-action.-back .p-recruit-contact-action__arrow::before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 7px; left: 7px; }
.p-recruit-contact .p-recruit-contact-action__arrow { position: absolute; top: 50%; right: 14px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.p-recruit-contact .p-recruit-contact-action__arrow::before { content: ""; position: absolute; top: 7px; left: 6px; width: 6px; height: 6px; border-top: 2px solid #931c31; border-right: 2px solid #931c31; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-recruit-contact .p-recruit-contact-form.-complete { min-height: 620px; }
.p-recruit-contact .p-recruit-contact-complete__message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-column-gap: 24px; column-gap: 24px; row-gap: 24px; gap: 24px; width: 100%; color: #000; font-size: 16px; font-weight: 400; line-height: 1.8; text-align: center; }
.p-recruit-contact .p-recruit-contact-complete__button { margin-top: auto; }
.p-recruit-contact .p-recruit-contact-footer { border-right: 4px solid #931c31; border-left: 4px solid #931c31; }
@media screen and (max-width: 980px) { .p-recruit-contact .p-recruit-contact-main { position: relative; height: 360px; } .p-recruit-contact .p-recruit-contact-form { -webkit-column-gap: 40px; column-gap: 40px; row-gap: 40px; gap: 40px; padding: 80px 20px 60px; border: 0; border-radius: 0; } .p-recruit-contact .p-recruit-contact-form__header { max-width: 460px; } .p-recruit-contact .p-recruit-contact-form__lead, .p-recruit-contact .p-recruit-contact-form__body, .p-recruit-contact .p-recruit-contact-confirm__list, .p-recruit-contact .p-recruit-contact-confirm__actions, .p-recruit-contact .p-recruit-contact-complete__message, .p-recruit-contact .p-recruit-contact-complete__button { max-width: 460px; } .p-recruit-contact .p-recruit-contact-footer { border-right: 0; border-left: 0; } }
@media screen and (max-width: 980px) { .p-recruit-contact .p-recruit-contact-main { height: 300px; } .p-recruit-contact .p-recruit-contact-form { -webkit-column-gap: 32px; column-gap: 32px; row-gap: 32px; gap: 32px; padding: 60px 20px; } .p-recruit-contact .p-recruit-contact-form__header { padding-bottom: 24px; } .p-recruit-contact .p-recruit-contact-form__header h2 { padding-bottom: 16px; font-size: 24px; } .p-recruit-contact .p-recruit-contact-form__lead, .p-recruit-contact .p-recruit-contact-form__label, .p-recruit-contact .p-recruit-contact-form__note, .p-recruit-contact .p-recruit-contact-form__agreement-text, .p-recruit-contact .p-recruit-contact-form__confirm, .p-recruit-contact .p-recruit-contact-confirm__row dt, .p-recruit-contact .p-recruit-contact-confirm__row dd, .p-recruit-contact .p-recruit-contact-action, .p-recruit-contact .p-recruit-contact-complete__message { font-size: 14px; } .p-recruit-contact .p-recruit-contact-form__item { padding: 20px 15px; } .p-recruit-contact .p-recruit-contact-form__agreement { -webkit-column-gap: 6px; column-gap: 6px; row-gap: 6px; gap: 6px; } .p-recruit-contact .p-recruit-contact-form__agreement label { -webkit-column-gap: 6px; column-gap: 6px; row-gap: 6px; gap: 6px; } .p-recruit-contact .p-recruit-contact-form__agreement-text { white-space: normal; } .p-recruit-contact .p-recruit-contact-form__required { font-size: 11px; } .p-recruit-contact .p-recruit-contact-confirm__actions { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-column-gap: 16px; column-gap: 16px; row-gap: 16px; gap: 16px; } .p-recruit-contact .p-recruit-contact-confirm__actions > .wpcf7, .p-recruit-contact .p-recruit-contact-confirm__actions .p-recruit-contact-action { width: 100%; } .p-recruit-contact .p-recruit-contact-form.-complete { min-height: 540px; } }
.p-company .c-section-head { background-image: url(/assets/img/company/head-bg.jpg); overflow: hidden; }
.p-company .c-section-head .list > li > * { position: relative; z-index: 1; }
.p-company .c-section-head .list > li:nth-child(2) { background-image: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; }
@media screen and (max-width: 980px) { .p-company .c-section-head .list > li:nth-child(2) { width: auto; height: auto; padding: 28px 20px; margin-left: 20px; margin-right: 20px; } .p-company .c-section-head .list > li:nth-child(2)::before { inset: 0; opacity: 0; } }
.p-company .c-section-head .list > li:nth-child(2) .movie { width: 38vw; max-width: 100%; margin-right: calc(50% - 570px); }
.p-company .c-section-head .list > li:nth-child(2) .movie video { display: block; width: 100%; height: auto; background-color: #122833; }
@media screen and (max-width: 980px) { .p-company .c-section-head .list > li:nth-child(2) .movie { width: 100%; height: auto; margin-right: 0; } }
.c-list_subtopNav { -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; gap: 60px; }
@media screen and (max-width: 980px) { .c-list_subtopNav { display: block; width: calc(100% - 40px); margin: auto !important; } }
.c-list_subtopNav > li { -ms-flex-preferred-size: calc(50% - 30px); flex-basis: calc(50% - 30px); }
@media screen and (max-width: 980px) { .c-list_subtopNav > li + li { margin-top: 20px; } }
.c-list_subtopNav > li a:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-list_subtopNav > li a:hover .c-link--arrow { color: #72581B; }
.c-list_subtopNav > li a:hover .pic img { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-list_subtopNav > li .pic { overflow: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-list_subtopNav > li .pic img { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-list_subtopNav > li .c-link--arrow, .c-list_subtopNav > li a.c-link--arrow { margin-top: 10px; }
.c-list_subtopNav > li .text { font-size: 16px; }
@media screen and (max-width: 980px) { .c-list_subtopNav > li .text { font-size: 14px; margin-top: 10px; } }
.c-section-main { height: 400px; background: no-repeat center center; background-size: cover; }
@media screen and (max-width: 980px) { .c-section-main { height: 200px; } }
.c-section-main.-sub { height: 250px; }
@media screen and (max-width: 980px) { .c-section-main.-sub { height: 150px; } }
.c-section-main .inner { height: 100%; }
.c-section-main .inner .c-wrapCenter { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.c-section-main .inner .c-title { margin-bottom: 0; }
@media screen and (max-width: 980px) { .c-section-main .inner .c-title { font-size: 32px; } }
@media screen and (max-width: 980px) { .c-section-main .inner .c-title .sub { font-size: 12px; } }
.c-section-main.-mini { height: 220px; padding: 0px 0; }
@media screen and (max-width: 980px) { .c-section-main.-mini { height: 100px; padding: 0 0; } }
.c-section-head { background: no-repeat center bottom; background-size: cover; }
.c-section-head::before { background-color: rgba(19, 88, 102, 0.7); z-index: 0; mix-blend-mode: multiply; }
.c-section-head .list { -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; gap: 60px; }
@media screen and (max-width: 980px) { .c-section-head .list { display: block; } }
.c-section-head .list > li { position: relative; color: #fff; }
.c-section-head .list > li:nth-child(1) { -ms-flex-preferred-size: 540px; flex-basis: 540px; margin-left: calc((100% - 1140px) / 2); }
@media screen and (max-width: 980px) { .c-section-head .list > li:nth-child(1) { margin-left: 20px; margin-right: 20px; } }
.c-section-head .list > li:nth-child(2) { -ms-flex-preferred-size: calc(100% - 540px - 60px - ( 100% - 1140px) / 2); flex-basis: calc(100% - 540px - 60px - ( 100% - 1140px) / 2); height: 423px; background: no-repeat center bottom; background-size: cover; }
@media screen and (max-width: 980px) { .c-section-head .list > li:nth-child(2) { width: 315px; height: 204px; margin-top: 60px; margin-left: calc(100% - 315px); } }
.p-company .c-section-head .list > li:nth-child(2) { height: 700px; }
@media screen and (max-width: 980px) { .p-company .c-section-head .list > li:nth-child(2) { width: calc(100% - 40px); height: auto; margin-left: 20px; margin-top: 30px; padding: 0; } }
.c-section-head .list > li .text1 { font-size: 24px; }
@media screen and (max-width: 980px) { .c-section-head .list > li .text1 { font-size: 20px; } }
.c-section-head .list > li .text2 { font-size: 40px; line-height: 1.6; margin-top: 10px; }
@media screen and (max-width: 980px) { .c-section-head .list > li .text2 { font-size: 30px; } }
.c-section-head .list > li .text3 { margin-top: 20px; }
@media screen and (max-width: 980px) { .c-section-head .list > li .text3 { font-size: 16px; } }
.c-section-head--title { padding-bottom: 0px; }
.c-section-head--title .c-title { margin-bottom: 0; }
.c-section-anchor { padding-bottom: 0; }
.c-section-anchor .list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 980px) { .c-section-anchor .list { -webkit-column-gap: 30px; column-gap: 30px; row-gap: 0; gap: 0 30px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }
@media screen and (max-width: 980px) { .c-section-anchor .list > li { -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); border-bottom: 1px solid #D0D4D6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
.c-section-anchor .list > li + li { border-left: 1px solid #D0D4D6; }
@media screen and (max-width: 980px) { .c-section-anchor .list > li + li { border-left: 0; } }
@media screen and (max-width: 980px) { .c-section-anchor .list > li:nth-child(1), .c-section-anchor .list > li:nth-child(2) { border-top: 1px solid #D0D4D6; } }
.c-section-anchor .list > li a, .c-section-anchor .list > li a.c-link--arrow { font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: normal; padding-right: 40px; margin: 0 30px; width: auto; }
@media screen and (max-width: 980px) { .c-section-anchor .list > li a, .c-section-anchor .list > li a.c-link--arrow { margin: 0 0; padding: 16px 0; padding-right: 35px; font-size: 16px; line-height: 1.4; width: 100%; } }
.c-section-anchor .list > li a.isOn, .c-section-anchor .list > li a.c-link--arrow.isOn { pointer-events: none; color: #72581B; }
.c-section-anchor .list > li a.isOn .c-icon, .c-section-anchor .list > li a.c-link--arrow.isOn .c-icon { display: none; }
.p-news .section-content01 { padding-top: 0; }
.p-news .section-content01 .c-news { margin-bottom: 55px; }
@media screen and (max-width: 980px) { .p-news .section-content01 .c-news { margin-bottom: 45px; } }
.block-editor-block-list__layout ul, .block-editor-block-list__layout ol { list-style: none !important; padding-left: 0 !important; }
.l-post { /*=======================================*/ /*=======================================*/; }
.l-post .section_head--post .p-headTitle { font-size: 28px; margin-top: 5px; margin-bottom: 50px; }
@media screen and (max-width: 980px) { .l-post .section_head--post .p-headTitle { font-size: 20px; margin-top: 12px; } }
.l-post p { margin-bottom: 60px; }
@media screen and (max-width: 980px) { .l-post p { margin-bottom: 50px; } }
.l-post ul, .l-post ol { list-style: none !important; padding-left: 0 !important; }
.l-post img { width: 100%; height: auto; }
@media screen and (max-width: 980px) { .l-post img { width: 100% !important; max-width: inherit; } }
.l-post h2:not(.c-title) { font-size: 24px; margin-bottom: 20px; }
.l-post h3 { font-size: 20px; margin-bottom: 20px; }
.l-post h4, .l-post h5, .l-post h6 { font-size: 18px; margin-bottom: 20px; }
.l-post b, .l-post strong { font-weight: bold; }
.l-post em, .l-post i { font-style: italic; }
.l-post a { color: #122833; }
.l-post p a { text-decoration: underline; }
.l-post figure.wp-block-image { width: 653px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }
@media screen and (max-width: 980px) { .l-post figure.wp-block-image { width: 100%; margin-bottom: 50px; } }
.l-post figure.wp-block-image figcaption { font-size: 12px; line-height: 1.4; font-family: "Roboto", "Noto Sans JP", sans-serif; margin-top: 18px; }
.l-post figure.wp-block-table { margin-bottom: 60px; }
@media screen and (max-width: 980px) { .l-post figure.wp-block-table { margin-bottom: 50px; } }
.l-post figure.wp-block-table table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.l-post figure.wp-block-table table.-center tr, .l-post figure.wp-block-table table.-center th, .l-post figure.wp-block-table table.-center td { text-align: center; }
.l-post figure.wp-block-table table.-left tr, .l-post figure.wp-block-table table.-left th, .l-post figure.wp-block-table table.-left td { text-align: left; }
.l-post figure.wp-block-table table.-right tr, .l-post figure.wp-block-table table.-right th, .l-post figure.wp-block-table table.-right td { text-align: right; }
.l-post figure.wp-block-table table tr:first-child th, .l-post figure.wp-block-table table tr:first-child td { border-top: 1px solid #D0D4D6; }
.l-post figure.wp-block-table table th, .l-post figure.wp-block-table table td { padding: 20px 20px; border-bottom: 1px solid #D0D4D6; vertical-align: top; text-align: left; line-height: 1.6; }
@media screen and (max-width: 980px) { .l-post figure.wp-block-table table th, .l-post figure.wp-block-table table td { display: block; padding: 15px 10px; } }
.l-post figure.wp-block-table table th.-nowrap, .l-post figure.wp-block-table table td.-nowrap { white-space: nowrap; }
.l-post figure.wp-block-table table th.-middle, .l-post figure.wp-block-table table td.-middle { vertical-align: middle; }
.l-post figure.wp-block-table table th { padding: 20px 20px; background-color: rgba(19, 88, 102, 0.1); font-weight: normal; width: 25%; }
@media screen and (max-width: 980px) { .l-post figure.wp-block-table table th { width: 100%; padding: 10px 10px; } }
.l-post figure.wp-block-table table td { width: 75%; }
@media screen and (max-width: 980px) { .l-post figure.wp-block-table table td { width: 100%; padding-left: 10px; padding-right: 10px; } }
.l-post figure.wp-block-table table td .c-indent + .c-indent { margin-top: 10px; }
.l-post figure.wp-block-table figcaption { font-size: 12px; line-height: 1.4; font-family: "Roboto", "Noto Sans JP", sans-serif; margin-top: 18px; }
.l-post figure.wp-block-embed { margin-bottom: 60px; }
@media screen and (max-width: 980px) { .l-post figure.wp-block-embed { margin-bottom: 50px; } }
.l-post figure.wp-block-embed figcaption { font-size: 14px; line-height: 1.6; text-align: center; }
.l-post figure.wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper { text-align: center; }
.l-post .wp-block-file { margin-bottom: 60px; }
@media screen and (max-width: 980px) { .l-post .wp-block-file { margin-bottom: 50px; } }
.l-post .section_body--post { padding-bottom: 80px; }
.l-post .b-column2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; gap: 60px; margin-bottom: 60px; }
@media screen and (max-width: 980px) { .l-post .b-column2 { display: block; margin-bottom: 50px; } }
.l-post .b-column2 > li { -ms-flex-preferred-size: calc(50% - 30px); flex-basis: calc(50% - 30px); }
@media screen and (max-width: 980px) { .l-post .b-column2 > li + li { margin-top: 30px; } }
.l-post .b-column2 > li .wp-block-image { width: 100%; margin-bottom: 0; }
/* footer ----------------------------------------------------------------------------*/ .pagetop { display: none; position: absolute; bottom: 20px; right: 30px; z-index: 100; cursor: pointer; }
@media screen and (max-width: 980px) { .pagetop { right: 12px; bottom: 30px; } }
.pagetop.fixedF { position: fixed; }
.pagetop a { color: #122833; text-decoration: none; text-align: center; position: relative; display: block; width: 13px; height: 86px; }
.pagetop a::before { content: ""; display: block; width: 13px; height: 86px; background: url(/assets/img/icon-pagetop.svg) no-repeat; background-size: cover; position: absolute; margin: auto; }
.l-footer { position: relative; font-family: "Roboto", "Noto Sans JP", sans-serif; background-color: #135866; padding-bottom: 40px; }
.l-footer .inner { padding-top: 60px; }
@media screen and (max-width: 980px) { .l-footer .inner { padding-top: 40px; } }
.l-footer .footer-address { font-size: 14px; line-height: 1.8; position: absolute; top: 175px; left: -385px; color: #fff; }
@media screen and (max-width: 980px) { .l-footer .footer-address { position: relative; top: inherit; left: inherit; margin-top: 40px; padding-top: 40px; border-top: 1px solid #fff; } }
.l-footer .footer-address .text2 { font-size: 16px; font-weight: 500; margin-top: 6px; }
@media screen and (max-width: 980px) { .l-footer .footer-address .text2 { font-size: 14px; } }
.l-footer .footer-address .text2 .sub { font-size: 22px; }
@media screen and (max-width: 980px) { .l-footer .footer-address .text2 .sub { font-size: 20px; } }
.l-footer .footer-address .text3 { font-size: 12px; margin-top: -2px; }
.l-footer .footer-address .text4 { font-size: 16px; font-weight: 500; margin-top: 6px; }
@media screen and (max-width: 980px) { .l-footer .footer-address .text4 { font-size: 14px; } }
.l-footer .footer-address .list-sns { margin-top: 15px; }
@media screen and (max-width: 980px) { .l-footer .footer-address .list-sns { margin-top: 8px; } }
.l-footer .footer-address .list-sns > li a { display: block; width: 30px; height: 30px; }
@media screen and (max-width: 980px) { .l-footer .footer-address .list-sns > li a { width: 20px; height: 20px; } }
.l-footer .copyright { position: absolute; top: 442px; right: 0; }
@media screen and (max-width: 980px) { .l-footer .copyright { position: relative; top: inherit; right: inherit; text-align: center; line-height: 1.2; margin-top: 40px; } }
.l-footer .copyright small { font-family: "EB Garamond", "Zen Old Mincho", serif; color: #fff; }
@media screen and (max-width: 980px) { .l-footer .copyright small { font-size: 12px; } }
.c-list-footerWrap { min-height: 410px; }
@media screen and (max-width: 980px) { .c-list-footerWrap { min-height: inherit; display: block; } }
.c-list-footerWrap > li:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media screen and (max-width: 980px) { .c-list-footerWrap > li:nth-child(1) { -ms-flex: inherit; flex: inherit; } }
.c-list-footerWrap > li:nth-child(1) a { padding-top: 0px; padding-bottom: 0px; }
.c-list-footerWrap > li:nth-child(1) a img, .c-list-footerWrap > li:nth-child(1) a svg { width: 220px; height: 85px; }
@media screen and (max-width: 980px) { .c-list-footerWrap > li:nth-child(1) a img, .c-list-footerWrap > li:nth-child(1) a svg { width: 131px; height: 50px; } }
.c-list-footerWrap > li:nth-child(1) a:hover { opacity: 1; }
.c-list-footerWrap > li:nth-child(1) a:hover::before { display: none; }
.c-list-footerWrap > li:nth-child(2) { -ms-flex-preferred-size: 755px; flex-basis: 755px; position: relative; }
@media screen and (max-width: 980px) { .c-list-footerWrap > li:nth-child(2) { -ms-flex-preferred-size: inherit; flex-basis: inherit; position: relative; margin-top: 30px; } }
@media screen and (max-width: 980px) { .c-list-spWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; } }
@media screen and (max-width: 980px) { .c-list-spWrap > li { -ms-flex-preferred-size: 50%; flex-basis: 50%; } }
.c-list-spWrap .list-footerNav { position: absolute; top: 0px; left: 0px; }
@media screen and (max-width: 980px) { .c-list-spWrap .list-footerNav { position: relative; top: inherit !important; left: inherit !important; } }
@media screen and (max-width: 980px) { .c-list-spWrap .list-footerNav + .list-footerNav { margin-top: 30px; } }
.c-list-spWrap .list-footerNav.-nav2 { top: 0px; left: 390px; }
.c-list-spWrap .list-footerNav.-nav3 { top: 0px; left: 185px; }
.c-list-spWrap .list-footerNav.-nav4 { top: 0px; left: 534px; }
.c-list-spWrap .list-footerNav.-nav5 { top: 180px; left: 534px; }
.c-list-spWrap .list-footerNav.-nav6 { top: 180px; left: 0px; }
@media screen and (max-width: 980px) { .c-list-spWrap .list-footerNav.-nav6 { margin-top: 35px; } }
.c-list-spWrap .list-footerNav.-nav7 { top: 180px; left: 185px; }
.c-list-spWrap .list-footerNav.-nav8 { top: 180px; left: 390px; }
.c-list-spWrap .list-footerNav.-nav9 { top: 239px; left: 0px; }
.c-list-spWrap .list-footerNav.-nav10 { top: 239px; left: 390px; }
.c-list-spWrap .list-footerNav.-nav11 { top: 298px; left: 185px; }
.c-list-spWrap .list-footerNav.-nav12 { top: 238px; left: 185px; }
@media screen and (max-width: 980px) { .c-list-spWrap .list-footerNav.-nav12 { margin-top: 30px; } }
.c-list-spWrap .list-footerNav.-nav13 { top: 298px; left: 0px; }
.c-list-spWrap .list-footerNav > li + li { margin-top: 12px; }
.c-list-spWrap .list-footerNav > li a { display: block; position: relative; padding-left: 10px; line-height: 1.2; color: #fff; font-weight: 300; }
.c-list-spWrap .list-footerNav > li a.-head { padding-left: 0; font-size: 16px; font-weight: 500; }
.c-list-spWrap .list-footerNav > li a.-head::before { display: none; }
.c-list-spWrap .list-footerNav > li a::before { content: ""; display: block; width: 5px; height: 1px; background-color: #fff; position: absolute; top: 9px; left: 0px; }
@media screen and (max-width: 980px) { .c-list-spWrap .list-footerNav > li a::before { top: 8px; } }
/*# sourceMappingURL=style.css.map */