/*
Theme Name: ニクアザブ採用雛形
Theme URI: http://pnra-inc.jp
Author: shogo yonetani
Author URI: http://pnra-inc.jp
Description: ニクアザブ採用雛形
*/

/*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--------------*/
html { height:100%; font-size:62.5%; }
body { position:relative;margin-left:auto;margin-right:auto;width:auto; height:auto; font-family: 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:#731802; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*opacity: 0;*/ }
body::before { /*content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at bottom right, #ffffff, #f8f8f8 97.5%);*/}
* { -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.8; }
h1,h2,h3,h4,h5 {}
p { font-size: 1.4rem; letter-spacing: .05em; font-weight: 900; line-height: 2.5; }
.sans { font-family: 'Oswald', sans-serif; }
.serif { font-family: 'Open Sans', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; }
i { font-style: normal; }
.emphasis { background: linear-gradient(#555, #555) no-repeat; background-size: 100% 8px; background-position: 0 0.9em; }
.posCenter { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); }

/*LINK*/
a { color: #111; text-decoration:none; }
a.not { cursor: not-allowed; }
a[target='_blank'] {}
a[target='_blank'] p::after {}
a.linkFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; }
a.sm { width: 20rem; }
a.md { width: auto; max-width: 30rem; }
a.lg { width: auto; max-width: 42em; }
a.xl { width: auto; max-width: 68em; }
a.left { margin-right: auto; }
a.center { margin-left: auto; margin-right: auto; }
a.right { margin-left: auto; }
a.btn { display: block; width: 20rem; height: 5.4rem; border-radius: 5rem; overflow: hidden; position: relative; }
a.btn::before { content: ''; display: block; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; right: 0; transition: ease-in-out .3s; }
a.btn:hover::before { height: 100%; top: 0; transition: ease-in-out .3s; }
a.btn.wh { background: #efefef; }
a.btn.blk { /*background: #151515;*/background: #252525; }
a.btn.wh::before { background: #cfcfcf; }
a.btn.blk::before { background: #353535; }
a.btn p { text-align: center; line-height: 5.4rem; font-weight: 900; letter-spacing: .2em; position: relative; z-index: 5; transition: ease-in-out .3s; }
a.btn:hover p { letter-spacing: .3em; transition: ease-in-out .3s; }
a.btn.wh p { color: #151515; }
a.btn.blk p { color: #efefef; }

a.circleBtn { display: block; }
a.circleBtn p { display: flex; align-items: center; font-weight: 900; }
a.circleBtn.left p { justify-content: flex-start; }
a.circleBtn.center p { justify-content: center; }
a.circleBtn.right p { justify-content: flex-end; }
a.circleBtn p>span { display: block; }
a.circleBtn p>i { display: block; width: 5rem; height: 5rem; /*background: #151515;*/background: #252525; border-radius: 5rem; margin-left: 3rem; position: relative; overflow: hidden; transition: ease-in-out .3s;  }
a.circleBtn:hover p>i { /*background: #000;*/background: #151515; transition: ease-in-out .3s;  }
a.circleBtn p>i::before { content: ''; display: block; width: 1.5rem; height: 1.5rem; background: url(images/iconArrowRightWh.svg); background-size: cover; margin: 1.55rem auto; transition: ease-in-out .3s; }
a.circleBtn:hover p>i::before { transform: translate(0,0); -webkit-animation: circleBtn 1s linear 0s infinite; -o-animation: circleBtn 1s linear 0s infinite; animation: circleBtn 1s linear 0s infinite; }
@keyframes circleBtn {
 0%{ transform: translate(0,0); }
 49%{ transform: translate(50px,0); }
 50%{ transform: translate(50px,0); }
 51%{ transform: translate(-50px,0); }
 100%{ transform: translate(0,0); }
}
@-webkit-keyframes circleBtn {
 0%{ transform: translate(0,0); }
 49%{ transform: translate(50px,0); }
 50%{ transform: translate(50px,0); }
 51%{ transform: translate(-50px,0); }
 100%{ transform: translate(0,0); }
}
@-o-keyframes circleBtn {
 0%{ transform: translate(0,0); }
 49%{ transform: translate(50px,0); }
 50%{ transform: translate(50px,0); }
 51%{ transform: translate(-50px,0); }
 100%{ transform: translate(0,0); }
}

/*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.aspect25 { padding-top: 25%; overflow: hidden; }
.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.aspect75 { padding-top: 75%; 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: 15px 15px 50px rgba(0,0,0,0.5); }
.shadow { box-shadow: -3rem 3rem 10rem rgba(0,0,0,.25); }

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

/*BOTH*/
.inview { opacity: 0; }
.inview.action { opacity: 1; transition: ease-in-out 1s; }
.animated { transform: translateY(2rem); }
.animated.move { transform: translateY(0); transition: ease-in-out 1.5s; }
.animate { transform: translateY(-2rem); }
.animate.move { transform: translateY(0); transition: ease-in-out .3s; }
.inview.action[data-delay="00"] {}
.inview.action[data-delay="05"] { transition-delay: .05s; }
.inview.action[data-delay="1"] { transition-delay: .1s; }
.inview.action[data-delay="15"] { transition-delay: .15s; }
.inview.action[data-delay="2"] { transition-delay: .2s; }
.inview.action[data-delay="25"] { transition-delay: .25s; }
.inview.action[data-delay="3"] { transition-delay: .3s; }
.inview.action[data-delay="35"] { transition-delay: .35s; }
.inview.action[data-delay="4"] { transition-delay: .4s; }
.inview.action[data-delay="45"] { transition-delay: .45s; }
.inview.action[data-delay="5"] { transition-delay: .5s; }
.inview.action[data-delay="6"] { transition-delay: .6s; }

.cover { position: relative; overflow: hidden; }
.cover::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*background: #151515;*/background: #252525; background: radial-gradient(ellipse at top left, #151515, #000000 95%); opacity: 1; z-index: 15; }
.cover.blk::after { background: #111; }
.cover.gone::after { transform: translateX(100%); transition: ease-in-out .3s .3s; }
.cover.blk.gone::after { transition: ease-in-out .3s .15s; }

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

/*BOTH_HEADER*/
.siteHeader { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: auto; z-index: 10000; transition: ease-in-out .3s; }
.siteHeader:hover { /*background: #731802;*/background: #b13719; transition: ease-in-out .3s; }
.siteHeader .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; padding: 3rem 0; transition: ease-in-out .3s; }
.siteHeader:hover .innerWrap { padding: 1rem 0; transition: ease-in-out .3s; }
.siteHeader .flexWrap { display: flex; align-items: center; justify-content: space-between; }
.siteHeader .flexWrap>.flexLeft { display: block; }
.siteHeader .flexWrap>.flexCenter { display: block; display: flex; align-items: center; justify-content: flex-end; }
.siteHeader .flexWrap>.flexRight { display: none; }
.headLogoWrap { display: flex; align-items: center; }
.headLogoWrap img.circle { width: 6rem; height: 6rem; -webkit-animation: circleLogo 7.5s linear 0s infinite; -o-animation: circleLogo 7.5s linear 0s infinite; animation: circleLogo 7.5s linear 0s infinite; }
.headLogoWrap:hover img.circle { animation-play-state: paused; }
.headLogoWrap img.typo { width: auto; height: 1.3rem; line-height: 0; margin-left: -3rem; }
@keyframes circleLogo {
 0%{ transform: rotate(0); }
 100%{ transform: rotate(360deg); }
}
@-webkit-keyframes circleLogo {
 0%{ transform: rotate(0); }
 100%{ transform: rotate(360deg); }
}
@-o-keyframes circleLogo {
 0%{ transform: rotate(0); }
 100%{ transform: rotate(360deg); }
}

nav.headNav {}
ul.listHeadNav { display: flex; flex-wrap: wrap; justify-content: center; }
ul.listHeadNav li { margin: 0 1.5em; }
ul.listHeadNav li a {}
ul.listHeadNav li p { font-weight: 900; color: #efefef; }
ul.listHeadNav li p span.roll { height: 2.5rem; display: block; overflow: hidden; }
ul.listHeadNav li p span.roll>span.en { height: 2.5rem; display: block; transition: ease-in-out .3s .15s; }
ul.listHeadNav li p span.roll>span.jp { font-size: .85em; height: 2.5rem; display: block; transition: ease-in-out .3s; }
ul.listHeadNav li:hover p span.roll>span.en { transform: translateY(-2.5rem); transition: ease-in-out .3s; }
ul.listHeadNav li:hover p span.roll>span.jp { transform: translateY(-2.5rem); transition: ease-in-out .3s .15s; }

ul.listHeadNav li .underWrap { position: absolute; top: 8rem; left: 0; right: 0; width: 100%; opacity: 0; visibility: hidden; background: rgba(0,0,0,0.5); transition: ease-in-out .3s; }
ul.listHeadNav li:hover .underWrap { opacity: 1; visibility: visible; transition: ease-in-out .3s; }
.flexUnder { width: 85%; max-width: 128rem; margin: 0 auto; display: flex; justify-content: space-between; padding: 4rem 0; }
.flexUnder>.flexLeft { width: 25%; }
.flexUnder>.flexRight { width: 70%; }
.flexUnder p.navTtl {}
.flexUnder p.navTtl span { display: block; }
.flexUnder p.navTtl span.en { font-size: 2.1rem; }
.flexUnder p.navTtl span.jp { font-size: 1.3rem; }
ul.listUnderNav { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -10px; }
ul.listUnderNav::after { display: none; }
ul.listUnderNav li { width: calc(50% - 10px); margin: 0 0 10px; }
ul.listUnderNav li p { padding: 1.5em 0; text-align: center; background: rgba(0,0,0,0.85); }

/*smpNav*/
.humbNav { position: relative; width: 5rem; height: 5rem; display: none; opacity: 1; visibility: visible; transition: ease-in-out .3s; /*background: #000;*/background: #151515; }
.humbNav span.border { display: block; width: 30%; height: 2px; border-radius: 1px; background: #aaa; 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: #aaa; 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_sp navigation*/
aside#aside { opacity: 0; visibility: hidden; display: block; width: 100vw; height: 100vh; /*background: #731802;*/background: #b13719; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transform: matrix(1,-0.5,0,0.001,0,1200); transition: ease-in-out .5s 1s; }
aside#aside::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
aside#aside.move { opacity: 1; visibility: visible; transform: matrix(1,0,0,1,0,0); transition: ease-in-out .3s; }
aside#aside .innerWrap { width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: scroll; padding: 7rem 0; }
.spNav {}
.spNav * { color: #efefef; }
ul.listSPNav { border-top: solid 1px #bd4326; }
ul.listSPNav>li { border-bottom: solid 1px #bd4326; }
ul.listSPNav>li~li {}
dl.listSPNav {}
dl.listSPNav>dt {}
dl.listSPNav>dt p { padding: 2.5vw 7.5vw; }
dl.listSPNav>dt p span { display: block; line-height: 1.65; }
dl.listSPNav>dt p span.en { font-size: 4.2vw; }
dl.listSPNav>dt p span.jp { font-size: 3vw; }
dl.listSPNav>dd { border-top: solid 1px #5d1302; background: #6d1703; display: none; }
dl.listSPNav>dd p { padding: 2.5vw 7.5vw; }

/*aside#cside*/
aside#cside { position: fixed; right: 0; bottom: 0; z-index: 100; }
aside#cside .flexFade { display: flex; justify-content: flex-end; }
aside#cside .flexFade>.flexItem { opacity: 0; visibility: hidden; transform: translateY(5rem); transition: ease-in-out .3s; }
aside#cside .flexFade>.flexItem:nth-child(1) { min-width: 21rem; background: #7b082e; }
aside#cside .flexFade>.flexItem:nth-child(2) { min-width: 21rem; background: #bf9321; }
aside#cside .flexFade>.flexItem.sm { background: #111; min-width: 6rem; }
aside#cside .flexFade>.flexItem p { font-weight: bold; line-height: 6rem; text-align: center; color: #fff; }
aside#cside.scroll .flexFade>.flexItem { opacity: 1; visibility: visible; transform: translateY(0); transition: ease-in-out .3s; }
aside#cside.scroll .flexFade>.flexItem:nth-child(1) { transition-delay: .15s; }
aside#cside.scroll .flexFade>.flexItem:nth-child(2) { transition-delay: .3s; }
aside#cside.scroll .flexFade>.flexItem:nth-child(3) { transition-delay: .45s; }

/*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: 20vh; background: #050505; transform: translateX(0); transition: ease-in-out .3s; }
aside#cover .bandWrap .band:nth-child(1) {}
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(1) {}
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*/
.siteFooter { position: relative; }
.secFoot { position: relative; }
.secFoot .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; }
h3.footTtl { text-align: center; width: 100%; }
h3.footTtl span { display: block; letter-spacing: .15em; }
h3.footTtl span.jp { font-size: 2.25rem; }
h3.footTtl span.en { font-size: 1.5rem; }

.secFoot.sec1 {}
.secFoot.sec1 * { color: #fff; }
.secFoot.sec1 .innerWrap { width: 100%; }
.secFoot.sec1 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.secFoot.sec1 .flexWrap>.flexLeft { width: 50%; /*background: #731802;*/background: #b13719; }
.secFoot.sec1 .flexWrap>.flexRight { width: 50%; /*background: #000;*/background: #151515; }
.secFoot.sec1 .txtWrap { width: 100%; height: 100%; display: flex; align-items: center; position: relative; }

.secFoot.sec2 { /*background: #151515;*/background: #252525; }
.secFoot.sec2 .innerWrap { padding: 9.6rem 0 14.4rem; }
.secFoot.sec2 .flexWrap { display: flex; flex-wrap: wrap; margin-bottom: 6rem; border-top: solid 1px #151515; border-left: solid 1px #151515; }
.secFoot.sec2 .flexWrap>.flexItem { width: 20%; border-right: solid 1px #151515; border-bottom: solid 1px #151515; position: relative; }
.secFoot.sec2 .flexWrap>.flexItem::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; /*background: #000;*/background: #151515; z-index: 5; transition: ease-in-out .3s; }
.secFoot.sec2 .flexWrap>.flexItem:hover::before { opacity: .75; transition: ease-in-out .3s; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(1) { background: url(/wp-content/uploads/2026/03/西麻布内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(2) { background: url(/wp-content/uploads/2026/03/恵比寿内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(3) { background: url(/wp-content/uploads/2026/03/六本木内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(4) { background: url(/wp-content/uploads/2026/03/学大内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(5) { background: url(/wp-content/uploads/2026/03/新橋内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(6) { background: url(/wp-content/uploads/2026/03/武蔵小山内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(7) { background: url(/wp-content/uploads/2026/03/二子玉.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(8) { background: url(/wp-content/uploads/2026/03/札幌内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(9) { background: url(/wp-content/uploads/2026/03/立川内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(10) { background: url(/wp-content/uploads/2026/03/ドランカー内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(11) { background: url(/wp-content/uploads/2026/03/あごら内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .flexWrap>.flexItem:nth-child(12) { background: url(/wp-content/uploads/2026/03/HITSUJIKOJI内観.jpg); background-size: cover; background-position: center; }
.secFoot.sec2 .txtWrap { width: 100%; height: 100%; display: flex; align-items: center; position: relative; position: relative; z-index: 10; }
.secFoot.sec2 .txtWrap p { width: 100%; text-align: center; color: #efefef; }

nav.footNav {}
ul.listFootNav { display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.listFootNav li {}
ul.listFootNav li~li { margin-left: 3rem; }
ul.listFootNav li a {}
ul.listFootNav li p {}
dl.listFootNav {}
dl.listFootNav * { color: #efefef; }
dl.listFootNav dt {}
dl.listFootNav dt p {}
dl.listFootNav dt p span { display: block; }
dl.listFootNav dt p span.en { font-size: 1.4rem; }
dl.listFootNav dt p span.jp { font-size: 1rem; opacity: .8; }
dl.listFootNav dd { margin-top: 1.5em; }
dl.listFootNav dd p {}
dl.listFootNav dd p span.jp { font-size: 1.1rem; }

.secFoot.sec3 { /*background: #000;*/background: #151515; }
.secFoot.sec3 .innerWrap { padding: 4rem 0; }
.secFoot.sec3 .flexWrap { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.secFoot.sec3 .flexWrap>.flexLeft {}
.secFoot.sec3 .flexWrap>.flexRight {}
ul.listFootLink { display: flex; }
ul.listFootLink li {}
ul.listFootLink li a {}
ul.listFootLink li p { font-size: 1rem; color: #efefef; }
ul.listFootLink li~li p::before { content: '|'; display: inline-block; margin: 0 2rem; }
p.cr { color: #efefef; font-size: 1rem; letter-spacing: .2em; }

/*INDEX*/
h2.secTtl { color: #FFF; font-weight: lighter; font-size: 3rem; letter-spacing: .1em; margin-bottom: 1em; }
h2.secTtl span { display: inline-block; vertical-align: baseline; }
h2.secTtl span.en { font-size: 3rem; }
h2.secTtl span.jp { font-size: 1rem; margin-left: 1em; }

.secIndex { position: relative; }
.secIndex * { color: #efefef; }
.secIndex a.btn { margin-top: 4rem; }
.secIndex .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; }
.secIndex .innerWrap .inner {}

.secIndex.sec1 { /*background: #731802;*/background: #b13719; }
.secIndex.sec1::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; opacity: .1; /*background: #731802;*/background: #151515; /*background: #000;*/background: #151515; z-index: 10; }
.secIndex.sec1 .innerWrap { width: 100%; }
.secIndex.sec1 .txtWrap { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: auto; padding: 0 7.5%; display: flex; justify-content: flex-start; align-items: center; }
.secIndex.sec1 .txtWrap img { width: 40%; margin-top: 6rem; }

.secIndex.sec2 {}
.secIndex.sec2 .innerWrap { padding: 9.6rem 0; }
.secIndex.sec2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.secIndex.sec2 .flexWrap>.flexLeft { width: 50%; }
.secIndex.sec2 .flexWrap>.flexRight { width: 30%; }

.secIndex.sec3 { /*background: #151515;*/background: #252525; }
.secIndex.sec3 .innerWrap { padding: 9.6rem 0; }
.secIndex.sec3 .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.secIndex.sec3 .flexWrap~.flexWrap { margin-top: 9.6rem; }
.secIndex.sec3 .flexWrap>.flexLeft { width: 50%; margin-bottom: 6rem; }
.secIndex.sec3 .flexWrap:nth-child(2n)>.flexLeft { order: 1; }
.secIndex.sec3 .flexWrap>.flexLeft>.inner { width: calc(100% + 15vw); margin-left: -7.5vw; margin-right: -7.5vw; }
.secIndex.sec3 .flexWrap:nth-child(2n)>.flexLeft>.inner { width: calc(100% + 15vw); margin-right: -7.5vw; margin-left: -7.5vw; }
.secIndex.sec3 .flexWrap>.flexRight { width: 50%; position: relative; z-index: 5; }
.secIndex.sec3 .flexWrap>.flexRight>.inner { /*background: #151515;*/background: #252525; padding: 7.5% 10%; }

.secIndex.sec4 {}
.secIndex.sec4 .innerWrap { padding: 9.6rem 0; }
.secIndex.sec4 .flexWrap { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.secIndex.sec4 .flexWrap>.flexLeft { width: 25%; }
.secIndex.sec4 .flexWrap>.flexRight { width: 65%; }
.secIndex.sec4 .flexWrap>.flexRight .inner { width: calc(100% + 7.5vw); }
.secIndex.sec4 .flexWrap>.flexRight .imgWrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
.secIndex.sec4 .flexWrap>.flexRight .imgWrap .fig1 { position: absolute; top: 15%; left: 0; width: 40%; height: auto; }
.secIndex.sec4 .flexWrap>.flexRight .imgWrap .fig2 { position: absolute; top: 5%; right: 25%; width: 30%; height: auto; }
.secIndex.sec4 .flexWrap>.flexRight .imgWrap .fig3 { position: absolute; bottom: 0; right: 0; width: 50%; height: auto; }




/*PAGE*/
.pageHeader { position: relative; }
.pageHeader .innerWrap { width: 100%; mmax-width: 168rem; margin: 0 auto; }
.pageHeader .aspectBlock.bgmessage { background: url(images/headMessage_PC.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bgabout { background: url(images/headAbout_PC.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bgwork { background: url(images/headStyle_PC.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bginterview { background: url(images/headInterview_PC.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bginfographic { background: url(images/headIG_PC.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bgentry { background: url(images/headEntry_PC.jpg) center; background-size: cover; }
.pageHeader .txtWrap { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
h1.pageTtl { text-align: center; letter-spacing: .2em; }
h1.pageTtl span { display: block; line-height: 1; }
h1.pageTtl span.en { font-size: 3.5rem; text-transform: uppercase; }
h1.pageTtl span.jp { font-size: 1.65rem; margin-top: 2.5rem; }
h1.pageTtl span.row { position: relative; overflow: hidden; }
h1.pageTtl span.row::after { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; /*background: #000;*/background: #151515; }
h1.pageTtl.gone span.row::after { -webkit-animation: pageTtl 1s ease-in-out 0s 1; -o-animation: pageTtl 1s ease-in-out 0s 1; animation: pageTtl 1s ease-in-out 0s 1; }
@keyframes pageTtl {
 0%{ width: 0; }
 50%{ width: 100%; transform: translateX(0); }
 100%{ width: 100%; transform: translateX(100%); }
}
@-webkit-keyframes pageTtl {
 0%{ width: 0; }
 50%{ width: 100%; transform: translateX(0); }
 100%{ width: 100%; transform: translateX(100%); }
}
@-o-keyframes pageTtl {
 0%{ width: 0; }
 50%{ width: 100%; transform: translateX(0); }
 100%{ width: 100%; transform: translateX(100%); }
}
h1.pageTtl span>span.mask { display: table; margin: 0 auto; background: #fff; opacity: 0; visibility: hidden; }
h1.pageTtl.gone span>span.mask { opacity: 1; visibility: visible; transition-delay: .5s; }

.pageContent { /*background: #151515;*/background: #252525; }
.pageContent * { color: #efefef; }
.secPage {}
.secPage~.secPage { border-top: solid 1px #252525; }
.secPage .innerWrap { width: 85%; max-width: 86rem; margin: 0 auto; padding: 9.6rem 0; }
.secPage .innerWrap .inner {}
h2.pageTtl { font-size: 2.5rem; letter-spacing: .2em; margin-bottom: 2em; }
h2.pageTtl span.done { position: relative; }
h2.pageTtl span.done::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; /*background: #151515;*/background: #252525; }
h2.pageTtl span.done.gone::after { width: 0; transition: ease-in-out .3s .5s; }
h2.pageTtl span.done>span { font-size: 1.1rem; letter-spacing: .1em; margin-left: 1em; }
h3.pageTtl { font-size: 2rem; letter-spacing: .2em; margin-bottom: 2em; }
h4.pageTtl { font-size: 1.8rem; letter-spacing: .2em; margin-bottom: 2em; }
p.focus { background: rgba(255,255,255,.1); padding: 3% 5%; border: solid 1px #333; border-radius: 12px; margin-top: 1.5em; }
p.focus span { display: block; }

/*PAGE_MESSAGE*/
.messageWrap {}
.messageWrap p { font-size: 1.65rem; }
.messageWrap p~p { margin-top: 2em; }
.messageWrap p.lead { font-size: 3rem; line-height: 1.8; }
.messageWrap p.sublead { font-size: 2.1rem; text-decoration: underline; line-height: 1.8; }
.messageWrap p.wrote { text-align: right; }
.messageWrap img.wrote { display: block; margin-top: 1em; margin-left: auto; width: auto; height: 3.2rem; }

.visionWrap {}
.visionWrap .leadWrap { /*background: #000;*/background: #151515; width: calc(100% + 38vw); margin-left: -19vw; padding: 7% 0; margin-bottom: 6rem;  }
.visionWrap .lead { font-size: 3rem; text-align: center; }
ul.listVision { max-width: 68rem; margin: 0 auto; }
ul.listVision li {}
ul.listVision li~li::before { content: ''; display: block; width: 12rem; height: 4rem; margin: 2.5rem auto; background: url(images/visionUnder.svg); background-size: cover; }
ul.listVision li p { font-size: 1.65rem; letter-spacing: .15em; border: solid 1px #efefef; padding: 1.5em; text-align: center; }

/*PAGE_ABOUT*/
.companyWrap {}
dl.listCompany { display: flex; flex-wrap: wrap; justify-content: space-between; }
dl.listCompany~dl.listCompany { margin-top: 3.5rem; z-index: 5; }
dl.listCompany dt { width: 25%; }
dl.listCompany dt p { font-weight: bold; }
dl.listCompany dd { width: 70%; }
dl.listCompany dd p {}

.historyWrap {}
dl.listHistory { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding-left: 5rem; }
dl.listHistory::before { content: ''; display: block; position: absolute; left: 0; top: .4em; width: 1em; height: 1em; border-radius: 3rem; border: solid 3px #efefef; /*background: #151515;*/background: #252525; z-index: 10; }
dl.listHistory::after { content: ''; display: block; position: absolute; left: .65em; top: 1.6rem; width: 3px; height: calc(100% + 3.5rem); background: #999; }
dl.listHistory:last-child::after { display: none; }
dl.listHistory~dl.listHistory { margin-top: 3.5rem; z-index: 5; }
dl.listHistory dt { width: 25%; }
dl.listHistory dt p { font-weight: bold; }
dl.listHistory dd { width: 70%; }
dl.listHistory dd p {}

.storeWrap {}
.storeWrap~.storeWrap { margin-top: 6rem; }
.flexStore { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexStore>.flexLeft { width: 35%; }
.flexStore>.flexRight { width: 55%; }
dl.listStore { display: flex; justify-content: space-between; }
dl.listStore~dl.listStore { margin-top: .75em; }
dl.listStore dt { width: 25%; }
dl.listStore dt p {}
dl.listStore dd { width: 65%;}
dl.listStore dd p {}
dl.listStore dd a { text-decoration: underline; }

/*PAGE_STYLE*/
.careerWrap { max-width: 68rem; margin: 0 auto; }
ul.listCS {}
ul.listCS li { position: relative; }
ul.listCS li~li::before { content: ''; display: block; width: 9rem; height: 3rem; margin: 0 auto 2rem; background: url(images/visionUnder.svg); background-size: cover; }
ul.listCS li p { font-size: 1.65rem; font-weight: 900; text-align: center; border: solid 1px #efefef; padding: 1.5rem; margin-bottom: 2rem; }
ul.listCS li p span { display: block; font-size: 1.4rem; font-weight: normal; }
dl.listCS { display: flex; flex-wrap: wrap; justify-content: space-between; }
dl.listCS::after { display: none; }
dl.listCS dd { width: calc(50% - 1rem); }

.careersterWrap {}
.flexCareerstep { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flexCareerstep~.flexCareerstep { border-top: dashed 1px #555; margin-top: 4rem; padding-top: 4rem; }
.flexCareerstep>.flexLeft { width: 5%; display: flex; justify-content: center; align-items: center; border: solid 1px #fff; }
.flexCareerstep>.flexLeft p { width: 100%; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.flexCareerstep>.flexRight { width: 90%; }
.flexCareerstep>.flexItem { width: 100%; background: #333; border: solid 1px #202020; border-radius: 5px; margin-top: 1.5em; }
.flexCareerstep>.flexItem p { text-align: center; opacity: .5; }
.flexCareerInner { display: flex; justify-content: space-between; }
.flexCareerInner~.flexCareerInner { border-top: dashed 1px #353535; margin-top: 2rem; padding-top: 2rem; }
.flexCareerInner>.flexLeft { width: 25%; }
.flexCareerInner>.flexRight { width: 70%; }
.flexCareerInner>.flexRight.lg { width: 100%; }
.flexCareerInner>.flexRight>p { border-top: dashed 1px #353535; padding: 1.5em; color: #efefef; }
dl.listCSPosition { display: flex; align-items: center; padding: 1.5em; }
dl.listCSPosition dt { margin-right: 1.5em; }
dl.listCSPosition dt p { font-size: 1.8rem; }
dl.listCSPosition dd { }
dl.listCSPosition dd p { }

img.billImg { width: 100%; height: auto; margin-top: 6rem; }
.billWrap { margin-top: 6rem; margin-bottom: 9.6rem; border-top: solid 1px #333; }
dl.listBill { border-bottom: solid 1px #333; display: flex; justify-content: space-between; padding: 2.5rem 0 3.5rem; }
dl.listBill~dl.listBill {}
dl.listBill::after { display: none; }
dl.listBill dt { width: 20%; }
dl.listBill dt h3.pageTtl { margin-bottom: 1em; }
dl.listBill dd { width: 75%; }
dl.listBill dd p { font-size: 1.65rem; font-weight: 900; }
dl.listBill dd p~p { margin-top: 1em; }
dl.listBill dd p span { display: block; font-size: 1.3rem; font-weight: normal; }

.salaryWrap { margin-top: 6rem; margin-bottom: 9.6rem; }
ul.listSalary { display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.listSalary li { width: calc((100% / 4) - 2rem); border: solid 1px #fff; padding: 1rem; cursor: pointer; opacity: .5; transition: ease-in-out .3s; }
ul.listSalary li:hover { opacity: 1; transition: ease-in-out .3s; }
ul.listSalary li.active { opacity: 1; transition: ease-in-out .3s; }
ul.listSalary li p { font-weight: bold; text-align: center; }
ul.listSalary li p span { display: block; }
table.tableSalary { width: 100%; margin-top: 4rem; display: none; table-layout: fixed; }
table.tableSalary.active { display: table; }
table.tableSalary tr { width: 100%; }
table.tableSalary tr th { border: solid 1px #333; padding: 2rem 5%; width: 28%; }
table.tableSalary tr th p { text-align: left; }
table.tableSalary tr th p span { font-size: .85em; margin-left: .5em; }
table.tableSalary tr td { border: solid 1px #333; padding: 2rem 5%; }
table.tableSalary tr td p {}

.rateWrap { margin-top: 6rem; margin-bottom: 9.6rem; }
.rateWrap .inner { background: #202020; padding: 3rem 5%; margin-bottom: 3rem; }
ul.listRate {}
ul.listRate li { margin-top: .5rem; }
ul.listRate li p { font-size: 1.2rem; }
table.tableRate { width: 100%; margin-top: 4rem; }
table.tableRate tr { width: 100%; }
table.tableRate tr th { border: solid 1px #333; padding: 1rem; }
table.tableRate tr th p {}
table.tableRate tr td { border: solid 1px #333; padding: .5rem 1rem; }
table.tableRate tr td p { text-align: center; font-size: 1.2rem; }

.valueWrap { margin-top: 6rem; border-top: solid 1px #333; }
dl.listValue { border-bottom: solid 1px #333; padding: 2.5rem 5% 3.5rem; }
dl.listValue~dl.listValue {}
dl.listValue dt {}
dl.listValue dt h3.pageTtl { margin-bottom: 1em; }
dl.listValue dd {}
dl.listValue dd p {}

dl.listIndependece { margin-top: 6rem; }
dl.listIndependece dt {}
dl.listIndependece dt h3.pageTtl { margin-bottom: 1em; }
dl.listIndependece dd { position: relative; padding-left: 5rem; }
dl.listIndependece dd::before { content: ''; display: block; position: absolute; left: 0; top: .4em; width: 1em; height: 1em; border-radius: 3rem; border: solid 3px #efefef; /*background: #151515;*/background: #252525; z-index: 10; }
dl.listIndependece dd::after { content: ''; display: block; position: absolute; left: .65em; top: 1.6rem; width: 3px; height: calc(100% + 3.5rem); background: #999; }
dl.listIndependece dd:last-child::after { display: none; }
dl.listIndependece dd~dd { margin-top: 2.5rem; }
dl.listIndependece dd p {}
dl.listIndependece dd p span { display: block; font-size: 1.2rem; background: rgba(255,255,255,.1); padding: 1.5% 3%; border-radius: 12px; border: solid 1px #333; margin-top: 1.5em; }

/*PAGE_INTERVIEW*/
ul.listTag {}
ul.listTag li {}
ul.listTag li p {}
ul.listTag li p span { background: #fff; padding: .1em 1em 0; color: #252525; border-radius: 8px; }
.flexInterview { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexInterview>.flexLeft { width: 30%; }
.flexInterview>.flexLeft .inner { width: calc(100% + 10vw); margin-left: -10vw; }
.flexInterview>.flexRight { width: 65%; }
.interviewWrap {}
dl.listInterview {}
dl.listInterview~dl.listInterview { margin-top: 3.5em; }
dl.listInterview dt { margin-bottom: 1.5rem; }
dl.listInterview dt p { font-weight: 900; padding-left: 6rem; position: relative; }
dl.listInterview dt p::before { content: ''; display: block; width: 4rem; height: 1.5px; background: #efefef; position: absolute; left: 0; top: .75em; }
dl.listInterview dd {}
dl.listInterview dd p {}

/*PAGE_INFOGRAPHIC*/
.igWrap { width: calc(100% + 10vw); margin: 0 -5vw; }
.flexIG { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexIG>.flexItem { width: calc((100% - 100px) / 3); margin-bottom: 5rem; }
.flexIG>.flexItem.lg { width: calc(((100% - 100px) / 3)*2 + 50px); }
.flexIG h3.pageTtl { text-align: center; }
.flexIG p.number { border-top: solid 3px #efefef; margin-bottom: 2.5em; }
.flexIG p.number span { background: #efefef; color: #151515; padding: .2em 1em; }
.flexIG p.data { text-align: center; margin-bottom: 4rem; }
.flexIG p.data span { display: inline-block; vertical-align: text-bottom; line-height: 1; }
.flexIG p.data span.figure { color: #9d1e00; font-size: 8.4rem; }
.flexIG p.data span.cap { color: #efefef; font-size: 2.1rem; }
.flexIG p.caption { text-align: center; font-size: 1.3rem; }

/*PAGE_ENTRY*/

/*FORM*/
.formWrap { margin-top: 4rem; border-top: solid 1px #333; padding-top: 4rem; }
.formWrap * { color: #aaa; }
.formWrap .caption { background: #111; padding: 5%; margin-bottom: 6rem; }

.formWrap>p.must { color: #9d1e00; margin-bottom: 2.5rem; }
.formWrap>p.must span.dot { display: inline-block; width: .65em; height: .65em; border-radius: 1em; /*background: #9d1e00;*/background: #dc3f1a; margin-right: .5em; }
ul.listDocForm { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -2.5rem; }
ul.listDocForm li { width: 100%; margin-bottom: 2.5rem; }
ul.listDocForm li:last-child { width: 100%; margin-top: 2.5rem; margin-bottom: 4rem; }
dl.listDocForm { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
dl.listDocForm dt { width: 30%; }
dl.listDocForm dt p { font-weight: bold; }
dl.listDocForm dt p::after {}
dl.listDocForm dt p.must::after { content: ''; display: inline-block; vertical-align: baseline; width: .65em; height: .65em; border-radius: 1em; /*background: #9d1e00;*/background: #dc3f1a; margin-left: 1em; }
dl.listDocForm dt p.can::after {}
dl.listDocForm dd { width: 60%; font-size: 1.5rem; }
dl.listDocForm dd p {}

/*確認画面*/
.mw_wp_form_confirm dl.listDocForm dd { background: #202020; padding: 1em; color: #777; }

/*完了画面*/
.mw_wp_form_complete {}
.mw_wp_form_complete>a { text-decoration: underline; }
.mw_wp_form_complete dl.listComplete {}
.mw_wp_form_complete dl.listComplete dt {}
.mw_wp_form_complete dl.listComplete dt p { font-size: 3rem; }


input[type="text"], textarea, select { width: 100%; height: auto; border: none; background: #222; border-radius: 0; padding: 18px 24px; font-size: 1.6rem; line-height: 1em; color: #aaa; }
input[type="radio"]+span { font-size: 1.6rem; color: #aaa; }
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 #333; }
input[type="submit"] { width: 100%; max-width: 32rem; height: 6rem; border: none; font-weight: bold; text-align: center; line-height: 4rem; font-size: 1.5rem; letter-spacing: .2em; background: #31302e; color: #dfd8d2; position: relative; margin:0 auto; display:block; border-radius: 5rem; -webkit-transition:ease .5s; transition:ease .5s; }
input[type="submit"]:hover { /*background: #9d1e00;*/background: #dc3f1a; color: #dfd8d2; -webkit-transition:ease .5s;transition:ease .5s; }


/*PAGE_PRIVACY*/
.privacyWrap { margin-top: 4rem; border-top: solid 1px #333; padding-top: 4rem; }
.privacyWrap .caption { background: #111; padding: 5%; margin-bottom: 6rem; }
.privacyWrap~.privacyWrap {}
dl.listPrivacy {}
dl.listPrivacy~dl.listPrivacy { margin-top: 4rem; }
dl.listPrivacy dt {}
dl.listPrivacy dt p { font-size: 1.65rem; }
dl.listPrivacy dd { margin-top: 1.5em; }
dl.listPrivacy dd p {}






/*ARCHIVE*/
.archiveHeader { margin-top: 12rem; /*background: #000;*/background: #151515; }
.archiveHeader .innerWrap { width: 85%; max-width: 168rem; margin: 0 auto; }
.ankerWrap { padding: 1.5rem 0; }
ul.listJobCat { display: flex; flex-wrap: wrap; }
ul.listJobCat li {}
ul.listJobCat li~li { margin-left: 3rem; }
ul.listJobCat li a {}
ul.listJobCat li p { color: #efefef; font-weight: 900; }

.archiveContent {}
.secArchive { width: 100vw; height: auto; z-index: 5; }
.secArchive .innerWrap { width: 100%; max-width: 168rem; margin: 0 auto; }
.secArchive .innerWrap .inner { overflow: hidden; /*background: #151515;*/background: #252525; position: relative; }
.secArchive .innerWrap .inWrap { width: 85%; max-width: 86rem; margin: 0 auto; padding: 9.6rem 0; position: relative; }
.secArchive .innerWrap .inWrap>a { display: block; }
.secArchive .innerWrap .inWrap>a p { color: #aaa; line-height: 3; font-size: 1.65rem; }
.secArchive .innerWrap .inWrap>a p span { border-bottom: solid 3px #aaa; }
.secArchive .innerWrap .inWrap>a.before { margin-bottom: 2rem; }
.secArchive .innerWrap .inWrap>a.after { margin-top: 2rem; }
.txtWrap { position: absolute; top: 0; left: 0; }
.txtWrap h1.archiveTtl { font-size: 30rem; opacity: .1; line-height: .725; }

article.postNews { background: #252525; padding: 5% 7.5%; transition: ease-in-out .3s; }
article.postNews:hover { /*background: #151515;*/background: #252525; transform: translateX(-10px); transition: ease-in-out .3s; }
article.postNews~article.postNews { margin-top: 1rem; }
article.postNews * { color: #aaa; }
.postHeader { margin-bottom: 4rem; padding-bottom: 3rem; border-bottom: solid 1px #333; }
.postHeader h3.pageTtl { margin-bottom: 0; }
.postHeader h3.pageTtl span.new { display: inline-block; vertical-align: text-top; color: #fff; font-size: 1rem; text-align: center; /*background: #9d1e00;*/background: #dc3f1a; font-weight: 900; margin-top: .5em; margin-right: 2em; padding: 0 1em 0 1.4em; }
.postBody {}

dl.listJobPick { display: flex; flex-wrap: wrap; justify-content: space-between; }
dl.listJobPick~dl.listJobPick { margin-top: 1.5rem; }
dl.listJobPick dt { width: 25%; }
dl.listJobPick dt p { font-weight: 900; }
dl.listJobPick dd { width: 65%; }
dl.listJobPick dd p {}
.inlineBtn { display: flex; justify-content: space-evenly; margin-top: 4rem; border-top: solid 1px #333; padding-top: 4rem;  }
.inlineBtn a.btn {}

nav.navigation.pagination { margin-top: 9.6rem; }
nav.navigation.pagination h2 { display: none; }
.nav-links { display: flex; align-items: center; justify-content: center; }
.nav-links .page-numbers { margin: 0 1em; font-weight: 900; width: 5rem; height: 5rem; border-radius: 5rem; font-size: 1.5rem; color: #aaa; text-align: center; line-height: 5rem; transition: ease-in-out .3s; }
.nav-links .page-numbers:hover { /*background: #000;*/background: #151515; transition: ease-in-out .3s; }
.nav-links .page-numbers.current { background: #fff; color: #151515; }

/*SINGLE*/
.singleContent {}
.postSingle>.txtWrap { position: absolute; top: 0; left: 0; width: 100vw; overflow: hidden; }
.postSingle>.txtWrap h1.singleTtl { font-size: 30rem; opacity: .1; line-height: .725; white-space: nowrap; }

article.postSingle { /*background: #151515;*/background: #252525; padding: 12rem 7.5%; overflow: hidden; }
article.postSingle * { color: #aaa; }
article.postSingle p { line-height: 2; }
article.postSingle p~p { margin-top: 2.5em; }

.singleHeader { background: #252525; max-width: 98rem; margin: 0 auto; }
.singleHeader .innerWrap {}
.singleHeader .txtWrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; }
.singleHeader .txtWrap * { color: #151515; }
.singleContent { background: #252525; max-width: 98rem; margin: 0 auto; overflow: hidden; }
.singleContent .innerWrap { width: 90%; max-width: 86rem; margin: 0 auto; }
.secSingle {}
.secSingle .outerWrap { width: calc(100% + 15vw); height: auto; margin: 0 -7.5vw; }
.secSingle .innerWrap { padding: 9.6rem 0; }
.descWrap { border-top: solid 1px #333; }
.flexDesc { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: solid 1px #333; padding: 1.5em 0; }
.flexDesc>.flexLeft { width: 20%; }
.flexDesc>.flexLeft p { font-weight: 900; }
.flexDesc>.flexRight { width: 75%; }
.flexDesc>.flexRight p {}
.gMap { width: 100%; height: auto; padding-top: 50%; position: relative; margin-top: 1em; }
.gMap iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }






/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎desktop◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
@media (min-width:1680px) {

#page { border-left: solid 1px #333; border-right: solid 1px #333; }

}









/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎tablet◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
@media (min-width:768px) and (max-width:1024px) {



}














/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎smartphone◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
@media (max-width:767px) {

/*--------------basic css--------------*/
html {}
body {}
body::before {}
* {}
/*TEXT*/
p,h1,h2,h3,h4,h5 {}
h1,h2,h3,h4,h5 {}
p { font-size: 3.2vw; letter-spacing: 0; }

/*LINK*/
a { color: #111; text-decoration:none; }
a.not { cursor: not-allowed; }
a[target='_blank'] {}
a[target='_blank'] p::after {}
a.linkFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; }
a.sm { width: 20rem; }
a.md { width: auto; max-width: 30rem; }
a.lg { width: auto; max-width: 42em; }
a.xl { width: auto; max-width: 68em; }
a.left { margin-right: auto; }
a.center { margin-left: auto; margin-right: auto; }
a.right { margin-left: auto; }
a.btn { width: 20rem; height: 4.8rem; }
a.btn::before {}
a.btn:hover::before {}
a.btn.wh {}
a.btn.blk {}
a.btn.wh::before {}
a.btn.blk::before {}
a.btn p { line-height: 4.8rem; }
a.btn:hover p {}
a.btn.wh p {}
a.btn.blk p {}

/*SHADOW*/
.sdw { box-shadow: 15px 15px 50px rgba(0,0,0,0.5); }
.shadow { box-shadow: -3rem 3rem 10rem rgba(0,0,0,.25); }

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

/*BOTH*/
.inview { opacity: 0; }
.inview.action { opacity: 1; transition: ease-in-out 1s; }
.animated { transform: translateY(2rem); }
.animated.move { transform: translateY(0); transition: ease-in-out 1.5s; }
.animate { transform: translateY(-2rem); }
.animate.move { transform: translateY(0); transition: ease-in-out .3s; }
.inview.action[data-delay="00"] {}
.inview.action[data-delay="05"] { transition-delay: .05s; }
.inview.action[data-delay="1"] { transition-delay: .1s; }
.inview.action[data-delay="15"] { transition-delay: .15s; }
.inview.action[data-delay="2"] { transition-delay: .2s; }
.inview.action[data-delay="25"] { transition-delay: .25s; }
.inview.action[data-delay="3"] { transition-delay: .3s; }
.inview.action[data-delay="35"] { transition-delay: .35s; }
.inview.action[data-delay="4"] { transition-delay: .4s; }
.inview.action[data-delay="45"] { transition-delay: .45s; }
.inview.action[data-delay="5"] { transition-delay: .5s; }
.inview.action[data-delay="6"] { transition-delay: .6s; }


/*#page*/
#page {}
#page.move {}

/*BOTH_HEADER*/
.siteHeader {}
.siteHeader:hover {}
.siteHeader .innerWrap { padding: 2rem 0; }
.siteHeader:hover .innerWrap { padding: 1rem 0; }
.siteHeader .flexWrap {}
.siteHeader .flexWrap>.flexLeft {}
.siteHeader .flexWrap>.flexCenter { display: none; }
.siteHeader .flexWrap>.flexRight { display: block; }
.headLogoWrap { display: flex; align-items: center; }
.headLogoWrap img.circle { width: 5rem; height: 5rem; }
.headLogoWrap:hover img.circle {}
.headLogoWrap img.typo { width: auto; height: 1.15rem; line-height: 0; margin-left: -2.5rem; }
@keyframes circleLogo {
 0%{ transform: rotate(0); }
 100%{ transform: rotate(360deg); }
}
@-webkit-keyframes circleLogo {
 0%{ transform: rotate(0); }
 100%{ transform: rotate(360deg); }
}
@-o-keyframes circleLogo {
 0%{ transform: rotate(0); }
 100%{ transform: rotate(360deg); }
}

nav.headNav {}
ul.listHeadNav {}
ul.listHeadNav li {}
ul.listHeadNav li a {}
ul.listHeadNav li p {}

/*smpNav*/
.humbNav { display: block; }
.humbNav span.border {}
.humbNav span.border:nth-child(1) {}
.humbNav span.border:nth-child(2) {}
.humbNav span.txt {}
.humbNav span.txt span.open {}
.humbNav span.txt span.close {}

/*aside#cside*/
aside#cside { position: fixed; right: 0; bottom: 0; z-index: 100; }
aside#cside .flexFade { display: flex; justify-content: flex-end; }
aside#cside .flexFade>.flexItem { opacity: 0; visibility: hidden; transform: translateY(5rem); transition: ease-in-out .3s; }
aside#cside .flexFade>.flexItem:nth-child(1) { min-width: 21rem; background: #7b082e; }
aside#cside .flexFade>.flexItem:nth-child(2) { min-width: 21rem; background: #bf9321; }
aside#cside .flexFade>.flexItem.sm { background: #111; min-width: 6rem; }
aside#cside .flexFade>.flexItem p { font-weight: bold; line-height: 6rem; text-align: center; color: #fff; }
aside#cside.scroll .flexFade>.flexItem { opacity: 1; visibility: visible; transform: translateY(0); transition: ease-in-out .3s; }
aside#cside.scroll .flexFade>.flexItem:nth-child(1) { transition-delay: .15s; }
aside#cside.scroll .flexFade>.flexItem:nth-child(2) { transition-delay: .3s; }
aside#cside.scroll .flexFade>.flexItem:nth-child(3) { transition-delay: .45s; }

/*BOTH_FOOTER*/
.siteFooter {}
.secFoot {}
.secFoot .innerWrap {}
h3.footTtl { text-align: center; width: 100%; }
h3.footTtl span { display: block; letter-spacing: .15em; }
h3.footTtl span.jp { font-size: 5vw; }
h3.footTtl span.en { font-size: 3.2vw; }

.secFoot.sec1 {}
.secFoot.sec1 * {}
.secFoot.sec1 .innerWrap {}
.secFoot.sec1 .flexWrap {}
.secFoot.sec1 .flexWrap>.flexLeft { width: 100%; }
.secFoot.sec1 .flexWrap>.flexRight { width: 100%; }
.secFoot.sec1 .txtWrap {}

.secFoot.sec2 {}
.secFoot.sec2 .innerWrap { padding: 7.5vw 0; }
.secFoot.sec2 .flexWrap { margin-bottom: 0;  justify-content: flex-start; }
.secFoot.sec2 .flexWrap>.flexItem { width: calc(100% / 3); }
.secFoot.sec2 .flexWrap>.flexItem::before {}
.secFoot.sec2 .txtWrap {}
.secFoot.sec2 .txtWrap p {}

nav.footNav { display: none; }

.secFoot.sec3 {}
.secFoot.sec3 .innerWrap { padding: 7.5vw 0 20vw; }
.secFoot.sec3 .flexWrap {}
.secFoot.sec3 .flexWrap>.flexLeft {}
.secFoot.sec3 .flexWrap>.flexRight {}
ul.listFootLink { display: flex; }
ul.listFootLink li {}
ul.listFootLink li a {}
ul.listFootLink li p { font-size: 1rem; color: #efefef; }
ul.listFootLink li~li p::before { content: '|'; display: inline-block; margin: 0 1rem; }
p.cr { margin-top: 5vw; }

/*INDEX*/
h2.secTtl { font-size: 6vw; }
h2.secTtl span {}
h2.secTtl span.en { font-size: 6vw; }
h2.secTtl span.jp { font-size: 3.2vw; }

.secIndex {}
.secIndex * {}
.secIndex a.btn { margin-top: 7.5vw; }
.secIndex .innerWrap {}
.secIndex .innerWrap .inner {}

.secIndex.sec1 {}
.secIndex.sec1::before {}
.secIndex.sec1 .innerWrap {}
.secIndex.sec1 .aspect.aspect56 { padding-top: 112.5%; }
.secIndex.sec1 .txtWrap { padding: 0 7.5%; justify-content: center; }
.secIndex.sec1 .txtWrap img { width: 75%; margin-top: 4.5rem; }

.secIndex.sec2 {}
.secIndex.sec2 .innerWrap { padding: 15vw 0; }
.secIndex.sec2 .flexWrap {}
.secIndex.sec2 .flexWrap>.flexLeft { width: 80%; margin-top: 25vw; }
.secIndex.sec2 .flexWrap>.flexRight { width: 20%; }
.secIndex.sec2 .flexWrap>.flexRight .inner { width: calc(100% + 15vw); margin-left: -15vw; transform: translate(0)!important; }

.secIndex.sec3 {}
.secIndex.sec3 .innerWrap { padding: 15vw 0; }
.secIndex.sec3 .flexWrap {}
.secIndex.sec3 .flexWrap~.flexWrap { margin-top: 15vw; }
.secIndex.sec3 .flexWrap>.flexLeft { width: 100%; margin-bottom: 7.5vw; }
.secIndex.sec3 .flexWrap:nth-child(2n)>.flexLeft { order: 0; }
.secIndex.sec3 .flexWrap>.flexLeft>.inner { transform: translate(0)!important; }
.secIndex.sec3 .flexWrap:nth-child(2n)>.flexLeft>.inner {}
.secIndex.sec3 .flexWrap>.flexRight { width: 100%; }
.secIndex.sec3 .flexWrap>.flexRight>.inner { padding: 7.5vw 0 0; }

.secIndex.sec4 {}
.secIndex.sec4 .innerWrap { padding: 15vw 0; }
.secIndex.sec4 .flexWrap {}
.secIndex.sec4 .flexWrap>.flexLeft { width: 100%; order: 1; }
.secIndex.sec4 .flexWrap>.flexRight { width: 100%; margin-bottom: 15vw; }
.secIndex.sec4 .flexWrap>.flexRight .inner { margin-left: -2.5vw; }
.secIndex.sec4 .flexWrap>.flexRight .imgWrap {}
.secIndex.sec4 .flexWrap>.flexRight .imgWrap .fig1 { top: 15%; left: 0; width: 40%; }
.secIndex.sec4 .flexWrap>.flexRight .imgWrap .fig2 { top: 5%; right: 25%; width: 30%; }
.secIndex.sec4 .flexWrap>.flexRight .imgWrap .fig3 { bottom: 0; right: 0; width: 50%; }




/*PAGE*/
.pageHeader {}
.pageHeader .aspectBlock.bgmessage { background: url(images/headMessage_SP.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bgabout { background: url(images/headAbout_SP.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bgwork { background: url(images/headStyle_SP.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bginterview { background: url(images/headInterview_SP.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bginfographic { background: url(images/headIG_SP.jpg) center; background-size: cover; }
.pageHeader .aspectBlock.bgentry { background: url(images/headEntry_SP.jpg) center; background-size: cover; }
.pageHeader .innerWrap {}
.pageHeader .aspect.aspect41 { padding-top: 82.4%; }
.pageHeader .txtWrap {}
h1.pageTtl {}
h1.pageTtl span {}
h1.pageTtl span.en { font-size: 7vw; }
h1.pageTtl span.jp { font-size: 3.2vw; margin-top: 1.5rem; }
h1.pageTtl span.row {}
h1.pageTtl span.row::after {}
h1.pageTtl.gone span.row::after {}
@keyframes pageTtl {
 0%{ width: 0; }
 50%{ width: 100%; transform: translateX(0); }
 100%{ width: 100%; transform: translateX(100%); }
}
@-webkit-keyframes pageTtl {
 0%{ width: 0; }
 50%{ width: 100%; transform: translateX(0); }
 100%{ width: 100%; transform: translateX(100%); }
}
@-o-keyframes pageTtl {
 0%{ width: 0; }
 50%{ width: 100%; transform: translateX(0); }
 100%{ width: 100%; transform: translateX(100%); }
}
h1.pageTtl span>span.mask {}
h1.pageTtl.gone span>span.mask {}

.pageContent {}
.pageContent * {}
.secPage {}
.secPage~.secPage {}
.secPage .innerWrap { padding: 15vw 0; }
.secPage .innerWrap .inner {}
h2.pageTtl { font-size: 6vw; margin-bottom: 1.25em; }
h2.pageTtl span.done {}
h2.pageTtl span.done::after {}
h2.pageTtl span.done.gone::after {}
h2.pageTtl span.done>span { font-size: 3vw; }
h3.pageTtl { font-size: 5.4vw; margin-bottom: 1em; }

/*PAGE_MESSAGE*/
.messageWrap {}
.messageWrap p { font-size: 3.5vw; }
.messageWrap p~p { margin-top: 2em; }
.messageWrap p br { display: none; }
.messageWrap p.lead { font-size: 6vw; }
.messageWrap p.sublead { font-size: 4.5vw; }
.messageWrap p.wrote {}
.messageWrap img.wrote { margin-top: 1em; height: 3rem; }

.visionWrap {}
.visionWrap .leadWrap { width: calc(100% + 15vw); margin-left: -7.5vw; padding: 10vw 0; margin-bottom: 15vw;  }
.visionWrap .lead { font-size: 5.4vw; }
ul.listVision {}
ul.listVision li {}
ul.listVision li~li::before { width: 6rem; height: 2rem; margin: 1.5rem auto; }
ul.listVision li p { font-size: 3.8vw; padding: 1em; }

/*PAGE_ABOUT*/
.companyWrap {}
dl.listCompany {}
dl.listCompany~dl.listCompany { margin-top: 3.5rem; }
dl.listCompany dt {}
dl.listCompany dt p {}
dl.listCompany dd {}
dl.listCompany dd p {}

.historyWrap {}
dl.listHistory { padding-left: 5rem; }
dl.listHistory::before { left: 0; top: .4em; width: 1em; height: 1em; border-radius: 3rem; border: solid 3px #efefef; }
dl.listHistory::after { left: .65em; top: 1.6rem; width: 3px; height: calc(100% + 3.5rem); }
dl.listHistory:last-child::after {}
dl.listHistory~dl.listHistory { margin-top: 3.5rem; z-index: 5; }
dl.listHistory dt { width: 100%; margin-bottom: .75em; }
dl.listHistory dt p {}
dl.listHistory dd { width: 100%; }
dl.listHistory dd p {}

.storeWrap {}
.storeWrap~.storeWrap { margin-top: 15vw; }
.flexStore {}
.flexStore>.flexLeft { width: 55%; margin: 0 auto 7.5vw; }
.flexStore>.flexRight { width: 100%; }
dl.listStore {}
dl.listStore dt { width: 25%; }
dl.listStore dt p {}
dl.listStore dd { width: 65%;}
dl.listStore dd p {}

/*PAGE_STYLE*/
.careerWrap {}
ul.listCS {}
ul.listCS li {}
ul.listCS li~li::before { width: 6rem; height: 2rem; margin: 0 auto 1rem; }
ul.listCS li p { font-size: 3.8vw; padding: 1.5rem 1rem; margin-bottom: 1rem; }
ul.listCS li p span { font-size: 3.2vw; }
dl.listCS {}
dl.listCS::after {}
dl.listCS dd { width: calc(50% - .5rem); }

.careersterWrap {}
.flexCareerstep {}
.flexCareerstep~.flexCareerstep { margin-top: 5vw; padding-top: 5vw; }
.flexCareerstep>.flexLeft { width: 10%; }
.flexCareerstep>.flexLeft p {}
.flexCareerstep>.flexRight { width: 85%; }
.flexCareerInner { flex-wrap: wrap; }
.flexCareerInner~.flexCareerInner { margin-top: 0; padding-top: 2rem; }
.flexCareerInner>.flexLeft { width: 55%; margin: 0 auto; }
.flexCareerInner>.flexRight { width: 100%; }
.flexCareerInner>.flexRight>p { padding: 1.5em; }
dl.listCSPosition { padding: 1.5em; flex-wrap: wrap; }
dl.listCSPosition * { text-align: center; }
dl.listCSPosition dt { margin-right: 1em; width: 100%; }
dl.listCSPosition dt p { font-size: 4.2vw; }
dl.listCSPosition dd { width: 100%; background: #333; border-radius: 5px; }
dl.listCSPosition dd p { }

img.billImg { display: none; }
.billWrap { margin-top: 7.5vw; margin-bottom: 15vw; }
dl.listBill { padding: 2rem 0 2.5rem; }
dl.listBill~dl.listBill {}
dl.listBill::after {}
dl.listBill dt { width: 20%; }
dl.listBill dt h3.pageTtl { font-size: 4.6vw; margin-bottom: 0; }
dl.listBill dd { width: 75%; }
dl.listBill dd p { font-size: 4.2vw; }
dl.listBill dd p~p { margin-top: 1em; }
dl.listBill dd p span { font-size: 3.2vw; }

.salaryWrap { margin-top: 7.5vw; margin-bottom: 15vw; }
ul.listSalary { margin-bottom: -1rem; }
ul.listSalary::after { display: none; }
ul.listSalary li { width: calc((100% / 2) - .5rem); padding: 1rem; margin-bottom: 1rem; }
ul.listSalary li:hover {}
ul.listSalary li.active {}
ul.listSalary li p {}
ul.listSalary li p span {}
table.tableSalary { margin-top: 7.5vw; }
table.tableSalary.active {}
table.tableSalary tr {}
table.tableSalary tr th { padding: 1rem 5vw; }
table.tableSalary tr th p {}
table.tableSalary tr th p span { display: block; margin: 0; }
table.tableSalary tr td { padding: 1rem 5vw; }
table.tableSalary tr td p {}

.rateWrap { margin-top: 7.5vw; margin-bottom: 15vw; }
.rateWrap .inner { padding: 2.5rem 5vw; margin-bottom: 7.5vw; }
ul.listRate {}
ul.listRate li { margin-top: .5rem; }
ul.listRate li p { font-size: 2vw; }
table.tableRate { margin-top: 5vw; }
table.tableRate tr {}
table.tableRate tr th { padding: 1rem; }
table.tableRate tr th p {}
table.tableRate tr td { padding: .5rem 1rem; }
table.tableRate tr td p { font-size: 2vw; }

.valueWrap { margin-top: 7.5vw; }
dl.listValue { padding: 2.5rem 0; }
dl.listValue~dl.listValue {}
dl.listValue dt {}
dl.listValue dt h3.pageTtl { font-size: 4.6vw; margin-bottom: 1em; }
dl.listValue dd {}
dl.listValue dd p {}

dl.listIndependece { margin-top: 15vw; }
dl.listIndependece dt {}
dl.listIndependece dt h3.pageTtl { font-size: 4.6vw; margin-bottom: 1em; }
dl.listIndependece dd { padding-left: 5rem; }
dl.listIndependece dd::before {}
dl.listIndependece dd::after {}
dl.listIndependece dd:last-child::after {}
dl.listIndependece dd~dd { margin-top: 2.5rem; }
dl.listIndependece dd p {}
dl.listIndependece dd p span { font-size: 2vw; padding: 5vw; margin-top: 1.5em; }

/*PAGE_INTERVIEW*/
.flexInterview {}
.flexInterview>.flexLeft { width: 65%; margin: 0 auto 7.5vw; }
.flexInterview>.flexLeft .aspect.aspect141{ padding-top: 100%; }
.flexInterview>.flexRight { width: 100%; }
.interviewWrap {}
dl.listInterview {}
dl.listInterview~dl.listInterview { margin-top: 3.5em; }
dl.listInterview dt { margin-bottom: 1.5rem; }
dl.listInterview dt p { padding-left: 4rem; }
dl.listInterview dt p::before { width: 1.5rem; height: 1.5px; }
dl.listInterview dd {}
dl.listInterview dd p {}

/*PAGE_INFOGRAPHIC*/
.igWrap { width:100%; margin: 0; }
.flexIG {}
.flexIG>.flexItem { width: 100%; margin-bottom: 7.5vw; }
.flexIG>.flexItem.lg { width: 100%; }
.flexIG h3.pageTtl {}
.flexIG p.number { margin-bottom: 1.5em; }
.flexIG p.number span { padding: .2em 1em; }
.flexIG p.data { margin-bottom: 7.5vw; }
.flexIG p.data span {}
.flexIG p.data span.figure { font-size: 14.4vw; }
.flexIG p.data span.cap { font-size: 4vw; }
.flexIG p.caption { font-size: 3.2vw; }

/*PAGE_ENTRY*/

/*FORM*/
.formWrap { margin-top: 7.5vw; padding-top: 7.5vw; }
.formWrap * {}
.formWrap .caption { padding: 5vw; margin-bottom: 7.5vw; }

.formWrap>p.must { margin-bottom: 2.5rem; }
.formWrap>p.must span.dot {}
ul.listDocForm { margin-bottom: -2.5rem; }
ul.listDocForm li { margin-bottom: 2.5rem; }
ul.listDocForm li:last-child { margin-top: 2.5rem; margin-bottom: 4rem; }
dl.listDocForm {}
dl.listDocForm dt { width: 100%; margin-bottom: 2.5vw; }
dl.listDocForm dt p {}
dl.listDocForm dt p::after {}
dl.listDocForm dt p.must::after {}
dl.listDocForm dt p.can::after {}
dl.listDocForm dd { width: 100%; }
dl.listDocForm dd p {}

/*確認画面*/
.mw_wp_form_confirm dl.listDocForm dd {}

/*完了画面*/
.mw_wp_form_complete {}
.mw_wp_form_complete>a {}
.mw_wp_form_complete dl.listComplete {}
.mw_wp_form_complete dl.listComplete dt {}
.mw_wp_form_complete dl.listComplete dt p { font-size: 5.4vw; }


input[type="text"], textarea, select { padding: 12px 18px; }
input[type="radio"]+span {}
input[type="text"]#old {}
input[type="text"]#date2,input[type="text"]#date3 {}
select { height: 4.2rem; }
label { line-height: 4.2rem; }
input[type="text"]:focus, textarea:focus, select:focus {}
input[type="submit"] { height: 5.4rem;  }
input[type="submit"]:hover {}


/*PAGE_PRIVACY*/
.privacyWrap { margin-top: 7.5vw; padding-top: 7.5vw; }
.privacyWrap .caption { padding: 5vw; margin-bottom: 7.5vw; }
.privacyWrap~.privacyWrap {}
dl.listPrivacy {}
dl.listPrivacy~dl.listPrivacy { margin-top: 7.5vw; }
dl.listPrivacy dt {}
dl.listPrivacy dt p { font-size: 4.2vw; }
dl.listPrivacy dd { margin-top: 2.5vw; }
dl.listPrivacy dd p {}






/*ARCHIVE*/
.archiveHeader { margin-top: 9rem; }
.archiveHeader .innerWrap { width: 95%; }
.ankerWrap { padding: 1.5rem 5vw; }
ul.listJobCat { margin-bottom: -2.5vw; }
ul.listJobCat li { width: calc(100% / 3); margin-bottom: 2.5vw; }
ul.listJobCat li~li { margin-left: 0; }
ul.listJobCat li a {}
ul.listJobCat li p {}

.archiveContent {}
.secArchive {}
.secArchive .innerWrap {}
.secArchive .innerWrap .inner {}
.secArchive .innerWrap .inWrap { width: 95%; padding: 2.5vw 0 15vw; }
.txtWrap {}
.txtWrap h1.archiveTtl { font-size: 30vw; }

article.postNews { padding: 7.5vw 5vw; }
article.postNews:hover { transform: translateX(0); }
article.postNews~article.postNews { margin-top: 2.5vw; }
article.postNews * { color: #efefef; }
.postHeader { margin-bottom: 7.5vw; padding-bottom: 5vw; }
.postHeader h3.pageTtl { font-size: 4.6vw; line-height: 1.5; }
.postHeader h3.pageTtl span.new {}
.postBody {}

dl.listJobPick {}
dl.listJobPick~dl.listJobPick { margin-top: 1.5rem; }
dl.listJobPick dt { width: 25%; }
dl.listJobPick dt p {}
dl.listJobPick dd { width: 65%; }
dl.listJobPick dd p {}
.inlineBtn { justify-content: space-between; margin-top: 7.5vw; padding-top: 7.5vw; }
.inlineBtn a.btn {}

nav.navigation.pagination { margin-top: 15vw; }
nav.navigation.pagination h2 {}
.nav-links {}
.nav-links .page-numbers { margin: 0 .5em; width: 4.8rem; height: 4.8rem; font-size: 4vw; line-height: 4.8rem; }
.nav-links .page-numbers:hover {}
.nav-links .page-numbers.current {}

/*SINGLE*/
.instashow-popup.instashow-show { top: 70px !important; }
 
.singleContent {}
.txtWrap {}
.txtWrap h1.singleTtl { font-size: 30vw; }

article.postSingle { padding: 9rem 2.5vw 15vw; overflow: hidden; }
article.postSingle * {}
article.postSingle p {}
article.postSingle p~p {}

.singleHeader {}
.singleHeader .innerWrap {}
.singleHeader .txtWrap {}
.singleHeader .txtWrap * {}
.singleHeader .txtWrap h1.pageTtl { letter-spacing: 0; }
.singleContent {}
.singleContent .innerWrap { width: 100%; }
.secSingle {}
.secSingle .innerWrap { padding: 15vw 5vw; }
.descWrap {}
.flexDesc { padding: 1.5em 0; }
.flexDesc>.flexLeft { width: 20%; }
.flexDesc>.flexLeft p {}
.flexDesc>.flexRight { width: 75%; }
.flexDesc>.flexRight p {}


}

/* footer調整 */
.secFoot.sec2 .flexWrap>.flexItem { width: calc(100% / 7);}

@media (max-width: 767px){
.secFoot.sec2 .flexWrap>.flexItem { width: calc(100% / 3); }
}