@charset "UTF-8";
/*
Theme Name: 信越明星株式会社採用雛形
Theme URI: https://recruit-shinetsumyojo.jp/job/
Author: shogo yonetani
Author URI: https://recruit-shinetsumyojo.jp/job/
Description: 信越明星株式会社採用採用雛形
*/
/*Color Management*/
/*Basic Color*/
/*Couplate Color*/
/*Footer*/
/*ASIDE*/
/*!color*/
/*!レスポンシブ*/
/*mouse-follower-dev*/
.mf-cursor { color: #555555; position: fixed; top: 0; left: 0; z-index: 10001 !important; direction: ltr; contain: layout style size; pointer-events: none; transition: opacity 0.3s, color 0.4s; }
.mf-cursor:before { content: ""; position: absolute; top: -24px; left: -24px; display: block; width: 48px; height: 48px; transform: scale(0.2); background: currentColor; border-radius: 50%; transition: transform 0.25s ease-in-out, opacity 0.1s; }
.mf-cursor.-inverse { color: #aaaaaa; }
@supports (mix-blend-mode: exclusion) { .mf-cursor.-exclusion { mix-blend-mode: exclusion; }
  .mf-cursor.-exclusion:before { background: #aaaaaa; } }
.mf-cursor.-pointer:before { transform: scale(0.15); }
.mf-cursor.-text { white-space: nowrap; }
.mf-cursor.-text:before { opacity: 0.85; transform: scale(1.7); }
.mf-cursor.-text.-active:before { transform: scale(1.6); transition-duration: 0.2s; }
.mf-cursor.-icon:before { transform: scale(1.5); }
.mf-cursor.-icon.-active:before { transform: scale(1.4); }
.mf-cursor.-hidden:before { transform: scale(0); }
.mf-cursor-text { position: absolute; top: -18px; left: -18px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; transform: scale(0) rotate(10deg); opacity: 0; color: #fff; font-size: 16px; line-height: 20px; text-align: center; transition: opacity 0.4s, transform 0.3s; }
.mf-cursor.-text .mf-cursor-text, .mf-cursor.-icon .mf-cursor-text { opacity: 1; transform: scale(1); }
.mf-cursor-media { position: absolute; width: 200px !important; height: 200px !important; margin: -100px 0 0 -100px !important; }
@media screen and (max-width: 768px) { .mf-cursor-media { width: 108px !important; height: 108px !important; margin: -54px 0 0 -54px !important; } }
.mf-cursor-media img, .mf-cursor-media video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
@supports (object-fit: cover) { .mf-cursor-media img, .mf-cursor-media video { position: static; width: 100%; height: 100%; object-fit: cover; transform: translateZ(0); } }
.mf-cursor-media-box { position: relative; width: 100%; height: 100%; overflow: hidden; transform: scale(0) translateZ(0); padding: 1px; opacity: 0; border-radius: 50%; transition: transform 0.35s, opacity 0.2s 0.2s; }
.mf-cursor.-media .mf-cursor-media-box { opacity: 1; transform: scale(0.696); transition-duration: 0.4s, 0.4s; transition-delay: 0s, 0s; }

/*normalize.css*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace; font-size: 1em; }

input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: 700; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*normalize.css*/
/*--------------basic css--------------*/
:root { --color-border: rgba(0,0,0,.1025); }

html { height: 100%; font-size: 62.5%; }

body { position: relative; margin-left: auto; margin-right: auto; width: auto; height: auto; font-family: Montserrat, Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; font-weight: 500; font-weight: normal; letter-spacing: .1em; -webkit-text-size-adjust: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow-x: hidden; overflow-y: auto; background: #F8F8F8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*opacity: 0;*/ }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*TEXT*/
p, h1, h2, h3, h4, h5 { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin: 0; line-height: 1.8em; }

h1, h2, h3, h4, h5 { font-family: 'Oswald', sans-serif; }

p { font-size: 1.5rem; letter-spacing: .15em; }

.sans { font-family: 'Roboto', sans-serif; }

.serif { font-family: 'Noto Serif SC', 'Open Sans', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; }

i { font-style: normal; }

.emphasis { background: linear-gradient(#ffed00, #ffed00) no-repeat; background-size: 100% 8px; background-position: 0 0.8em; }

.posCenter { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }

img.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

video.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

/*LINK*/
a { color: #151515; text-decoration: none; }

a.not { cursor: not-allowed; }

a[target='_blank'] p::after { content: ''; display: inline-block; width: 1em; height: 1em; background: url(images/iconLinkOut.svg); background-size: cover; margin-left: .65em; }

a.linkFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; }

a.btn { display: block; width: auto; padding: 1.5em 2em; background: #AE8534; position: relative; overflow: hidden; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1); transition: ease-in-out .3s; }

a.btn.rd { background: #537b35; }

a.btn:hover { background: #967023; transition: ease-in-out .3s; }

a.btn.rd:hover { background: #4b712e; transition: ease-in-out .3s; }

a.btn.sm { width: 20rem; }

a.btn.md { width: auto; max-width: 30rem; }

a.btn.lg { width: auto; max-width: 42em; }

a.btn.xl { width: auto; max-width: 68em; }

a.btn.left { margin-right: auto; }

a.btn.center { margin-left: auto; margin-right: auto; }

a.btn.right { margin-left: auto; }

a.btn::before { content: ''; position: absolute; top: 0; left: -110%; width: 100%; height: 100%; background: #fff; transform: skew(-15deg); }

a.btn:hover::before { left: 110%; transition: ease .5s; }

a.btn p { display: block; position: relative; color: #fff !important; font-size: 1.3rem !important; font-weight: bold; text-align: center; margin: 0 auto !important; transition: ease .3s; }

a.btn:hover p { color: #dfd8d2 !important; transition: ease .3s; }

a.borderBtn p { font-weight: bold; letter-spacing: .35em; transition: ease .3s; }

a.borderBtn p span { position: relative; padding: 1em; }

a.borderBtn p span::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background: #151515; transition: ease .3s; }

a.borderBtn:hover p { color: #333; letter-spacing: .25em; transition: ease .3s; }

a.borderBtn:hover p span::after { -webkit-transform: scaleX(0.2); transform: scaleX(0.2); transition: ease .3s; }

a.linkOut p::after { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; background: url(images/iconLinkout.svg); background-size: cover; margin-left: .5em; }

/*ul li*/
ul, dl { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; -moz-margin-before: 0; -moz-margin-after: 0; -moz-margin-start: 0; -moz-margin-end: 0; -moz-padding-start: 0; -ms-margin-before: 0; -ms-margin-after: 0; -ms-margin-start: 0; -ms-margin-end: 0; -ms-padding-start: 0; -o-margin-before: 0; -o-margin-after: 0; -o-margin-start: 0; -o-margin-end: 0; -o-padding-start: 0; margin-before: 0; margin-after: 0; margin-start: 0; margin-end: 0; padding-start: 0; -webkit-padding-left: 0; -moz-padding-left: 0; -ms-padding-left: 0; -o-padding-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; }

ul::after, dl::after { content: ''; display: block; clear: both; }

ul li { list-style-type: none; }

dl dd { margin-left: 0; }

.clear::after { content: ''; display: block; clear: both; }

/*ASPECT*/
.aspect { width: 100%; height: auto; position: relative; }

.aspect.circle { border-radius: 50%; }

.aspect.aspect35 { padding-top: 35%; overflow: hidden; }

.aspect.aspect41 { padding-top: 41.4%; overflow: hidden; }

.aspect.aspect50 { padding-top: 50%; overflow: hidden; }

.aspect.aspect56 { padding-top: 56.25%; overflow: hidden; }

.aspect.aspect618 { padding-top: 61.8%; overflow: hidden; }

.aspect.aspect100 { padding-top: 100%; overflow: hidden; }

.aspect.aspect141 { padding-top: 141.4%; overflow: hidden; }

.aspect.aspect150 { padding-top: 150%; overflow: hidden; }

.aspect.aspect178 { padding-top: 178%; overflow: hidden; }

.aspect .aspectBlock { position: absolute; top: 0; width: 100%; height: 100%; }

.aspect .aspectBlock img { width: 100%; height: auto; }

.aspect .aspectBlock iframe { width: 100%; height: 100%; }

/*FIGURE*/
figure { margin: 0; }

/*SHADOW*/
.sdw { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

/*RESPONSIVE*/
.hidden-xs { display: block !important; }

.visible-xs { display: none !important; }

/*BOTH*/
.inview { opacity: 0; }

.inview.action { opacity: 1; transition: ease .5s; }

.animated { transform: translateY(4rem); }

.animated.move { transform: translateY(0); transition: ease 1s; }

.animate { transform: translateY(-4rem); }

.animate.move { transform: translateY(0); transition: ease .3s; }

#page { max-width: 210rem; margin: 0 auto; background: #fff; /*overflow: hidden;*/ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.05); transition: ease .3s; }

#page.move { height: 100vh; transition: ease .3s; }

/*BOTH_HEADER*/
header.siteHeader { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; width: 100%; height: auto; transition: ease .3s; }

header.siteHeader > .innerWrap { position: relative; z-index: 10000; width: 90%; max-width: 168rem; height: auto; margin: 0 auto; transition: ease .3s; }

header.siteHeader .flexWrap { display: flex; align-items: center; justify-content: space-between; }

header.siteHeader .flexWrap > .flexLeft { display: block; }

header.siteHeader .flexWrap > .flexCenter { transition: ease .3s; }

header.siteHeader .flexWrap > .flexRight { margin-right: -5vw; display: flex; align-items: center; }

header.siteHeader h1.headLogo img { width: auto; height: 7.2rem; margin: 0 auto; display: block; padding: .65em 0; }

/*.scroll*/
body.scroll header.siteHeader { padding: 0; transition: ease .3s; }

body.scroll header.siteHeader .flexWrap > .flexCenter { transform: translate3d(0, -7.2rem, 0); transition: ease .3s; }

body.single header.siteHeader { padding: 0; transition: ease .3s; }

body.single header.siteHeader::before { height: 100%; transition: ease .3s; }

/*#page.move*/
#page.move header.siteHeader { padding: 0; transition: ease .3s; }

/*.scroll
.scrollUp header.siteHeader { top: 0; transition: ease .65s; }*/
ul.listGlobalNav { display: flex; align-items: center; background: #fff; height: 7.2rem; padding: 0 5rem; }

ul.listGlobalNav li { margin-right: 3rem; }

ul.listGlobalNav li:last-child { margin-right: 0; }

ul.listGlobalNav li p { text-align: center; color: #AE8534; line-height: 1.5; transition: ease .3s; }

ul.listGlobalNav li p:hover { color: #AE8534; transition: ease .3s; }

ul.listGlobalNav li p span { display: block; }

ul.listGlobalNav li p span.en { font-weight: bold; letter-spacing: .2em; }

ul.listGlobalNav li p span.jp { font-size: 1.1rem; opacity: .75; }

body.page ul.listGlobalNav li p { color: #AE8534; }

body.single ul.listGlobalNav li p { color: #AE8534; }

body.archive ul.listGlobalNav li p { color: #AE8534; }

/*smpNav*/
.humbNav { position: relative; width: 7.2rem; height: 7.2rem; display: block; background: #AE8534; }

.humbNav span.border { display: block; width: 30%; height: 2px; border-radius: 1px; background: #dfd8d2; position: absolute; }

.humbNav span.border:nth-child(1) { top: 35%; left: 50%; transform: translate(-50%, -50%); transition: ease .3s; }

.humbNav span.border:nth-child(2) { top: 50%; left: 50%; transform: translate(-50%, -50%); transition: ease .3s; }

.humbNav span.txt { display: block; width: 100%; text-align: center; font-size: 1rem; font-weight: bold; letter-spacing: 0; color: #dfd8d2; position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); }

.humbNav span.txt span.open { display: block; }

.humbNav span.txt span.close { display: none; }

/*.active*/
.humbNav.active span.border:nth-child(1) { top: 42.5%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: ease .3s; }

.humbNav.active span.border:nth-child(2) { top: 42.5%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: ease .3s; }

.humbNav.active span.txt span.open { display: none; }

.humbNav.active span.txt span.close { display: block; }

aside#aside { opacity: 0; visibility: hidden; display: block; width: 100vw; height: 100vh; background: #c3c3c3; background-size: cover; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transform: matrix(1, -0.5, 0, 0.001, 0, 1200); transition: ease .5s .15s; }

aside#aside.move { opacity: 1; visibility: visible; transform: matrix(1, 0, 0, 1, 0, 0); transition: ease .5s; }

aside#aside .innerWrap { width: 90%; height: 100%; margin: 0 auto; padding: 7.2rem 0 0; }

dl.listGlobalNav { padding: 5vw 0; counter-reset: num; }
dl.listGlobalNav dt { position: relative; opacity: 0; visibility: hidden; transform: translateY(1.5rem); transition: ease .3s; margin-top: 1rem; }
dl.listGlobalNav dt h2.navTtl { color: #fff; position: relative; padding-left: 2em; }
dl.listGlobalNav dt h2.navTtl:hover { color: #AE8534; transition: ease .3s; }
dl.listGlobalNav dt h2.navTtl::before { counter-increment: num 1; content: "0" counter(num); display: block; font-size: 1.2rem; font-family: 'Open Sans', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; font-style: italic; position: absolute; top: 1.5vw; left: 0; }
dl.listGlobalNav dt h2.navTtl span { display: block; line-height: 1.65; font-weight: normal; }
dl.listGlobalNav dt h2.navTtl span.en { font-size: 1.2rem; letter-spacing: .3em; }
dl.listGlobalNav dt h2.navTtl span.jp { font-size: 2.1rem; letter-spacing: .2em; }
dl.listGlobalNav dt p { font-size: 1.65rem; font-weight: bold; }

#aside.move dl.listGlobalNav dt { opacity: 1; visibility: visible; transform: translateY(0); transition: ease-in .3s; }

#aside.move dl.listGlobalNav dt:nth-child(1) { transition-delay: .25s; }

#aside.move dl.listGlobalNav dt:nth-child(2) { transition-delay: .3s; }

#aside.move dl.listGlobalNav dt:nth-child(3) { transition-delay: .35s; }

#aside.move dl.listGlobalNav dt:nth-child(4) { transition-delay: .4s; }

#aside.move dl.listGlobalNav dt:nth-child(5) { transition-delay: .45s; }

#aside.move dl.listGlobalNav dt:nth-child(6) { transition-delay: .5s; }

#aside.move dl.listGlobalNav dt:nth-child(7) { transition-delay: .55s; }

#aside.move dl.listGlobalNav dt:nth-child(8) { transition-delay: .6s; }

#aside.move dl.listGlobalNav dt:nth-child(9) { transition-delay: .65s; }

#aside.move ul.listSNS.global { opacity: 1; visibility: visible; transform: translateY(0); transition: ease-in .3s .55s; }

aside#cside { position: fixed; bottom: 0; right: 0; z-index: 100; width: auto; height: auto; opacity: 0; visibility: hidden; transition: ease .3s; }

body.scroll aside#cside { opacity: 1; visibility: visible; transition: ease .3s; }

.flexPageFoot { width: 100%; max-width: 168rem; margin: 0 auto; display: flex; justify-content: flex-end; }

.flexPageFoot > .flexItem { position: relative; height: 8.8rem; }

.flexPageFoot > .flexItem.banar1 { background: #008eaa; }

.flexPageFoot > .flexItem.banar2 { background: #ffffff; }

.flexPageFoot > .flexItem.banar3 { background: #005670; }

.flexPageFoot > .flexItem img { width: auto; height: 8.8rem; padding: 1rem 3rem; }

/*aside#cover_画面繊維*/
aside#cover { position: fixed; width: 100vw; height: 100vh; transform: translateX(-100vw); z-index: 100000; }

aside#cover.active { width: 100vw; }

aside#cover .bandWrap { position: relative; width: 100vw; height: 100vh; }

aside#cover .bandWrap .band { width: 100%; height: 20%; background: #AE8534; transform: translateX(0); transition: ease-in-out .3s; }

aside#cover .bandWrap .band:nth-child(2) { transition-delay: .05s; }

aside#cover .bandWrap .band:nth-child(3) { transition-delay: .1s; }

aside#cover .bandWrap .band:nth-child(4) { transition-delay: .15s; }

aside#cover .bandWrap .band:nth-child(5) { transition-delay: .2s; }

aside#cover.active .bandWrap .band { transform: translateX(100vw); transition: ease-in-out .3s; }

aside#cover.active .bandWrap .band:nth-child(2) { transition-delay: .05s; }

aside#cover.active .bandWrap .band:nth-child(3) { transition-delay: .1s; }

aside#cover.active .bandWrap .band:nth-child(4) { transition-delay: .15s; }

aside#cover.active .bandWrap .band:nth-child(5) { transition-delay: .2s; }

aside#cover .flexLogo { display: flex; justify-content: center; align-items: center; }

aside#cover .flexLogo img { opacity: 0; transition: ease-in-out .3s; }

aside#cover.active .flexLogo img { opacity: 1; transition: ease-in-out .3s .3s; }

/*BOTH_FOOTER*/
footer.siteFooter { position: relative; z-index: 10; }

footer.siteFooter .secFoot { position: relative; }

footer.siteFooter .secFoot * { color: #ccc; }

footer.siteFooter .secFoot h2.footTtl { font-size: 3rem; position: relative; margin-bottom: .25em; text-align: center; }

footer.siteFooter .secFoot h2.footTtl span { display: block; }

footer.siteFooter .secFoot h2.footTtl span.en { font-size: 1.2rem; line-height: 3rem; letter-spacing: .3em; }

footer.siteFooter .secFoot h2.footTtl span.en::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

footer.siteFooter .secFoot h2.footTtl span.jp { line-height: 6rem; letter-spacing: .2em; font-weight: normal; font-size: 2.1rem; }

footer.siteFooter .secFoot h2.footTtl + p { max-width: 68rem; margin: 0 auto 4rem; text-align: center; }

footer.siteFooter .innerWrap { width: 85%; max-width: 168rem; height: auto; margin: 0 auto; }

footer.siteFooter .secFoot.sec1 { background: url(images/bgFoot1-1.jpg) center; background-size: cover; background-attachment: fixed; }

footer.siteFooter .secFoot.sec1::before { content: ''; display: block; width: 100%; height: 100%; background: rgba(62, 60, 59, 0.75); position: absolute; top: 0; left: 0; right: 0; }

footer.siteFooter .secFoot.sec1 h2 { color: #fff; }

footer.siteFooter .secFoot.sec1 p { color: #ccc; }

footer.siteFooter .secFoot.sec1 .innerWrap { padding: 6rem 0 9.6rem; position: relative; }

footer.siteFooter .secFoot.sec1 .flexWrap { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 6rem; }

footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem { width: calc((100% / 3) - 1px); background: rgba(255, 255, 255, 0.2); transition: ease .3s; }

footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem:hover { background: #AE8534; transition: ease .3s; }

footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem a { display: block; padding: 4rem 0; }

footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem p { font-weight: bold; font-size: 1.3rem; text-align: center; }

footer.siteFooter .secFoot.sec2 { background: #31302e; }

footer.siteFooter .secFoot.sec2 .innerWrap { padding: 9.6rem 0; }

dl.listFootCoup { text-align: center; }

dl.listFootCoup dt { margin-bottom: 2rem; }

dl.listFootCoup dt img { width: auto; height: 5.4rem; }

dl.listFootCoup dd p { font-size: 1.2rem; }

ul.listFootNav { display: flex; justify-content: space-around; margin-top: 4rem; }

ul.listFootNav::after { display: none; }

ul.listFootNav li:first-child { margin: 0; }

ul.listFootNav li p { font-size: 1.3rem; text-align: center; }

ul.listFootNav li p span { display: block; }

ul.listFootNav li p span.en { font-size: 1.5rem; }

ul.listFootNav ~ ul.listFootNav { justify-content: center; margin-top: 2rem; }

ul.listFootNav ~ ul.listFootNav li { margin: 0 1.5rem; }

p.cr { font-size: 1.2rem; opacity: .65; font-weight: bold; text-align: center; margin-top: 4rem; }

/*INDEX*/
.secIndex { position: relative; max-width: 100vw; background: #fff; }

.secIndex h2.indexTtl { font-size: 3rem; position: relative; margin-bottom: 1.25em; line-height: 1.65; }

.secIndex h2.indexTtl::before { content: attr(data-number) ""; display: block; font-size: 1.2rem; font-family: 'Open Sans', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; margin-bottom: -3vw; }

i { font-style: normal; }

.secIndex h2.indexTtl span { display: block; }

.secIndex h2.indexTtl span.en { font-size: 1.2rem; line-height: 3rem; letter-spacing: .3em; }

.secIndex h2.indexTtl span.en::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

.secIndex h2.indexTtl span.jp { line-height: 6rem; letter-spacing: .2em; font-weight: normal; font-size: 2.1rem; }

.secIndex h2.indexTtl + p { max-width: 68rem; margin: 0 auto 4rem; }

h3.indexTtl { font-size: 2.5rem; position: relative; margin-bottom: 1em; line-height: 1.65; }

h3.indexTtl span { display: block; }

h3.indexTtl span.en { font-size: 1.2rem; line-height: 3rem; letter-spacing: .3em; }

h3.indexTtl span.en::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

h3.indexTtl span.jp { line-height: 6rem; letter-spacing: .2em; font-weight: normal; font-size: 2.1rem; }

.secIndex .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; position: relative; z-index: 1; }

.secIndex.sec1 { position: relative; z-index: 25; }
.secIndex.sec1::before { content: ''; display: block; width: 35%; height: 115%; background: #e6e3e0; position: absolute; top: -15%; right: 0; }
@media screen and (max-width: 768px) { .secIndex.sec1::before { width: 97.5%; } }
.secIndex.sec1.gone::before { height: 115%; transition: ease-in 1s; }
.secIndex.sec1 video { width: 100%; height: auto; position: absolute; top: 0; left: 0; right: 0; }
@media screen and (max-width: 768px) { .secIndex.sec1 video { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); min-width: initial; width: auto !important; min-height: 100%; height: 100% !important; } }
.secIndex.sec1 .innerWrap { width: 100%; max-width: 168rem; margin: 0 auto; }
.secIndex.sec1 .flexWrap { display: flex; }
.secIndex.sec1 .flexWrap > .flexLeft { width: calc(100% - 14.4rem); }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft { width: calc(100% - 3rem); } }
.secIndex.sec1 .flexWrap > .flexLeft .inner { width: 100%; height: auto; padding-top: 56.25%; background: #31302e; position: relative; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft .inner { padding-top: 123%; } }
.secIndex.sec1 .flexWrap > .flexLeft .inner .in { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
.secIndex.sec1 .flexWrap > .flexLeft .inner .in::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: #000; background: radial-gradient(ellipse at top left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 95%); opacity: .2; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft .inner .in .aspect56 { padding-top: 161.8%; } }
.secIndex.sec1 .flexWrap > .flexLeft .inner img { width: 100%; height: auto; }
.secIndex.sec1 .flexWrap > .flexLeft .inner .leadCopyWrap { width: 100%; height: 32rem; position: absolute; bottom: -7.2rem; right: -7.2rem; padding-right: 0; display: flex; align-items: flex-end; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft .inner .leadCopyWrap { width: calc(100vw - 3rem); height: auto; bottom: 8.4rem; right: -15px; } }
.secIndex.sec1 .flexWrap > .flexLeft .inner .leadCopyWrap p { width: 100%; font-size: 5vw; line-height: 1; text-align: right; font-weight: bold; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft .inner .leadCopyWrap p { font-size: 7.5vw; } }
.secIndex.sec1 .flexWrap > .flexLeft .inner .leadCopyWrap p > span { display: block; }
.secIndex.sec1 .flexWrap > .flexLeft .inner .leadCopyWrap p > span + span { font-size: 7.5vw; margin-top: .25em; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft .inner .leadCopyWrap p > span + span { font-size: 12.5vw; } }
.secIndex.sec1 .flexWrap > .flexLeft .bodyCopyWrap { width: 100%; height: 7.2rem; position: absolute; bottom: -7.2rem; left: 0; padding-left: 7.2rem; display: flex; align-items: center; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft .bodyCopyWrap { width: calc(100vw - 3rem); position: absolute; bottom: 0; padding: 5vw 7.5vw; background: rgba(0, 0, 0, 0.8); color: #fff; } }
.secIndex.sec1 .flexWrap > .flexLeft .bodyCopyWrap p { width: 100%; font-size: 2.1rem; font-weight: 600; line-height: 1; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexLeft .bodyCopyWrap p { width: 100%; font-size: 4.2vw; font-weight: bold; line-height: 1.5; } }
.secIndex.sec1 .flexWrap > .flexRight { width: 7.2rem; display: flex; align-content: center; justify-content: center; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexRight { width: 3rem; } }
.secIndex.sec1 .flexWrap > .flexRight p { font-size: 1.2rem; font-style: italic; text-align: center; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
@media screen and (max-width: 768px) { .secIndex.sec1 .flexWrap > .flexRight p { font-size: 1rem; } }
.secIndex.idx_interview { position: relative; z-index: 15; }
.secIndex.idx_interview * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secIndex.idx_interview * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .secIndex.idx_interview * { font-size: 16.4px; } }
.secIndex.idx_interview .wrapper { width: calc(100% / 16 * 14); margin: 0 auto; padding: calc(8.5em / 8 * 5) 0 calc(8.5em / 8 * 6); }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper { padding: calc(8.5em / 8 * 3) 0 calc(8.5em / 8 * 4); } }
.secIndex.idx_interview .wrapper .section_head hgroup h2 { font-size: 1.845em; text-align: center; letter-spacing: 0; color: #AE8534; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_head hgroup h2 { line-height: 1; } }
.secIndex.idx_interview .wrapper .section_head hgroup + p { display: table; margin: 0 auto; margin-top: 1.0625em; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_head hgroup + p { max-width: 20.5em; } }
.secIndex.idx_interview .wrapper .section_body { margin-top: 2.125em; }
.secIndex.idx_interview .wrapper .section_body ul.list { display: flex; flex-wrap: wrap; gap: 1.0625em; }
.secIndex.idx_interview .wrapper .section_body ul.list > li { width: calc((100% / 3) - ((8.5em / 8) * 2 / 3)); }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_body ul.list > li { width: calc((100% / 2) - ((8.5em / 8) * 1 / 2)); } }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card { display: flex; flex-direction: column; gap: 1.4166666667em; width: 100%; height: auto; }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .thumbnail { position: relative; z-index: 15; border: solid 4px transparent; border-radius: 0.53125em; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1025); line-height: 0; aspect-ratio: 1 / 1; transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_body ul.list > li .card .thumbnail { aspect-ratio: 1 / 1.23; } }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .thumbnail img { transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .thumbnail .tag { position: absolute; top: calc(8.5em / 16 * 3); left: calc(8.5em / 16 * 3); padding: 6px 12px; background: #ffffff; border: solid 1px rgba(0, 0, 0, 0.1025); border-radius: 8.5em; font-weight: 600; font-size: .9em; line-height: 1; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_body ul.list > li .card .thumbnail .tag { top: calc(8.5em / 16 * 1); left: calc(8.5em / 16 * 1); padding: 4px 8px; } }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .thumbnail .tag[data-type='新卒採用'] { background: #01abeb; color: #ffffff; }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .thumbnail .tag[data-type='中途採用'] { background: #fe0100; color: #ffffff; }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .text { display: flex; flex-direction: column; gap: 0.53125em; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_body ul.list > li .card .text { gap: 0.265625em; } }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .text h3 { font-size: 1.435em; font-weight: 600; text-align: center; white-space: nowrap; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_body ul.list > li .card .text h3 { font-size: 1.23em; } }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .text ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card .text ul > li { padding: 4px 8px; background: #f7f7f7; border: solid 1px rgba(0, 0, 0, 0.1025); border-radius: 3px; font-size: 1em; line-height: 1; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_body ul.list > li .card .text ul > li { font-size: .9em; } }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card:hover .thumbnail { transform: scale(0.985); border-color: #AE8534; transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card:hover .thumbnail img { transform: scale(1.075); transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secIndex.idx_interview .wrapper .section_body ul.list > li .card:hover .text h3 { color: #AE8534; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.secIndex.idx_interview .wrapper .section_body ul.list > li:nth-child(3) ~ li { display: none; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_body ul.list > li:nth-child(3) ~ li { display: block; } }
.secIndex.idx_interview .wrapper .section_foot { margin-top: 2.125em; }
@media screen and (max-width: 768px) { .secIndex.idx_interview .wrapper .section_foot { margin-top: 1.0625em; } }
.secIndex.idx_interview .wrapper .section_foot a.button { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 16.4em; min-height: 3.69em; margin: 0 auto; background: #333; border-radius: 4px; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.secIndex.idx_interview .wrapper .section_foot a.button span { color: #ffffff; letter-spacing: 0; }
.secIndex.idx_interview .wrapper .section_foot a.button:hover { transform: scale(0.985); filter: brightness(0.8); transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secIndex.idx_interview.done::before { content: ''; position: absolute; top: 0; right: 0; z-index: -5; display: block; width: 35%; height: 0; background: #e6e3e0; }
@media screen and (max-width: 768px) { .secIndex.idx_interview.done::before { width: 97.5%; } }
.secIndex.idx_interview.gone { transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secIndex.idx_interview.gone::before { height: 35%; }
.secIndex.idx_interview:has(.graduate_banar) .wrapper { padding-bottom: 0; }
@media screen and (max-width: 768px) { .secIndex.idx_interview:has(.graduate_banar) .wrapper { width: 100%; padding-bottom: 0; } }
.secIndex.idx_interview:has(.graduate_banar).gone { transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secIndex.idx_interview:has(.graduate_banar).gone::before { height: 100%; }

p.scroll { position: relative; }

p.scroll::before { content: ''; display: block; width: 1px; height: 30rem; background: #ddd; position: absolute; top: 50%; right: 50%; transform: translate(-50%, -50%); z-index: -5; }

p.scroll::after { content: ''; display: block; width: 1px; height: 6rem; background: #e27b5b; position: absolute; top: 50%; right: 50%; transform: translate(-50%, -50%); z-index: -3; }

p.scroll::after { opacity: 0; visibility: hidden; transform: translate(-50%, -250%); -webkit-animation: scrolls 1.5s linear 0s infinite; -o-animation: scrolls 1.5s linear 0s infinite; animation: scrolls 1.5s linear 0s infinite; }

@keyframes scrolls { 0% { opacity: 0; visibility: hidden; transform: translate(-50%, -250%); }
  10% { opacity: 1; visibility: visible; transform: translate(-50%, -250%); }
  50% { opacity: 1; visibility: visible; transform: translate(-50%, -50%); }
  90% { opacity: 1; visibility: visible; transform: translate(-50%, 150%); }
  100% { opacity: 0; visibility: hidden; transform: translate(-50%, 150%); } }
@-webkit-keyframes scrolls { 0% { opacity: 0; visibility: hidden; transform: translate(-50%, -250%); }
  10% { opacity: 1; visibility: visible; transform: translate(-50%, -250%); }
  50% { opacity: 1; visibility: visible; transform: translate(-50%, -50%); }
  90% { opacity: 1; visibility: visible; transform: translate(-50%, 150%); }
  100% { opacity: 0; visibility: hidden; transform: translate(-50%, 150%); } }
@-o-keyframes scrolls { 0% { opacity: 0; visibility: hidden; transform: translate(-50%, -250%); }
  10% { opacity: 1; visibility: visible; transform: translate(-50%, -250%); }
  50% { opacity: 1; visibility: visible; transform: translate(-50%, -50%); }
  90% { opacity: 1; visibility: visible; transform: translate(-50%, 150%); }
  100% { opacity: 0; visibility: hidden; transform: translate(-50%, 150%); } }
.graduate_banar { position: relative; z-index: 15; width: 100%; height: auto; margin-top: 32px; aspect-ratio: 1900/420; overflow: hidden; }
@media screen and (max-width: 768px) { .graduate_banar { margin-top: 0; aspect-ratio: 840/420; } }
.graduate_banar .background { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
.graduate_banar a { position: relative; z-index: 15; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.graduate_banar a .button { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 360px; height: 72px; background: #f390af; border: 1px solid #f390af; border-radius: 4px; -webklit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: #fff; font-weight: 600; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
@media screen and (max-width: 768px) { .graduate_banar a .button { max-width: 240px; height: 50px; } }
.graduate_banar:hover .background { filter: brightness(0.9); transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
.graduate_banar:hover a .button { background: rgba(255, 255, 255, 0.328); border-color: #fff; color: #fff; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
.graduate_banar + * { margin-top: 64px; }

.intro { background: url(images/bg_outline.png) no-repeat center 10%; padding-top: 70px; padding-bottom: 90px; margin-top: 100px; margin-bottom: 240px; }
@media screen and (max-width: 768px) { .intro { background-position: center; background-size: auto 70%; margin-top: 0; padding-top: 48px; padding-bottom: 48px; margin-bottom: 0; overflow: hidden; } }
.intro * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .intro * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .intro * { font-size: 16.4px; } }
.intro .wrapper { position: relative; z-index: 15; width: calc(100% / 16 * 14); max-width: 1200px; margin: 0 auto; padding-top: 120px; }
@media screen and (max-width: 768px) { .intro .wrapper { padding-top: 40px; } }
.intro .wrapper .l_items > li { position: absolute; z-index: -1; }
@media screen and (max-width: 768px) { .intro .wrapper .l_items > li img { width: 75px; } }
.intro .wrapper .l_items > li:nth-of-type(1) { animation: fadeinup 0.5s ease-in 0s 1 forwards; top: -13%; left: -12%; animation: rotate 5s linear 3.5s infinite; }
@media screen and (max-width: 768px) { .intro .wrapper .l_items > li:nth-of-type(1) { top: -10%; left: 5%; }
  .intro .wrapper .l_items > li:nth-of-type(1) img { width: 96px; } }
.intro .wrapper .l_items > li:nth-of-type(2) { animation: fadeinup 0.5s ease-in 0.5s 1 forwards; top: 30%; left: 7%; }
@media screen and (max-width: 768px) { .intro .wrapper .l_items > li:nth-of-type(2) { top: 15%; left: -2%; } }
.intro .wrapper .l_items > li:nth-of-type(3) { animation: fadeinup 0.5s ease-in 1s 1 forwards; top: 50%; left: -8%; }
@media screen and (max-width: 768px) { .intro .wrapper .l_items > li:nth-of-type(3) { top: 55%; left: -6%; } }
.intro .wrapper .l_items > li:nth-of-type(4) { animation: fadeinup 0.5s ease-in 1.5s 1 forwards; top: 88%; left: 5%; }
@media screen and (max-width: 768px) { .intro .wrapper .l_items > li:nth-of-type(4) { top: 93%; left: -4%; } }
.intro .wrapper .l_items > li:nth-of-type(5) { animation: fadeinup 0.5s ease-in 2s 1 forwards; top: 115%; left: -6%; }
@media screen and (max-width: 768px) { .intro .wrapper .l_items > li:nth-of-type(5) { top: 104%; left: 20%; } }
.intro .wrapper .r_items > li { position: absolute; z-index: -1; }
@media screen and (max-width: 768px) { .intro .wrapper .r_items > li img { width: 75px; } }
.intro .wrapper .r_items > li:nth-of-type(1) { animation: fadeinup 0.5s ease-in 0s 1 forwards; top: 1%; right: -10%; }
.intro .wrapper .r_items > li:nth-of-type(2) { animation: fadeinup 0.5s ease-in 0.5s 1 forwards; top: 26%; right: 1%; }
.intro .wrapper .r_items > li:nth-of-type(3) { animation: fadeinup 0.5s ease-in 1s 1 forwards; top: 42%; right: -14%; }
.intro .wrapper .r_items > li:nth-of-type(4) { animation: fadeinup 0.5s ease-in 1.5s 1 forwards; top: 64%; right: -3%; }
.intro .wrapper .r_items > li:nth-of-type(5) { animation: fadeinup 0.5s ease-in 2s 1 forwards; top: 99%; right: -2%; animation: rotate2 6s linear 2s infinite; }
@media screen and (max-width: 768px) { .intro .wrapper .r_items > li:nth-of-type(5) img { width: 96px; } }
.intro .wrapper .intro_head hgroup { display: flex; align-items: center; flex-direction: column-reverse; }
.intro .wrapper .intro_head hgroup .sub { font-size: 64px; color: #0050a5; line-height: 1.23; }
@media screen and (max-width: 768px) { .intro .wrapper .intro_head hgroup .sub { font-size: 40px; } }
.intro .wrapper .intro_body { padding: 32px 0; }
@media screen and (max-width: 768px) { .intro .wrapper .intro_body { padding: 24px 0; } }
.intro .wrapper .intro_body p { text-align: center; }
.intro .wrapper .intro_foot { display: flex; align-items: center; justify-content: center; }
.intro .wrapper .intro_foot .button { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 360px; height: 72px; background: #0050a5; border: 1px solid #0050a5; border-radius: 4px; -webklit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: #fff; font-weight: 600; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
@media screen and (max-width: 768px) { .intro .wrapper .intro_foot .button { max-width: 240px; height: 50px; } }
.intro .wrapper .intro_foot .button:hover { background: rgba(255, 255, 255, 0.41); color: #0050a5; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

@keyframes rotate { 0% { transform: rotate(0deg); }
  3% { transform: rotate(-5deg); }
  6% { transform: rotate(0deg); }
  9% { transform: rotate(-5deg); }
  12% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); } }
@keyframes rotate2 { 0% { transform: rotate(0deg); }
  3% { transform: rotate(5deg); }
  6% { transform: rotate(0deg); }
  9% { transform: rotate(5deg); }
  12% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); } }
.basic { position: relative; z-index: 15; border-bottom: solid 1px #ddd; }
.basic * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .basic * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .basic * { font-size: 16.4px; } }
.basic .wrapper { width: calc(100% / 16 * 14); max-width: 1200px; margin: 0 auto; padding: calc(8.5em / 8 * 5) 0 calc(8.5em / 8 * 6); }
@media screen and (max-width: 768px) { .basic .wrapper { padding: calc(8.5em / 8 * 3) 0 calc(8.5em / 8 * 4); } }
.basic .wrapper .basic_head hgroup h2 { font-size: 1.845em; text-align: center; letter-spacing: 0; color: #0050a5; }
@media screen and (max-width: 768px) { .basic .wrapper .basic_head hgroup h2 { line-height: 1; } }
.basic .wrapper .basic_head hgroup + p { display: table; margin: 0 auto; margin-top: 1.0625em; letter-spacing: 0; }
@media screen and (max-width: 768px) { .basic .wrapper .basic_head hgroup + p { max-width: 20.5em; } }
.basic .wrapper .basic_body { margin-top: 16px; }
.basic .wrapper .basic_body ul.list { max-width: 1024px; margin: 0 auto; padding: 0 32px; }
@media screen and (max-width: 768px) { .basic .wrapper .basic_body ul.list { padding: 0; } }
.basic .wrapper .basic_body ul.list > li { display: flex; flex-wrap: wrap; padding: 24px 0; border-bottom: dotted 1px #6d6d6d; }
@media screen and (max-width: 768px) { .basic .wrapper .basic_body ul.list > li { padding: 18px 0; } }
.basic .wrapper .basic_body ul.list > li .title { flex: 1; color: #0050a5; font-weight: 600; }
.basic .wrapper .basic_body ul.list > li .body { flex: 3; font-weight: normal; }
.basic .wrapper .basic_body ul.flow { padding-left: 1em; }
.basic .wrapper .basic_body ul.flow > li { list-style-type: decimal; }
.basic .wrapper .basic_body ul.disc { padding-left: 1em; }
.basic .wrapper .basic_body ul.disc > li { list-style-type: disc; }

.entry { position: relative; z-index: 15; border-top: solid 1px #ddd; }
.entry * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .entry * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .entry * { font-size: 16.4px; } }
.entry .wrapper { width: calc(100% / 16 * 14); max-width: 1200px; margin: 0 auto; padding: calc(8.5em / 8 * 5) 0 calc(8.5em / 8 * 6); }
@media screen and (max-width: 768px) { .entry .wrapper { padding: calc(8.5em / 8 * 3) 0 calc(8.5em / 8 * 4); } }
.entry .wrapper .entry_head hgroup h2 { font-size: 1.845em; text-align: center; letter-spacing: 0; color: #0050a5; }
@media screen and (max-width: 768px) { .entry .wrapper .entry_head hgroup h2 { line-height: 1; } }
.entry .wrapper .entry_head hgroup + p { display: table; margin: 0 auto; margin-top: 1.0625em; letter-spacing: 0; }
@media screen and (max-width: 768px) { .entry .wrapper .entry_head hgroup + p { max-width: 20.5em; } }
.entry .wrapper .entry_body { max-width: 1024px; margin: 0 auto; margin-top: 16px; padding: 0 32px; }
@media screen and (max-width: 768px) { .entry .wrapper .entry_body { padding: 0; } }
.entry .wrapper .entry_body .formWrap { margin-top: 0; }
.entry .wrapper .entry_body .formWrap .caption + * { margin-top: 32px; }
.entry .wrapper .entry_body .formWrap ul.listDocForm > li { margin-bottom: 16px; }
.entry .wrapper .entry_body .formWrap ul.listDocForm > li:last-child { margin-bottom: 0; }
.entry .wrapper .entry_body .formWrap dl.listDocForm > dt { margin-bottom: 4px; }
.entry .wrapper .entry_body .formWrap dl.listDocForm > dt p { display: flex; align-items: center; flex-wrap: wrap; gap: 0 8px; }
.entry .wrapper .entry_body .formWrap dl.listDocForm > dt small[data-type] { display: flex; align-items: center; justify-content: center; padding: 2px 6px; border-radius: 2px; background: tomato; color: #fff; font-size: 13px; line-height: 1.5; }
.entry .wrapper .entry_body .formWrap dl.listDocForm > dt small[data-type]::after { content: attr(data-type) ""; display: block; }
.entry .wrapper .entry_body .formWrap dl.listDocForm > dd .cap { margin-top: 4px; font-size: 13px; color: #333; }
.entry .wrapper .entry_body p:has([type="hidden"]) { display: none; }
.entry .wrapper .entry_body .mw_wp_form_confirm .formWrap .caption { display: none; }
.entry .wrapper .entry_body .mw_wp_form_confirm .formWrap ul.listDocForm > li.entryBtnWrap { display: flex; flex-direction: row-reverse; }
.entry .wrapper .entry_body .mw_wp_form_confirm .formWrap dl.listDocForm > dd { padding: 16px; background: #f7f7f7; }
.entry .wrapper .entry_body .mw_wp_form_confirm input[name="submitBack"] { background: #555; }
.entry .wrapper .entry_body .mw_wp_form_complete .formWrap .caption { display: flex; align-items: center; justify-content: center; min-height: 140px; background: #eceff7; text-align: center; }

.secIndex.sec2::before { content: ''; display: block; width: 35%; height: 115%; background: #e6e3e0; position: absolute; top: -15%; right: 0; }

.secIndex.sec2.gone::before { height: 115%; transition: ease-in 1s; }

.secIndex.sec2 a.borderBtn { margin-top: 4rem; text-align: right; }

.secIndex.sec2 .innerWrap { padding: 16.8rem 0 9.6rem; }

.secIndex.sec2 .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }

.secIndex.sec2 .flexWrap > .flexLeft { width: 35%; }

.secIndex.sec2 .flexWrap > .flexRight { width: 55%; }

.secIndex.sec2 .flexWrap > .flexRight .inner { width: calc(100% + 10vw); height: auto; }

.secIndex.sec3::before { content: ''; display: block; width: 35%; height: 0; background: #e6e3e0; position: absolute; top: 0; right: 0; }

.secIndex.sec3.gone::before { height: 50%; transition: ease-in .3s; }

.secIndex.sec3::after { content: ''; display: block; width: 65%; height: 0; background: #e6e3e0; position: absolute; top: 50%; left: 0; }

.secIndex.sec3.gone::after { height: 50%; transition: ease-in .3s; }

.secIndex.sec3 h2 { text-align: center; }

.secIndex.sec3 h3 { text-align: center; transform: translate3d(0, -3rem, 0); }

.secIndex.sec3 h3 span.en { font-size: 1.2rem; line-height: 3rem; letter-spacing: .3em; background: rgba(0, 0, 0, 0.85); border-bottom: dashed 1px #333; color: #fff; }

.secIndex.sec3 h3 span.en::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

.secIndex.sec3 h3 span.jp { line-height: 6rem; letter-spacing: .2em; font-weight: normal; font-size: 1.8rem; background: rgba(0, 0, 0, 0.8); color: #fff; }

.secIndex.sec3 a.borderBtn { margin-top: 4rem; text-align: center; }

.secIndex.sec3 .innerWrap { padding: 9.6rem 0; }

.secIndex.sec3 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }

.secIndex.sec3 .flexWrap > .flexLeft { width: 45%; }

.secIndex.sec3 .flexWrap > .flexRight { width: 50%; }

.secIndex.sec3 .flexWrap > .flexRight .inner { width: calc(100% + 7.5vw); }

.secIndex.sec3 .flexWrap > .flexRight .inner img { width: 100%; height: auto; }

.post-container .swiper-slide { transition: ease .3s; }

.post-container .swiper-slide:hover { opacity: .75; transition: ease .3s; }

.post-container .swiper-slide img { transition: ease .3s; }

.post-container .swiper-slide:hover img { transition: ease .3s; }

.post-container .swiper-slide .txtWrap { background: #fff; padding: 7.5%; margin-top: 1px; transition: ease .3s; }

.post-container .swiper-slide:hover .txtWrap { background: #e27b5b; transition: ease .3s; }

dl.listPost dd p { font-size: 1.2rem; opacity: .75; }

dl.listPost dt { margin-top: .75rem; }

/*PAGE*/
h1.pageTtl { font-weight: normal; font-size: 2.1rem; }
h1.pageTtl + p { padding-bottom: 40px; color: #aaa; }

h1.pageTtl span { display: inline-block; vertical-align: baseline; line-height: 1; font-style: italic; }

h1.pageTtl span.en { text-transform: uppercase; font-size: 7.2vw; }

h1.pageTtl span.jp { font-size: 1.5rem; }

h2.pageTtl { font-size: 3rem; margin-bottom: 1.5em; }

h2.pageTtl span { display: block; line-height: 1.65; }

h2.pageTtl span.en { font-size: 1.2rem; line-height: 3rem; letter-spacing: .3em; }

h2.pageTtl span.en::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

h2.pageTtl span.jp { line-height: 6rem; letter-spacing: .2em; font-weight: normal; font-size: 2.1rem; }

h3.pageTtl { font-size: 2.1rem; font-weight: normal; }

h4.pageTtl { font-size: 1.8rem; }

header.pageHeader { width: 100%; height: auto; padding-top: 7.2rem; position: relative; }

header.pageHeader .innerWrap { width: 85%; max-width: 168rem; height: 35rem; margin: 0 auto; position: relative; z-index: 1; display: flex; align-items: center; }

.pageTtlWrap { margin-top: -6rem; position: relative; z-index: 10; }

.pageTtlWrap .innerWrap { width: 85%; margin: 0 auto; }

dl.listPageTtl { width: 50%; }

dl.listPageTtl dt { padding: 0 4rem; background: rgba(0, 0, 0, 0.8); }

dl.listPageTtl dt h1 { color: #fff; line-height: 9.6rem; letter-spacing: .2em; }

dl.listPageTtl dd { padding: 0 4rem; border-bottom: dashed 1px #333; background: rgba(0, 0, 0, 0.85); }

dl.listPageTtl dd p { font-size: 1.2rem; color: #fff; line-height: 6rem; letter-spacing: .3em; }

dl.listPageTtl dd p::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

.jobPosting dl.listPageTtl { width: 100%; }

.secPage { position: relative; }

.secPage p.written { text-align: right; }

.secPage p.written img.sign { width: auto; height: 3rem; }

.secPage p ~ p { margin-top: 1em; }

.secPage > .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; position: relative; z-index: 1; }

.secPage > .innerWrap ~ .innerWrap { margin-top: 1rem; }

.bcWrap { position: relative; background: #f5f0ed; }

.bcWrap.single { background: none; }

.bcWrap .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; position: relative; z-index: 1; padding: 6rem 0; }

.bcWrap.single .innerWrap { width: 100%; padding: 3rem; border-top: solid 1px #655f5c; }

.bcWrap.single .innerWrap * { color: #a5a19f; }

.bread_crumb ul { display: flex; }

.bread_crumb ul li { white-space: nowrap; color: #31302e; font-weight: bold; font-size: 1.2rem; }

.bread_crumb ul li a { opacity: .5; transition: ease .3s; }

.bread_crumb ul li a:hover { opacity: 1; transition: ease .3s; }

.bread_crumb ul li a::after { content: '＞'; margin: 0 .5em; }

/*PAGE_MESSAGE*/
.secPage.message.message1 .innerWrap { width: 100%; }

.secPage.message.message1 .innerWrap::before { content: ''; display: block; width: 65%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); z-index: 1; }

.secPage.message.message1 .txtWrap { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; height: 100%; display: flex; align-items: center; z-index: 5; }

.secPage.message.message1 .txtWrap .inner { padding-left: 10%; }

.secPage.message.message1 .txtWrap .inner p { color: #fff; }

.secPage.message.message2 h2.pageTtl { text-align: center; }

.secPage.message.message2 .innerWrap { padding: 9.6rem 0; }

.secPage.message.message2::before { content: ''; display: block; width: 35%; height: 115%; background: #e6e3e0; position: absolute; top: -15%; right: 0; }

.secPage.message.message2.gone::before { height: 115%; transition: ease-in 1s; }

.secPage.message.message2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }

.secPage.message.message2 .flexWrap > .flexLeft { width: 70%; }

.secPage.message.message2 .flexWrap > .flexLeft .inner { background: #fff; padding: 15% 10%; box-shadow: -10rem 10rem 20rem #ddd; }

.secPage.message.message2 .flexWrap > .flexLeft p { line-height: 3; }

.secPage.message.message2 .flexWrap > .flexRight { width: 25%; }

.secPage.message.message2 .flexWrap > .flexRight .inner { background: rgba(0, 0, 0, 0.85); padding: 10%; }

.secPage.message.message2 .flexWrap > .flexRight .inner > p { color: #fff; }

ul.listHistory { padding: 1.5rem 0; border-top: dotted 1px #555; margin-top: 2rem; }

ul.listHistory li p { color: #777; padding: .5em 0; font-size: 1.3rem; }

ul.listHistory li p span { display: block; }

/*PAGE_ABOUT*/
.secPage.about.about1 .innerWrap { width: 100%; }

.secPage.about.about1 .innerWrap::before { /*content: ''; display: block; width: 65%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; background: linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,0,0,0)); z-index: 1;*/ }

.secPage.about.about1 .txtWrap { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; height: 100%; display: flex; align-items: center; z-index: 5; }

.secPage.about.about1 .txtWrap .inner { padding-left: 10%; }

.secPage.about.about1 .txtWrap .inner p { color: #fff; }

.secPage.about.about2 > * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secPage.about.about2 > * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .secPage.about.about2 > * { font-size: 16.4px; } }
.secPage.about.about2.done::before { content: ''; position: absolute; top: -15%; right: 0; display: block; width: 35%; height: 115%; background: #e6e3e0; }
.secPage.about.about2.gone::before { height: 115%; transition: ease-in 1s; }
.secPage.about.about2 h2.pageTtl { text-align: center; }
.secPage.about.about2 .innerWrap { max-width: calc(100% / 16* 14); padding: 9.6rem 0; }
@media screen and (max-width: 768px) { .secPage.about.about2 .innerWrap { width: 100%; max-width: calc(100% / 16 * 15); padding: calc(8.5em / 8) 0; } }
.secPage.about.about2 .innerWrap > .inner { background: #fff; padding: calc(100% / 28 * 3); box-shadow: -10rem 10rem 20rem #ddd; }
@media screen and (max-width: 768px) { .secPage.about.about2 .innerWrap > .inner { padding: calc(100% / 28 * 2); } }
.secPage.about.about2 .innerWrap > .inner hgroup { display: flex; align-items: center; flex-direction: column; }
.secPage.about.about2 .innerWrap > .inner hgroup h2 { font-size: 1.845em; font-weight: normal; }
.secPage.about.about2 .innerWrap > .inner hgroup + * { margin-top: calc(8.5em / 8 * 3); }
@media screen and (max-width: 768px) { .secPage.about.about2 .innerWrap > .inner hgroup + * { margin-top: calc(8.5em / 16 * 3); } }
.secPage.about.about2 dl.listCompany { display: flex; column-gap: calc(8.5em / 8); border-bottom: solid 19x rgba(0, 0, 0, 0.1025); }
@media screen and (max-width: 768px) { .secPage.about.about2 dl.listCompany { flex-direction: column; gap: calc(8.5em / 16) calc(8.5em / 8); } }
.secPage.about.about2 dl.listCompany dt { position: relative; display: flex; align-items: center; column-gap: calc(8.5em / 8); min-width: calc(8.5em); }
.secPage.about.about2 dl.listCompany dt::after { content: ''; flex: 1; height: 1px; background: #AE8534; }
@media screen and (max-width: 768px) { .secPage.about.about2 dl.listCompany dt::after { background: rgba(0, 0, 0, 0.1025); } }
.secPage.about.about2 dl.listCompany dt p { color: #AE8534; }
.secPage.about.about2 dl.listCompany dt p span { position: relative; background: #fff; padding-right: 2rem; }
.secPage.about.about2 dl.listCompany dd { flex: 1; }
.secPage.about.about2 dl.listCompany ~ dl.listCompany { margin-top: calc(8.5em / 8); }

.secPage.about.about3 .innerWrap { width: 100%; }

.secPage.about.about4 .innerWrap { padding: 0 0 9.6rem; }

.secPage.about.about4 .innerWrap > .inner { background: #fff; padding: 15% 10%; box-shadow: -10rem 10rem 20rem #ddd; }

.secPage.about.about4::before { content: ''; display: block; width: 35%; height: 115%; background: #e6e3e0; position: absolute; top: -50%; right: 0; }

.secPage.about.about4.gone::before { height: 150%; transition: ease-in 1s; }

.pageDescription { padding: 0 4rem 4rem; background: rgba(0, 0, 0, 0.8); width: 50%; }

.pageDescription p { color: #aaa; }

.secPage.about.about5::before { content: ''; position: absolute; top: -50%; right: 0; display: block; width: 35%; height: 115%; background: #e6e3e0; }
@media screen and (max-width: 768px) { .secPage.about.about5::before { width: 97.5%; } }
.secPage.about.about5 > * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secPage.about.about5 > * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .secPage.about.about5 > * { font-size: 16.4px; } }
.secPage.about.about5 .innerWrap { width: 100%; }
.secPage.about.about5 h3.pageTtl { font-size: .95em; margin-bottom: 1.435em; }
.secPage.about.about5 h3.pageTtl ~ h3.pageTtl { margin-top: 1.5em; }
.secPage.about.about5 p { font-size: 1.1275em; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secPage.about.about5 p { font-size: 1.075em; } }
.secPage.about.about5 .flexVision { display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: space-between; }
.secPage.about.about5 .flexVision * { color: #fff; }
.secPage.about.about5 .flexVision > div { position: relative; }
.secPage.about.about5 .flexVision > div::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: #4c402e; opacity: .85; }
.secPage.about.about5 .flexVision > .flexLeft { width: 40%; background: url(images/bgAbout2.jpg) center; background-size: cover; border: solid 1px #333; padding: 5vw 5vw 5.5vw; }
.secPage.about.about5 .flexVision > .flexLeft .inner { position: relative; }
.secPage.about.about5 .flexVision > .flexRight { width: 60%; background: url(images/bgAbout1.jpg) center; background-size: cover; border: solid 1px #333; padding: 5vw 5vw 5.5vw; position: relative; }
.secPage.about.about5 .flexVision > .flexRight .inner { position: relative; }
.secPage.about.about5 .flexVision > .flexRight p { font-size: 1.5rem; }
.secPage.about.about5 .flexVision > .flexCenter { width: 100%; background: url(images/bgAbout3.jpg) center; background-size: cover; border: solid 1px #333; padding: 5vw 5vw 5.5vw; position: relative; }
.secPage.about.about5 .flexVision > .flexCenter .inner { position: relative; }
.secPage.about.about5 .flexVision > .flexItem { position: relative; width: calc(100% / 3); background: #f8f8f8; border: solid 1px #333; padding: 5vw 5vw 5.5vw; }
.secPage.about.about5 .flexVision > .flexItem.item1 { background: url(images/bgAbout4.jpg) center; background-size: cover; }
.secPage.about.about5 .flexVision > .flexItem.item2 { background: url(images/bgAbout5.jpg) center; background-size: cover; }
.secPage.about.about5 .flexVision > .flexItem.item3 { background: url(images/bgAbout6.jpg) center; background-size: cover; }
.secPage.about.about5 .flexVision > .flexItem .inner { position: relative; }

dl.listResult { margin-top: calc(8.5em / 4); }
dl.listResult dt p { font-weight: bold; opacity: .8; }
dl.listResult dt p span { font-size: .8em; }

ul.listResult { display: flex; align-items: center; flex-wrap: wrap; gap: calc(8.5em / 16); margin-top: calc(8.5em / 8); }
ul.listResult li p { padding: calc(8.5em / 16) calc(8.5em / 8); background: rgba(255, 255, 255, 0.2); border: solid 1px #eee; border-radius: 8.5em; line-height: 1; }
ul.listResult li:last-child p { padding: 0; background: none; border: none; }

/*PAGE_TEAM*/
.secPage.team.team1 > * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .secPage.team.team1 > * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .secPage.team.team1 > * { font-size: 16.4px; } }
.secPage.team.team1 .innerWrap { width: calc(100% / 16 * 15); margin: 0 auto; padding: calc(8.5em / 8 * 6) 0; }
.secPage.team.team1 .flexWrap { display: flex; flex-wrap: wrap; gap: calc(8.5em / 8 * 3) calc(8.5em / 8); }
@media screen and (max-width: 768px) { .secPage.team.team1 .flexWrap { gap: calc(8.5em / 8 * 2) calc(8.5em / 16); } }
.secPage.team.team1 .flexWrap > .flexItem { position: relative; width: calc((100% / 3) - ((8.5em / 8) * 2 / 3)); }
@media screen and (max-width: 768px) { .secPage.team.team1 .flexWrap > .flexItem { width: calc((100% / 2) - ((8.5em / 16) * 1 / 2)); }
  .secPage.team.team1 .flexWrap > .flexItem:first-child { width: 100%; } }
.secPage.team.team1 .flexWrap > .flexItem .card { display: flex; flex-direction: column; gap: 1.4166666667em; width: 100%; height: auto; }
.secPage.team.team1 .flexWrap > .flexItem .card .thumbnail { position: relative; z-index: 15; border: solid 4px transparent; border-radius: 0.53125em; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1025); line-height: 0; aspect-ratio: 1 / 1; transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
@media screen and (max-width: 768px) { .secPage.team.team1 .flexWrap > .flexItem .card .thumbnail { aspect-ratio: 1 / 1.23; } }
.secPage.team.team1 .flexWrap > .flexItem .card .thumbnail img { transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secPage.team.team1 .flexWrap > .flexItem .card .thumbnail .tag { position: absolute; top: calc(8.5em / 16 * 3); left: calc(8.5em / 16 * 3); padding: 6px 12px; background: #ffffff; border: solid 1px rgba(0, 0, 0, 0.1025); border-radius: 8.5em; font-weight: 600; font-size: .9em; line-height: 1; }
@media screen and (max-width: 768px) { .secPage.team.team1 .flexWrap > .flexItem .card .thumbnail .tag { top: calc(8.5em / 16 * 1); left: calc(8.5em / 16 * 1); padding: 4px 8px; } }
.secPage.team.team1 .flexWrap > .flexItem .card .thumbnail .tag[data-type='新卒採用'] { background: #01abeb; color: #ffffff; }
.secPage.team.team1 .flexWrap > .flexItem .card .thumbnail .tag[data-type='中途採用'] { background: #fe0100; color: #ffffff; }
.secPage.team.team1 .flexWrap > .flexItem .card .text { display: flex; flex-direction: column; gap: 0.53125em; }
@media screen and (max-width: 768px) { .secPage.team.team1 .flexWrap > .flexItem .card .text { gap: 0.265625em; } }
.secPage.team.team1 .flexWrap > .flexItem .card .text h3 { font-size: 1.435em; font-weight: 600; text-align: center; white-space: nowrap; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
@media screen and (max-width: 768px) { .secPage.team.team1 .flexWrap > .flexItem .card .text h3 { font-size: 1.23em; } }
.secPage.team.team1 .flexWrap > .flexItem .card .text ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; }
.secPage.team.team1 .flexWrap > .flexItem .card .text ul > li { padding: 4px 8px; background: #f7f7f7; border: solid 1px rgba(0, 0, 0, 0.1025); border-radius: 3px; font-size: 1em; line-height: 1; }
@media screen and (max-width: 768px) { .secPage.team.team1 .flexWrap > .flexItem .card .text ul > li { font-size: .9em; } }
.secPage.team.team1 .flexWrap > .flexItem .card:hover .thumbnail { transform: scale(0.985); border-color: #AE8534; transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secPage.team.team1 .flexWrap > .flexItem .card:hover .thumbnail img { transform: scale(1.075); transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.secPage.team.team1 .flexWrap > .flexItem .card:hover .text h3 { color: #AE8534; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

dl.listTeamProfile { width: 100%; padding: 5%; }

/*MEMER*/
.memberStickey { position: sticky; top: 0; width: 100vw; height: 100vh; }

.memberStickey img { position: absolute; top: 0; left: auto; right: 0; height: 100vh; width: auto; }

.memberContent { width: 65%; position: relative; margin-top: -100vh; }
@media screen and (max-width: 768px) { .memberContent { width: 100%; padding: 0; padding-top: 100vw; margin-top: 0; z-index: 25; }
  .memberContent img { width: 100%; margin-top: 6rem; } }
.memberContent * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .memberContent * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .memberContent * { font-size: 16.4px; } }
.memberContent > .inner { background: #fff; padding: 9.6rem 0; }
.memberContent hgroup { display: flex; align-items: baseline; column-gap: calc(8.5em / 8); }
.memberContent hgroup + * { margin-top: calc(8.5em / 8 * 2); }
.memberContent hgroup h3 { font-size: 1.64em; font-weight: normal; }
.memberContent hgroup span { font-size: .9em; }
.memberContent img { width: 100%; margin-top: 6rem; }
.memberContent ul.listWorkflow { display: flex; flex-direction: column; gap: calc(8.5em / 16); }
.memberContent ul.listWorkflow li { display: flex; align-items: center; border-bottom: solid 1px rgba(0, 0, 0, 0.1025); padding: 2.5% 5%; font-size: 1.075em; }
@media screen and (max-width: 768px) { .memberContent ul.listWorkflow li { padding-right: 0; } }
.memberContent ul.listWorkflow li > span { position: relative; display: block; width: calc(8.5em / 8 * 6); }
@media screen and (max-width: 768px) { .memberContent ul.listWorkflow li > span { width: calc(8.5em / 8 * 4); } }
.memberContent ul.listWorkflow li > span::before { content: attr(data-time) ""; display: block; font-weight: 600; }
.memberContent ul.listWorkflow li > span::after { content: ''; display: block; width: 1em; height: 1em; background: #AE8534; position: absolute; top: 0; right: calc(100% + .82em); border-radius: calc(8.5em / 32); }
.memberContent ul.listWorkflow li p { width: calc(100% - (8.5em / 8 * 6)); margin-left: auto; }
@media screen and (max-width: 768px) { .memberContent ul.listWorkflow li p { width: calc(100% - (8.5em / 8 * 4)); } }

.profileBox { display: flex; align-items: center; height: 50vh; }
@media screen and (max-width: 768px) { .profileBox { height: auto; background: linear-gradient(to top, #fff, transparent); } }

dl.listProf { padding: 5% 7.5%; }
dl.listProf dt p { font-size: 2.1rem; margin: .5em 0; }
dl.listProf dt p::before { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1.5px; background: red; margin-right: 1.5rem; }

ul.listProf { display: flex; gap: calc(8.5em / 16); }
ul.listProf li { border: solid 1px #ddd; border-radius: 8.5em; padding: calc(8.5em / 24) calc(8.5em / 12); background: #fff; }
ul.listProf li p { font-size: 1em; line-height: 1; }

dl.listProfile { padding: 0 9.6rem; }
@media screen and (max-width: 768px) { dl.listProfile { padding: calc(8.5em / 16 * 3) calc(8.5em / 8 * 2); } }
dl.listProfile dt p { font-size: 2.05em; font-weight: 600; margin: 1em 0; line-height: 1; }
@media screen and (max-width: 768px) { dl.listProfile dt p { font-size: 1.845em; } }
dl.listProfile dt p::before { content: ''; display: inline-block; vertical-align: middle; width: .41em; height: 3px; margin-right: calc(8.5em / 16); background: red; border-radius: 3px; }

ul.listProfile { display: flex; flex-wrap: wrap; gap: calc(8.5em / 16); }
ul.listProfile li { border: solid 1px #ddd; border-radius: 8.5em; padding: calc(8.5em / 16) calc(8.5em / 8); background: #fff; }
ul.listProfile li p { font-size: 1em; line-height: 1; }

dl.listMember { width: 80%; margin: 0 auto; }
dl.listMember dt p { color: #AE8534; font-size: 1.435em; margin-bottom: calc(8.5em / 16); }
@media screen and (max-width: 768px) { dl.listMember dt p { font-size: 1.3325em; } }
dl.listMember dd p { font-size: 1.075em; }
dl.listMember ~ dl.listMember { margin-top: 6rem; }
@media screen and (max-width: 768px) { dl.listMember ~ dl.listMember { margin-top: calc(8.5em / 8 * 2); } }

.flowWrap { width: 80%; margin: 10% auto 0; padding-top: 5%; border-top: solid 1px var(--color-border); }

/*PAGE_WELFARE*/
.secPage.welfare.welfare1 .innerWrap { width: 100%; }

.secPage.welfare.welfare2 h2.pageTtl { text-align: center; }

.secPage.welfare.welfare2 .innerWrap { width: 100%; padding: 9.6rem 0; }

.secPage.welfare.welfare2::before { content: ''; display: block; width: 35%; height: 0; background: #e6e3e0; position: absolute; top: -15%; right: 0; }

.secPage.welfare.welfare2.gone::before { height: 115%; transition: ease-in 1s; }

.secPage.welfare.welfare2 .flexWrap { display: flex; }

.secPage.welfare.welfare2 .flexWrap > .flexLeft { width: calc(100% / 3); }

.secPage.welfare.welfare2 .flexWrap > .flexRight { width: calc((100% / 3) * 2); }

.secPage.welfare.welfare2 .flexWrap:nth-child(2n) > .flexLeft { order: 1; }

/*PAGE_FAQ*/
.secPage.faq.faq1 .innerWrap { width: 100%; }

.secPage.faq.faq2 .innerWrap { padding: 9.6rem 0; }

.secPage.faq.faq2::before { content: ''; display: block; width: 35%; height: 115%; background: #e6e3e0; position: absolute; top: -15%; right: 0; }

.secPage.faq.faq2.gone::before { height: 115%; transition: ease-in 1s; }

.secPage.faq.faq2 .flexWrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; padding: 15% 10%; box-shadow: -10rem 10rem 20rem #ddd; }

.secPage.faq.faq2 .flexWrap > .flexItem { width: 100%; margin-bottom: 7.5%; }

dl.listFaq dt h3.pageTtl { margin-bottom: 1em; padding: .65em 0; border-top: solid 1.5px #111; border-bottom: solid 1.5px #111; font-weight: bold; }

dl.listFaq dt h3.pageTtl span { letter-spacing: 0; }

/*PAGE_NEW*/
.secPage.new1::before { content: ''; display: block; width: 35%; height: 0; background: #f5f0ed; position: absolute; top: -10rem; right: 0; }

.secPage.new1.gone::before { height: calc(100% + 10rem); transition: ease-in 1s; }

.secPage.new1 h3.pageTtl { margin-bottom: 1em; font-weight: normal; font-size: 3.6vw; }

.secPage.new1 h3.pageTtl::before { content: attr(data-number) ""; display: inline-block; vertical-align: super; font-size: 1.8vw; font-family: 'Open Sans', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; color: #e27b5b; font-style: italic; font-weight: bold; margin-right: .5em; }

.secPage.new1 h3.pageTtl ~ h3.pageTtl { margin-top: 2em; }

.secPage.new1 h4.pageTtl { font-size: 1.8vw; margin-bottom: 2em; border-left: solid 5px #e27b5b; padding-left: 5%; margin-bottom: 1.5em; }

.secPage.new1 h4.pageTtl ~ h4.pageTtl { margin-top: 3em; }

.secPage.new1 p ~ p { margin-top: 1em; }

.secPage.new1 .innerWrap { padding: 9.6rem 15% 9.6rem 0; background: #fff; }

.secPage.new1 .focus { background: #f8f8f8; padding: 7.5%; border-radius: 3px; }

ul.listFlow { display: flex; }

ul.listFlow::after { display: none; }

ul.listFlow li::after { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5em; margin: 0 1.5em; background: url(images/iconArrowRight.svg) center; background-size: cover; }

ul.listFlow li:last-child::after { display: none; }

ul.listFlow li p { display: inline-block; vertical-align: middle; text-align: center; }

.flexWanted { display: flex; flex-wrap: wrap; justify-content: space-between; }

.flexWanted > .flexLeft { width: 45%; }

.flexWanted > .flexRight { width: 50%; }

table.innerTable { text-align: center; }

table.innerTable tr.head th { background: #b2d1e9; }

table.innerTable tr.body th { background: #d9e8f4; }

table.innerTable + p.sm { margin-top: 1em; opacity: .5; font-size: 1.2rem; }

/*PAGE_ENTRY*/
.formWrap { margin-top: 4rem; }

ul.listDocForm { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -4rem; }

ul.listDocForm li { width: 100%; margin-bottom: 4rem; }

ul.listDocForm li:last-child { width: 100%; margin-bottom: 4rem; }

dl.listDocForm dt { margin-bottom: 1em; }

dl.listDocForm dt p { font-weight: bold; }

dl.listDocForm dt p::after { content: ''; display: inline-block; vertical-align: baseline; line-height: 1; font-size: 1.2rem; color: #fff; padding: .3em 1em; margin-left: 1em; }

dl.listDocForm dt p.must::after { content: '必須'; background: #e27b5b; }

dl.listDocForm dt p.can::after { content: '任意'; background: #999; }

input[type="text"], textarea, select { width: 100%; height: auto; border: solid 1px #d2d2d2; border-radius: 3px; padding: 18px 24px; font-size: 1.6rem; line-height: 1em; background: rgba(255, 255, 255, 0.2); color: #151515; }

input[type="radio"] + span { font-size: 1.6rem; color: #151515; }

input[type="text"]#old { width: 10em; margin-right: 1em; }

input[type="text"]#date2, input[type="text"]#date3 { margin-top: 1em; }

select { height: 6rem; }

label { line-height: 6rem; }

input[type="text"]:focus, textarea:focus, select:focus { outline: none; border: solid 1px #a2a2a2; }

input[type="submit"] { width: 100%; max-width: 32rem; height: 6rem; border: none; font-weight: bold; text-align: center; line-height: 4rem; font-size: 1.3rem; letter-spacing: .2em; background: #e27b5b; color: #fff; position: relative; margin: 0 auto; display: block; -webkit-transition: ease .5s; transition: ease .5s; }

input[type="submit"]:hover { opacity: .615; -webkit-transition: ease .5s; transition: ease .5s; }

/*PAGE_PRIVACY*/
.secPage.privacy1::before { content: ''; display: block; width: 35%; height: 0; background: #f5f0ed; position: absolute; top: -10rem; right: 0; }

.secPage.privacy1.gone::before { height: calc(100% + 10rem); transition: ease-in 1s; }

.secPage.privacy1 .innerWrap { padding: 9.6rem 15% 9.6rem 0; background: #fff; }

dl.listPolicy { margin-top: 9.6rem; }

dl.listPolicy dt ~ dt { margin-top: 6rem; }

dl.listPolicy dd { margin-top: 2rem; }

/*ARCHIVE*/
.secPage.archive.archive1 { position: relative; z-index: 1; }

.secPage.archive.archive2::before { content: ''; display: block; width: 35%; height: calc(100% + 10rem); background: #f5f0ed; position: absolute; top: -10rem; right: 0; }

.secPage.archive.archive2.gone::before { height: calc(100% + 10rem); transition: ease-in 1s; }

.secPage.archive.archive2 .innerWrap { padding: 9.6rem 0; }

.secPage.archive.archive2 .flexJoblist { display: flex; flex-wrap: wrap; justify-content: space-between; }

.secPage.archive.archive2 .flexJoblist > .flexLeft { width: 65%; padding-bottom: 9.6rem; }

.secPage.archive.archive2 .flexJoblist > .flexRight { width: 25%; }

.jobPost { position: relative; }

.jobPost ~ .jobPost { margin-top: 6rem; }

.jobPost h3.jobTtl { font-size: 2.25rem; font-weight: normal; margin-bottom: 1em; }

dl.listContent { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5%; background: #f8f8f8; border: solid 1px #ddd; border-radius: 8px; }

dl.listContent dt { width: 25%; padding: .75em 0; }

dl.listContent dt ~ dt { border-top: dotted 1px #d0d0d0; }

dl.listContent dt p { font-weight: bold; font-size: 1.3rem; line-height: 1.5; }

dl.listContent dd { width: 75%; padding: .75em 0; }

dl.listContent dd ~ dd { border-top: dotted 1px #d0d0d0; }

dl.listContent dd p { line-height: 1.5; }

dl.listJobCat dt { padding: 0 3rem; border-bottom: dashed 1px #333; background: rgba(0, 0, 0, 0.85); }
dl.listJobCat dt p { font-size: 1.2rem; color: #fff; line-height: 6rem; letter-spacing: .3em; }
dl.listJobCat dt p::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }
dl.listJobCat dd { padding: 0 3rem; border-bottom: dashed 1px #383838; background: rgba(0, 0, 0, 0.8); }
dl.listJobCat dd p { color: #fff; line-height: 6rem; letter-spacing: .2em; }
dl.listJobCat dd:hover { background: rgba(0, 0, 0, 0.95); transition: ease-in-out .3s; }
dl.listJobCat ul > li { padding: 0 3rem; border-bottom: dashed 1px #383838; background: rgba(0, 0, 0, 0.8); }
dl.listJobCat ul > li:hover { background: rgba(0, 0, 0, 0.95); transition: ease-in-out .3s; }
dl.listJobCat ul > li a { display: flex; align-items: center; min-height: 6rem; color: #ffffff; letter-spacing: 0; font-size: 1.5rem; }

.inlineBtn { display: flex; justify-content: space-between; width: 100%; max-width: 42rem; margin: 2.87rem auto 0; }

nav.navigation.pagination { width: 85%; margin: 1rem auto 0; padding: 9.6rem 15% 9.6rem 0; position: relative; background: #fff; }

nav.navigation.pagination h2 { display: none; }

nav.navigation.pagination .nav-links { display: flex; align-items: center; justify-content: center; }

nav.navigation.pagination .nav-links .page-numbers { display: block; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; background: #ddd; margin: 0 .25rem; font-size: 1.3rem; font-weight: bold; }

nav.navigation.pagination .nav-links .page-numbers.current { background: #AE8534 !important; color: #dfd8d2; font-size: bold; }

nav.navigation.pagination .nav-links .page-numbers:hover { background: #31302e; color: #dfd8d2; transition: ease .3s; }

/*SINGLE*/
h1.singleTtl { padding: 1rem 0 3rem; font-weight: normal; font-size: 3vw; color: #e27b5b !important; line-height: 1.5; border-bottom: solid 1px #655f5c; margin-bottom: 6rem; }

h2.singleTtl { margin-bottom: 4rem; }

h2.singleTtl span { display: block; line-height: 1.5; }

h2.singleTtl span.en { font-size: 1.2rem; line-height: 3rem; letter-spacing: .3em; }

h2.singleTtl span.en::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

h2.singleTtl span.jp { line-height: 6rem; letter-spacing: .2em; font-weight: normal; font-size: 2.1rem; }

h3.singleTtl { font-size: 1.8rem; }

h4.singleTtl { font-size: 1.8rem; }

header.singleHeader { width: 100%; height: auto; position: relative; }

header.singleHeader::before { content: ''; display: block; width: 100%; height: 0; background: #3e3c3b; position: absolute; top: 0; right: 0; }

header.singleHeader.gone::before { height: calc(100% - 22.5vw); transition: ease-in .5s; }

header.singleHeader * { color: #a5a19f; }

header.singleHeader .date { font-weight: bold; }

header.singleHeader .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; position: relative; z-index: 1; padding: 7.2rem 0 0; }

header.singleHeader .ttlWrap { padding: 0 3rem; }

.secSingle { position: relative; }

.secSingle > .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; position: relative; z-index: 1; }

/*SINGLE_JOBLIST*/
.jobPosting { background: #f8f8f8; }

.gMap { width: 100%; height: 36rem; margin-top: 4rem; }

.gMap > iframe { width: 100%; height: 100%; border-radius: 8px; }

.secSingle.job1 { position: relative; z-index: 1; }

.secSingle.job2 { position: relative; }

.secSingle.job2::before { content: ''; display: block; width: 35%; height: 0; background: #f5f0ed; position: absolute; top: -15%; right: 0; }

.secSingle.job2.gone::before { height: 115%; transition: ease-in 1s; }

.secSingle.job2 .innerWrap { position: relative; }

.secSingle.job2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 9.6rem 0; position: relative; }

.secSingle.job2 .flexWrap > .flexLeft { width: 70%; position: relative; }

.secSingle.job2 .flexWrap > .flexLeft .inner { background: #fff; padding: 10%; box-shadow: -10rem 10rem 20rem #ddd; }

.secSingle.job2 .flexWrap > .flexLeft .inner ~ .inner { margin-top: 9.6rem; }

.secSingle.job2 .flexWrap > .flexLeft .inner p { letter-spacing: 0; }

.secSingle.job2 .flexWrap > .flexRight { width: 25%; overflow: visible; display: block; position: relative; }

/*SINGLE_NEWS*/
.secSingle.news1::before { content: ''; display: block; width: 35%; height: 0; background: #f5f0ed; position: absolute; top: -22.5vw; left: 0; }

.secSingle.news1 .innerWrap { max-width: 68rem; padding: 9.6rem 0; }

.secSingle.news1 .innerWrap * ~ * { margin-top: 6rem; }

.yarpp-related { margin: 0 !important; }

.yarppTtl { margin-bottom: 2rem; }

.yarppWrap { padding: 9.6rem 0; }

.yarppWrap .yarpp-container .swiper-slide { padding: 2rem; background: #fff; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.05); }

/*SINGLE_BLOG*/
.pagenationWrap { position: relative; z-index: 1; }

.flexPagenation { width: 90%; max-width: 128rem; margin: 0 auto; padding: 5rem 0; display: flex; justify-content: space-between; }

.flexPagenation > .flexItem { width: 25%; }

.flexPagenation > .flexItem p { text-align: center; line-height: 1; }

.flexPagenation > .flexCenter { width: 50%; }

.flexPagenation > .flexCenter p { text-align: center; line-height: 1; }

.flexPagenation > .flexCenter p::before { content: ''; display: inline-block; vertical-align: bottom; width: 1em; height: 1em; background: url(images/iconNine.svg) center; background-size: cover; margin-right: 1em; }

/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎desktop◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
@media (min-width: 1680px) { #page { border-left: solid 1px #ddd; border-right: solid 1px #ddd; } }
/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎tablet◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
@media (min-width: 768px) and (max-width: 1024px) { /*--------------basic css--------------*/
  /*TEXT*/
  p { line-height: 1.5; }
  /*LINK*/
  a { color: #151515; text-decoration: none; }
  a.not { cursor: not-allowed; }
  a.linkFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; }
  a.btn { display: block; width: auto; padding: 1.5em 2em; background: #dfd8d2; position: relative; overflow: hidden; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1); transition: ease .3s; }
  a.btn.blk { background: #31302e; }
  a.btn:hover { background: #e27b5b; transition: ease .3s; }
  a.btn.blk:hover { background: #e27b5b; }
  a.btn.sm { width: 20rem; }
  a.btn.md { width: auto; max-width: 30rem; }
  a.btn.lg { width: auto; max-width: 42em; }
  a.btn.xl { width: auto; max-width: 68em; }
  a.btn p { display: block; position: relative; color: #1f1f1f !important; font-size: 1.3rem !important; font-weight: bold; text-align: center; margin: 0 auto !important; transition: ease .3s; }
  a.btn.blk p { color: #dfd8d2 !important; }
  a.btn:hover p { color: #dfd8d2 !important; transition: ease .3s; }
  a.linkOut p::after { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; background: url(images/iconLinkout.svg); background-size: cover; margin-left: .5em; }
  /*BOTH*/
  #page { max-width: 210rem; margin: 0 auto; background: #fff; /*overflow: hidden;*/ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.05); transition: ease .3s; }
  #page.move { height: 100vh; transition: ease .3s; }
  /*BOTH_HEADER*/
  header.siteHeader .flexWrap > .flexLeft { width: 7.2rem; }
  ul.listGlobalNav { display: none; }
  ul.listGlobalNav li { margin-right: 3rem; }
  ul.listGlobalNav li:last-child { margin-right: 0; }
  ul.listGlobalNav li p { font-weight: bold; line-height: 7.2rem; color: #F6D900; transition: ease .3s; }
  /*smpNav*/
  .humbNav { position: relative; width: 7.2rem; height: 7.2rem; display: block; background: #AE8534; }
  .humbNav span.border { display: block; width: 30%; height: 2px; border-radius: 1px; background: #dfd8d2; position: absolute; }
  .humbNav span.border:nth-child(1) { top: 35%; left: 50%; transform: translate(-50%, -50%); transition: ease .3s; }
  .humbNav span.border:nth-child(2) { top: 50%; left: 50%; transform: translate(-50%, -50%); transition: ease .3s; }
  .humbNav span.txt { display: block; width: 100%; text-align: center; font-size: 1rem; font-weight: bold; letter-spacing: 0; color: #dfd8d2; position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); }
  .humbNav span.txt span.open { display: block; }
  .humbNav span.txt span.close { display: none; }
  /*.active*/
  .humbNav.active span.border:nth-child(1) { top: 42.5%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); transition: ease .3s; }
  .humbNav.active span.border:nth-child(2) { top: 42.5%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: ease .3s; }
  .humbNav.active span.txt span.open { display: none; }
  .humbNav.active span.txt span.close { display: block; }
  aside#aside { opacity: 0; visibility: hidden; display: block; width: 100vw; height: 100vh; background-size: cover; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transform: matrix(1, -0.5, 0, 0.001, 0, 1200); transition: ease .5s .15s; }
  aside#aside.move { opacity: 1; visibility: visible; transform: matrix(1, 0, 0, 1, 0, 0); transition: ease .5s; }
  aside#aside .innerWrap { width: 90%; height: 100%; margin: 0 auto; padding: 7.2rem 0 0; }
  dl.listGlobalNav { padding: 10vw 0; }
  dl.listGlobalNav dt { position: relative; opacity: 0; visibility: hidden; transform: translateY(1.5rem); transition: ease .3s; }
  dl.listGlobalNav dt p { font-size: 1.65rem; font-weight: bold; }
  dl.listGlobalNav dt h2.navTtl { color: #fff; font-size: 3vw; position: relative; padding-left: 1em; }
  dl.listGlobalNav dt h2.navTtl::before { content: attr(data-number) ""; display: block; font-size: 1.2rem; font-family: 'Open Sans', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; font-style: italic; position: absolute; top: 1.5vw; left: 0; }
  #aside.move dl.listGlobalNav dt { opacity: 1; visibility: visible; transform: translateY(0); transition: ease-in .3s; }
  #aside.move dl.listGlobalNav dt:nth-child(1) { transition-delay: .25s; }
  #aside.move dl.listGlobalNav dt:nth-child(2) { transition-delay: .3s; }
  #aside.move dl.listGlobalNav dt:nth-child(3) { transition-delay: .35s; }
  #aside.move dl.listGlobalNav dt:nth-child(4) { transition-delay: .4s; }
  #aside.move dl.listGlobalNav dt:nth-child(5) { transition-delay: .45s; }
  #aside.move dl.listGlobalNav dt:nth-child(6) { transition-delay: .5s; }
  #aside.move ul.listSNS.global { opacity: 1; visibility: visible; transform: translateY(0); transition: ease-in .3s .55s; }
  aside#cside { position: fixed; bottom: 0; right: 0; z-index: 100; width: auto; height: auto; opacity: 0; visibility: hidden; transition: ease .3s; }
  body.scroll aside#cside { opacity: 1; visibility: visible; transition: ease .3s; }
  .flexPageFoot { width: 100%; max-width: 168rem; margin: 0 auto; display: flex; justify-content: flex-end; }
  .flexPageFoot > .flexItem { position: relative; height: 8.8rem; }
  .flexPageFoot > .flexItem.banar1 { background: #008eaa; }
  .flexPageFoot > .flexItem.banar2 { background: #ffffff; }
  .flexPageFoot > .flexItem.banar3 { background: #005670; }
  .flexPageFoot > .flexItem img { width: auto; height: 8.8rem; padding: 1rem 3rem; }
  /*BOTH_FOOTER*/
  footer.siteFooter .secFoot.sec1 .innerWrap { padding: 4.2rem 0 7.2rem; }
  footer.siteFooter .secFoot.sec1 .flexWrap { margin-top: 5rem; }
  footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem a { padding: 3rem 0; }
  footer.siteFooter .secFoot.sec2 .innerWrap { padding: 7.2rem 0; }
  footer.siteFooter .secFoot.sec2 .flexWrap > .flexLeft img { height: 4rem; }
  dl.listFootCoup dt { margin-bottom: 2rem; }
  dl.listFootCoup dt img { width: auto; height: 5.4rem; }
  dl.listFootCoup dd p { font-size: 1.2rem; }
  ul.listFootNav li { margin-left: 2rem; }
  /*INDEX*/
  .secIndex h2.indexTtl { font-size: 7.2vw; margin-bottom: .25em; }
  .secIndex h2.indexTtl::before { font-size: 1.2rem; margin-bottom: -3vw; }
  .secIndex .innerWrap { width: 85%; }
  .secIndex.sec1 .innerWrap { width: 100%; max-width: 168rem; margin: 0 auto; }
  .secIndex.sec1 .flexWrap { display: flex; }
  .secIndex.sec1 .flexWrap > .flexLeft { width: calc(100% - 3.6rem); }
  .secIndex.sec1 .flexWrap > .flexLeft .inner { width: 100%; height: auto; padding-top: 56.25%; background: #31302e; position: relative; }
  .secIndex.sec1 .flexWrap > .flexLeft .in { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
  .secIndex.sec1 .flexWrap > .flexLeft img { width: 100%; height: auto; }
  .secIndex.sec1 .flexWrap > .flexRight { width: 3.6rem; }
  .secIndex.sec2::before { width: 35%; top: -15%; }
  .secIndex.sec2.gone::before { height: 115%; }
  .secIndex.sec2 a.btn { margin-top: 4rem; }
  .secIndex.sec2 .innerWrap { padding: 12rem 0 6rem 0; }
  .secIndex.sec2 .flexWrap { align-items: flex-end; }
  .secIndex.sec2 .flexWrap > .flexLeft { width: 30%; }
  .secIndex.sec2 .flexWrap > .flexLeft .inner { width: calc(100% + 20vw); }
  .secIndex.sec2 .flexWrap > .flexRight { width: calc(70% - 3rem); }
  .secIndex.sec3::before { width: 35%; }
  .secIndex.sec3.gone::before { height: 50%; }
  .secIndex.sec3::after { width: 65%; top: 50%; }
  .secIndex.sec3.gone::after { height: 50%; }
  .secIndex.sec3 .innerWrap { padding: 6rem 0; }
  .secIndex.sec3 .flexWrap > .flexLeft { width: 65%; margin-top: 6rem; }
  .secIndex.sec3 .flexWrap > .flexLeft .inner { width: calc(100% + 27.5vw); }
  .secIndex.sec3 .flexWrap > .flexRight { width: 30%; }
  .secIndex.sec3 .flexWrap > .flexRight .inner { width: calc(100% + 27.5vw); margin-left: -20vw; }
  .secIndex.sec4 .innerWrap { padding: 6rem 0; }
  .secIndex.sec4 .innerWrap > p { margin: 2.5em auto 1em; }
  .post-container { width: calc(100% + 10vw); margin: 0 -5vw; }
  .post-container .swiper-slide .txtWrap { padding: 7.5%; }
  dl.listPost dd p { font-size: 1rem; }
  /*PAGE*/
  h1.pageTtl { padding: 4rem 0; }
  h2.pageTtl { margin-bottom: 4rem; }
  h2.pageTtl span { display: block; line-height: 1.5; }
  h2.pageTtl span.jp { font-size: 3vw; }
  h2.pageTtl span.en { font-size: 1.5rem; }
  h3.pageTtl { font-size: 1.8rem; }
  h4.pageTtl { font-size: 1.8rem; }
  header.pageHeader { padding-top: 41.4%; }
  header.pageHeader .ttlWrap::before { content: ''; display: block; width: 70%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; }
  header.pageHeader .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; position: relative; z-index: 1; }
  .secPage > .innerWrap { width: 90%; }
  .secPage.about4 > .innerWrap { width: 85%; }
  .bcWrap .innerWrap { width: 90%; padding: 6rem 0; }
  .bcWrap.single .innerWrap { width: 100%; padding: 3rem; border-top: solid 1px #655f5c; }
  /*PAGE_NEW*/
  .secPage.new1::before { width: 85%; top: -7.2rem; }
  .secPage.new1.gone::before { height: calc(100% + 7.2rem); }
  .secPage.new1 h3.pageTtl { margin-bottom: 1em; font-size: 3.6vw; }
  .secPage.new1 h3.pageTtl::before { content: attr(data-number) ""; display: inline-block; vertical-align: super; font-size: 1.8vw; margin-right: .5em; }
  .secPage.new1 h3.pageTtl ~ h3.pageTtl { margin-top: 2em; }
  .secPage.new1 h4.pageTtl { font-size: 1.8vw; margin-bottom: 2em; border-left: solid 5px #e27b5b; padding-left: 5%; margin-bottom: 1.5em; }
  .secPage.new1 h4.pageTtl ~ h4.pageTtl { margin-top: 3em; }
  .secPage.new1 .innerWrap { padding: 6rem 5vw 6rem 0; }
  .secPage.new1 .focus { padding: 7.5%; }
  ul.listFlow { display: flex; }
  ul.listFlow::after { display: none; }
  ul.listFlow li::after { display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5em; margin: 0 1.5em; background: url(images/iconArrowRight.svg) center; background-size: cover; }
  ul.listFlow li:last-child::after { display: none; }
  ul.listFlow li p { display: inline-block; vertical-align: middle; text-align: center; }
  .flexWanted > .flexLeft { width: 75%; }
  .flexWanted > .flexRight { width: 100%; margin-top: 5vw; }
  table.innerTable tr.head th { min-width: 10rem; }
  /*PAGE_ENTRY*/
  ul.listDocForm li { width: 100%; }
  /*PAGE_PRIVACY*/
  .secPage.privacy1::before { width: 85%; top: -7.2rem; }
  .secPage.privacy1.gone::before { height: calc(100% + 7.2rem); }
  .secPage.privacy1 .innerWrap { padding: 6rem 5vw; }
  dl.listPolicy { margin-top: 6rem; }
  dl.listPolicy dt ~ dt { margin-top: 4rem; }
  /*ARCHIVE*/
  .secPage.archive.archive1 { position: relative; z-index: 1; }
  .secPage.archive.archive2::before { content: ''; display: block; width: 35%; height: calc(100% + 10rem); background: #f5f0ed; position: absolute; top: -10rem; right: 0; }
  .secPage.archive.archive2.gone::before { height: calc(100% + 10rem); transition: ease-in 1s; }
  .secPage.archive.archive2 .innerWrap { padding: 9.6rem 0; }
  .secPage.archive.archive2 .flexJoblist { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .secPage.archive.archive2 .flexJoblist > .flexLeft { width: 65%; padding-bottom: 9.6rem; }
  .secPage.archive.archive2 .flexJoblist > .flexRight { width: 25%; }
  .jobPost { position: relative; }
  .jobPost ~ .jobPost { margin-top: 6rem; }
  .jobPost h3.jobTtl { font-size: 2.25rem; font-weight: normal; margin-bottom: 1em; }
  dl.listContent { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5%; background: #f8f8f8; border: solid 1px #ddd; border-radius: 8px; }
  dl.listContent dt { width: 25%; padding: .75em 0; }
  dl.listContent dt ~ dt { border-top: dotted 1px #d0d0d0; }
  dl.listContent dt p { font-weight: bold; font-size: 1.3rem; line-height: 1.5; }
  dl.listContent dd { width: 75%; padding: .75em 0; }
  dl.listContent dd ~ dd { border-top: dotted 1px #d0d0d0; }
  dl.listContent dd p { line-height: 1.5; }
  dl.listJobCat dt { padding: 0 3rem; border-bottom: dashed 1px #333; background: rgba(0, 0, 0, 0.85); }
  dl.listJobCat dt p { font-size: 1.2rem; color: #fff; line-height: 6rem; letter-spacing: .3em; }
  dl.listJobCat dt p::before { content: ''; display: inline-block; vertical-align: middle; width: 1.2em; height: 1.5px; background: red; margin-right: 1.5rem; }
  dl.listJobCat dd { padding: 0 3rem; border-bottom: dashed 1px #383838; background: rgba(0, 0, 0, 0.8); }
  dl.listJobCat dd:hover { background: rgba(0, 0, 0, 0.95); transition: ease-in-out .3s; }
  dl.listJobCat dd p { color: #fff; line-height: 6rem; letter-spacing: .2em; }
  .inlineBtn { display: flex; justify-content: space-between; width: 100%; max-width: 42rem; margin: 2.87rem auto 0; }
  nav.navigation.pagination { width: 85%; margin: 1rem auto 0; padding: 9.6rem 15% 9.6rem 0; position: relative; background: #fff; }
  nav.navigation.pagination h2 { display: none; }
  nav.navigation.pagination .nav-links { display: flex; align-items: center; justify-content: center; }
  nav.navigation.pagination .nav-links .page-numbers { display: block; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; background: #ddd; margin: 0 .25rem; font-size: 1.3rem; font-weight: bold; }
  nav.navigation.pagination .nav-links .page-numbers.current { background: #AE8534 !important; color: #dfd8d2; font-size: bold; }
  nav.navigation.pagination .nav-links .page-numbers:hover { background: #31302e; color: #dfd8d2; transition: ease .3s; }
  /*SINGLE*/
  h1.singleTtl { margin-bottom: 4rem; }
  h2.singleTtl { margin-bottom: 4rem; }
  h2.singleTtl span { display: block; line-height: 1.5; }
  h2.singleTtl span.jp { font-size: 3vw; }
  h2.singleTtl span.en { font-size: 1.5rem; }
  h3.singleTtl { font-size: 1.8rem; }
  h4.singleTtl { font-size: 1.8rem; }
  header.singleHeader .ttlWrap { padding: 0; }
  .singleContent { padding-bottom: 7.5vw; }
  /*SINGLE_JOBLIST*/
  .jobPosting { background: #f8f8f8; }
  .gMap { width: 100%; height: 36rem; margin-top: 4rem; }
  .gMap > iframe { width: 100%; height: 100%; border-radius: 8px; }
  .secSingle.job1 { position: relative; z-index: 1; }
  .secSingle.job2::before { content: ''; display: block; width: 35%; height: 0; background: #f5f0ed; position: absolute; top: -15%; right: 0; }
  .secSingle.job2.gone::before { height: 115%; transition: ease-in 1s; }
  .secSingle.job2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 9.6rem 0; }
  .secSingle.job2 .flexWrap > .flexLeft { width: 70%; }
  .secSingle.job2 .flexWrap > .flexLeft .inner { background: #fff; padding: 10%; box-shadow: -10rem 10rem 20rem #ddd; }
  .secSingle.job2 .flexWrap > .flexLeft .inner ~ .inner { margin-top: 9.6rem; }
  .secSingle.job2 .flexWrap > .flexRight { width: calc(30% - 3rem); }
  /*SINGLE_NEWS*/
  .secSingle.news1::before { width: 100%; }
  .secSingle.news1.gone::before { height: calc(100% + 22.5vw); }
  .secSingle.news1 .innerWrap { max-width: 68rem; padding: 6rem 5vw; background: #fff; }
  .secSingle.news1 .innerWrap * ~ * { margin-top: 4rem; }
  .yarpp-related { margin: 0 !important; }
  .yarppTtl { margin-bottom: 2rem; }
  .yarppWrap { padding: 9.6rem 0; }
  .yarppWrap .yarpp-container .swiper-slide { padding: 2rem; background: #fff; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.05); }
  /*SINGLE_BLOG*/
  .pagenationWrap { background: #f5f0ed; }
  .flexPagenation { width: 90%; max-width: 128rem; margin: 0 auto; padding: 5rem 0; display: flex; justify-content: space-between; }
  .flexPagenation > .flexItem { width: 25%; }
  .flexPagenation > .flexItem p { text-align: center; line-height: 1; }
  .flexPagenation > .flexCenter { width: 50%; }
  .flexPagenation > .flexCenter p { text-align: center; line-height: 1; }
  .flexPagenation > .flexCenter p::before { content: ''; display: inline-block; vertical-align: bottom; width: 1em; height: 1em; background: url(images/iconNine.svg) center; background-size: cover; margin-right: 1em; }
  /*add*/
  /*MEMBER*/
  ul.listProfile { flex-wrap: wrap; }
  ul.listProfile li { margin-bottom: 1em; } }
/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎smartphone◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
@media (max-width: 767px) { /*--------------basic css--------------*/
  /*TEXT*/
  p { font-size: 3.2vw; line-height: 1.5; letter-spacing: 0; }
  /*LINK*/
  a { color: #151515; text-decoration: none; }
  a.not { cursor: not-allowed; }
  a.btn { padding: 1.5em 2em; }
  a.btn.sm { width: 20rem; }
  a.btn.md { width: auto; max-width: 30rem; }
  a.btn.lg { width: auto; max-width: 42em; }
  a.btn.xl { width: auto; max-width: 68em; }
  a.linkOut p::after { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; background: url(images/iconLinkout.svg); background-size: cover; margin-left: .5em; }
  /*RESPONSIVE*/
  .hidden-xs { display: none !important; }
  .visible-xs { display: block !important; }
  /*BOTH*/
  #page { max-width: 210rem; margin: 0 auto; background: #fff; /*overflow: hidden;*/ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.05); transition: ease .3s; }
  #page.move { height: 100vh; transition: ease .3s; }
  /*BOTH_HEADER*/
  header.siteHeader { max-width: 100vw; }
  header.siteHeader .flexWrap > .flexLeft { width: 6rem; }
  header.siteHeader .flexWrap > .flexCenter { display: none; }
  header.siteHeader .flexWrap > .flexRight { display: none; }
  header.siteHeader h1.headLogo img { height: 6rem; padding: .75em; }
  /*.scroll*/
  body.scroll header.siteHeader { padding: 0; transition: ease .3s; }
  body.scroll ul.listGlobalNav li p { color: #003087; transition: ease .3s; }
  body.single header.siteHeader { padding: 0; transition: ease .3s; }
  body.single header.siteHeader::before { height: 100%; transition: ease .3s; }
  body.single ul.listGlobalNav li p { color: #003087; transition: ease .3s; }
  /*#page.move*/
  #page.move header.siteHeader { padding: 0; transition: ease .3s; }
  /*.scroll .scrollUp header.siteHeader { top: 0; transition: ease .65s; }*/
  ul.listGlobalNav { display: none; }
  /*smpNav*/
  .humbNav { width: 6rem; height: 6rem; }
  aside#aside { transform: matrix(1, -1, 0, 0.001, 0, 1200); transition: ease .75s .15s; }
  aside#aside.move { transition: ease .75s; }
  aside#aside .innerWrap { width: 80%; padding: 6rem 0 0; }
  dl.listGlobalNav { padding: 15vw 0; }
  dl.listGlobalNav dt h2.navTtl::before { font-size: 1.1rem; top: 4vw; }
  dl.listGlobalNav dt h2.navTtl span { line-height: 1.65; }
  dl.listGlobalNav dt h2.navTtl span.en { font-size: 2vw; }
  dl.listGlobalNav dt h2.navTtl span.jp { font-size: 5vw; }
  #aside.move ul.listSNS.global { opacity: 1; visibility: visible; transform: translateY(0); transition: ease-in .3s .55s; }
  aside#cside { position: fixed; bottom: 0; right: 0; z-index: 100; width: auto; height: auto; opacity: 0; visibility: hidden; transition: ease .3s; }
  body.scroll aside#cside { opacity: 1; visibility: visible; transition: ease .3s; }
  .flexPageFoot { width: 100%; max-width: 168rem; margin: 0 auto; display: flex; justify-content: flex-end; }
  .flexPageFoot > .flexItem { position: relative; height: 8.8rem; }
  .flexPageFoot > .flexItem.banar1 { background: #008eaa; }
  .flexPageFoot > .flexItem.banar2 { background: #ffffff; }
  .flexPageFoot > .flexItem.banar3 { background: #005670; }
  .flexPageFoot > .flexItem img { width: auto; height: 8.8rem; padding: 1rem 3rem; }
  /*BOTH_FOOTER*/
  footer.siteFooter .secFoot h2.footTtl { margin-bottom: .2em; }
  footer.siteFooter .secFoot h2.footTtl span.en { font-size: 3.2vw; line-height: 2; }
  footer.siteFooter .secFoot h2.footTtl span.jp { font-size: 5vw; line-height: 2; }
  footer.siteFooter .secFoot.sec1 .innerWrap { padding: 10.8vw 0 15vw; }
  footer.siteFooter .secFoot.sec1 .flexWrap { margin-top: 7.5vw; }
  footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem { width: 100%; }
  footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem ~ .flexItem { margin-top: 2.5px; }
  footer.siteFooter .secFoot.sec1 .flexWrap > .flexItem a { padding: 2rem 0; }
  footer.siteFooter .secFoot.sec2 .innerWrap { padding: 15vw 0 25vw; }
  dl.listFootCoup dt { margin-bottom: 2rem; }
  dl.listFootCoup dd p { font-size: 1.2rem; text-align: center; }
  ul.listFootNav { flex-wrap: wrap; justify-content: space-between; margin-top: 3rem; }
  ul.listFootNav li { width: calc(100% / 2); margin-bottom: 1em; }
  ul.listFootNav::after { display: none; }
  ul.listFootNav ~ ul.listFootNav li { width: calc(100% / 2); margin: 0; }
  ul.listFootNav li:first-child { margin: 0; }
  ul.listFootNav li p span.en { font-size: 3.8vw; }
  ul.listFootNav li p span.jp { font-size: 3.2vw; opacity: .7; }
  p.cr { font-size: 1rem; margin-top: 5vw; }
  /*INDEX*/
  .secIndex { max-width: initial; overflow: hidden; }
  .secIndex h2.indexTtl { font-size: 7.2vw; margin-bottom: 1em; }
  .secIndex h2.indexTtl::before { font-size: 1rem; padding-left: .5em; margin-bottom: -2vw; }
  .secIndex h2.indexTtl span { display: block; }
  .secIndex h2.indexTtl span.en { font-size: 3.2vw; line-height: 2; }
  .secIndex h2.indexTtl span.jp { font-size: 5vw; line-height: 2; }
  .secIndex h2.indexTtl + p { margin: 0 auto 4rem; line-height: 2; }
  .secIndex h3.indexTtl { font-size: 6vw; }
  .secIndex h3.indexTtl span { font-weight: normal; }
  .secIndex h3.indexTtl span.en { font-size: 3.2vw; line-height: 2; }
  .secIndex h3.indexTtl span.jp { font-size: 5vw; line-height: 2; }
  .secIndex .innerWrap { width: 85%; }
  /* .secIndex { &.sec1 { &::before { width: 97.5%; } &.gone { &::before {} } video { min-width: initial; width: auto !important; min-height: 100%; height: 100% !important; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); } .innerWrap {} .flexWrap { >.flexLeft { width: calc(100% - 3rem); .inner { padding-top: 161.8%; } .in { .aspect56 { padding-top: 161.8%; } } img {} .leadCopyWrap { width: calc(100vw - 3rem); height: auto; bottom: 8.4rem; right: -15px; padding-right: 0; p { font-size: 10vw; >span { +span { font-size: 15vw; } } } } .bodyCopyWrap { width: calc(100vw - 3rem); height: 7.2rem; position: absolute; bottom: 0; left: 0; padding: 5vw 7.5vw; background: rgba(0,0,0,0.8); color: #fff; p { width: 100%; font-size: 4.2vw; font-weight: bold; line-height: 1.5; } } } >.flexRight { width: 3rem; p { font-size: 1rem; } } } } } */
  .secIndex.sec2::before { width: 97.5%; top: -15%; }
  .secIndex.sec2.gone::before { height: 115%; }
  .secIndex.sec2 h2.indexTtl { text-align: center; }
  .secIndex.sec2 .innerWrap { padding: 7.5vw 0 10.8vw; }
  .secIndex.sec2 .flexWrap > .flexLeft { width: 100%; margin-top: 10.8vw; }
  .secIndex.sec2 .flexWrap > .flexRight { width: 100%; order: -1; }
  .secIndex.sec2 .flexWrap > .flexRight .inner { margin-left: -10vw; }
  .secIndex.sec3::before { width: 97.5%; }
  .secIndex.sec3.gone::before { height: 25%; }
  .secIndex.sec3::after { width: 97.5%; top: 25%; left: auto; right: 0; }
  .secIndex.sec3.gone::after { height: 75%; }
  .secIndex.sec3 a.btn { margin-top: 4rem; }
  .secIndex.sec3 .innerWrap { padding: 12.5vw 0 18vw; }
  .secIndex.sec3 .flexWrap > .flexLeft { width: 100%; order: 1; margin-top: 7.5vw; }
  .secIndex.sec3 .flexWrap > .flexRight { width: 100%; }
  .secIndex.sec4 .innerWrap { padding: 12.5vw 0; }
  .secIndex.sec4 .innerWrap > p { color: #fff; text-align: center; margin: 3em auto 1em; }
  .post-container .swiper-slide { transition: ease .3s; }
  .post-container .swiper-slide:hover { opacity: .75; transition: ease .3s; }
  .post-container .swiper-slide img { transition: ease .3s; }
  .post-container .swiper-slide:hover img { transition: ease .3s; }
  .post-container .swiper-slide .txtWrap { background: #fff; padding: 7.5%; margin-top: 1px; transition: ease .3s; }
  .post-container .swiper-slide:hover .txtWrap { background: #e27b5b; transition: ease .3s; }
  .post-container .swiper-slide p { transition: ease .3s; }
  .post-container .swiper-slide:hover p { color: #fff; transition: ease .3s; }
  dl.listPost dd p { font-size: 1.2rem; opacity: .75; }
  dl.listPost dt { margin-top: .75rem; }
  /*PAGE*/
  h1.pageTtl { padding: 5vw 0; }
  h1.pageTtl span { display: block; line-height: 1.25; }
  h1.pageTtl span.en { font-size: 7.2vw; }
  h1.pageTtl span.jp { font-size: 3.2vw; }
  h2.pageTtl { margin-bottom: 7.5vw; }
  h2.pageTtl span { display: block; line-height: 1.5; }
  h2.pageTtl span.en { font-size: 4.8vw; }
  h2.pageTtl span.jp { font-size: 2.4vw; }
  h3.pageTtl { font-size: 4.2vw; }
  h4.pageTtl { font-size: 1.8rem; }
  header.pageHeader { padding-top: 6rem; }
  header.pageHeader .ttlWrap::before { width: 80%; }
  header.pageHeader .innerWrap { width: 85%; height: 25rem; }
  .pageTtlWrap { margin-top: -4.2rem; }
  .pageTtlWrap .innerWrap { width: 85%; }
  dl.listPageTtl { width: auto; }
  dl.listPageTtl dt { padding: 0 7.5vw; }
  dl.listPageTtl dt h1 { line-height: 6rem; letter-spacing: .2em; font-weight: bold; font-size: 4.2vw; padding: 0; }
  dl.listPageTtl dd { padding: 0 7.5vw; }
  dl.listPageTtl dd p { font-size: 3.2vw; line-height: 4.2rem; }
  dl.listPageTtl dd p::before { width: 1.5em; height: 1.25px; margin-right: 1.5rem; }
  .jobPosting .pageTtlWrap .innerWrap { width: 90%; }
  .jobPosting dl.listPageTtl { width: 100%; }
  .jobPosting dl.listPageTtl dt h1 { line-height: 1.8; padding: 1em 0; }
  .secPage > .innerWrap { width: 95%; }
  .secPage > .innerWrap ~ .innerWrap { margin-top: 1rem; }
  .secPage p.written img.sign { height: 2.1rem; }
  .bcWrap .innerWrap { padding: 6vw 0; }
  .bcWrap.single .innerWrap { padding: 1.5rem 5vw 3rem; }
  .bread_crumb ul li { font-size: 2.1vw; }
  /*PAGE_MESSAGE*/
  .secPage.message.message1::before { content: ''; display: block; width: 97.5%; height: 0; background: #e6e3e0; position: absolute; top: 0; right: 0; }
  .secPage.message.message1.gone::before { height: 100%; transition: ease-in 1s; }
  .secPage.message.message1 h2.pageTtl { text-align: center; }
  .secPage.message.message1 .innerWrap { width: 100%; }
  .secPage.message.message1 .innerWrap::before { display: none; }
  .secPage.message.message1 .txtWrap { display: none; }
  .message1inner { width: 85%; margin: 0 auto; padding-top: 15vw; }
  .secPage.message.message2 .innerWrap { width: 85%; padding: 7.5vw 0; }
  .secPage.message.message2::before { width: 97.5%; top: -15%; }
  .secPage.message.message2.gone::before { height: 115%; }
  .secPage.message.message2 .flexWrap > .flexLeft { width: 100%; }
  .secPage.message.message2 .flexWrap > .flexLeft .inner { padding: 10vw 7.5vw; box-shadow: none; }
  .secPage.message.message2 .flexWrap > .flexLeft p { line-height: 2; }
  .secPage.message.message2 .flexWrap > .flexRight { width: 100%; margin-top: 7.5vw; }
  .secPage.message.message2 .flexWrap > .flexRight .inner { padding: 7.5vw; }
  ul.listHistory li p { padding: .5em 0; }
  /*PAGE_ABOUT*/
  .secPage.about.about1::before { content: ''; display: block; width: 97.5%; height: 0; background: #e6e3e0; position: absolute; top: 0; right: 0; }
  .secPage.about.about1.gone::before { height: 100%; transition: ease-in 1s; }
  .secPage.about.about1 h2.pageTtl { text-align: center; }
  .secPage.about.about1 .innerWrap { width: 100%; }
  .secPage.about.about1 .txtWrap { display: none; }
  .aout1inner { width: 85%; margin: 0 auto; padding-top: 15vw; }
  .secPage.about.about3 .innerWrap { width: 100%; }
  .secPage.about.about3 .innerWrap .aspect.aspect41 { padding-top: 100vw; }
  .secPage.about.about4 .innerWrap { width: 85%; padding: 0; }
  .secPage.about.about4::before { width: 97.5%; height: 115%; }
  .pageDescription { padding: 0 7.5vw 10vw; background: rgba(0, 0, 0, 0.8); width: 100%; }
  .pageDescription p { color: #aaa; }
  /*MEMER*/
  .memberStickey { position: fixed; top: 0; width: 100vw; height: 178vw; }
  .memberStickey img { height: 178vw; width: 100vw; }
  dl.listProf { padding: 5% 7.5%; }
  dl.listProf dt p { font-size: 5vw; margin: .5em 0; }
  dl.listProf dt p::before { width: 1em; height: 1px; margin-right: 1rem; }
  ul.listProf { flex-wrap: wrap; }
  ul.listProf li { padding: .5em 1em; margin-right: .5em; }
  ul.listProf li p { font-size: 3.2vw; }
  /*PAGE_WELFARE*/
  .secPage.welfare.welfare1 .aspect.aspect41 { padding-top: 61.8%; }
  .secPage.welfare.welfare2 .innerWrap { padding: 15vw 0; }
  .secPage.welfare.welfare2::before { width: 97.5%; }
  .secPage.welfare.welfare2 .flexWrap { flex-wrap: wrap; }
  .secPage.welfare.welfare2 .flexWrap > .flexLeft { width: 100%; }
  .secPage.welfare.welfare2 .flexWrap > .flexRight { width: 100%; }
  /*PAGE_FAQ*/
  .secPage.faq.faq1 .aspect.aspect41 { padding-top: 61.8%; }
  .secPage.faq.faq2 .innerWrap { width: 85%; padding: 7.5vw 0; }
  .secPage.faq.faq2::before { width: 97.5%; }
  .secPage.faq.faq2 .flexWrap { width: 100%; box-shadow: none; padding: 10vw 7.5vw; }
  .secPage.faq.faq2 .flexWrap > .flexItem { width: 100%; margin-bottom: 10vw; }
  dl.listFaq dt h3.pageTtl { margin-bottom: 1em; padding: .65em 0; font-size: 3.8vw; line-height: 1.35; }
  dl.listFaq dt h3.pageTtl span { display: block; font-size: 3.2vw; margin-bottom: .5em; }
  /*PAGE_NEW*/
  .secPage.new1::before { width: 90%; top: -10vw; right: 0; }
  .secPage.new1.gone::before { height: calc(100% + 10vw); }
  .secPage.new1 h3.pageTtl { margin-bottom: 1em; font-size: 5.4vw; }
  .secPage.new1 h3.pageTtl::before { font-size: 3.2vw; margin-right: .75em; }
  .secPage.new1 h3.pageTtl ~ h3.pageTtl { margin-top: 2em; }
  .secPage.new1 h4.pageTtl { font-size: 3.8vw; margin-bottom: 2em; border-left: solid 3px #e27b5b; margin-bottom: 1.5em; }
  .secPage.new1 h4.pageTtl ~ h4.pageTtl { margin-top: 3em; }
  .secPage.new1 .innerWrap { padding: 10vw 5vw; }
  .secPage.new1 .focus { padding: 5vw; }
  ul.listFlow { flex-wrap: wrap; }
  ul.listFlow li { width: 100%; }
  ul.listFlow li::after { display: block; margin: .5em auto; background: url(images/iconArrowBottom.svg) center; background-size: cover; }
  ul.listFlow li p { display: block; }
  .flexWanted > .flexLeft { width: 100%; }
  .flexWanted > .flexRight { width: 100%; margin-top: 7.5vw; }
  table.innerTable { width: 100%; }
  table.innerTable + p.sm { font-size: 3.2vw; }
  /*PAGE_ENTRY*/
  .formWrap { margin-top: 7.5vw; }
  ul.listDocForm { margin-bottom: -7.5vw; }
  ul.listDocForm li { width: 100%; margin-bottom: 7.5vw; }
  ul.listDocForm li:last-child { width: 100%; }
  label { line-height: 2; }
  /*PAGE_PRIVACY*/
  .secPage.privacy1::before { width: 90%; top: -10vw; }
  .secPage.privacy1.gone::before { height: calc(100% + 10vw); }
  .secPage.privacy1 .innerWrap { padding: 10vw 5vw; }
  dl.listPolicy { margin-top: 10vw; }
  dl.listPolicy dt ~ dt { margin-top: 7.5vw; }
  dl.listPolicy dd { margin-top: 5vw; }
  /*ARCHIVE*/
  .secPage.archive.archive1 .aspect.aspect41 { padding-top: 61.8%; }
  .secPage.archive.archive2::before { width: 97.5%; height: calc(100% + 10rem); top: -10rem; }
  .secPage.archive.archive2.gone::before { height: calc(100% + 10rem); }
  .secPage.archive.archive2 .innerWrap { width: 85%; padding: 7.5vw 0; }
  .secPage.archive.archive2 .flexJoblist > .flexLeft { width: 100%; padding-bottom: 15vw; order: 1; }
  .secPage.archive.archive2 .flexJoblist > .flexRight { width: 100%; margin-bottom: 7.5vw; }
  .jobPost { position: relative; }
  .jobPost ~ .jobPost { margin-top: 6rem; }
  .jobPost h3.jobTtl { font-size: 5vw; margin-bottom: 1em; }
  dl.listContent { background: #fff; padding: 5%; border-radius: 8px; }
  dl.listContent dt { width: 25%; padding: .75em 0; }
  dl.listContent dt p { font-size: 3.2vw; }
  dl.listContent dd { width: 75%; padding: .75em 0; }
  dl.listJobCat dt { padding: 0 3rem; border-bottom: dashed 1px #333; background: rgba(0, 0, 0, 0.85); }
  dl.listJobCat dt p { font-size: 1.2rem; color: #fff; line-height: 6rem; letter-spacing: .3em; }
  dl.listJobCat dt p::before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }
  dl.listJobCat dd { padding: 0 3rem; display: none; }
  dl.listJobCat dt + div { display: none; }
  dl.listJobCat ul > li { padding: 0 3rem; }
  .inlineBtn { display: flex; justify-content: space-between; margin: 5vw auto 0; }
  .inlineBtn li { width: 50%; }
  .inlineBtn a.btn.sm { width: 100%; }
  nav.navigation.pagination { width: 85%; margin: 1rem auto 0; padding: 9.6rem 15% 9.6rem 0; position: relative; background: #fff; }
  nav.navigation.pagination h2 { display: none; }
  nav.navigation.pagination .nav-links { display: flex; align-items: center; justify-content: center; }
  nav.navigation.pagination .nav-links .page-numbers { display: block; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; background: #ddd; margin: 0 .25rem; font-size: 1.3rem; font-weight: bold; }
  nav.navigation.pagination .nav-links .page-numbers.current { background: #AE8534 !important; color: #dfd8d2; font-size: bold; }
  nav.navigation.pagination .nav-links .page-numbers:hover { background: #31302e; color: #dfd8d2; transition: ease .3s; }
  /*SINGLE*/
  h2.singleTtl { margin-bottom: 5vw; }
  h2.singleTtl span { line-height: 1.5; }
  h2.singleTtl span.en { font-size: 2.1vw; line-height: 2; }
  h2.singleTtl span.jp { line-height: 2; letter-spacing: .2em; font-size: 5vw; }
  header.singleHeader.gone::before { height: calc(100% - 22.5vw); }
  header.singleHeader .innerWrap { width: 95%; padding: 6rem 0 0; }
  header.singleHeader .ttlWrap { padding: 0 5vw; }
  .singleContent { padding-bottom: 2.5vw; }
  .secSingle > .innerWrap { width: 95%; }
  /*SINGLE_JOBLIST*/
  .gMap { width: 100%; height: 36rem; margin-top: 4rem; }
  .secSingle.job1 { position: relative; z-index: 1; }
  .secSingle.job2::before { width: 100%; }
  .secSingle.job2 .innerWrap { width: 90%; }
  .secSingle.job2 .flexWrap { padding: 7.5vw 0; }
  .secSingle.job2 .flexWrap > .flexLeft { width: 100%; }
  .secSingle.job2 .flexWrap > .flexLeft .inner { padding: 10vw 5vw; box-shadow: none; }
  .secSingle.job2 .flexWrap > .flexLeft .inner ~ .inner { margin-top: 5vw; }
  .secSingle.job2 .flexWrap > .flexRight { display: none; }
  /*SINGLE_NEWS*/
  .secSingle.news1::before { width: 100%; top: -22.5vw; left: 0; }
  .secSingle.news1.gone::before { height: calc(100% + 27.5vw); transition: ease-in 1s; }
  .secSingle.news1 .innerWrap { padding: 10vw 5vw; background: #fff; }
  .secSingle.news1 .innerWrap * ~ * { margin-top: 5vw; } }
/*add*/
/*sticky*/
body.single #page { overflow: visible; }

.sticky { position: sticky; top: 9.6rem; }

body.page-id-17 #page { overflow: visible; }

.flexFaq { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.flexFaq .flexLeft { position: relative; width: calc(100% - 28rem); }

.flexFaq .flexLeft h3.faqTtl { position: relative; margin-bottom: 2em; font-size: 2.1rem; font-weight: bold; }

.flexFaq .flexLeft #faq2 { margin-top: 9.6rem; }

.flexFaq .flexRight { position: relative; width: 23rem; }

.faqMenu { background-color: #fff; }

.faqMenu ul { position: relative; width: 100%; display: flex; flex-wrap: wrap; }

.faqMenu ul li { position: relative; width: 100%; }

.faqMenu ul li dl dt { padding: 0 3rem; border-bottom: dashed 1px #333; background: rgba(0, 0, 0, 0.85); }

.faqMenu ul li dl dt p { font-size: 1.2rem; color: #fff; line-height: 6rem; letter-spacing: .3em; }

.faqMenu ul li dl dt p:before { content: ''; display: inline-block; vertical-align: middle; width: 1.5em; height: 1.5px; background: red; margin-right: 1.5rem; }

.faqMenu ul li dl dd { padding: 0 3rem; border-bottom: dashed 1px #383838; background: rgba(0, 0, 0, 0.8); transition: all ease .5s; }

.faqMenu ul li dl dd:hover { background: black; }

.faqMenu ul li dl dd p { color: #fff; line-height: 6rem; letter-spacing: .2em; }

@media (min-width: 768px) and (max-width: 1024px) { .sticky { top: 7.2rem; }
  .flexFaq .flexLeft { width: calc(100% - 21rem); }
  .flexFaq .flexRight { width: 20rem; }
  .faqMenu ul li dl dd p { font-size: 1.2rem; } }
@media (max-width: 767px) { .flexFaq { flex-direction: column-reverse; }
  .flexFaq .flexLeft { width: 100%; }
  .flexFaq .flexRight { width: 100%; }
  .faqMenu { margin-bottom: 7.5vw; }
  .faqMenu ul li dl dt { display: none; } }
/* Add 2022.03.10
*/
aside.float_banar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; display: none; width: 100%; }

aside.float_banar .f_wrapper { display: flex; border-top: solid 1px #e1b2a3; }

aside.float_banar .f_wrapper > ._items { width: calc(50% - (5.125em / 2)); height: 5.125em; }

aside.float_banar .f_wrapper > ._button { width: 5.125em; height: 5.125em; }

aside.float_banar .f_wrapper > ._button .humbNav { width: 5.125em; height: 5.125em; }

aside.float_banar .f_wrapper > ._items + ._items { border-left: solid 1px #e1b2a3; }

aside.float_banar a._card { display: flex; justify-content: center; align-items: center; height: 5.125em; background: #e27b5b; text-align: center; }

aside.float_banar a._card[data-type="entry"]::before { content: ''; display: block; width: 1.845em; height: 1.845em; background: url("images/icon_doc.png"); background-size: cover; }

aside.float_banar a._card[data-type="list"]::before { content: ''; display: block; width: 1.845em; height: 1.845em; background: url("images/icon_search.png"); background-size: cover; }

aside.float_banar a._card span { display: block; font-size: 14px; padding: 1em 0; padding-left: .615em; color: #fff; }

@media (max-width: 767px) { aside.float_banar { display: block; } }
.jobPost_head { display: flex; flex-wrap: wrap; align-items: flex-start; }

.jobPost_head > img { order: 1; width: 180px; height: auto; margin-bottom: 2.05em; }

.jobPost_head > img + h3 { width: calc(100% - 180px); padding-right: 1.64em; }

.jobPost_head > h3 { width: 100%; }

@media (max-width: 767px) { .jobPost_head > img { order: 0; margin: 0 auto; margin-bottom: 2.05em; }
  .jobPost_head > img + h3 { width: 100%; padding-right: 0; } }
.button_inline { display: flex; }
@media screen and (max-width: 768px) { .button_inline { flex-direction: column; } }
.button_inline > a { flex: 1; }

a.button_tel { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 4.1em; background: #47a070; font-size: 18.45px; text-align: center; font-weight: bold; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.41s; }
@media screen and (max-width: 768px) { a.button_tel { min-height: 3.28em; } }
a.button_tel i { display: block; width: 20.5px; height: 20.5px; }
a.button_tel span { display: block; color: #fff; letter-spacing: 0; }
a.button_tel:hover { filter: brightness(0.8); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.41s; }

a._pageAnker { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 4.1em; background: #e27b5b; font-size: 18.45px; text-align: center; font-weight: bold; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.41s; }
@media screen and (max-width: 768px) { a._pageAnker { min-height: 3.28em; } }
a._pageAnker i { display: block; width: 20.5px; height: 20.5px; }
a._pageAnker span { display: block; color: #fff; letter-spacing: 0; }
a._pageAnker:hover { filter: brightness(0.8); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.41s; }

.job_tags { margin-bottom: 3.28em; }

.job_tags ul._list { position: relative; z-index: 15; display: flex; flex-wrap: wrap; margin-bottom: -5px; }

.job_tags ul._list li { display: block; margin-right: 6px; margin-bottom: 5px; }

.job_tags ul._list li span { display: block; border: solid 1.5px #AE8534; border-radius: 3px; padding: 3px 8px; font-weight: bold; font-size: 12px; color: #AE8534; }

@media (max-width: 767px) { .job_tags { margin-bottom: 2.46em; }
  .job_tags ul._list li span { font-size: 10px; } }
.job_description > img { float: right; width: 210px; height: auto; margin: 0 0 2.87em 2.255em; }

.job_description::after { content: ''; display: block; clear: both; }

@media (max-width: 767px) { .job_description > img { width: 100%; height: auto; margin: 0; margin-bottom: 2.46em; } }
.feature_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -2.46em; }

.feature_wrapper > ._items { width: calc((100% / 2) - (20px / 2)); margin-bottom: 2.87em; }

.feature_wrapper > ._items > ._body { margin-top: 1.845em; }

@media (max-width: 767px) { .feature_wrapper > ._items { width: calc((100% / 2) - (10px / 2)); } }
.secPage.about.about5 .flexVision > .flex50 { position: relative; width: 50%; padding: 5vw 5vw 5.5vw; border: solid 1px #333; }
@media screen and (max-width: 768px) { .secPage.about.about5 .flexVision > .flex50 { padding: calc(8.5em / 8 * 2); } }

.secPage.about.about5 .flexVision > .flex50 .inner { position: relative; }

.secPage.about.about5 .flexVision > .flex50 h4 { font-size: 1.4em; line-height: 1.435; margin-bottom: .615em; }

.secPage.about.about5 .flexVision > .flex50.item1 { background: url(images/bgAbout1.jpg) center; background-size: cover; }

.secPage.about.about5 .flexVision > .flex50.item2 { background: url(images/bgAbout2.jpg) center; background-size: cover; }

.secPage.about.about5 .flexVision > .flex50.item3 { background: url(images/bgAbout3.jpg) center; background-size: cover; }

.secPage.about.about5 .flexVision > .flex50.item4 { background: url(images/bgAbout5.jpg) center; background-size: cover; }

.secIndex.sec1 .flexWrap > .flexLeft .bodyCopyWrap p { line-height: 1.3em; }

@media (max-width: 767px) { .secPage.about.about5 .flexVision > .flex50 { width: 100%; }
  .secPage.about.about5 .flexVision > .flex50 h4 { margin-bottom: 2.5vw; } }
.logolist { position: relative; width: 100%; margin-top: calc(8.5em / 8 * 8); }
@media screen and (max-width: 768px) { .logolist { margin: calc(8.5em / 8 * 4) 0; } }
.logolist > * { font-size: 1.2vw; letter-spacing: 0; }
@media screen and (max-width: 768px) { .logolist > * { font-size: 3.5vw; } }
@media screen and (min-width: 1367px) { .logolist > * { font-size: 16.4px; } }
.logolist ul { display: flex; flex-wrap: nowrap; justify-content: center; gap: calc(8.5em / 16); }
@media screen and (max-width: 768px) { .logolist ul { flex-wrap: wrap; gap: calc(8.5em / 12); } }
.logolist ul li { padding: 0 calc(8.5em / 8); }
.logolist ul li img { display: block; max-width: 100%; height: 3rem; margin: 0 auto; }
@media screen and (max-width: 768px) { .logolist ul li img { height: 2.4rem; } }
.logolist ul li p { margin-top: 1em; font-size: .85em; text-align: center; letter-spacing: 0; }
@media screen and (max-width: 768px) { .logolist ul li p { display: none; } }