/*
Theme Name: ホテルニューアワジ採用雛形
Theme URI: http://www.pnra-inc.jp
Author: shogo yonetani
Author URI: http://www.pnra-inc.jp
Description: This template is ホテルニューアワジ採用採用
Tags: blog, responsive, wordpress
*/

/*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:#030303; -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; color: #efefef; }
h1,h2,h3,h4,h5 {}
p { font-size:1.5rem; letter-spacing: 0; }
.sans { font-family: 'Roboto', 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(#f9e498, #f9e498) 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 { text-decoration:none; }
a[target='_blank'] {}
a[target='_blank'] p::after { content: ''; display: inline-block; width: 1em; height: 1em; background: url(images/icon-linkout.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; position: relative; overflow: hidden; box-shadow: 0 1rem 3rem rgba(0,0,0,.1); }
a.btn.wh { border: solid 1px #fff; }
a.btn.sm { width: 20rem; }
a.btn.md { 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; font-size: 1.3rem !important; font-weight: bold; text-align: center; }
a.btn.rd p { color: #fff; }
a.rm { display: block; margin-top: 3rem; }
a.rm p {}
a.rm p::after { content: ''; display: inline-block; width: 2em; height: 1em; line-height: 1.8em; background: url(images/iconArrowRight.svg); background-size: 2em 1em; }
.fullImage { width: 100%; height: auto; box-shadow: 0 .5em 1em rgba(0,0,0,.1); box-shadow: 0 0.5em 1em rgba(0,0,0,.1); border-radius: 3px; }

/*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.aspect77 { padding-top: 77%; 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.aspect848 { padding-top: 84.8%; overflow: hidden; }
.aspect .aspectBlock { position: absolute; top: 0; width: 100%; height: 100%; }
.aspect.circle .aspectBlock { border-radius: 50%; overflow: hidden; }
.aspect .aspectBlock img { width: 100%; height: auto; }
.aspect .aspectBlock img.imgCenter { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); }
.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; }
[data-delay="0"] { transition-delay: 0 !important; }
[data-delay="1"] { transition-delay: .2s !important; }
[data-delay="2"] { transition-delay: .4s !important; }
[data-delay="3"] { transition-delay: .6s !important; }
[data-delay="4"] { transition-delay: .8s !important; }
[data-delay="5"] { transition-delay: 1s !important; }

#page { overflow: hidden; 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: 100%; max-width: 168rem; height: auto; margin: 0 auto; transition: ease .3s; }
header.siteHeader .flexWrap { display: flex; align-content: center; justify-content: space-between; }
header.siteHeader .flexWrap>.flexLeft {}
header.siteHeader .flexWrap>.flexRight { opacity: 1; visibility: visible; transition: ease .3s 1.3s; }
header.siteHeader h1.headLogo {}
header.siteHeader h1.headLogo img { width: auto; height: 5.4rem; margin: 0 auto; display: block; }
header.siteHeader .entryBtn { width: 21rem; height: 8.8rem; background: #050505; }
header.siteHeader .entryBtn a {}
header.siteHeader .entryBtn p { text-align: center; line-height: 8.8rem; }
/*.scroll*/
.scroll header.siteHeader { top: -8.8rem; transition: ease .65s; }
/*.scroll*/
.scrollUp header.siteHeader { top: 0!important; transition: ease .65s; }
/*.move*/
.move header.siteHeader .flexWrap>.flexRight { opacity: 0; visibility: hidden; transition: ease .3s; }

/*smpNav*/
.humbNav { position: relative; width: 8.8rem; height: 8.8rem; display: block; background: #fff; }
.humbNav span.border { display: block; width: 30%; height: 2px; border-radius: 1px; background: #59626a; 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; font-size: 1rem; position: absolute; top: 70%; 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; }
/*smpNav*/
.spNav { display: block; width: 75%; margin: 0 auto; padding: 3rem 0; }
ul.listSPNav { border-top: solid 1px #adadad; border-bottom: solid 1px #adadad; }
ul.listSPNav li {}
ul.listSPNav li~li { border-top: solid 1px #adadad; }
ul.listSPNav li a {}
ul.listSPNav li p { padding: 1.5rem 2rem; }

aside#aside { display: block; width: 100vw; height: 100vh; background: #151515; background: url(images/navBg.jpg) center center, rgba(0,0,0,.5); background-size: cover; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; transform: translate3d(0,-100vh,0); transition: ease .3s 1.3s; }
aside#aside::before { content: ''; display: block; width: 100vw; height: 100vh; background: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; right: 0; z-index: 0; }
aside#aside.move { transform: translate3d(0,0,0); transition: ease .3s; }
aside#aside .innerWrap { width: 80%; height: 100%; margin: 0 auto; padding-top: 9.6rem; }
aside#aside .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
aside#aside .flexWrap>.flexItem { opacity: 0; visibility: hidden; filter: blur(5px); transition: ease .3s; }
aside#aside .flexWrap>.flexItem.sm { width: 30%; }
aside#aside .flexWrap>.flexItem.md { width: 40%; }
aside#aside .flexWrap>.flexItem.lg { width: 100%; margin-top: 6rem; }
dl.listGlobalNav { margin-bottom: -1em; }
dl.listGlobalNav p {}
dl.listGlobalNav dt { position: relative; margin-bottom: 2rem; overflow: hidden; transform: translateY(4rem); transition: ease .5s; }
dl.listGlobalNav dt+dt {}
dl.listGlobalNav dt a {}
dl.listGlobalNav dt p { font-size: 2.1rem; }
dl.listGlobalNav dd { margin-bottom: .25rem; overflow: hidden; transform: translateY(4rem); transition: ease .5s; }
dl.listGlobalNav dd+dt::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin: 3rem 0 2rem; }
dl.listGlobalNav dd a {}
dl.listGlobalNav dd p { font-size: 1.5rem; }
a.goEntry { display: block; background: #fff; }
a.goEntry * { color: #050505; }
a.goEntry p { padding: 3rem 7.5%; font-weight: bold; font-size: 2.25rem; }
a.goEntry p span { display: block; font-weight: normal; font-size: 1.3rem; line-height: 1.5; }
a.goEntry p span.tel {}
a.goEntry p span.tel i { display: inline-block; margin-left: .65em; font-size: 3rem; font-weight: bold; font-style: italic; }
a.goEntry p span.limit {}
/*.move*/
aside#aside.move .flexWrap>.flexItem { opacity: 1; visibility: visible; filter: blur(0); transition: ease .3s; }
aside#aside.move dl.listGlobalNav dt { transform: translateY(0); transition: ease .5s .5s; }
aside#aside.move dl.listGlobalNav dd { transform: translateY(0); transition: ease .5s .5s; }


aside#cside { position: fixed; bottom: 0; right: 5%; z-index: 100; width: auto; height: auto; opacity: 0; visibility: hidden; transition: ease .3s; }
body.scroll aside#cside { bottom: 3rem; opacity: 1; visibility: visible; transition: ease .3s; }
.flexPageFoot { display: flex; }
.flexPageFoot>.flexItem { position: relative; }
.flexPageFoot>.flexItem~.flexItem { margin-left: 1.5rem; }
.flexPageFoot>.flexItem.tel::before { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 13.5rem; height:18rem; background: url(images/callgirl.png); background-size: cover; }

/*BOTH_FOOTER*/
.secFoot { position: relative; background: #131313; z-index: 10; height: auto; }
.secFoot::after { content: ''; display: block; width: 100%; height: 20rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; }
.secFoot * { color: #fff; }
.secFoot h2 { margin-bottom: 1em; }
.secFoot .innerWrap { width: 90%; max-width: 168rem; height: auto; margin: 0 auto; padding: 9.6rem 0; }
.secFoot .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.secFoot .flexWrap>.flexItem {}
.secFoot .flexWrap>.flexItem img { height: 14.4rem; }
/*loop slider*/
.loopSlider.footLoop .loopSliderWrap { top: 0; left: 0; height: 14.4rem; overflow: hidden; position: absolute; }
.loopSlider.footLoop { width: 100%; height: 14.4rem; text-align: left; position: relative; overflow: hidden; background:none; }
.loopSlider.footLoop ul { height: 14.4rem; float: left; overflow: hidden; }
.loopSlider.footLoop ul::after { display: none; }
.loopSlider.footLoop ul li { width: 16.07rem; height: 14.4rem; float: left; display: inline; overflow: hidden; position:relative; }
.loopSlider.footLoop ul li img { width: 12.07rem; height: 14.4rem; }
.loopSliderWrap::after { content: ""; display: none; clear: none; }

footer.siteFooter { position: relative; background: #111; z-index: 10; }
footer.siteFooter p { color: #fff; }
footer.siteFooter .innerWrap { width: 90%; max-width: 168rem; height: auto; margin: 0 auto; }
footer.siteFooter .innerWrap.foot1 { padding: 9.6rem 0 6rem; }
footer.siteFooter .innerWrap.foot1 a.btn { margin: 4rem auto; }
footer.siteFooter .innerWrap.foot2 { padding: 0 0 9.6rem; }
ul.listFootNav { display: flex; flex-wrap: wrap; justify-content: center; max-width: 108rem; margin: 0 auto; }
ul.listFootNav~ul.listFootNav { margin-top: 2rem; }
ul.listFootNav::after { display: none; }
ul.listFootNav li { opacity: .5; transition: ease .3s; }
ul.listFootNav li:hover { opacity: 1; transition: ease .3s; }
ul.listFootNav li p { font-size: 1.3rem; font-weight: bold; }
ul.listFootNav li~li {}
ul.listFootNav li~li p::before { content: '|'; display: inline-block; vertical-align: middle; margin: 0 1em; }
dl.listFootCall {}
dl.listFootCall * { text-align: center; }
dl.listFootCall dt {}
dl.listFootCall dt p { font-size: 3rem; font-style: italic; }
dl.listFootCall dd {}
dl.listFootCall dd p { font-size: 1.4rem; }
dl.listFootCall dd p span { font-size: 1.1rem; line-height: 1.5; }
.footLogo { display: block; width: auto; height: 7.2rem; margin: 0 auto 4rem; }
p.cr { font-size: 1.2rem; opacity: .65; font-weight: bold; text-align: center; }

/*ANIM*/
.animImg { transform: scale(1.1); -webkit-animation: scaling 10s linear 0s infinite; -o-animation: scaling 10s linear 0s infinite; animation: scaling 10s linear 0s infinite; }
@keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}
@-webkit-keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}
@-o-keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}

/*INDEX*/
h2.indexTtl { font-size: 3rem; font-weight: normal; }
h3.indexTtl { font-size: 2.1rem; font-weight: normal; }
.secIndex { position: relative; }
.secIndex .innerWrap { width: 100%; max-width: 168rem; margin: 0 auto; position: relative; }

.secIndex.sec1 { width: 100vw; height: 100vh; }
.secIndex.sec1::before { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; left: 0; z-index: 10; background: linear-gradient(0deg, rgba(0,0,0,.95), transparent); }
.secIndex.sec1 .swiper-slide { overflow: hidden; }
.secIndex.sec1 .swiper-slide .inner { width: 100vw; height: 100vh; }
.secIndex.sec1 .swiper-slide.swiper-slide-prev .inner { transform: scale(1); transition: linear 10s; }
.secIndex.sec1 .swiper-slide.swiper-slide-active .inner { transform: scale(1.1); transition: linear 10s; }
.secIndex.sec1 .swiper-slide.swiper-slide-next .inner { transform: scale(1); transition: linear 10s; }
.secIndex.sec1 .swiper-slide .inner.slide1 { background: url(images/index1-1.jpg) center center; background-size: cover; }
.secIndex.sec1 .swiper-slide .inner.slide2 { background: url(images/index1-2.jpg) center center; background-size: cover; }
.secIndex.sec1 .swiper-slide .inner.slide3 { background: url(images/index1-3.jpg) center center; background-size: cover; }
.secIndex.sec1 .swiper-slide .inner.slide4 { background: url(images/index1-4.jpg) center center; background-size: cover; }
.secIndex.sec1 .swiper-slide .inner.slide5 { background: url(images/index1-5.jpg) center center; background-size: cover; }
/*ANIM*/
.animNews { transform: translate3d(0,0,0); -webkit-animation: news 6s linear 0s infinite; -o-animation: news 6s linear 0s infinite; animation: news 6s linear 0s infinite; }
@keyframes news {
 0%{ transform: translate3d(0,0,0); }
 100%{ transform: translate3d(0,0,0); }
}
@-webkit-keyframes news {
 0%{ transform: translate3d(0,0,0); }
 100%{ transform: translate3d(0,0,0); }
}
@-o-keyframes news {
 0%{ transform: translate3d(0,0,0); }
 100%{ transform: translate3d(0,0,0); }
}
.secIndex.sec1 .ttlWrap { display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 20; }
.secIndex.sec1 .ttlWrap img { width: auto; max-width: 100%; height: auto; }
.secIndex.sec1 .scrollWrap { display: block; position: absolute; bottom: -4rem; left: 50%; transform: translate3d(-50%,0,0); z-index: 20; }
.secIndex.sec1 .scrollWrap span { display: block; margin: 0 auto; }
.secIndex.sec1 .scrollWrap span.txt { color: #fff; letter-spacing: .2em; line-height: 3.6rem; }
.secIndex.sec1 .scrollWrap span.borders { width: 1px; height: 12rem; background: rgba(255,255,255,.3); overflow: hidden; }
.secIndex.sec1 .scrollWrap span.border { width: 1px; height: 4rem; background: #fff; transform: translateY(-6rem); }
/*ANIM*/
.animScroll { -webkit-animation: scroller 2s ease-in-out 0s infinite; -o-animation: scroller 2s ease-in-out 0s infinite; animation: scroller 2s ease-in-out 0s infinite; }
@keyframes scroller {
 0%{ transform: translateY(-6rem); }
 100%{ transform: translateY(18rem); }
}
@-webkit-keyframes scroller {
 0%{ transform: translateY(-6rem); }
 100%{ transform: translateY(18rem); }
}
@-o-keyframes scroller {
 0%{ transform: translateY(-6rem); }
 100%{ transform: translateY(18rem); }
}

.secIndex.sec2 { z-index: 10; }
.secIndex.sec2 h2.leadTtl { font-size: 3rem; margin-bottom: 1em; }
.secIndex.sec2 p { font-size: 1.65rem; line-height: 1.8; }
.secIndex.sec2 p~p { margin-top: .5em; }
.secIndex.sec2 .innerWrap { padding: 19.6rem 0; }
.secIndex.sec2 .inner { width: 60%; margin: 0 10% 0 30%; }

.secIndex.sec3 {}
.secIndex.sec3 h2.indexTtl { position: absolute; left: 5rem; bottom: 3rem; }
.secIndex.sec3 h2.indexTtl span { display: block; line-height: 1.5; }
.secIndex.sec3 h2.indexTtl span.en { font-size: 1.35rem; }
.secIndex.sec3 h2.indexTtl span.jp {}
.secIndex.sec3 .innerWrap { padding: 5rem 5rem; }
.secIndex.sec3 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.secIndex.sec3 .flexWrap>.flexItem { position: relative; }
.secIndex.sec3 .flexWrap>.flexItem::before { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.95), transparent); }
.secIndex.sec3 .flexWrap>.flexItem .inner { position: relative; width: 100%; height: 100%; z-index: 5; }
.secIndex.sec3 .flexWrap>.flexItem.lg { width: 100%; height: 36rem; margin-bottom: 5rem; background: #181818; }
.secIndex.sec3 .flexWrap>.flexItem.xl { width: 100%; height: auto; margin-bottom: 5rem; }
.secIndex.sec3 .flexWrap>.flexItem.xl h2.indexTtl { position: relative; bottom: 0; left: 0; text-align: center; margin-bottom: 1.5em; }
.secIndex.sec3 .flexWrap>.flexItem.md { width: calc(50% - 2.5rem); height: 42rem; margin-bottom: 5rem; background: #181818; }
.secIndex.sec3 .flexWrap>.flexItem.about { background: url(images/headAbout.jpg) center center; background-size: cover; }
.secIndex.sec3 .flexWrap>.flexItem.work { background: url(images/headWork.jpg) center center; background-size: cover; }
.secIndex.sec3 .flexWrap>.flexItem.cooking { background: url(images/headCook.jpg) center center; background-size: cover; }
.secIndex.sec3 .flexWrap>.flexItem.customer { background: url(images/headCustomer.jpg) center center; background-size: cover; }
.secIndex.sec3 .flexWrap>.flexItem.lifestyle { background: url(images/headLife.jpg) center center; background-size: cover; }

.iv-container {}
.iv-container .swiper-slide { position: relative; opacity: .5; transition: ease .3s;  }
.iv-container .swiper-slide:hover { transform: scale(1.05,1.05); transform-origin: bottom center; transition: ease .3s; }
.iv-container .swiper-slide.swiper-slide-prev { opacity: 1; transition: ease .3s; }
.iv-container .swiper-slide.swiper-slide-active { opacity: 1; transition: ease .3s; }
.iv-container .swiper-slide.swiper-slide-next { opacity: 1; transition: ease .3s; }
.iv-container .swiper-slide::after { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; left: 0; z-index: 10; background: linear-gradient(0deg, rgba(0,0,0,.95), transparent); }
.iv-container .swiper-slide .innner { width: 80%; margin: 0 auto; transition: ease .3s; }
.iv-container .swiper-slide .innner .ttlBlock { position: absolute; top: 1em; right: 1em; z-index: 15; height: 100%; }
.iv-container .swiper-slide .innner .ttlBlock p { font-size: 2rem; }
.iv-container .swiper-slide .innner .txtBlock { position: absolute; bottom: 1em; left: 1em; z-index: 15; }
.iv-container .swiper-slide .innner .txtBlock h3 { font-weight: normal; }
.iv-container .swiper-slide .innner .txtBlock h3 span { display: block; }
.iv-container .swiper-slide .innner .txtBlock h3 span.post { font-size: 1.25rem; }
.iv-container .swiper-slide .innner .txtBlock h3 span.name { font-size: 1.8rem; }

/*loop slider*/
.loopSliderWrap { top: 0; left: 0; height: 30rem; overflow: hidden; position: absolute; }
.loopSlider { width: 100%; height: 30rem; text-align: left; position: relative; overflow: hidden; background:none; }
.loopSlider ul { height: 30rem; float: left; overflow: hidden; }
.loopSlider ul::after { display: none; }
.loopSlider ul li { width: 30rem; height: 30rem; float: left; display: inline; overflow: hidden; position:relative; }
.loopSlider ul li img { width: 30rem; height: 30rem; }
.loopSliderWrap:after { content: ""; display: none; clear: none; }

/*PAGE*/
/*PAGE_both*/
h1.pageTtl { font-weight: normal; font-size: 5.4rem; text-align: center; line-height: 1; margin: 0 auto; opacity: 1; white-space: nowrap; }
h2.pageTtl { font-size: 3rem; font-weight: normal; }
h3.pageTtl { font-size: 2.1rem; font-weight: normal; }
h4.pageTtl { font-size: 1.8rem; font-weight: normal; }
main.pageMain { padding-top: 10rem; }
header.pageHeader { width: 100vw; height: 41.4vw; background: #111; position: relative; }
header.pageHeader::before { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; left: 0; z-index: 10; background: linear-gradient(0deg, rgba(0,0,0,.95), transparent); }
header.pageHeader * { color: #fff; }
header.pageHeader .imageWrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
header.pageHeader .imageWrap img { width: 100%; height: auto; }
header.pageHeader .innerWrap { width: 90%; height: 100%; margin: 0 auto; position: relative; z-index: 5; }
.table { display: table; }
.table>.center { display: table-cell; vertical-align: middle; }

.pageContent { width: 100%; height: auto; padding: 14.4rem 0; }
.pageContent .innerWrap { width: 90%; max-width: 168rem; margin: 0 auto; }
.pageContent .innerWrap~.innerWrap { padding-top: 14.4rem; }
.pageContent .innerWrap>.inner { width: 80%; margin-left: auto; }
.pageContent .innerWrap>.innner { width: 75%; margin-left: auto; margin-right: -5vw; }
.pageContent .sepWrap { width: 100%; height: auto; padding-top: 30%; margin: 14.4rem 0 0; position: relative; background: #111; overflow: hidden; }
.pageContent .sepWrap img { position: absolute; top: -6rem; left: 0; right: 0; width: 100%; height: auto; }
.pageContent .pager {}
.pageContent .pager .innner { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.pageContent .pager .innner>.flexLeft { width: calc((100% / 1.414) * 1); position: relative; }
.pageContent .pager .innner>.flexRight { width: calc((100% / 1.414) * .414); position: relative; }
.pageContent .pager .innner>.flexLeft::before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; right: 0; z-index: 1; transition: ease .3s; }
.pageContent .pager .innner>.flexRight::before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; right: 0; z-index: 1; transition: ease .3s; }
.pageContent .pager .innner>.flexLeft:hover::before { background: rgba(0,0,0,.25); transition: ease .3s; }
.pageContent .pager .innner>.flexRight:hover::before { background: rgba(0,0,0,.25); transition: ease .3s; }
.pageContent .pager .txtWrap { position: absolute; bottom: 5%; left: 5%; z-index: 5; }
.pageContent .pager .txtWrap .pagerTtl {}
.pageContent .pager .txtWrap .pagerTtl span { display: block; }
.pageContent .pager .txtWrap .pagerTtl span.en { font-size: 1.3rem; }
.pageContent .pager .txtWrap .pagerTtl span.jp { font-size: 2.25rem; }

.bcWrap { border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
.bcWrap .innerWrap { width: 90%; max-width: 168rem; height: auto; margin: 0 auto; padding: 1.8rem 0; }
.bread_crumb {}
.bread_crumb ul { display: flex; }
.bread_crumb ul li { font-weight: bold; line-height: 1; color: #ddd; font-size: 1.1rem; }
.bread_crumb ul li~li {}
.bread_crumb ul li~li::before { content: '＞'; display: inline-block; vertical-align: middle; margin: 0 .65em; }
.bread_crumb ul li a { color: #999; opacity: .5; transition: ease .3s; }
.bread_crumb ul li:hover a { opacity: 1; transition: ease .3s; }

.animArrow:hover::before { background-position: 0 0; -webkit-animation: arrow 1s linear 0s infinite; -o-animation: arrow 1s linear 0s infinite; animation: arrow 1s linear 0s infinite; }
@keyframes arrow {
 0%{  background-position: 0 0; }
 100%{ background-position: 10rem 0; }
}
@-webkit-keyframes arrow {
 0%{  background-position: 0 0; }
 100%{ background-position: 10rem 0; }
}
@-o-keyframes arrow {
 0%{  background-position: 0 0; }
 100%{ background-position: 10rem 0; }
}

/*PAGE_about*/
.about {}
.about h2.pageTtl { margin-bottom: 1em; }
.about h3.pageTtl { margin-bottom: 1em; }
.about h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.about h4.pageTtl { margin-bottom: 1em; }
.about1 {}
.about1 p { font-size: 1.65rem; }
.about1 p~p { margin-top: .5em; }
.about1 p.wrote { margin-top: 3rem; text-align: right; }
.about1 p.wrote span { font-size: 1.15em; }
.about1 img.wrote { width: auto; height: 3rem; display: block; margin-top: 1rem; margin-left: auto; }
.flexOkami { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexOkami>.flexLeft { width: 40%; }
.flexOkami>.flexLeft .in { width: calc(100% + 10vw); margin-left: -10vw; }
.flexOkami>.flexLeft .in img { width: 100%; height: auto; }
.flexOkami>.flexRight { width: 60%; position: relative; z-index: 1; margin-top: 10vw; }
.flexOkami>.flexRight .in { width: calc(100% + 5vw); margin-left: -5vw;  background: #000; padding: 7.5% 0 7.5% 15%; }

.about2 {}
.about2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.about2 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; }
.about2 .flexWrap>.flexItem p { width: 100%; font-size: 1.5rem; margin-top: 3rem; }

.about3 {}
dl.listHistory { display: flex; flex-wrap: wrap; }
dl.listHistory~dl.listHistory { margin-top: 2rem; padding-top: 2rem; border-top: dashed 1px #151515; }
dl.listHistory dt { width: 14.4rem; }
dl.listHistory dt p {}
dl.listHistory dd { width: calc(100% - 14.4rem); }
dl.listHistory dd p {}

/*PAGE_work*/
.work {}
.work h2.pageTtl { margin-bottom: 1em; }

.work1 {}
.work1 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.work1 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; }
.work1 .flexWrap>.flexItem p { margin-top: 2rem; }
.work1 .flexWrap>.flexItem p.ttl { font-size: 1.8rem; margin-top: 3rem; }

.work2 {}
.work2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
dl.listMerit { width: 47.5%; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: dashed 1px #333; }
dl.listMerit::after { display: none; }
dl.listMerit dt { margin-bottom: 1em; }
dl.listMerit dt p { font-size: 1.8rem; }
dl.listMerit dd {}
dl.listMerit dd p { }
ul.listStudy { display: flex; flex-wrap: wrap; border: solid 1px #333; background: rgba(255,255,255,.05); padding: 5% 6.5%; }
ul.listStudy::after { display: none; }
ul.listStudy li { width: calc(100% / 3); padding: 1rem; }
ul.listStudy li p {}

.work3 {}
.work3 a.btn p { width: 100%!important; margin: 0!important; }
.work3 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.work3 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; }
.work3 .flexWrap>.flexItem p { width: 85%; font-size: 1.8rem; margin: 3rem 0; }
.work3 .flexWrap>.flexItem p.ttl { font-size: 2.1rem; margin: 0 0 1em; }

/*PAGE_cooking*/
.cooking {}
.cooking h2.pageTtl { margin-bottom: 1em; }
.cooking h3.pageTtl { margin-bottom: 1em; }
.cooking h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.cooking h4.pageTtl { margin-bottom: 1em; }

.cooking1 {}
.cooking1 p.wrote { text-align: right; margin-top: 3rem; }
.cooking1 p.wrote span { font-size: 1.15em; }
.cooking1 img.wrote { display: block; margin-top: 1rem; margin-left: auto; width: auto; height: 3rem; }
.cooking1 .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.cooking1 .flexWrap>.flexLeft { width: 50%; position: relative; z-index: 1; }
.cooking1 .flexWrap>.flexLeft .inner { width: 120%; background: #030303; padding: 10% 20% 10% 0; }
.cooking1 .flexWrap>.flexRight { width: 50%; }
.cooking1 .flexWrap>.flexRight .inner { width: calc(100% + 20vw); margin-left: -15vw; }
.cooking1 .flexWrap>.flexCenter { width: 85%; position: relative; z-index: 1; margin-top: -10.8rem; }
.cooking1 .flexWrap>.flexCenter .inner { width: 100%; background: #030303; padding: 10% 20% 10% 0; }

.cooking2 { padding-bottom: 7.2rem; }
.cooking2 .flexWrap { display: flex; flex-wrap: wrap; }
.cooking2 .flexWrap>.flexItem { width: 50%; position: relative; transition: ease .3s; }
.cooking2 .flexWrap:hover>.flexItem { opacity: .5; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem:hover { opacity: 1; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 1; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem:hover::before { background: rgba(0,0,0,0.25); transition: ease .3s; }
.cooking2 .flexWrap>.flexItem p { z-index: 5; }
dl.listSchedule { width: 90%; margin-left: auto; }
dl.listSchedule~dl.listSchedule { margin-top: 1.5rem; padding-top: 1.5rem; border-top: solid 1px #333; }
dl.listSchedule dt {}
dl.listSchedule dt p { font-size: 1.8rem; }
dl.listSchedule dd {}
dl.listSchedule dd p {}

.cooking3 {}
.cooking3 .txtWrap { width: 85%; position: relative; background: #030303; padding: 10% 0 0 10%; margin-top: -5.4rem; margin-left: auto; }
.cooking3 p { margin-top: 3rem; }
.cooking3 p.wrote { text-align: right; }
.cooking3 p.wrote span { font-size: 1.15em; }
/*loop slider*/
.loopSlider.academy .loopSliderWrap { top: 0; left: 0; height: 22vw; overflow: hidden; position: absolute; }
.loopSlider.academy { width: 100%; height: 22vw; text-align: left; position: relative; overflow: hidden; background:none; }
.loopSlider.academy ul { height: 22vw; float: left; overflow: hidden; }
.loopSlider.academy ul::after { display: none; }
.loopSlider.academy ul li { /*width: 31.5rem; height: 21rem;*/width: 33vw; height: 22vw; float: left; display: inline; overflow: hidden; position:relative; }
.loopSlider.academy ul li img { /*width: 31.5rem; height: 21rem;*/width: 33vw; height: 22vw; }

.cooking4 {}
.cooking4 p { margin-top: 3rem; }
.cooking4 p.ttl { font-size: 2.1rem; margin: 0 0 1em; }
.cooking4 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.cooking4 .flexWrap>.flexItem { width: calc((100% / 3) - (100px / 3)); margin-bottom: 5rem; }

.cooking5 {}
.cooking5 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin:3rem 0 -3rem; }
.cooking5 .flexWrap>.flexItem { width: 50%; display: flex; align-items: center; margin-bottom: 3rem; }
.cooking5 .flexWrap>.flexItem .icon { width: 6rem; height: 6rem; background: #333; margin-right: 3rem; overflow: hidden; }
.cooking5 .flexWrap>.flexItem .icon img { width: 100%; height: auto; }

/*PAGE_customer*/
.customer {}
.customer h2.pageTtl { margin-bottom: 1em; }
.customer h3.pageTtl { margin-bottom: 1em; }
.customer h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.customer h4.pageTtl { margin-bottom: 1em; }
.customer1 {}
.customer1 .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.customer1 .flexWrap>.flexLeft { width: 50%; position: relative; z-index: 1; }
.customer1 .flexWrap>.flexLeft .inner { width: 120%; background: #030303; padding: 10% 20% 10% 0; }
.customer1 .flexWrap>.flexRight { width: 50%; }
.customer1 .flexWrap>.flexRight .inner { width: calc(100% + 20vw); margin-left: -15vw; }
.flexSeminar { display: flex; margin-bottom: 6rem; }
.flexSeminar img { width: 100%; height: auto; }
.flexSeminar>.flexLeft { width: calc((100% / 3) * 2); }
.flexSeminar>.flexRight { width: calc((100% / 3) * 1); }
.seminarWrap {}
.seminarWrap h3~h3::before { margin-top: 4rem; }
.seminarWrap h4~h4 { margin-top: 2em; }
.seminarWrap p.cap { padding: 1.5rem 3rem; border-left: solid 5px #232323; }
.flexAcademy { display: flex; justify-content: space-between; margin-bottom: 6rem; }
.flexAcademy img { width: 100%; height: auto; }
.flexAcademy>.flexLeft { width: 62.5%; }
.flexAcademy>.flexRight { width: 32.5%; }

/*PAGE_interview*/
.interview {}
.interview h2.pageTtl { margin-bottom: 1em; }
.interview p { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;  margin: 3rem auto 0; }
.interview p span { display: block; line-height: 1.8; }
.interview p span.post { font-size: 1.5rem; }
.interview p span.name { font-size: 3rem; }
.interview p span.name span { font-size: 1.5rem; }

.interview1 {}
.interview1 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: -5rem; }
.interview1 .flexWrap>.flexItem { width: calc(40% - 2.5rem); margin-bottom: 5rem; position: relative; }

.interview2 {}
.interview2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.interview2 .flexWrap>.flexItem { width: calc((100% / 4) - (10rem / 4)); margin-bottom: 5rem; position: relative; }

/*PAGE_life*/
.life {}
.life h2.pageTtl { margin-bottom: 1em; }
.life h3.pageTtl { margin-bottom: 1em; }

.life1 { padding-bottom: 14.4rem; }
.life1 p { margin-top: 3rem; }

.life2 {}
.life2 .accessMap { border: solid 1px #333; background: #f6f2e7; padding: 5% 6.5%; margin-top: 4rem; }
.life2 .accessMap img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; }

.life3 {}
.life3 p { width: 85%; margin-top: 2rem; }
.life3 p.ttl { font-size: 1.8rem; margin-top: 3rem; }
.life3 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.life3 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; }

.life4 {}
.life4 p { margin-top: 3rem; }
.life4 p.ttl { font-size: 2.1rem; margin: 1.5em 0 1em; text-align: center; }
.life4 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.life4 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; }
.life4 .flexWrap>.flexItem .circle { display: block; width: 9.6rem; height: 9.6rem; border-radius: 50%; overflow: hidden; border: solid 3px #333; margin: -4.8rem auto 2rem; background: #666; position: relative; z-index: 1; }
.life4 .flexWrap>.flexItem .circle img { width: 100%; height: 100%; }
.life4 .flexWrap>.flexItem .in { width: 80%; margin: 0 auto; }

/*PAGE_joblist*/
.joblist {}
.joblist h2.pageTtl { margin-bottom: 1em; }
.joblist h3.pageTtl { margin-bottom: 1em; }
ul.listJoblistCat {}
ul.listJoblistCat li {}
ul.listJoblistCat li~li {}
dl.listJoblistCat { display: flex; }
dl.listJoblistCat::after { display: none; }
dl.listJoblistCat dt { width: 14.4rem; }
dl.listJoblistCat dt p {}
dl.listJoblistCat dd {}
dl.listJoblistCat dd~dd {}
dl.listJoblistCat dd p {}
dl.listJoblistCat dd~dd p::before { content: '|'; display: inline-block; vertical-align: middle; margin: 0 1em; }
.joblist.joblist2 {}
.joblist.joblist2 .flexWrap { display: flex; justify-content: space-between; }
.joblist.joblist2 .flexWrap>.flexLeft { width: 14.4rem; }
.joblist.joblist2 .flexWrap>.flexRight { width: calc(90% - 14.4rem); }
.jobPick { margin-top: 3rem; padding-top: 3rem; border-top: solid 1px #333; }
.jobPick~.jobPick {}
dl.listJobPick { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.1rem; }
dl.listJobPick dt { width: 14.4rem; }
dl.listJobPick dt~dt {}
dl.listJobPick dd { width: calc(100% - 14.4rem); }
dl.listJobPick dd~dd {}
ul.listBtn { display: flex; justify-content: flex-end; }
ul.listBtn li { margin-left: 2rem; }
ul.listBtn li p {}
nav.navigation.pagination { margin-top: 3rem; padding-top: 9.6rem; border-top: solid 1px #333; }
nav.navigation.pagination h2 { display: none; }
nav.navigation.pagination .nav-links { display: flex; justify-content: center; }
nav.navigation.pagination .nav-links .page-numbers { margin: 0 .75rem; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; border: solid 1px #fff; color: #fff; font-size: 1.3rem; }
nav.navigation.pagination .nav-links .page-numbers.current { background: #fff; color: #111; }

/*PAGE_privacy*/
.privacy {}
.privacy h3.pageTtl { margin-bottom: 1em; }
dl.listPP { margin-top: 6rem; }
dl.listPP~dl.listPP { margin-top: 3rem; padding-top: 3rem; border-top: solid 1px #333;}
dl.listPP dt {}
dl.listPP dd {}

/*SINGLE*/
/*SINGLE_both*/
.singleContent .sepWrap { width: 100%; height: auto; padding-top: 41.4%; position: relative; overflow: hidden; }
.singleContent .sepWrap img { position: absolute; top: 0; width: 100%; height: auto; }

.flexPagenation { display: flex; justify-content: space-between; align-items: center; width: 90%; max-width: 128rem; margin: 0 auto; padding: 6rem 0; border-top: solid 1px #151515; }
.flexPagenation>.flexItem { display: block; width: 20%; }
.flexPagenation>.flexItem:first-child { text-align: left; }
.flexPagenation>.flexItem:last-child { text-align: right; }
.flexPagenation>.flexCenter { display: block; width: 60%; text-align: center; }
.flexPagenation>.flexCenter p { color: #fff; }

/*SINGLE_job*/
header.jobHeader { width: calc(100% - 21rem); height: auto; padding: 14.4rem 0; margin-left: auto; }
header.jobHeader * { color: #fff; }
header.jobHeader .innerWrap { width: 90%; height: 100%; margin: 0 auto; }
header.jobHeader .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
header.jobHeader .flexWrap>.flexLeft { width: 50%; position: relative; z-index: 1; }
header.jobHeader .flexWrap>.flexLeft .inner { background: #030303; padding: 7.5% 5%; }
header.jobHeader .flexWrap>.flexRight { width: 50%; }
header.jobHeader .flexWrap>.flexRight .inner { width: calc(100% + 20vw); margin-left: -15vw; }
header.jobHeader .flexWrap>.flexRight .inner .in { width: 100%; height: auto; padding-top: 50%; position: relative; overflow: hidden; }
header.jobHeader .flexWrap>.flexRight .inner .in img  { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
h1.jobTtl { font-size: 3rem; font-weight: normal; line-height: 1.5; }

.jobContent { width: calc(100% - 21rem); height: auto; padding: 0 0 14.4rem; margin-left: auto; }
.jobContent .flexWrap {}
.jobContent .flexWrap>.flexItem { width: 100%; }
.jobContent .flexWrap>.flexItem~.flexItem { margin-top: 5rem; padding-top: 5rem; border-top: solid 1px #333; }
.jobContent h2 { margin-bottom: 1em; }
.jobContent h3 { margin-bottom: 1em; }
.jobContent .innerWrap { width: 90%; margin: 0 auto; }
.jobLeadTxt { width: 75%; margin-left: auto; background: #030303; padding: 7.2rem 10% 0; transform: translate3d(0,-10%,0); }
dl.listJobDesc { display: flex; flex-wrap: wrap; justify-content: space-between; }
dl.listJobDesc:nth-child(2n) { background: rgba(255,255,255,.075); }
dl.listJobDesc:nth-child(2n-1) { background: rgba(255,255,255,.05); }
dl.listJobDesc dt { width: 21rem; padding: 1.5rem 2rem; }
dl.listJobDesc dt p {}
dl.listJobDesc dd { width: calc(100% - 21rem); padding: 1.5rem 2rem; }
dl.listJobDesc dd p {}
dl.listJobDesc dd p span { display: block; }
dl.listJobDesc dd p span~span { margin-top: .3em; }
.gMap { width: 100%; height: auto; padding-top: 35%; position: relative; }
.gMap iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
dl.listJobList { display: flex; flex-wrap: wrap; }
dl.listJobList dt { width: 21rem; border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
dl.listJobList dt~dt { border-top: none; }
dl.listJobList dt p { padding: 2rem 1.5rem; }
dl.listJobList dd { width: calc(100% - 21rem); border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
dl.listJobList dd~dd { border-top: none; }
dl.listJobList dd p { padding: 2rem 1.5rem; }
dl.listJobList dd p span { display: block; }
dl.listJobList dd p span.sm {}
dl.listJobList dd p span~span {}

/*Form*/
form p {}
form p span.dot { display: inline-block; vertical-align: text-top; width: 5px; height: 5px; border-radius: 5px; background: #e60012; margin-right: .3em; }
.formWrap { border: solid 1px #151515; border-radius: 8px; background: rgba(255,255,255,.05); margin-top: 6rem; padding: 9.6rem 0; }
.formWrap .inner { background: #fff; padding: 6rem 9.6rem; margin-top: 6rem; }
ul.listDocForm { max-width: 86rem; margin: 0 auto; }
ul.listDocForm li { border-top: solid 1px #333; border-bottom: solid 1px #333; padding: 3rem 0; }
ul.listDocForm li~li { border-top: 0; }
dl.listDocForm { display: flex; flex-wrap: wrap; }
dl.listDocForm::after { display: none; }
dl.listDocForm dt { width: 14.4rem; }
dl.listDocForm dt~dt {}
dl.listDocForm dt p.must:after { content: ''; display: inline-block; vertical-align: text-top; width: 5px; height: 5px; border-radius: 5px; background: #e60012; margin-left: .3em; }
dl.listDocForm dd { width: calc(100% - 14.4rem); }
dl.listDocForm dd~dd {}
dl.listDocForm dd p { color: #fff; font-size: 1.5rem; }

/*確認画面*/
.mw_wp_form_confirm {}
.mw_wp_form_confirm dl.listDocForm dd { background: #151515; color: #999; font-size: 1.5rem; padding: 1em 5%; }

/*完了画面*/
.mw_wp_form_complete {}
.mw_wp_form_complete .completeWrap { margin-top: 2em; }
.mw_wp_form_complete .completeWrap>p a { font-weight: 900; text-decoration: underline; }
.mw_wp_form_complete .completeWrap p~p { margin-top: .5em; }
.mw_wp_form_complete .completeWrap dl.listCallus.complete { margin-top: 1em; }
.mw_wp_form_complete .completeWrap dl.listCallus.complete dt p { font-size: 3rem; font-weight: 900; }

input[type="text"], textarea, select { width: 100%; height: auto; border: solid 1px #333; border-radius: 3px; padding: 18px 24px; font-size: 1.6rem; line-height: 1em; background: rgba(255,255,255,.1); color: #fff; }
input[type="text"]#old { width: 10em; margin-right: 1em; }
input[type="text"]#date2,input[type="text"]#date3 { margin-top: 1em; }
select { height:6rem; }
input[type="text"]:focus, textarea:focus, select:focus { outline: none; border: solid 1px #555; }
input[type="submit"] { width: 100%; max-width: 30rem; height: 6rem; border: solid 1px #ddd; color: #333; font-weight: bold; text-align: center; line-height: 4rem; font-size: 1.3rem; letter-spacing: .2em; background: #ccc; position: relative; margin: 0 auto; display:block; -webkit-transition:ease .5s; transition:ease .5s; }
input[type="submit"]:hover { background: #000; color: #fff; -webkit-transition:ease .5s;transition:ease .5s; }


/*SINGLE_interview*/
header.singleHeader { width: 37.5%; height: auto; }
header.singleHeader * { color: #fff; }
header.singleHeader .innerWrap { width: 90%; height: 100%; margin: 0 auto; padding: 14.4rem 0; }
.ivImage { position: relative; }
.ivImage::after { content: ''; display: block; height: 20rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent); position: absolute; bottom: 0; left: 0; right: 0; }
.ivImage img { width: 100%; height: auto; }

.singleContent {}
.singleContent .innerWrap { width: 90%; max-width: 168rem; margin: 0 auto; padding: 14.4rem 0; }
.singleContent .innerWrap>.inner { width: 80%; margin-left: auto; }

.iv {}
.iv h2.pageTtl { margin-bottom: 1em; }
.iv h3.pageTtl { margin-bottom: 1em; }

.iv.iv1 { padding: 14.4rem 0 9.6rem; }
.iv.iv1 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.iv.iv1 .flexWrap>.flexLeft { width: 35%; }
.iv.iv1 .flexWrap>.flexLeft .inner {}
.iv.iv1 .flexWrap>.flexRight { width: 65%; }
.iv.iv1 .flexWrap>.flexRight .inner { width: 85%; margin: 0 auto; }
.singleContent.recruit .innerWrap { width: 100%; max-width: 168rem; margin: 0 auto; padding: 9.6rem 0; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexLeft { width: 25%; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexRight { width: 75%; }

.captionTxt { display: flex; margin: -2rem 0 6rem; }
.captionTxt span { display: inline-block; }
.captionTxt span~span::before { content: '/'; display: inline-block; vertical-align: middle; margin: 0 1em; }
dl.listInterview {}
dl.listInterview::after { display: none; }
dl.listInterview~dl.listInterview { margin-top: 2rem; padding-top: 2rem; border-top: solid 1px #333; }
dl.listInterview dt {}
dl.listInterview dd {}

.iv.iv2 { padding: 14.4rem 0 0; }
.iv.iv2 .flexWrap { display: flex; justify-content: space-between; margin-top: 3rem; padding-top: 3rem; border-top: solid 1px #fff; }
.iv.iv2 .flexWrap>.flexItem { width: 25%; position: relative; }
.iv.iv2 .flexWrap>.flexItem::before { content: ''; display: block; width: 1.2rem; height: 1.2rem; border: solid 1px #fff; border-radius: 1rem; position: absolute; top: -3.7rem; left: 0; background: #030303; }
.iv.iv2 .flexWrap>.flexItem p { width: 80%; }
.iv.iv2 .flexWrap>.flexItem p span { display: block; }
.iv.iv2 .flexWrap>.flexItem p span.time { font-size: 1.25rem;}
.iv.iv2 .flexWrap>.flexItem p span.txt {}

.iv.iv3 {}
.iv.iv3 .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.iv.iv3 .flexWrap>.flexLeft { width: 50%; }
.iv.iv3 .flexWrap>.flexLeft>.inner {}
.iv.iv3 .flexWrap>.flexRight { width: 50%; position: relative; z-index: 1; }
.iv.iv3 .flexWrap>.flexRight>.inner { width: calc(100% + 14.4rem); margin-left: -14.4rem; padding: 10% 0 10% 15%; background: #030303; }

/*tablet*/
@media (min-width:768px) and (max-width:1024px) {
 
/*--------------basic css--------------*/
html {}
body {}
* {}
/*TEXT*/
p,h1,h2,h3,h4,h5 {}
h1,h2,h3,h4,h5 {}
p {}
/*LINK*/
a.btn { display: block; width: auto; padding: 1.5em 2em; position: relative; overflow: hidden; box-shadow: 0 1rem 3rem rgba(0,0,0,.1); }
a.btn.wh { border: solid 1px #fff; }
a.btn p { display: block; position: relative; color: #fff; font-size: 1.3rem !important; font-weight: bold; text-align: center; }
a.btn.rd p { color: #fff; }
a.rm { display: block; margin-top: 3rem; }
a.rm p {}
a.rm p::after { content: ''; display: inline-block; width: 2em; height: 1em; line-height: 1.8em; background: url(images/iconArrowRight.svg); background-size: 2em 1em; }
.fullImage { width: 100%; height: auto; box-shadow: 0 .5em 1em rgba(0,0,0,.1); box-shadow: 0 0.5em 1em rgba(0,0,0,.1); border-radius: 3px; }

/*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.aspect77 { padding-top: 77%; 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.aspect848 { padding-top: 84.8%; overflow: hidden; }
.aspect .aspectBlock { position: absolute; top: 0; width: 100%; height: 100%; }
.aspect.circle .aspectBlock { border-radius: 50%; overflow: hidden; }
.aspect .aspectBlock img { width: 100%; height: auto; }
.aspect .aspectBlock img.imgCenter { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); }
.aspect .aspectBlock iframe { width: 100%; height: 100%; }

/*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 { overflow: hidden; 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: 100%; max-width: 168rem; height: auto; margin: 0 auto; transition: ease .3s; }
header.siteHeader .flexWrap { display: flex; align-content: center; justify-content: space-between; }
header.siteHeader .flexWrap>.flexLeft {}
header.siteHeader .flexWrap>.flexRight { opacity: 1; visibility: visible; transition: ease .3s 1.3s; }
header.siteHeader h1.headLogo {}
header.siteHeader h1.headLogo img { width: auto; height: 5.4rem; margin: 0 auto; display: block; }
header.siteHeader .entryBtn { width: 21rem; height: 8.8rem; background: #050505; }
header.siteHeader .entryBtn a {}
header.siteHeader .entryBtn p { text-align: center; line-height: 8.8rem; }
/*.scroll*/
.scroll header.siteHeader { top: -8.8rem; transition: ease .65s; }
/*.scroll*/
.scrollUp header.siteHeader { top: 0; transition: ease .65s; }
/*.move*/
.move header.siteHeader .flexWrap>.flexRight { opacity: 0; visibility: hidden; transition: ease .3s; }

/*smpNav*/
.humbNav { position: relative; width: 8.8rem; height: 8.8rem; display: block; background: #fff; }
.humbNav span.border { display: block; width: 30%; height: 2px; border-radius: 1px; background: #59626a; 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; font-size: 1rem; position: absolute; top: 70%; 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; }
/*smpNav*/
.spNav { display: block; width: 75%; margin: 0 auto; padding: 3rem 0; }
ul.listSPNav { border-top: solid 1px #adadad; border-bottom: solid 1px #adadad; }
ul.listSPNav li {}
ul.listSPNav li~li { border-top: solid 1px #adadad; }
ul.listSPNav li a {}
ul.listSPNav li p { padding: 1.5rem 2rem; }

aside#aside {}
aside#aside::before {}
aside#aside.move {}
aside#aside .innerWrap { width: 85%; }
aside#aside .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
aside#aside .flexWrap>.flexItem {}
aside#aside .flexWrap>.flexItem~.flexItem { margin-top: 3rem; }
aside#aside .flexWrap>.flexItem.sm { width: 100%; }
aside#aside .flexWrap>.flexItem.md { width: 100%; }
aside#aside .flexWrap>.flexItem.lg { width: 100%; margin-top: 6rem; }
aside#aside .flexWrap>.flexItem.sm dl.listGlobalNav { display: flex; flex-wrap: wrap; justify-content: space-between; }
aside#aside .flexWrap>.flexItem.sm dl.listGlobalNav dt { width: 100%; }
aside#aside .flexWrap>.flexItem.sm dl.listGlobalNav dd { width: calc(100% / 3); }
aside#aside .flexWrap>.flexItem.md dl.listGlobalNav { display: flex; flex-wrap: wrap; justify-content: space-between; }
aside#aside .flexWrap>.flexItem.md dl.listGlobalNav dt { width: 50%; }
dl.listGlobalNav { margin-bottom: -1em; }
dl.listGlobalNav p {}
dl.listGlobalNav dt { position: relative; margin-bottom: 2rem; overflow: hidden; transform: translateY(4rem); transition: ease .5s; }
dl.listGlobalNav dt+dt {}
dl.listGlobalNav dt a {}
dl.listGlobalNav dt p { font-size: 1.8rem; }
dl.listGlobalNav dd { margin-bottom: .25rem; overflow: hidden; transform: translateY(4rem); transition: ease .5s; }
dl.listGlobalNav dd+dt { display: none; }
dl.listGlobalNav dd+dt::before {}
dl.listGlobalNav dd a {}
dl.listGlobalNav dd p { font-size: 1.5rem; }
a.goEntry { display: block; background: #fff; }
a.goEntry * { color: #050505; }
a.goEntry p { padding: 3rem 7.5%; font-weight: bold; font-size: 2.25rem; }
a.goEntry p span { display: block; font-weight: normal; font-size: 1.3rem; line-height: 1.5; }
a.goEntry p span.tel {}
a.goEntry p span.tel i { display: inline-block; margin-left: .65em; font-size: 3rem; font-weight: bold; font-style: italic; }
a.goEntry p span.limit {}
/*.move*/
aside#aside.move .flexWrap>.flexItem {}
aside#aside.move dl.listGlobalNav dt { transform: translateY(0); transition: ease .5s .5s; }
aside#aside.move dl.listGlobalNav dd { transform: translateY(0); transition: ease .5s .5s; }


aside#cside { position: fixed; bottom: 0; right: 5%; z-index: 100; width: auto; height: auto; opacity: 0; visibility: hidden; transition: ease .3s; }
body.scroll aside#cside { bottom: 3rem; opacity: 1; visibility: visible; transition: ease .3s; }
.flexPageFoot { display: flex; }
.flexPageFoot>.flexItem { position: relative; }
.flexPageFoot>.flexItem~.flexItem { margin-left: 1.5rem; }
.flexPageFoot>.flexItem.tel::before { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 13.5rem; height:18rem; background: url(images/callgirl.png); background-size: cover; }

/*BOTH_FOOTER*/
.secFoot {}
.secFoot::after {}
.secFoot * {}
.secFoot h2 {}
.secFoot .innerWrap { padding: 6rem 0; }
.secFoot .flexWrap {}
.secFoot .flexWrap>.flexItem {}
.secFoot .flexWrap>.flexItem img {}
/*loop slider*/
.loopSlider.footLoop .loopSliderWrap {}
.loopSlider.footLoop {}
.loopSlider.footLoop ul {}
.loopSlider.footLoop ul::after {}
.loopSlider.footLoop ul li {}
.loopSlider.footLoop ul li img {}
.loopSliderWrap::after {}

footer.siteFooter {}
footer.siteFooter p {}
footer.siteFooter .innerWrap {}
footer.siteFooter .innerWrap.foot1 { padding: 6rem 0; }
footer.siteFooter .innerWrap.foot1 a.btn {}
footer.siteFooter .innerWrap.foot2 { padding: 0 0 6rem; }
ul.listFootNav {}
ul.listFootNav~ul.listFootNav {}
ul.listFootNav::after {}
ul.listFootNav li { width: calc(100% / 3); }
ul.listFootNav li:hover {}
ul.listFootNav li p {}
ul.listFootNav li~li {}
ul.listFootNav li~li p::before {}
ul.listFootNav li:nth-child(4n) p::before { display: none; }
dl.listFootCall {}
dl.listFootCall * {}
dl.listFootCall dt {}
dl.listFootCall dt p {}
dl.listFootCall dd {}
dl.listFootCall dd p {}
dl.listFootCall dd p span {}
.footLogo {}
p.cr {}

/*ANIM*/
.animImg { transform: scale(1.1); -webkit-animation: scaling 10s linear 0s infinite; -o-animation: scaling 10s linear 0s infinite; animation: scaling 10s linear 0s infinite; }
@keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}
@-webkit-keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}
@-o-keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}

/*INDEX*/
h2.indexTtl { font-size: 2.65rem; }
h3.indexTtl { font-size: 1.8rem; }
.secIndex {}
.secIndex .innerWrap {}

.secIndex.sec1 { height: 100vw; }
.secIndex.sec1::before {}
.secIndex.sec1 .swiper-slide {}
.secIndex.sec1 .swiper-slide .inner { height: 100vw; }
.secIndex.sec1 .swiper-slide.swiper-slide-prev .inner {}
.secIndex.sec1 .swiper-slide.swiper-slide-active .inner {}
.secIndex.sec1 .swiper-slide.swiper-slide-next .inner {}
.secIndex.sec1 .ttlWrap { display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 20; }
.secIndex.sec1 .scrollWrap {}
.secIndex.sec1 .scrollWrap span {}
.secIndex.sec1 .scrollWrap span.txt {}
.secIndex.sec1 .scrollWrap span.borders {}
.secIndex.sec1 .scrollWrap span.border {}

.secIndex.sec2 {}
.secIndex.sec2 h2.leadTtl { font-size: 3rem; }
.secIndex.sec2 p { font-size: 1.65rem; line-height: 1.8; }
.secIndex.sec2 p~p { margin-top: .5em; }
.secIndex.sec2 .innerWrap { padding: 14.4rem 0; }
.secIndex.sec2 .inner { width: 80%; margin: 0 5% 0 15%; }

.secIndex.sec3 {}
.secIndex.sec3 h2.indexTtl { left: 5rem; bottom: 3rem; }
.secIndex.sec3 h2.indexTtl span { display: block; line-height: 1.5; }
.secIndex.sec3 h2.indexTtl span.en { font-size: 1.35rem; }
.secIndex.sec3 h2.indexTtl span.jp {}
.secIndex.sec3 .innerWrap {}
.secIndex.sec3 .flexWrap {}
.secIndex.sec3 .flexWrap>.flexItem {}
.secIndex.sec3 .flexWrap>.flexItem::before { height: 150px; }
.secIndex.sec3 .flexWrap>.flexItem .inner {}
.secIndex.sec3 .flexWrap>.flexItem.lg { height: 30rem; }
.secIndex.sec3 .flexWrap>.flexItem.xl { height: auto; }
.secIndex.sec3 .flexWrap>.flexItem.xl h2.indexTtl { bottom: 0; left: 0; }
.secIndex.sec3 .flexWrap>.flexItem.md { height: 30rem; }

.iv-container {}
.iv-container .swiper-slide { position: relative; opacity: .5; transition: ease .3s;  }
.iv-container .swiper-slide:hover { transform: scale(1.05,1.05); transform-origin: bottom center; transition: ease .3s; }
.iv-container .swiper-slide.swiper-slide-prev { opacity: 1; transition: ease .3s; }
.iv-container .swiper-slide.swiper-slide-active { opacity: 1; transition: ease .3s; }
.iv-container .swiper-slide.swiper-slide-next { opacity: 1; transition: ease .3s; }
.iv-container .swiper-slide::after { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; left: 0; z-index: 10; background: linear-gradient(0deg, rgba(0,0,0,.95), transparent); }
.iv-container .swiper-slide .innner { width: 80%; margin: 0 auto; transition: ease .3s; }
.iv-container .swiper-slide .innner .ttlBlock { position: absolute; top: 1em; right: 1em; z-index: 15; }
.iv-container .swiper-slide .innner .ttlBlock p { font-size: 2rem; }
.iv-container .swiper-slide .innner .txtBlock { position: absolute; bottom: 1em; left: 1em; z-index: 15; }
.iv-container .swiper-slide .innner .txtBlock h3 { font-weight: normal; }
.iv-container .swiper-slide .innner .txtBlock h3 span { display: block; }
.iv-container .swiper-slide .innner .txtBlock h3 span.post { font-size: 1.25rem; }
.iv-container .swiper-slide .innner .txtBlock h3 span.name { font-size: 1.8rem; }

/*loop slider*/
.loopSliderWrap {}
.loopSlider {}
.loopSlider ul {}
.loopSlider ul::after {}
.loopSlider ul li {}
.loopSlider ul li img {}
.loopSliderWrap:after {}

/*PAGE*/
/*PAGE_both*/
h1.pageTtl { font-size: 4.2rem; }
h2.pageTtl { font-size: 3rem; }
h3.pageTtl { font-size: 2.1rem; }
h4.pageTtl { font-size: 1.8rem; }
main.pageMain { padding-top: 10rem; }
header.pageHeader { height: 41.4vw; }
header.pageHeader::before { height: 150px; }
header.pageHeader * {}
header.pageHeader .imageWrap {}
header.pageHeader .imageWrap img {}
header.pageHeader .innerWrap {}
.table {}
.table>.center {}

.pageContent { padding: 9.6rem 0; }
.pageContent .innerWrap {}
.pageContent .innerWrap~.innerWrap { padding-top: 9.6rem; }
.pageContent .innerWrap>.inner { width: 100%; }
.pageContent .innerWrap>.innner { width: 100vw; margin-left: -5vw; margin-right: -5vw; }
.pageContent .sepWrap { padding-top: 35%; margin: 9.6rem 0 0; }
.pageContent .sepWrap img {}
.pageContent .pager {}
.pageContent .pager .innner {}
.pageContent .pager .innner>.flexLeft {}
.pageContent .pager .innner>.flexRight {}
.pageContent .pager .innner>.flexLeft::before {}
.pageContent .pager .innner>.flexRight::before {}
.pageContent .pager .innner>.flexLeft:hover::before {}
.pageContent .pager .innner>.flexRight:hover::before {}
.pageContent .pager .txtWrap {}
.pageContent .pager .txtWrap .pagerTtl {}
.pageContent .pager .txtWrap .pagerTtl span { display: block; }
.pageContent .pager .txtWrap .pagerTtl span.en { font-size: 1.3rem; }
.pageContent .pager .txtWrap .pagerTtl span.jp { font-size: 2.25rem; }

/*PAGE_about*/
.about {}
.about h2.pageTtl { margin-bottom: 1em; }
.about h3.pageTtl { margin-bottom: 1em; }
.about h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.about h4.pageTtl { margin-bottom: 1em; }
.about1 {}
.flexOkami {}
.flexOkami>.flexLeft { width: 50%; }
.flexOkami>.flexLeft .in { width: calc(100% + 5vw); margin-left: -5vw; }
.flexOkami>.flexLeft .in img {}
.flexOkami>.flexRight { width: 75%; margin-left: auto; margin-top: -10vw; }
.flexOkami>.flexRight .in {}

.about2 {}
.about2 .flexWrap { margin-bottom: -5rem; }
.about2 .flexWrap>.flexItem { width: 100%; margin-bottom: 5rem; }
.about2 .flexWrap>.flexItem p { width: 100%; font-size: 1.8rem; margin-top: 3rem; }

.about3 {}
dl.listHistory {}
dl.listHistory~dl.listHistory { margin-top: 1.5rem; padding-top: 1.5rem; }
dl.listHistory dt {}
dl.listHistory dt p {}
dl.listHistory dd {}
dl.listHistory dd p {}

/*PAGE_work*/
.work {}
.work h2.pageTtl { margin-bottom: 1em; }
.work1 {}
.work1 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.work1 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; }
.work1 .flexWrap>.flexItem p { width: 85%; font-size: 1.8rem; margin-top: 3rem; }

.work2 {}
.work2 .flexWrap {}
dl.listMerit {}
dl.listMerit dt {}
dl.listMerit dt p {}
dl.listMerit dd {}
dl.listMerit dd p { }
ul.listStudy { display: flex; flex-wrap: wrap; border: solid 1px #333; background: rgba(255,255,255,.05); padding: 5% 6.5%; }
ul.listStudy::after { display: none; }
ul.listStudy li { width: 50%; padding: 1rem; }
ul.listStudy li p {}

.work3 {}
.work3 a.btn p { width: 100%!important; margin: 0!important; }
.work3 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.work3 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; }
.work3 .flexWrap>.flexItem p { width: 100%; font-size: 1.65rem; margin: 3rem 0; }
.work3 .flexWrap>.flexItem p.ttl { font-size: 2.1rem; margin: 0 0 1em; }

/*PAGE_cooking*/
.cooking {}
.cooking h2.pageTtl { margin-bottom: 1em; }
.cooking h3.pageTtl { margin-bottom: 1em; }
.cooking h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.cooking h4.pageTtl { margin-bottom: 1em; }

.cooking1 {}
.cooking1 .flexWrap {}
.cooking1 .flexWrap>.flexLeft { width: 100%; order: 1; }
.cooking1 .flexWrap>.flexLeft .inner { width: 100%; padding: 10% 10% 0 0; }
.cooking1 .flexWrap>.flexRight { width: 100%; }
.cooking1 .flexWrap>.flexRight .inner { width: 100vw; margin-left: -5vw; }
.cooking1 .flexWrap>.flexCenter { width: 100%; }
.cooking1 .flexWrap>.flexCenter .inner { padding: 10% 0 10%; }

.cooking2 {}
.cooking2 .flexWrap { display: flex; flex-wrap: wrap; }
.cooking2 .flexWrap>.flexItem { width: 50%; position: relative; transition: ease .3s; }
.cooking2 .flexWrap:hover>.flexItem { opacity: .5; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem:hover { opacity: 1; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 1; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem:hover::before { background: rgba(0,0,0,0.25); transition: ease .3s; }
.cooking2 .flexWrap>.flexItem p { z-index: 5; }
dl.listSchedule { width: 85%; }
dl.listSchedule~dl.listSchedule {}
dl.listSchedule dt {}
dl.listSchedule dt p {}
dl.listSchedule dd {}
dl.listSchedule dd p {}

.cooking3 {}
.cooking3 .txtWrap { width: 95%; }
.cooking3 p {}
.cooking3 p.wrote {}

.cooking4 {}
.cooking4 p { margin-top: 3rem; }
.cooking4 p.ttl { font-size: 2.1rem; margin: 0 0 1em; }
.cooking4 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.cooking4 .flexWrap>.flexItem { width: calc((100% / 3) - (100px / 3)); margin-bottom: 5rem; }

.cooking5 {}
.cooking5 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin:3rem 0 -3rem; }
.cooking5 .flexWrap>.flexItem { width: 50%; display: flex; align-items: center; margin-bottom: 3rem; }
.cooking5 .flexWrap>.flexItem .icon { width: 6rem; height: 6rem; background: #111; margin-right: 3rem; overflow: hidden; }
.cooking5 .flexWrap>.flexItem .icon img { width: 100%; height: auto; }

/*PAGE_customer*/
.customer {}
.customer h2.pageTtl { margin-bottom: 1em; }
.customer h3.pageTtl { margin-bottom: 1em; }
.customer h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.customer h4.pageTtl { margin-bottom: 1em; }
 
.customer1 {}
.customer1 .flexWrap {}
.customer1 .flexWrap>.flexLeft { width: 100%; order: 1; }
.customer1 .flexWrap>.flexLeft .inner { width: 100%; padding: 10% 10% 0 0; }
.customer1 .flexWrap>.flexRight { width: 100%; }
.customer1 .flexWrap>.flexRight .inner { width: 100vw; margin-left: -5vw; }

/*PAGE_interview*/
.interview {}
.interview h2.pageTtl { margin-bottom: 1em; }
.interview p { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;  margin: 3rem auto 0; }
.interview p span { display: block; line-height: 1.8; }
.interview p span.post { font-size: 1.5rem; }
.interview p span.name { font-size: 3rem; }

.interview1 {}
.interview1 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.interview1 .flexWrap>.flexItem { width: calc(50% - 2.5rem); margin-bottom: 5rem; position: relative; }

.interview2 {}
.interview2 .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -5rem; }
.interview2 .flexWrap>.flexItem { width: calc((100% / 3) - (10rem / 3)); margin-bottom: 5rem; position: relative; }

/*PAGE_life*/
.life {}
.life h2.pageTtl { margin-bottom: 1em; }
.life h3.pageTtl { margin-bottom: 1em; }

.life1 {}
.life1 p { margin-top: 3rem; }

.life2 {}

.life3 {}
.life3 p { width: 100%; }
.life3 p.ttl {}
.life3 .flexWrap {}
.life3 .flexWrap>.flexItem { width: calc(50% - 2.5vw); }

.life4 {}
.life4 p { margin-top: 2rem; }
.life4 p.ttl { margin: 0 0 1em; }
.life4 .flexWrap { margin-bottom: -5rem; }
.life4 .flexWrap>.flexItem { width: calc(50% - 2.5vw); margin-bottom: 5rem; }
.life4 .flexWrap>.flexItem .circle { width: 7.2rem; height: 7.2rem; margin: -3.6rem auto 2rem; }
.life4 .flexWrap>.flexItem .circle img {}
.life4 .flexWrap>.flexItem .in {}

/*PAGE_joblist*/
.joblist {}
.joblist h2.pageTtl { margin-bottom: 1em; }
.joblist h3.pageTtl { margin-bottom: 1em; }
ul.listJoblistCat {}
ul.listJoblistCat li {}
ul.listJoblistCat li~li {}
dl.listJoblistCat { display: flex; }
dl.listJoblistCat::after { display: none; }
dl.listJoblistCat dt { width: 14.4rem; }
dl.listJoblistCat dt p {}
dl.listJoblistCat dd {}
dl.listJoblistCat dd~dd {}
dl.listJoblistCat dd p {}
dl.listJoblistCat dd~dd p::before { content: '|'; display: inline-block; vertical-align: middle; margin: 0 1em; }
.joblist.joblist2 {}
.joblist.joblist2 .flexWrap { display: flex; justify-content: space-between; }
.joblist.joblist2 .flexWrap>.flexLeft { width: 14.4rem; }
.joblist.joblist2 .flexWrap>.flexRight { width: calc(90% - 14.4rem); }
.jobPick { margin-top: 3rem; padding-top: 3rem; border-top: solid 1px #333; }
.jobPick~.jobPick {}
dl.listJobPick { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2.1rem; }
dl.listJobPick dt { width: 14.4rem; }
dl.listJobPick dt~dt {}
dl.listJobPick dd { width: calc(100% - 14.4rem); }
dl.listJobPick dd~dd {}
ul.listBtn { display: flex; justify-content: flex-end; }
ul.listBtn li { margin-left: 2rem; }
ul.listBtn li p {}
nav.navigation.pagination { margin-top: 3rem; padding-top: 9.6rem; border-top: solid 1px #333; }
nav.navigation.pagination h2 { display: none; }
nav.navigation.pagination .nav-links { display: flex; justify-content: center; }
nav.navigation.pagination .nav-links .page-numbers { margin: 0 .75rem; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; border: solid 1px #fff; color: #fff; font-size: 1.3rem; }
nav.navigation.pagination .nav-links .page-numbers.current { background: #fff; color: #111; }

/*PAGE_privacy*/
.privacy {}
.privacy h3.pageTtl { margin-bottom: 1em; }
dl.listPP { margin-top: 6rem; }
dl.listPP~dl.listPP { margin-top: 3rem; padding-top: 3rem; border-top: solid 1px #333;}
dl.listPP dt {}
dl.listPP dd {}

/*SINGLE*/
/*SINGLE_both*/
.singleContent .sepWrap { width: 100%; height: auto; padding-top: 41.4%; position: relative; overflow: hidden; }
.singleContent .sepWrap img { position: absolute; top: 0; width: 100%; height: auto; }

.flexPagenation { display: flex; justify-content: space-between; align-items: center; width: 90%; max-width: 128rem; margin: 0 auto; padding: 6rem 0; border-top: solid 1px #151515; }
.flexPagenation>.flexItem { display: block; width: 20%; }
.flexPagenation>.flexItem:first-child { text-align: left; }
.flexPagenation>.flexItem:last-child { text-align: right; }
.flexPagenation>.flexCenter { display: block; width: 60%; text-align: center; }
.flexPagenation>.flexCenter p { color: #fff; }

/*SINGLE_job*/
header.jobHeader { width: 100%; padding: 14.4rem 0 9.6rem; }
header.jobHeader * { color: #fff; }
header.jobHeader .innerWrap { width: 90%; height: 100%; margin: 0 auto; }
header.jobHeader .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
header.jobHeader .flexWrap>.flexLeft { width: 50%; position: relative; z-index: 1; }
header.jobHeader .flexWrap>.flexLeft .inner { width: calc(100% + 20vw); padding: 7.5% 5%; }
header.jobHeader .flexWrap>.flexRight { width: 50%; }
header.jobHeader .flexWrap>.flexRight .inner { width: calc(100% + 30vw); margin-left: -25vw; }
header.jobHeader .flexWrap>.flexRight .inner .in { width: 100%; height: auto; padding-top: 50%; position: relative; overflow: hidden; }
header.jobHeader .flexWrap>.flexRight .inner .in img  { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
h1.jobTtl { font-size: 2.5rem; }

.jobContent { width: 100%; height: auto; padding: 0 0 9.6rem; }
.jobContent .flexWrap {}
.jobContent .flexWrap>.flexItem { width: 100%; }
.jobContent .flexWrap>.flexItem~.flexItem { margin-top: 5rem; padding-top: 5rem; border-top: solid 1px #333; }
.jobContent h2 { margin-bottom: 1em; }
.jobContent h3 { margin-bottom: 1em; }
.jobContent .innerWrap { width: 90%; margin: 0 auto; }
.jobLeadTxt { width: 75%; margin-left: auto; background: #030303; padding: 7.2rem 10% 0; transform: translate3d(0,-10%,0); }
dl.listJobDesc { display: flex; flex-wrap: wrap; justify-content: space-between; }
dl.listJobDesc:nth-child(2n) { background: rgba(255,255,255,.075); }
dl.listJobDesc:nth-child(2n-1) { background: rgba(255,255,255,.05); }
dl.listJobDesc dt { width: 21rem; padding: 1.5rem 2rem; }
dl.listJobDesc dt p {}
dl.listJobDesc dd { width: calc(100% - 21rem); padding: 1.5rem 2rem; }
dl.listJobDesc dd p {}
dl.listJobDesc dd p span { display: block; }
dl.listJobDesc dd p span~span { margin-top: .3em; }
.gMap { width: 100%; height: auto; padding-top: 35%; position: relative; }
.gMap iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
dl.listJobList { display: flex; flex-wrap: wrap; }
dl.listJobList dt { width: 21rem; border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
dl.listJobList dt~dt { border-top: none; }
dl.listJobList dt p { padding: 2rem 1.5rem; }
dl.listJobList dd { width: calc(100% - 21rem); border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
dl.listJobList dd~dd { border-top: none; }
dl.listJobList dd p { padding: 2rem 1.5rem; }
dl.listJobList dd p span { display: block; }
dl.listJobList dd p span.sm {}
dl.listJobList dd p span~span {}

/*Form*/
form p {}
form p span.dot { display: inline-block; vertical-align: text-top; width: 5px; height: 5px; border-radius: 5px; background: #e60012; margin-right: .3em; }
.formWrap { border: solid 1px #151515; border-radius: 8px; background: rgba(255,255,255,.05); margin-top: 6rem; padding: 9.6rem 0; }
.formWrap .inner { background: #fff; padding: 6rem 9.6rem; margin-top: 6rem; }
ul.listDocForm { max-width: 86rem; margin: 0 auto; }
ul.listDocForm li { border-top: solid 1px #333; border-bottom: solid 1px #333; padding: 3rem 0; }
ul.listDocForm li~li { border-top: 0; }
dl.listDocForm { display: flex; flex-wrap: wrap; }
dl.listDocForm::after { display: none; }
dl.listDocForm dt { width: 14.4rem; }
dl.listDocForm dt~dt {}
dl.listDocForm dt p.must:after { content: ''; display: inline-block; vertical-align: text-top; width: 5px; height: 5px; border-radius: 5px; background: #e60012; margin-left: .3em; }
dl.listDocForm dd { width: calc(100% - 14.4rem); }
dl.listDocForm dd~dd {}
dl.listDocForm dd p { color: #fff; font-size: 1.5rem; }

input[type="text"], textarea, select { width: 100%; height: auto; border: solid 1px #777; border-radius: 3px; padding: 18px 24px; font-size: 1.6rem; line-height: 1em; background: rgba(255,255,255,.2); color: #fff; }
input[type="text"]#old { width: 10em; margin-right: 1em; }
input[type="text"]#date2,input[type="text"]#date3 { margin-top: 1em; }
select { height:6rem; }
input[type="text"]:focus, textarea:focus, select:focus { outline: none; border: solid 1px #aaa; }
input[type="submit"] { width: 100%; max-width: 30rem; height: 6rem; border: solid 1px #ddd; color: #333; font-weight: bold; text-align: center; line-height: 4rem; font-size: 1.3rem; letter-spacing: .2em; background: #ccc; position: relative; margin: 0 auto; display:block; -webkit-transition:ease .5s; transition:ease .5s; }
input[type="submit"]:hover { background: #000; color: #fff; -webkit-transition:ease .5s;transition:ease .5s; }


/*SINGLE_interview*/
header.singleHeader { width: 37.5%; height: auto; }
header.singleHeader * { color: #fff; }
header.singleHeader .innerWrap { width: 90%; height: 100%; margin: 0 auto; padding: 14.4rem 0; }
.ivImage { position: relative; }
.ivImage::after { content: ''; display: block; height: 20rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent); position: absolute; bottom: 0; left: 0; right: 0; }
.ivImage img { width: 100%; height: auto; }

.singleContent {}
.singleContent .innerWrap { width: 90%; max-width: 168rem; margin: 0 auto; padding: 14.4rem 0; }
.singleContent .innerWrap>.inner { width: 100%; }

.iv {}
.iv h2.pageTtl { margin-bottom: 1em; }
.iv h3.pageTtl { margin-bottom: 1em; }

.iv.iv1 { padding: 14.4rem 0 0; }
.iv.iv1 .flexWrap {}
.iv.iv1 .flexWrap>.flexLeft { width: 100%; }
.iv.iv1 .flexWrap>.flexLeft .inner { width: 50%; margin: 0 auto; }
.iv.iv1 .flexWrap>.flexRight { width: 100%; margin-top: 9.6rem; }
.iv.iv1 .flexWrap>.flexRight .inner { width: 85%; margin: 0 auto; }
.singleContent.recruit .innerWrap { width: 100%; max-width: 168rem; margin: 0 auto; padding: 9.6rem 0; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexLeft { width: 100%; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexLeft .inner { width: 35%; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexRight { width: 100%; }

.captionTxt { display: flex; margin: -2rem 0 6rem; }
.captionTxt span { display: inline-block; }
.captionTxt span~span::before { content: '/'; display: inline-block; vertical-align: middle; margin: 0 1em; }
dl.listInterview {}
dl.listInterview::after { display: none; }
dl.listInterview~dl.listInterview { margin-top: 2rem; padding-top: 2rem; border-top: solid 1px #333; }
dl.listInterview dt {}
dl.listInterview dd {}

.iv.iv2 { padding: 9.6rem 0 0; }
.iv.iv2 .flexWrap { display: flex; justify-content: space-between; margin-top: 3rem; padding-top: 3rem; border-top: solid 1px #fff; }
.iv.iv2 .flexWrap>.flexItem { width: 25%; position: relative; }
.iv.iv2 .flexWrap>.flexItem::before { content: ''; display: block; width: 1.2rem; height: 1.2rem; border: solid 1px #fff; border-radius: 1rem; position: absolute; top: -3.7rem; left: 0; background: #030303; }
.iv.iv2 .flexWrap>.flexItem p { width: 80%; }
.iv.iv2 .flexWrap>.flexItem p span { display: block; }
.iv.iv2 .flexWrap>.flexItem p span.time { font-size: 1.25rem;}
.iv.iv2 .flexWrap>.flexItem p span.txt {}

.iv.iv3 {}
.iv.iv3 .flexWrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.iv.iv3 .flexWrap>.flexLeft { width: 50%; }
.iv.iv3 .flexWrap>.flexLeft>.inner {}
.iv.iv3 .flexWrap>.flexRight { width: 50%; position: relative; z-index: 1; }
.iv.iv3 .flexWrap>.flexRight>.inner { width: calc(100% + 14.4rem); margin-left: -14.4rem; padding: 10% 0 10% 15%; background: #030303; }



}
















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

/*--------------basic css--------------*/
html {}
body {}
* {}
/*TEXT*/
p,h1,h2,h3,h4,h5 {}
h1,h2,h3,h4,h5 {}
p { font-size:1.4rem; line-height: 1.6; }
/*LINK*/
a[target='_blank'] p::after { content: ''; display: inline-block; width: 1em; height: 1em; background: url(images/icon-linkout.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; position: relative; overflow: hidden; box-shadow: 0 1rem 3rem rgba(0,0,0,.1); }
a.btn.wh { border: solid 1px #fff; }
a.btn.sm { width: 20rem; }
a.btn.md { 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; font-size: 1.3rem !important; font-weight: bold; text-align: center; }
a.btn.rd p { color: #fff; }
a.rm { display: block; margin-top: 3rem; }
a.rm p {}
a.rm p::after { content: ''; display: inline-block; width: 2em; height: 1em; line-height: 1.8em; background: url(images/iconArrowRight.svg); background-size: 2em 1em; }
.fullImage { width: 100%; height: auto; box-shadow: 0 .5em 1em rgba(0,0,0,.1); box-shadow: 0 0.5em 1em rgba(0,0,0,.1); border-radius: 3px; }

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

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

/*BOTH_HEADER*/
header.siteHeader {}
header.siteHeader>.innerWrap {}
header.siteHeader .flexWrap {}
header.siteHeader .flexWrap>.flexLeft {}
header.siteHeader .flexWrap>.flexRight { display: none; }
header.siteHeader h1.headLogo {}
header.siteHeader h1.headLogo img { width: auto; height: 5.4rem; margin: 0 auto; display: block; }
header.siteHeader .entryBtn { width: 21rem; height: 6rem; background: #050505; }
header.siteHeader .entryBtn a {}
header.siteHeader .entryBtn p { text-align: center; line-height: 6rem; }
/*.scroll*/
.scroll header.siteHeader { top: -6rem; transition: ease .65s; }
/*.scroll*/
.scrollUp header.siteHeader { top: 0; transition: ease .65s; }
/*.move*/
.move header.siteHeader .flexWrap>.flexRight {}

/*smpNav*/
.humbNav { width: 6rem; height: 6rem; }
.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 {}
/*.active*/
.humbNav.active span.border:nth-child(1) {}
.humbNav.active span.border:nth-child(2) {}
.humbNav.active span.txt span.open {}
.humbNav.active span.txt span.close {}
/*smpNav*/
.spNav { display: block; width: 75%; margin: 0 auto; padding: 3rem 0; }
ul.listSPNav { border-top: solid 1px #adadad; border-bottom: solid 1px #adadad; }
ul.listSPNav li {}
ul.listSPNav li~li { border-top: solid 1px #adadad; }
ul.listSPNav li a {}
ul.listSPNav li p { padding: 1.5rem 2rem; }

aside#aside { overflow: scroll; }
aside#aside::before { background: rgba(0,0,0,.45); }
aside#aside.move {}
aside#aside .innerWrap { width: 85%; height: 100%; padding-top: 6rem; }
aside#aside .innerWrap.table { display: block; }
aside#aside .innerWrap.table .center { padding: 3rem 0 9.6rem; }
aside#aside .flexWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
aside#aside .flexWrap>.flexItem {}
aside#aside .flexWrap>.flexItem~.flexItem { margin-top: 1em; }
aside#aside.move .flexWrap>.flexItem {}
aside#aside .flexWrap>.flexItem.sm { width: 100%; }
aside#aside .flexWrap>.flexItem.md { width: 100%; }
aside#aside .flexWrap>.flexItem.lg { width: 100%; margin-top: 10vw; }
dl.listGlobalNav { display: flex; flex-wrap: wrap; margin-bottom: -1em; }
dl.listGlobalNav dt { width: 100%; margin-bottom: 1rem; }
dl.listGlobalNav dt+dt {}
dl.listGlobalNav dt a {}
dl.listGlobalNav dt p { font-size: 4vw; }
dl.listGlobalNav dd { width: calc(100% / 2); margin-bottom: .75rem; }
dl.listGlobalNav dd+dt::before {}
dl.listGlobalNav dd+dt { display: none; }
dl.listGlobalNav dd a {}
dl.listGlobalNav dd p { font-size: 3.2vw; }
a.goEntry {}
a.goEntry * {}
a.goEntry p { padding: 2rem 7.5%; font-size: 1.8rem; text-align: center; }
a.goEntry p span { font-size: 1.2rem; line-height: 1.5; }
a.goEntry p span.tel { margin: .75rem 0; }
a.goEntry p span.tel i { font-size: 2.1rem; }
a.goEntry p span.limit { font-size: 1rem; }

aside#cside { position: fixed; bottom: 0; right: 5%; z-index: 100; width: auto; height: auto; opacity: 0; visibility: hidden; transition: ease .3s; }
body.scroll aside#cside { bottom: 3rem; opacity: 1; visibility: visible; transition: ease .3s; }
.flexPageFoot { display: flex; }
.flexPageFoot>.flexItem { position: relative; }
.flexPageFoot>.flexItem~.flexItem { margin-left: 1.5rem; }
.flexPageFoot>.flexItem.tel::before { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 13.5rem; height:18rem; background: url(images/callgirl.png); background-size: cover; }

/*BOTH_FOOTER*/
.secFoot {}
.secFoot::after {}
.secFoot * {}
.secFoot h2 { margin-bottom: 1em; }
.secFoot .innerWrap { padding: 10vw 0; }
.secFoot .flexWrap {}
.secFoot .flexWrap>.flexItem {}
.secFoot .flexWrap>.flexItem img {}
/*loop slider*/
.loopSlider.footLoop .loopSliderWrap { top: 0; left: 0; height: 14.4rem; overflow: hidden; position: absolute; }
.loopSlider.footLoop { width: 100%; height: 14.4rem; text-align: left; position: relative; overflow: hidden; background:none; }
.loopSlider.footLoop ul { height: 14.4rem; float: left; overflow: hidden; }
.loopSlider.footLoop ul::after { display: none; }
.loopSlider.footLoop ul li { width: 14.07rem; height: 14.4rem; float: left; display: inline; overflow: hidden; position:relative; }
.loopSlider.footLoop ul li img { width: 12.07rem; height: 14.4rem; }
.loopSliderWrap::after { content: ""; display: none; clear: none; }

footer.siteFooter { position: relative; background: #111; z-index: 10; }
footer.siteFooter p { color: #fff; }
footer.siteFooter .innerWrap { width: 90%; max-width: 168rem; height: auto; margin: 0 auto; }
footer.siteFooter .innerWrap.foot1 { padding: 15vw 0 7.5vw; }
footer.siteFooter .innerWrap.foot1 a.btn { margin: 4rem auto; }
footer.siteFooter .innerWrap.foot2 { padding: 0 0 15vw; }
ul.listFootNav { justify-content: flex-start; }
ul.listFootNav~ul.listFootNav { margin-top: 0; margin-bottom: -1.5rem; }
ul.listFootNav::after {}
ul.listFootNav li { width: 50%; margin-bottom: 1.5rem; }
ul.listFootNav li:hover {}
ul.listFootNav li p { font-size: 1.1rem; }
ul.listFootNav li~li {}
ul.listFootNav li~li p::before { display: none; }
dl.listFootCall {}
dl.listFootCall * { text-align: center; }
dl.listFootCall dt {}
dl.listFootCall dt p { font-size: 3rem; font-style: italic; }
dl.listFootCall dt a { color: #fff; }
dl.listFootCall dd {}
dl.listFootCall dd p { font-size: 1.3rem; }
dl.listFootCall dd p span { line-height: 1.35; }
.footLogo { height: 7.2rem; margin: 0 auto 3rem; }
p.cr { font-size: 1rem; }

/*ANIM*/
.animImg { transform: scale(1.1); -webkit-animation: scaling 10s linear 0s infinite; -o-animation: scaling 10s linear 0s infinite; animation: scaling 10s linear 0s infinite; }
@keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}
@-webkit-keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}
@-o-keyframes scaling {
 0%{  transform: scale(1.1); }
 100%{ transform: scale(1); }
}

/*INDEX*/
h2.indexTtl { font-size: 2rem; }
h3.indexTtl { font-size: 1.65rem; }
.secIndex {}
.secIndex .innerWrap { width: 90%; }

.secIndex.sec1 { width: 100vw; height: 141.4vw; }
.secIndex.sec1::before {}
.secIndex.sec1 .swiper-slide { overflow: hidden; }
.secIndex.sec1 .swiper-slide .inner { width: 100vw; height: 141.4vw; }
.secIndex.sec1 .swiper-slide.swiper-slide-prev .inner { transform: scale(1); transition: linear 10s; }
.secIndex.sec1 .swiper-slide.swiper-slide-active .inner { transform: scale(1.1); transition: linear 10s; }
.secIndex.sec1 .swiper-slide.swiper-slide-next .inner { transform: scale(1); transition: linear 10s; }
.secIndex.sec1 .ttlWrap { display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 20; }
.secIndex.sec1 .scrollWrap { bottom: -2rem;  }
.secIndex.sec1 .scrollWrap span {}
.secIndex.sec1 .scrollWrap span.txt {}
.secIndex.sec1 .scrollWrap span.borders { height: 7.2rem; }
.secIndex.sec1 .scrollWrap span.border {}
/*ANIM*/
.animScroll { -webkit-animation: scroller 2s ease-in-out 0s infinite; -o-animation: scroller 2s ease-in-out 0s infinite; animation: scroller 2s ease-in-out 0s infinite; }
@keyframes scroller {
 0%{ transform: translateY(-6rem); }
 100%{ transform: translateY(13.2rem); }
}
@-webkit-keyframes scroller {
 0%{ transform: translateY(-6rem); }
 100%{ transform: translateY(13.2rem); }
}
@-o-keyframes scroller {
 0%{ transform: translateY(-6rem); }
 100%{ transform: translateY(13.2rem); }
}

.secIndex.sec2 {}
.secIndex.sec2 h2.leadTtl { font-size: 2.25rem; margin-bottom: 1em; }
.secIndex.sec2 p { font-size: 1.5rem; line-height: 1.65; }
.secIndex.sec2 p~p {}
.secIndex.sec2 .innerWrap { padding: 15vw 0; }
.secIndex.sec2 .inner { width: 100%; margin: 0; }
.iv-container {}
.iv-container .swiper-slide { opacity: .25; }
.iv-container .swiper-slide:hover {}
.iv-container .swiper-slide.swiper-slide-prev { opacity: .25; }
.iv-container .swiper-slide.swiper-slide-active { opacity: 1; }
.iv-container .swiper-slide.swiper-slide-next { opacity: .25; }
.iv-container .swiper-slide::after { height: 10.8rem; }
.iv-container .swiper-slide .innner { width: 80%;}
.iv-container .swiper-slide .innner .ttlBlock { top: 0; }
.iv-container .swiper-slide .innner .ttlBlock p { font-size: 1.65rem; }
.iv-container .swiper-slide .innner .txtBlock {}
.iv-container .swiper-slide .innner .txtBlock h3 {}
.iv-container .swiper-slide .innner .txtBlock h3 span {}
.iv-container .swiper-slide .innner .txtBlock h3 span.post { font-size: 1.15rem; }
.iv-container .swiper-slide .innner .txtBlock h3 span.name { font-size: 1.5rem; }


.secIndex.sec3 {}
.secIndex.sec3 h2.indexTtl { left: 7.5vw; bottom: 5vw; }
.secIndex.sec3 h2.indexTtl span {}
.secIndex.sec3 h2.indexTtl span.en { font-size: 1.2rem; }
.secIndex.sec3 h2.indexTtl span.jp {}
.secIndex.sec3 .innerWrap { width: 100%; padding: 0 0 10vw; }
.secIndex.sec3 .flexWrap {}
.secIndex.sec3 .flexWrap>.flexItem {}
.secIndex.sec3 .flexWrap>.flexItem .inner {}
.secIndex.sec3 .flexWrap>.flexItem.lg { width: 100%; height: auto; padding-top: 56.25vw; margin-bottom: 0; }
.secIndex.sec3 .flexWrap>.flexItem.md { width: 100%; height: auto; padding-top: 56.25vw; margin-bottom: 0; }
.secIndex.sec3 .flexWrap>.flexItem.xl { margin: 10vw 0; }

/*loop slider*/
.loopSliderWrap { height: 20rem; }
.loopSlider { height: 20rem; }
.loopSlider ul { height: 20rem; }
.loopSlider ul::after {}
.loopSlider ul li { width: 20rem; height: 20rem; }
.loopSlider ul li img { width: 20rem; height: 20rem; }
.loopSliderWrap:after {}

/*PAGE*/
/*PAGE_both*/
h1.pageTtl { font-size: 2rem; margin-bottom: 3rem; }
h2.pageTtl { font-size: 2rem; }
h3.pageTtl { font-size: 1.65rem; }
h4.pageTtl { font-size: 1.65rem; }
main.pageMain { padding-top: 10rem; }
header.pageHeader { width: 100vw; height: 100vw; }
header.pageHeader * {}
header.pageHeader .innerWrap { z-index: 15; }
header.pageHeader .innerWrap.table {}
header.pageHeader .innerWrap.table .center { vertical-align: bottom; }
.table { display: table; }
.table>.center { display: table-cell; vertical-align: middle; }

.pageContent { width: 100%; height: auto; padding: 15vw 0; }
.pageContent .innerWrap { width: 90%; max-width: 168rem; margin: 0 auto; }
.pageContent .innerWrap~.innerWrap { padding-top: 15vw; }
.pageContent .innerWrap>.inner { width: 100%; }
.pageContent .sepWrap { padding-top: 41.4%; margin: 15vw 0 0; }
.pageContent .sepWrap img { top: 0; }
.pageContent .pager {}
.pageContent .pager .innner { width: 100vw; margin-left: -5vw; }
.pageContent .pager .innner>.flexLeft { width: 100%; }
.pageContent .pager .innner>.flexRight { width: 100%; }
.pageContent .pager .innner>.flexLeft::before {}
.pageContent .pager .innner>.flexRight::before {}
.pageContent .pager .innner>.flexLeft:hover::before {}
.pageContent .pager .innner>.flexRight:hover::before {}
.pageContent .pager .innner .aspect.aspect100 { padding-top: 41.4%; }
.pageContent .pager .txtWrap { left: 7.5%; }
.pageContent .pager .txtWrap .pagerTtl {}
.pageContent .pager .txtWrap .pagerTtl span {}
.pageContent .pager .txtWrap .pagerTtl span.en { font-size: 1.2rem; }
.pageContent .pager .txtWrap .pagerTtl span.jp { font-size: 2rem; }

.bcWrap { border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
.bcWrap .innerWrap { width: 90%; max-width: 168rem; height: auto; margin: 0 auto; padding: 1.8rem 0; }
.bread_crumb {}
.bread_crumb ul {}
.bread_crumb ul li { font-size: 1rem; letter-spacing: 0; }
.bread_crumb ul li~li {}
.bread_crumb ul li~li::before { margin: 0 .5em; }
.bread_crumb ul li a {}
.bread_crumb ul li:hover a {}

.animArrow:hover::before { background-position: 0 0; -webkit-animation: arrow 1s linear 0s infinite; -o-animation: arrow 1s linear 0s infinite; animation: arrow 1s linear 0s infinite; }
@keyframes arrow {
 0%{  background-position: 0 0; }
 100%{ background-position: 10rem 0; }
}
@-webkit-keyframes arrow {
 0%{  background-position: 0 0; }
 100%{ background-position: 10rem 0; }
}
@-o-keyframes arrow {
 0%{  background-position: 0 0; }
 100%{ background-position: 10rem 0; }
}

/*PAGE_about*/
.about {}
.about h2.pageTtl { margin-bottom: 1em; }
.about h3.pageTtl { margin-bottom: 1em; }
.about h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.about h4.pageTtl { margin-bottom: 1em; }

.about1 {}
.flexOkami {}
.flexOkami>.flexLeft { width: 50%; margin-left: auto; margin-right: auto; }
.flexOkami>.flexLeft .in { width: 100%; margin-left: auto; margin-right: auto; }
.flexOkami>.flexLeft .in img {}
.flexOkami>.flexRight { width: 100%; margin-top: 0; }
.flexOkami>.flexRight .in { width: 100%; margin-left: 0; padding: 7.5% 0; }

.about2 {}
.about2 .flexWrap { margin-bottom: -7.5vw; }
.about2 .flexWrap>.flexItem { width: 100%; margin-bottom: 7.5vw; }
.about2 .flexWrap>.flexItem p { width: 100%; font-size: 1.4rem; margin-top: 3rem; }

.about3 {}
dl.listHistory {}
dl.listHistory~dl.listHistory { margin-top: 1.5rem; padding-top: 1.5rem; }
dl.listHistory dt { width: 7.2rem; }
dl.listHistory dt p {}
dl.listHistory dd { width: calc(100% - 7.2rem); }
dl.listHistory dd p {}

/*PAGE_work*/
.work {}
.work h2.pageTtl { margin-bottom: 1em; }
.work1 {}
.work1 .flexWrap { width: 100vw; margin-left: -5vw; margin-bottom: -10vw; }
.work1 .flexWrap>.flexItem { width: 100%; margin-bottom: 10vw; }
.work1 .flexWrap>.flexItem p { width: 85%; font-size: 1.4rem; margin: 2rem auto 0; }

.work2 {}
.work2 .flexWrap {}
dl.listMerit {}
dl.listMerit dt {}
dl.listMerit dt p {}
dl.listMerit dd {}
dl.listMerit dd p { }
ul.listStudy { padding: 5% 6.5%; }
ul.listStudy::after {}
ul.listStudy li { width: 100%; padding: .5rem 1em; }
ul.listStudy li p {}

.work3 {}
.work3 a.btn p { width: 100%!important; margin: 0!important; }
.work3 .flexWrap { margin-bottom: -10VW; }
.work3 .flexWrap>.flexItem { width: 100%; margin-bottom: 10VW; }
.work3 .flexWrap>.flexItem p { width: 100%; font-size: 1.4rem; margin: 2rem 0; }
.work3 .flexWrap>.flexItem p.ttl { font-size: 1.8rem; margin: 0 0 1em; }

/*PAGE_cooking*/
.cooking {}
.cooking h2.pageTtl { margin-bottom: 1em; }
.cooking h3.pageTtl { margin-bottom: 1em; }
.cooking h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.cooking h4.pageTtl { margin-bottom: 1em; }

.cooking1 {}
.cooking1 .flexWrap {}
.cooking1 .flexWrap>.flexLeft { width: 100%; order: 1; }
.cooking1 .flexWrap>.flexLeft .inner { width: 100%; padding: 5vw 7.5vw; }
.cooking1 .flexWrap>.flexRight { width: 100%; }
.cooking1 .flexWrap>.flexRight .inner { width: 100vw; margin-left: -5vw; }
.cooking1 .flexWrap>.flexCenter { width: 100%; margin-top: -5vw; }
.cooking1 .flexWrap>.flexCenter .inner { padding: 15vw 0 10vw; transform: translate3d(0,0,0) !important; }

.cooking2 {}
.cooking2 .flexWrap { display: flex; flex-wrap: wrap; }
.cooking2 .flexWrap>.flexItem { width: 50%; position: relative; transition: ease .3s; }
.cooking2 .flexWrap:hover>.flexItem { opacity: .5; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem:hover { opacity: 1; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index: 1; transition: ease .3s; }
.cooking2 .flexWrap>.flexItem:hover::before { background: rgba(0,0,0,0.25); transition: ease .3s; }
.cooking2 .flexWrap>.flexItem p { z-index: 5; }
dl.listSchedule { width: 100%; }
dl.listSchedule~dl.listSchedule { margin-top: 1.5rem; padding-top: 1.5rem; border-top: solid 1px #333; }
dl.listSchedule dt {}
dl.listSchedule dt p { font-size: 1.8rem; }
dl.listSchedule dd {}
dl.listSchedule dd p {}

.cooking3 {}
.cooking3 .txtWrap { width: 100%; padding: 15vw 0 10vw; margin-top: 0; transform: translate3d(0,0,0) !important; }
.cooking3 p { margin-top: 3rem; }
.cooking3 p.wrote { text-align: right; }

.cooking4 {}
.cooking4 p { width: 65%; margin-top: 0; }
.cooking4 p.ttl { width: 100%; font-size: 1.65rem; margin: 0 0 1em; }
.cooking4 .flexWrap { margin-bottom: -7.5vw; }
.cooking4 .flexWrap>.flexItem { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 7.5vw; }
.cooking4 .flexWrap .aspect.aspect100 { width: 30%; padding-top: 30%; }

.cooking5 {}
.cooking5 .flexWrap { margin:3rem 0 -2rem; }
.cooking5 .flexWrap>.flexItem { width: 100%; margin-bottom: 2rem; }
.cooking5 .flexWrap>.flexItem .icon { margin-right: 2.5rem; }

/*PAGE_customer*/
.customer {}
.customer h2.pageTtl { margin-bottom: 1em; }
.customer h3.pageTtl { margin-bottom: 1em; }
.customer h3.pageTtl::before { content: ''; display: block; width: 1.5rem; height: 1px; background: #fff; margin-bottom: 3rem; }
.customer h4.pageTtl { margin-bottom: 1em; }
.customer1 {}
.customer1 .flexWrap {}
.customer1 .flexWrap>.flexLeft { width: 100%; order: 1; }
.customer1 .flexWrap>.flexLeft .inner { width: 100%; padding: 5vw 7.5vw; }
.customer1 .flexWrap>.flexRight { width: 100%; }
.customer1 .flexWrap>.flexRight .inner { width: 100vw; margin-left: -5vw; }
.flexSeminar {margin-bottom: 6rem; }
.flexSeminar img { width: 100%; height: auto; }
.flexSeminar>.flexLeft { width: calc((100% / 3) * 2); }
.flexSeminar>.flexRight { width: calc((100% / 3) * 1); }
.seminarWrap {}
.seminarWrap h3~h3::before { margin-top: 6rem; }
.seminarWrap h4~h4 { margin-top: 2em; }
.seminarWrap p.cap { padding: 1rem 2rem; border-left: solid 3px #232323; }
.flexAcademy { width: 100vw; margin: 0 -5vw 10vw; }
.flexAcademy img {}
.flexAcademy>.flexLeft {}
.flexAcademy>.flexRight {}

/*PAGE_interview*/
.interview {}
.interview h2.pageTtl { margin-bottom: 1em; }
.interview p { margin: 2rem auto 0; }
.interview p span {}
.interview p span.post { font-size: 1.2rem; }
.interview p span.name { font-size: 1.65rem; }

.interview1 {}
.interview1 .flexWrap { margin-bottom: -5vw; }
.interview1 .flexWrap>.flexItem { width: calc(50% - 2.5vw); margin-bottom: 10vw; }

.interview2 {}
.interview2 .flexWrap { margin-bottom: -5vw; }
.interview2 .flexWrap>.flexItem { width: calc((100% / 3) - (10vw / 3)); margin-bottom: 10vw; }

/*PAGE_life*/
.life {}
.life h2.pageTtl { margin-bottom: 1em; }
.life h3.pageTtl { margin-bottom: 1em; }

.life1 {}
.life1 p { margin-top: 3rem; }

.life2 {}
.life2 .accessMap { border: solid 1px #333; background: rgba(0,0,0,.5);}
.life2 .accessMap img {}

.life3 {}
.life3 p { width: 85%; margin: 0 auto; margin-top: 2rem; }
.life3 p.ttl { font-size: 1.8rem; margin-top: 3rem; }
.life3 .flexWrap { width: 100vw; margin-left: -5vw; margin-bottom: -5rem; }
.life3 .flexWrap>.flexItem { width: 100%; margin-bottom: 10vw; }

.life4 {}
.life4 p {}
.life4 p.ttl { font-size: 1.8rem; }
.life4 .flexWrap { width: 100vw; margin-left: -5vw; margin-bottom: -5rem; }
.life4 .flexWrap>.flexItem { width: 100%; margin-bottom: 5rem; }
.life4 .flexWrap>.flexItem .circle { width: 7.2rem; height: 7.2rem; margin: -3.6rem auto 2rem; }
.life4 .flexWrap>.flexItem .circle img {}
.life4 .flexWrap>.flexItem .in {}

/*PAGE_joblist*/
.joblist {}
.joblist h2.pageTtl { margin-bottom: 1em; }
.joblist h3.pageTtl { margin-bottom: 1em; }
ul.listJoblistCat {}
ul.listJoblistCat li {}
ul.listJoblistCat li~li { margin-top: 5vw; }
dl.listJoblistCat { flex-wrap: wrap; }
dl.listJoblistCat::after {}
dl.listJoblistCat dt { width: 100%; }
dl.listJoblistCat dt p { font-weight: bold; }
dl.listJoblistCat dd {}
dl.listJoblistCat dd~dd {}
dl.listJoblistCat dd p { font-size: 1.2rem; }
dl.listJoblistCat dd~dd p::before { content: '|'; display: inline-block; vertical-align: middle; margin: 0 1em; }
.joblist.joblist2 {}
.joblist.joblist2 .flexWrap { display: flex; justify-content: space-between; }
.joblist.joblist2 .flexWrap>.flexLeft { width: 6rem; }
.joblist.joblist2 .flexWrap>.flexRight { width: calc(93% - 6rem); }
.jobPick {}
.jobPick~.jobPick {}
dl.listJobPick { margin-bottom: 2.1rem; }
dl.listJobPick dt { width: 7.2rem; }
dl.listJobPick dt~dt {}
dl.listJobPick dt p { font-size: 1.3rem; }
dl.listJobPick dd { width: calc(100% - 7.2rem); }
dl.listJobPick dd~dd {}
dl.listJobPick dd p { font-size: 1.3rem; }
ul.listBtn { width: 90vw; margin-left: -7.8rem; display: flex; justify-content: space-between; }
ul.listBtn li { width: 47.5%; margin-left: 0; }
ul.listBtn li a.btn.sm { width: 100%; }
ul.listBtn li p {}
nav.navigation.pagination { margin-top: 3rem; padding-top: 15vw; }
nav.navigation.pagination h2 {}
nav.navigation.pagination .nav-links {}
nav.navigation.pagination .nav-links .page-numbers { margin: 0 .5rem; width: 5rem; height: 5rem; line-height: 5rem; font-size: 1.2rem; }
nav.navigation.pagination .nav-links .page-numbers.current {}

/*PAGE_privacy*/
.privacy {}
.privacy h3.pageTtl { margin-bottom: 1em; }
dl.listPP { margin-top: 6rem; }
dl.listPP~dl.listPP { margin-top: 3rem; padding-top: 3rem; border-top: solid 1px #333;}
dl.listPP dt {}
dl.listPP dd {}

/*SINGLE*/
/*SINGLE_both*/
.singleContent .sepWrap { width: 100%; height: auto; padding-top: 50%; position: relative; }
.singleContent .sepWrap img { transform: translate3d(0,0,0)!important; }

.flexPagenation { width: 90%; padding: 10vw 0; }
.flexPagenation>.flexItem { width: 25%; }
.flexPagenation>.flexItem p { font-size: 1rem; }
.flexPagenation>.flexItem:first-child {}
.flexPagenation>.flexItem:last-child {}
.flexPagenation>.flexCenter { width: 50%; }
.flexPagenation>.flexCenter p { font-size: 1rem; }

/*SINGLE_job*/
header.jobHeader { width: 100%; padding: 6rem 0 10vw; }
header.jobHeader * {}
header.jobHeader .innerWrap {}
header.jobHeader .flexWrap {}
header.jobHeader .flexWrap>.flexLeft { width: 100%; order: 1; }
header.jobHeader .flexWrap>.flexLeft .inner {  transform: translate3d(0,0,0)!important; padding: 5vw 0; }
header.jobHeader .flexWrap>.flexRight { width: 100%; }
header.jobHeader .flexWrap>.flexRight .inner { width: 100vw; margin-left: -5vw; }
header.jobHeader .flexWrap>.flexRight .inner .in {}
header.jobHeader .flexWrap>.flexRight .inner .in img  {}
h1.jobTtl { font-size: 2.1rem; }

.jobContent { width: 100%; padding: 0 0 15vw; }
.jobContent .flexWrap {}
.jobContent .flexWrap>.flexItem { width: 100%; }
.jobContent .flexWrap>.flexItem~.flexItem { margin-top: 2.5rem; padding-top: 2.5rem; }
.jobContent h2 { margin-bottom: 1em; }
.jobContent h3 { margin-bottom: 1em; }
.jobContent .innerWrap {}
.jobLeadTxt {}
dl.listJobDesc { width: 100vw; margin-left: -5vw; }
dl.listJobDesc:nth-child(2n) {}
dl.listJobDesc:nth-child(2n-1) {}
dl.listJobDesc dt { width: 9.6rem; padding: 1.5rem 2rem; }
dl.listJobDesc dt p {}
dl.listJobDesc dd { width: calc(100% - 9.6rem); padding: 1.5rem 2rem; }
dl.listJobDesc dd p {}
dl.listJobDesc dd p span {}
dl.listJobDesc dd p span~span {}
.gMap { padding-top: 100%; }
.gMap iframe {}
dl.listJobList { display: flex; flex-wrap: wrap; }
dl.listJobList dt { width: 21rem; border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
dl.listJobList dt~dt { border-top: none; }
dl.listJobList dt p { padding: 2rem 1.5rem; }
dl.listJobList dd { width: calc(100% - 21rem); border-top: solid 1px #151515; border-bottom: solid 1px #151515; }
dl.listJobList dd~dd { border-top: none; }
dl.listJobList dd p { padding: 2rem 1.5rem; }
dl.listJobList dd p span { display: block; }
dl.listJobList dd p span.sm {}
dl.listJobList dd p span~span {}

/*Form*/
form p {}
form p span.dot { display: inline-block; vertical-align: text-top; width: 5px; height: 5px; border-radius: 5px; background: #e60012; margin-right: .3em; }
.formWrap { margin-top: 10vw; padding: 5vw 0; }
ul.listDocForm { width: 90%; }
ul.listDocForm li { border-top: solid 1px #333; border-bottom: solid 1px #333; padding: 2rem 0; }
ul.listDocForm li~li { border-top: 0; }
dl.listDocForm {}
dl.listDocForm::after {}
dl.listDocForm dt { width: 100%; margin-bottom: 1em; }
dl.listDocForm dt~dt {}
dl.listDocForm dt p.must:after {}
dl.listDocForm dd { width: 100%; }
dl.listDocForm dd~dd {}
dl.listDocForm dd p {}

input[type="text"], textarea, select {}
input[type="text"]#old {}
input[type="text"]#date2,input[type="text"]#date3 {}
select {}
input[type="text"]:focus, textarea:focus, select:focus {}
input[type="submit"] {}
input[type="submit"]:hover {}


/*SINGLE_interview*/
header.singleHeader { width: 37.5%; height: auto; }
header.singleHeader * { color: #fff; }
header.singleHeader .innerWrap { width: 90%; height: 100%; margin: 0 auto; padding: 15vw 0; }
.ivImage { position: relative; }
.ivImage::after { content: ''; display: block; height: 20rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent); position: absolute; bottom: 0; left: 0; right: 0; }
.ivImage img { width: 100%; height: auto; }

.singleContent {}
.singleContent .innerWrap { padding: 15vw 0; }
.singleContent .innerWrap>.inner { width: 100%; }

.iv {}
.iv h2.pageTtl { margin-bottom: 1em; }
.iv h3.pageTtl { margin-bottom: 1em; }

.iv.iv1 { padding: 15vw 0 0; }
.iv.iv1 .flexWrap {}
.iv.iv1 .flexWrap>.flexLeft { width: 100%; }
.iv.iv1 .flexWrap>.flexLeft .inner { width: 50%; margin: 0 auto; transform: translate3d(0,0,0lo)!important; }
.iv.iv1 .flexWrap>.flexRight { width: 100%; }
.iv.iv1 .flexWrap>.flexRight .inner { width: 85%; margin: 0 auto; }
.singleContent.recruit .innerWrap { padding: 15vw 0; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexLeft { width: 100%; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexLeft .inner { transform: translate3d(0,0,0)!important; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexRight { width: 100%; }
.singleContent.recruit .innerWrap.iv.iv1 .flexWrap>.flexRight .inner { width: 100%; }
.captionTxt { margin: -1rem 0 10vw; font-size: 1.35rem; }
.captionTxt span {}
.captionTxt span~span::before {}
dl.listInterview {}
dl.listInterview::after { display: none; }
dl.listInterview~dl.listInterview { margin-top: 2rem; padding-top: 2rem; border-top: solid 1px #333; }
dl.listInterview dt {}
dl.listInterview dd {}

.iv.iv2 { padding: 15vw 0 0; }
.iv.iv2 .flexWrap { margin-top: 3rem; padding-top: 3rem; }
.iv.iv2 .flexWrap>.flexItem { width: 25%; position: relative; }
.iv.iv2 .flexWrap>.flexItem::before { content: ''; display: block; width: 1.2rem; height: 1.2rem; border: solid 1px #fff; border-radius: 1rem; position: absolute; top: -3.7rem; left: 0; background: #030303; }
.iv.iv2 .flexWrap>.flexItem p { width: 80%; }
.iv.iv2 .flexWrap>.flexItem p span { display: block; }
.iv.iv2 .flexWrap>.flexItem p span.time { font-size: 1.25rem;}
.iv.iv2 .flexWrap>.flexItem p span.txt {}

.iv.iv3 {}
.iv.iv3 .flexWrap {}
.iv.iv3 .flexWrap>.flexLeft { width: 100%; }
.iv.iv3 .flexWrap>.flexLeft>.inner {}
.iv.iv3 .flexWrap>.flexRight { width: 100%; }
.iv.iv3 .flexWrap>.flexRight>.inner { width: 100%; margin-left: 0; padding: 5vw 7.5vw; transform: translate3d(0,0,0) !important; }


}