@charset "UTF-8";
/*
Theme Name: 株式会社 エピソード１ 採用
Theme URI: http://pnra-inc.jp
Author: shogo yonetani
Author URI: http://pnra-inc.jp
Description: 株式会社 エピソード１ 採用
*/
/*Color Management*/
/*Basic Color*/
/*Couplate Color*/
/*Footer*/
/*ASIDE*/
/*!color*/
/*!レスポンシブ*/
/*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: 'Zen Kaku Gothic New', 游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,sans-serif;
  font-weight: 600;
  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: #231815;
  color: #FFF000;
  /*opacity: 0; top: 0;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*cursor: none;*/
  min-width: 1200px; }

body::before {
  /*content: ''; display: block; width: 120vw; height: 100vh; background: url(images/bgPath.svg) no-repeat; background-size: cover; background-position: 0 0; position: fixed;*/ }

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

::selection {
  background-color: #FFF000;
  color: #252525; }

/*マウスストーカー*/
.cursor, .follower {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: none;
  pointer-events: none; }

.cursor {
  width: 8px;
  height: 8px;
  background-color: #231815;
  z-index: 10001; }

.follower {
  width: 40px;
  height: 40px;
  background-color: #231815;
  opacity: .2;
  z-index: 10000;
  transition: transform ease .1s; }

.follower.is-active {
  transform: scale(2);
  transition: transform ease .1s; }

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

p {
  font-size: 1.5rem;
  letter-spacing: 0; }

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

.sanserif {
  font-family: 'M PLUS 1p', sans-serif; }

.serif {
  font-family: YuMincho, "游明朝", "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "HGS明朝B", "ＭＳ Ｐ明朝", serif, "Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }

i {
  font-style: normal; }

.emphasis {
  background: linear-gradient(rgba(230, 0, 17, 0.25), rgba(230, 0, 17, 0.25)) no-repeat;
  background-size: 100% 8px;
  background-position: 0 0.9em; }

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

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

a.not {
  cursor: not-allowed; }

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

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

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

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

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

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

a.left {
  margin-right: auto; }

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

a.right {
  margin-left: auto; }

a.btn {
  display: block;
  width: 100%;
  max-width: 28.5rem;
  height: auto;
  background: #e50211;
  border-radius: 5em;
  overflow: hidden;
  position: relative;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.btn.wh {
  background: #fff; }

a.btn::before {
  content: '';
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(306deg, #fa6464, #fa3232 49%, #FFF000);
  position: absolute;
  top: 0;
  right: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.btn p {
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-around;
  line-height: 8rem;
  color: #fff !important;
  position: relative;
  z-index: 5;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.btn p::after {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  background: url(images/iconArrowRightWh.svg);
  background-size: cover;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

/*:hover*/
a.btn:hover::before {
  width: 100%;
  left: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.btn:hover p {
  color: #151515 !important;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.btn:hover p::after {
  background: url(images/iconArrowRight.svg);
  transform: scale(0.8);
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.circleLink {
  display: table; }

a.circleLink.center {
  margin: 0 auto; }

a.circleLink p {
  display: flex;
  align-items: center; }

a.circleLink.wh p {
  color: #fff; }

a.circleLink p span {
  display: block; }

a.circleLink p span.circle {
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
  background: #FFF000;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  position: relative;
  z-index: 10;
  overflow: hidden; }

a.circleLink p span.circle::before {
  content: '';
  display: block;
  width: 200%;
  height: 100%;
  background: url(images/iconCircleArrow.svg);
  background-position: left top;
  background-size: cover;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.circleLink p span.txt {
  width: calc(100% - 6rem);
  padding-left: 1.5rem;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.circleLink p span.txt span.en {
  font-size: 2rem;
  font-weight: 600; }

a.circleLink p span.txt span.jp {
  font-size: 1.3rem;
  font-weight: 400; }

/*:hover*/
a.circleLink:hover p span.circle {
  background: #000;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.circleLink:hover p span.circle::before {
  background-position: 60px top;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

a.circleLink:hover p span.txt {
  opacity: .5;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

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

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

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

dl dd {
  margin-left: 0; }

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

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

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

.aspect.aspect25 {
  padding-top: 25%;
  overflow: hidden; }

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

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

.aspect.aspect45 {
  padding-top: 45%;
  overflow: hidden; }

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

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

.aspect.aspect60 {
  padding-top: 60%;
  overflow: hidden; }

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

.aspect.aspect67 {
  padding-top: 66.666667%;
  overflow: hidden; }

.aspect.aspect75 {
  padding-top: 75%;
  overflow: hidden; }

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

.aspect.aspect112 {
  padding-top: 112.5%;
  overflow: hidden; }

.aspect.aspect120 {
  padding-top: 120%;
  overflow: hidden; }

.aspect.aspect123 {
  padding-top: 123.6%;
  overflow: hidden; }

.aspect.aspect133 {
  padding-top: calc((4/3)*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.aspect200 {
  padding-top: 200%;
  overflow: hidden; }

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

.aspect .aspectBlock .aspectInner {
  height: calc(100% + 24rem);
  transform: translateY(-12rem); }

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

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

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

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

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

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

/*SHADOW*/
.sdw {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.05); }

.shadow {
  box-shadow: -3rem 3rem 10rem rgba(0, 0, 0, 0.25); }

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

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

/*STICKY*/
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 8999; }

/*loop slider*/
.loopSliderWrap {
  top: 0;
  left: 0;
  height: 42rem;
  overflow: hidden;
  position: absolute; }

.loopSlider {
  width: 100%;
  height: 42rem;
  text-align: left;
  position: relative;
  overflow: hidden;
  background: none; }

.loopSlider ul {
  height: 42rem;
  float: left;
  overflow: hidden; }

.loopSlider ul::after {
  content: '';
  display: none; }

.loopSlider ul li {
  width: 42rem;
  height: 42rem;
  float: left;
  display: inline;
  overflow: hidden;
  position: relative; }

.loopSlider ul li img {
  width: 100%;
  height: auto; }

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

.loopSliderWrap::after {
  content: "";
  display: none;
  clear: none; }

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

.inview.action {
  opacity: 1;
  transition: ease-in-out 1s; }

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

.animated.move {
  transform: translateY(0);
  transition: ease-in-out 1.5s; }

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

.animate.move {
  transform: translateY(0);
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.inview.action[data-delay="05"] {
  transition-delay: .05s; }

.inview.action[data-delay="1"] {
  transition-delay: .1s; }

.inview.action[data-delay="15"] {
  transition-delay: .15s; }

.inview.action[data-delay="2"] {
  transition-delay: .2s; }

.inview.action[data-delay="25"] {
  transition-delay: .25s; }

.inview.action[data-delay="3"] {
  transition-delay: .3s; }

.inview.action[data-delay="35"] {
  transition-delay: .35s; }

.inview.action[data-delay="4"] {
  transition-delay: .4s; }

.inview.action[data-delay="45"] {
  transition-delay: .45s; }

.blur {
  filter: blur(10px);
  transform: translate3d(0, 0, 0) perspective(0);
  backface-visibility: hidden;
  will-change: contents; }

.blur.action {
  filter: blur(0);
  transition: ease .5s; }

.cover {
  position: relative;
  overflow: hidden; }

.cover::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #202020;
  opacity: 1;
  z-index: 15; }

.cover.gone::after {
  transform: translateX(100%);
  transition: ease-in-out .3s .3s; }

/*#cover*/
#cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 1s; }

#cover .innerWrap {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; }

#cover .innerWrap .inner {
  width: 100%;
  max-width: 35rem;
  text-align: center; }

#cover .innerWrap img {
  display: block;
  width: 35%;
  max-width: 30rem;
  margin: 0 auto 1.5em; }

#cover .innerWrap p {
  display: flex;
  justify-content: center; }

#cover .innerWrap p span {
  display: block; }

/*.active*/
#cover.active {
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

/*animation*/
#cover .innerWrap p span {
  opacity: 0;
  -webkit-animation: load 1.5s linear 0s infinite;
  -o-animation: load 1.5s linear 0s infinite;
  animation: load 1.5s linear 0s infinite; }

#cover .innerWrap p span:nth-child(1) {
  animation-delay: 0; }

#cover .innerWrap p span:nth-child(2) {
  animation-delay: .1s; }

#cover .innerWrap p span:nth-child(3) {
  animation-delay: .15s; }

#cover .innerWrap p span:nth-child(4) {
  animation-delay: .2s; }

#cover .innerWrap p span:nth-child(5) {
  animation-delay: .25s; }

#cover .innerWrap p span:nth-child(6) {
  animation-delay: .3s; }

#cover .innerWrap p span:nth-child(7) {
  animation-delay: .35s; }

#cover .innerWrap p span:nth-child(8) {
  animation-delay: .4s; }

#cover .innerWrap p span:nth-child(9) {
  animation-delay: .45s; }

#cover .innerWrap p span:nth-child(10) {
  animation-delay: .5s; }

@keyframes load {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes load {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes load {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*#page*/
#page {
  opacity: 0;
  position: relative;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

#page .site-content-contain {
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

/*#page.move*/
#page.move {
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

#page.move .site-content-contain {
  filter: blur(1);
  opacity: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

#page.move .siteHeader {
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

#page.move .headLogo {
  transform: translateY(-30px);
  opacity: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

#page.move nav.headNav {
  transform: translateY(-30px);
  opacity: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

/*BOTH_HEADER*/
.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 84px;
  z-index: 9999;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.siteHeader .innerWrap {
  width: 95%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1.5rem 0 0 5%; }

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

.siteHeader .flexWrap > .flexRight {
  display: flex;
  align-items: center; }

.headLogo {
  display: block;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s 0.5s; }

.headLogo img {
  width: auto;
  height: 5rem; }

nav.headNav {
  margin-right: 1.5em;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s 0.5s; }

ul.listHeadNav {
  display: flex;
  justify-content: flex-end; }

ul.listHeadNav li p span {
  display: block;
  width: 18rem;
  font-weight: bold;
  text-align: center;
  color: #231815;
  background: #FFF000;
  line-height: 6rem;
  border-radius: 6rem;
  box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); }
  @media screen and (max-width: 768px) {
    ul.listHeadNav li p span {
      font-size: 1.23em; } }

/*smpNav*/
.humbNav {
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  background: #000;
  box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); }

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

.humbNav span.border:nth-child(1) {
  top: 40%;
  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.border:nth-child(3) {
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: ease .3s; }

.humbNav span.border {
  width: 30%;
  -webkit-animation: humbNav 1.5s linear 0s infinite;
  -o-animation: humbNav 1.5s linear 0s infinite;
  animation: humbNav 1.5s linear 0s infinite; }

.humbNav span.border:nth-child(1) {
  animation-delay: 0s; }

.humbNav span.border:nth-child(2) {
  animation-delay: .25s; }

.humbNav span.border:nth-child(3) {
  animation-delay: .5s; }

@keyframes humbNav {
  0% {
    width: 30%; }
  50% {
    width: 15%; }
  100% {
    width: 30%; } }
@-webkit-keyframes humbNav {
  0% {
    width: 30%; }
  50% {
    width: 15%; }
  100% {
    width: 30%; } }
@-o-keyframes humbNav {
  0% {
    width: 30%; }
  50% {
    width: 15%; }
  100% {
    width: 30%; } }
.humbNav:hover span.border {
  animation-play-state: paused; }

.humbNav.active span.border {
  animation: none !important; }

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

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

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

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

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

/*aside#aside_sp navigation*/
aside#aside {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: block;
  width: 100vw;
  height: 100vh;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9999;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

aside#aside .flexWrap {
  width: 85%;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: flex-end; }

aside#aside .flexWrap > .flexLeft {
  width: 32.5%;
  padding: 7.5% 0; }

aside#aside .flexWrap > .flexRight {
  width: 67.5%;
  padding: 7.5% 0 7.5% 7.5%; }

/*.move*/
aside#aside.move {
  z-index: 8000;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

aside#aside.move img.leadCopy {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s 0.3s; }

aside#aside.move dl.listCoupInfo {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s 0.4s; }

aside#aside.move dl.listSPNav {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

aside#aside.move dl.listSPNav:nth-child(1) {
  transition-delay: .5s; }

aside#aside.move dl.listSPNav:nth-child(2) {
  transition-delay: .55s; }

aside#aside.move dl.listSPNav:nth-child(3) {
  transition-delay: .6s; }

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

aside#aside.move dl.listSPNav:nth-child(5) {
  transition-delay: .7s; }

aside#aside.move dl.listSPNav:nth-child(6) {
  transition-delay: .75s; }

aside#aside.move dl.listSPNav:nth-child(7) {
  transition-delay: .8s; }

aside#aside.move dl.listSPNav:nth-child(8) {
  transition-delay: .85s; }

img.leadCopy {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

dl.listCoupInfo {
  margin-top: 4.1em;
  font-weight: bold;
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

dl.listCoupInfo dt {
  margin-bottom: 1.23em; }

dl.listCoupInfo dt p {
  font-size: 2.25rem; }

dl.listCoupInfo dd {
  margin-top: .41em; }

dl.listCoupInfo dd p {
  font-size: 1.435em;
  line-height: 1.65; }

ul.listSPNav * {
  color: #FFF000; }

dl.listSPNav {
  display: flex;
  flex-wrap: wrap;
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

dl.listSPNav ~ dl.listSPNav {
  margin-top: .82em; }

dl.listSPNav dt {
  width: 100%; }

dl.listSPNav dt p {
  padding: .41em 0;
  display: table;
  position: relative;
  z-index: 15;
  line-height: 1.41; }

dl.listSPNav:not(.entry) dt p::before {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  border-radius: 1px;
  background: #231815; }

dl.listSPNav dt p span {
  display: block;
  font-size: 2.46rem;
  font-weight: 600; }

dl.listSPNav.entry dt p {
  display: block; }

dl.listSPNav.entry dt p span {
  display: block;
  width: 100%;
  max-width: 21em;
  font-size: 1.64rem;
  color: #231815;
  text-align: center;
  background: #FFF000;
  line-height: 5em;
  border-radius: 6rem;
  box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); }

dl.listSPNav dd {
  width: auto;
  margin-right: 3.075em; }

dl.listSPNav dd p {
  display: flex;
  align-items: center;
  padding: .82em 0;
  font-size: 1.64rem;
  font-weight: 600;
  opacity: .75; }

dl.listSPNav:not(.entry) dd p::before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  background: url(images/iconArrowRight.svg) center no-repeat;
  background-size: 70%;
  margin-right: .5em;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

dl.listSPNav dd p span {
  display: block; }

/*:hover*/
dl.listSPNav dt p:hover::before {
  width: 100%;
  left: 0;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

dl.listSPNav dd p:hover::before {
  transform: translateX(2.5px);
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

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

.siteFooter p.secTxt {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -9.6rem;
  left: 0;
  right: 0;
  font-size: 6rem;
  font-weight: 700;
  line-height: 1; }

.siteFooter p.secTxt.txt1 {
  opacity: .075; }

.siteFooter p.secTxt.txt2 {
  color: #231815; }

.secFoot {
  position: relative;
  overflow: hidden; }

.secFoot .innerWrap {
  width: 80%;
  max-width: 128rem;
  margin: 0 auto; }

.secFoot .ttlWrap {
  display: table; }

.secFoot .ttlWrap.center {
  margin: 0 auto; }

.secFoot.sec1 {
  background: #000;
  position: relative; }

.secFoot.sec1::before {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(306deg, #FFF000, #FFF000 49%, #FFF000); }

.secFoot.sec1 * {
  color: #fff; }

.secFoot.sec1 .innerWrap {
  padding: 6rem 0; }

.secFoot.sec1 .flexWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.secFoot.sec1 .flexWrap > .flexItem {
  width: calc(100% / 3); }

.secFoot.sec1 .flexWrap > .flexItem ~ .flexItem {
  border-left: solid 1px #231815; }

/*:hover*/
.secFoot.sec1 .flexWrap > .flexItem:hover img {
  opacity: .2;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secFoot.sec1 .flexWrap > .flexItem:hover .txtWrap {
  opacity: 0;
  transform: translateY(0);
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secFoot.sec2 {
  background: #231815;
  border-top: solid 1px #231815;
  position: relative;
  z-index: 15; }
  .secFoot.sec2 .imageWrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .1025;
    visibility: visible;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

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

/*.active*/
.secFoot.sec2.active .imageWrap {
  opacity: .3;
  visibility: visible;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secFoot.sec3 {
  background: #231815; }

.secFoot.sec3 p.cr {
  font-size: 1.2rem;
  text-align: center;
  color: #777; }

.secFoot.sec3 .innerWrap {
  padding: 5rem 0; }

/*INDEX*/
h1.indexTtl {
  font-size: 6.4rem;
  margin-bottom: .75em; }

h1.indexTtl span {
  display: block;
  color: #fff; }

h1.indexTtl span.en {
  font-size: 12rem;
  font-weight: 700;
  margin-bottom: .5em;
  line-height: 1.05; }

h1.indexTtl span.jp {
  line-height: 1.35;
  text-shadow: 0 3px 30px #49a89478; }

h2.indexTtl {
  font-size: 1.65rem;
  font-weight: 400; }

h3.indexTtl {
  font-size: 4.8rem;
  line-height: 1.15;
  margin-bottom: 1.25em;
  font-weight: 500;
  position: relative;
  z-index: 15;
  letter-spacing: 0; }

h2.indexTtl.wh, h3.indexTtl.wh {
  color: #fff; }

.secIndex {
  position: relative;
  z-index: 15;
  overflow: hidden; }

.secIndex a.circleLink {
  margin-top: 4rem; }

.secIndex .innerWrap {
  width: 80%;
  max-width: 1440px;
  margin: 0 auto; }

.secIndex .ttlWrap {
  display: table;
  margin: 0 auto; }

.secIndex .ttlWrap.left {
  margin-left: 0; }

.secIndex .ttlWrap.right {
  margin-right: 0; }

.secIndex p.secTxt {
  white-space: nowrap; }

.secIndex.sec1 {
  z-index: 15; }

.secIndex.sec1 .bgImgWrap {
  width: 100vw;
  height: 100vh;
  z-index: -10;
  overflow: hidden; }

.secIndex.sec1 .bgImgWrap::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #231815;
  opacity: .25;
  position: absolute;
  top: 0;
  left: 0; }

.secIndex.sec1 .bgImgWrap .inner {
  width: calc(100% + 120px);
  height: 100%; }

/*animation*/
.secIndex.sec1 .swiper-slide img {
  -webkit-animation: firstview 24s linear 0s infinite;
  -o-animation: firstview 24s linear 0s infinite;
  animation: firstview 24s linear 0s infinite; }

@keyframes firstview {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(-120px); }
  100% {
    transform: translateX(0); } }
@-webkit-keyframes firstview {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(-120px); }
  100% {
    transform: translateX(0); } }
@-o-keyframes firstview {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(-120px); }
  100% {
    transform: translateX(0); } }
.secIndex.sec1 .txtWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center; }

.secIndex.sec1 .txtWrap .inner {
  width: 70%;
  max-width: 68rem;
  margin-top: 4.2rem; }

.secIndex.sec2 p.secTxt {
  position: absolute;
  left: 32%;
  bottom: -3%;
  z-index: -1;
  font-size: 32rem;
  font-weight: 700;
  color: #000;
  opacity: .05125;
  transition: linear .1s;
  white-space: nowrap;
  line-height: 1; }

.secIndex.sec2 .innerWrap {
  padding: 14.4rem 0; }

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

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

.secIndex.sec2 .flexWrap > .flexRight {
  width: 62.5%;
  margin-top: 3.5rem; }

dl.listLead dt p {
  font-size: 2.75rem;
  line-height: 1.5;
  margin-bottom: 1em; }

dl.listLead dd {
  max-width: 48rem; }

dl.listLead dd p {
  font-size: 1.65rem; }

.secIndex.sec2 .innerFlex {
  display: flex;
  flex-wrap: wrap; }

.secIndex.sec2 .innerFlex > .innerItem {
  width: 100%; }

.secIndex.sec2 .innerFlex > .innerImg {
  transform: translateX(-5vw); }

body.effect {
  background: #231815; }

.secIndex.sec3 .innerWrap {
  width: 87.5%;
  padding: 14.4rem 0 24rem; }

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

.secIndex.sec3 .flexWrap > .flexItem {
  width: calc((100% / 3) - (100px / 3));
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secIndex.sec3 .flexWrap > .flexItem:nth-child(1) {
  transform: translateY(24rem); }

.secIndex.sec3 .flexWrap > .flexItem:nth-child(2) {
  transform: translateY(12rem); }

.secIndex.sec3 .wrapperBody {
  margin-top: 6em; }

.secIndex.sec3 .wrapperBody h3.indexTtl {
  margin-bottom: 0; }

/*:hover*/
.secIndex.sec3 .flexWrap:hover > .flexItem {
  opacity: .5;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secIndex.sec3 .flexWrap > .flexItem:hover {
  opacity: 1;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secIndex.sec4 p.secTxt {
  position: absolute;
  z-index: -1;
  font-size: 32rem;
  font-weight: 700;
  color: #000;
  opacity: .05125;
  line-height: 1;
  transition: linear .1s; }

.secIndex.sec4 .innerWrap {
  padding: 14.4rem 0 19.2rem; }

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

.secIndex.sec4 .flexWrap > .flexLeft {
  width: 47.5%; }

.secIndex.sec4 .flexWrap > .flexLeft p.secTxt {
  bottom: 5%;
  right: -5%; }

.secIndex.sec4 .flexWrap > .flexRight {
  width: 47.5%;
  margin-top: 3.5rem; }

.indexEnvironmentBody {
  display: table;
  margin-left: auto; }

/*PAGE*/
h1.pageTtl {
  margin-top: 4.2em;
  text-align: center; }

h1.pageTtl span {
  display: block;
  color: #fff; }

h1.pageTtl span.en {
  font-size: 7.2rem;
  font-weight: 500;
  line-height: 1.05; }

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

h2.pageTtl {
  letter-spacing: 0;
  font-weight: 600; }

h3.pageTtl {
  letter-spacing: 0;
  font-size: 8.2em;
  font-weight: 400;
  margin-bottom: .75em;
  padding-bottom: .15em;
  line-height: 1.1;
  border-bottom: solid 4px #231815; }

h3.pageTtl span {
  position: relative; }

h3.pageTtl span[data-number]::before {
  content: attr(data-number) "";
  display: block;
  position: absolute;
  right: -2rem;
  font-size: 1.5rem;
  width: 4rem;
  height: 4rem;
  background: #3596fb;
  border-radius: 4rem;
  line-height: 4rem;
  text-align: center; }

h4.pageTtl {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  display: table;
  margin: 0 auto;
  margin-bottom: 1.25em;
  position: relative;
  z-index: 15; }

h5.pageTtl {
  margin-bottom: 1.75em; }

h5.pageTtl span {
  display: block; }

h5.pageTtl span.jp {
  font-size: 2.5rem;
  font-weight: 600; }

h5.pageTtl span.en {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0; }

.pageHeader {
  position: relative;
  z-index: 15; }

.pageHeader .imgWrap {
  width: 100%;
  height: 50vw;
  max-height: 42rem;
  overflow: hidden;
  position: relative; }

.pageHeader .imgWrap::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #231815;
  opacity: .35;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.pageHeader .imgWrap .inner {
  height: calc(100% + 120px);
  transform: translateY(-60px); }

.pageHeader .imageWrap {
  width: 100%;
  height: auto;
  margin-top: 246px; }

.pageHeader .imageWrap h1.pageTtl {
  margin-top: 0; }

.pageHeader .txtWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center; }

.pageHeader .innerWrap {
  position: relative;
  width: 80%;
  max-width: 128rem;
  margin: 0 auto; }

ul.listPageAnker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5em 0; }

ul.listPageAnker li {
  min-width: calc(100% / 4);
  width: 100%;
  max-width: calc(100% / 3); }
  @media screen and (max-width: 768px) {
    ul.listPageAnker li a.circleLink {
      display: block; }
      ul.listPageAnker li a.circleLink p span.txt span.jp {
        white-space: initial; } }

.pageContent {
  padding: 12rem 0 19.2rem; }

.flexPage {
  width: 80%;
  max-width: 128rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.flexPage > .flexLeft {
  width: 25%; }

.flexPage > .flexLeft .sticky {
  top: 140px;
  z-index: 7999; }

.flexPage > .flexRight {
  width: 67.5%; }

ul.listAnker {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 2.25em 0; }

ul.listAnker li {
  padding: 1.25em 0; }

.secPage {
  position: relative;
  z-index: 15; }

.secPage ~ .secPage {
  margin-top: 19.2rem; }

.secPage a.btn {
  margin-top: 4rem; }

.secPage .innerWrap {
  width: 87.5%;
  max-width: 1440px;
  margin: 0 auto; }

.secPage .ttlWrap {
  display: table;
  margin: 0 auto; }

.secPage .ttlWrap.left {
  margin-left: 0; }

.ankerWrap {
  background: #000; }

.ankerWrap * {
  color: #fff; }

.ankerWrap .innerWrap {
  width: 87.5%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 3rem 0; }

/*PAGE_About*/
.missionWrap .flexWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 7.2em; }

.missionWrap .flexWrap > .flexLeft {
  width: 65%;
  padding-right: 7.5%; }

.missionWrap .flexWrap > .flexRight {
  width: 35%; }

figure.figMission .fig {
  opacity: .5;
  width: 60%;
  height: auto;
  position: absolute;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

figure.figMission .fig.fig1 {
  top: 0;
  left: 20%; }

figure.figMission .fig.fig2 {
  bottom: 0;
  left: 0; }

figure.figMission .fig.fig3 {
  bottom: 0;
  right: 0; }

figure.figMission .fig.active {
  opacity: 1;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.missionInner {
  position: relative; }

dl.listMission {
  transform: translateY(30px);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

dl.listMission dt p {
  font-size: 2.87rem;
  font-weight: 700; }

dl.listMission dd p {
  font-size: 1.845rem; }

.missionInner + p {
  margin-top: 2.5em; }

/*.active*/
dl.listMission.active {
  transform: translateY(0);
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.igWrap .flexWrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5em; }

.igWrap .flexWrap > .flexItem {
  width: calc(100% / 3);
  border-bottom: solid 1px #FFF000;
  margin-bottom: 5em;
  padding-bottom: 5em;
  overflow: hidden;
  position: relative; }

.igWrap .flexWrap > .flexItem:nth-child(2n-1) {
  border-right: solid 1px #FFF000;
  padding-right: 5%; }

.igWrap .flexWrap > .flexItem:nth-child(2n) {
  padding-left: 5%; }

.igWrap .flexWrap > .flexItem.x15 {
  width: calc((100% / 3) * 1.5); }

.igWrap .flexWrap > .flexItem.x2 {
  width: calc((100% / 3) * 2); }

.igWrap .flexWrap > .flexItem::before {
  content: '';
  display: block;
  position: absolute; }

.igWrap .flexWrap > .flexItem[data-text="establishment"]::before {
  right: -5%;
  top: 0;
  width: 200px;
  height: 200px;
  background: url(images/igEstablishment.svg);
  background-size: cover; }

.igWrap .flexWrap > .flexItem[data-text="YoY"]::before {
  right: 0;
  top: 12.5%;
  width: 300px;
  height: 150px;
  background: url(images/igYoY.svg);
  background-size: cover; }

.igWrap .flexWrap > .flexItem[data-text="Stores"]::before {
  right: 0;
  top: 12.5%;
  width: 300px;
  height: 150px;
  background: url(images/igStores.svg);
  background-size: cover; }

.igWrap .flexWrap > .flexItem[data-text="gender"]::before {
  right: 0;
  top: 12.5%;
  width: 300px;
  height: 150px;
  background: url(images/igGender.svg);
  background-size: cover; }

.igWrap .flexWrap > .flexItem[data-text="opening"]::before {
  right: 0;
  top: 12.5%;
  width: 300px;
  height: 150px;
  background: url(images/igOpening.svg);
  background-size: cover; }

.igWrap .igPram {
  display: flex;
  align-items: baseline; }

.igWrap .igPram span {
  display: block;
  line-height: 1.05; }

.igWrap .igPram span.number {
  font-size: 12.3rem;
  font-family: 'Libre Baskerville', serif; }

.igWrap .igPram span.txt {
  font-size: 2.5rem; }

.styleWrap .imgWrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
.styleWrap .txtWrap {
  position: absolute;
  bottom: 0;
  left: 0; }
  .styleWrap .txtWrap p {
    font-size: 15rem;
    line-height: 0.7;
    color: #fff;
    font-family: 'Libre Baskerville', serif; }
.styleWrap .styleBody {
  padding: 4em 5%;
  background: #000; }

dl.listStyle dt p {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: .35em; }

.about4 h5.pageTtl {
  margin-bottom: 4em; }

.welfareWrap > .welfareItem ~ .welfareItem {
  margin-top: 7.2em; }

.educationWrap {
  margin-top: 7.2em; }

.flexEducation {
  display: flex;
  flex-wrap: wrap; }

.flexEducation > .flexItem {
  margin-bottom: 2em;
  padding: 0 3.075em;
  background: #000;
  box-shadow: 0 8px 12px -6px #1301011f;
  backdrop-filter: blur(5.5px);
  -webkit-backdrop-filter: blur(5.5px);
  border-radius: 12px;
  border: solid 1px #0000001f; }

.flexEducation > .flexItem.c2 {
  width: calc(50% - 1em);
  padding: 0 4.1em; }

.flexEducation > .flexItem.c2 + .flexItem.c2 {
  margin-left: 2em; }

.flexEducation > .flexItem.c3 {
  width: calc((100% / 3) - (4em / 3));
  margin-right: 2em; }

.flexEducation > .flexItem.c3:nth-child(3n) {
  margin-right: 0; }

ul.listWelfare {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2em);
  margin: 0 -1em; }

ul.listWelfare li {
  width: calc(100% / 5);
  padding: 1em; }

ul.listWelfare li .inner {
  background: #000;
  box-shadow: 0 8px 12px -6px #1301011f;
  backdrop-filter: blur(5.5px);
  -webkit-backdrop-filter: blur(5.5px);
  border-radius: 12px;
  border: solid 1px #0000001f;
  padding: 3.075em 0 2.46em; }

ul.listWelfare li img {
  display: block;
  width: 40%;
  margin: 0 auto 1.5em; }

ul.listWelfare li p {
  text-align: center;
  line-height: 1.5;
  min-height: 3em;
  font-weight: 600; }

ul.listWelfare li p span {
  font-weight: 400;
  font-size: 1.3rem;
  color: #555; }

.supportWrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2em; }

.supportWrap > .supportItem {
  width: calc((100% / 3) - (4em / 3));
  margin-right: 2em;
  margin-bottom: 2em;
  padding: 0 3.075em;
  background: #000;
  box-shadow: 0 8px 12px -6px #1301011f;
  backdrop-filter: blur(5.5px);
  -webkit-backdrop-filter: blur(5.5px);
  border-radius: 12px;
  border: solid 1px #0000001f; }

.supportWrap > .supportItem:nth-child(3n) {
  margin-right: 0; }

dl.listSupport {
  border-top: solid 3px #231815;
  padding: 3.075em 0 4.1em; }

dl.listSupport dt p {
  font-size: 1.64em;
  font-weight: 600; }

dl.listSupport dt ~ dt p {
  font-size: 1.23em;
  margin-top: 1em;
  opacity: .8; }

dl.listSupport dd {
  margin-top: 1.23em; }

dl.listSupport dd p {
  line-height: 1.65; }

.c2 dl.listSupport dt p {
  font-size: 2.05em; }

.c2 dl.listSupport dt ~ dt p {
  font-size: 1.23em; }

.careerWrap p.career1 {
  background: #30c39e; }

.careerWrap p.career2 {
  background: #48a9c5; }

.careerWrap p.career3 {
  background: #ff6c5f; }

.careerWrap p.careerTtl {
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  border-radius: 5em 5em 0 0; }

.careerWrap p.careerTtl span {
  font-size: 1.5rem;
  display: inline-block; }

.careerWrap p.careerTtl span.number {
  font-family: 'Libre Baskerville', serif;
  margin: .35em 0 .65em;
  width: 4rem;
  height: 4rem;
  background: #000;
  border-radius: 4rem;
  text-align: center;
  line-height: 4rem; }

.careerWrap p.careerTtl span.txt {
  font-weight: 700;
  line-height: 5rem; }

.flexCareer {
  display: flex; }

.flexCareer > .flexLeft {
  display: flex;
  width: 20%;
  white-space: nowrap; }

.flexCareer > .flexRight {
  width: 80%; }

.careerWrap .careerItem {
  border-top: dashed 1px #231815;
  border-bottom: dashed 1px #231815;
  /*padding: 2.5em 0;*/ }

.careerWrap .careerItem ~ .careerItem {
  border-top: 0; }

.careerWrap .flexWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 2.05em; }

.careerWrap .flexWrap > .flexLeft {
  width: 25%;
  text-align: center; }

.careerWrap .flexWrap > .flexCenter {
  width: calc(75% / 2);
  text-align: center; }

.careerWrap .flexWrap > .flexRight {
  width: calc(75% / 2);
  text-align: center; }

ul.listRank li {
  padding: 2.05em 0; }

ul.listRank li ~ li {
  border-top: dashed 1px #777; }

dl.listGrade dt p {
  font-weight: 700; }

dl.listGrade dd {
  display: none;
  margin-top: .75em; }

.independentWrap p#pram2 {
  padding: 3em 0 1em;
  font-weight: 700; }

.independentWrap p#pram3 {
  padding: 3em 0 1em;
  font-weight: 700; }

.independentWrap p.pramTtl {
  text-align: center;
  padding-bottom: 2em;
  font-weight: 700; }

.independentWrap .flexWrap {
  display: flex; }

.independentWrap .flexWrap > .flexLeft {
  width: 20%; }

.independentWrap .flexWrap > .flexRight {
  width: 80%; }

ul.listIndependent {
  background: black;
  border: solid 1px #FFF000; }

ul.listIndependent li {
  border-bottom: solid 1px #FFF000;
  padding: 1.5em 1em;
  text-align: center; }

ul.listIndependent li:last-child {
  border-bottom: 0; }

ul.listIndependentPram {
  background: #000;
  border: solid 1px #FFF000; }

ul.listIndependentPram li {
  border-bottom: solid 1px #FFF000;
  padding: 1.5em 1em;
  text-align: center; }

ul.listIndependentPram li:last-child {
  border-bottom: 0; }

.landscapeWrap {
  position: relative;
  overflow: hidden; }

.landscapeWrap .swiper-button {
  display: block;
  width: 84px;
  height: 84px;
  border-radius: 84px;
  background: #fff;
  top: initial;
  bottom: 5%;
  z-index: 50;
  overflow: hidden;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.landscapeWrap .swiper-button::before {
  content: '';
  display: block;
  width: 200%;
  height: 100%;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.landscapeWrap .swiper-button-prev {
  left: initial;
  right: calc(3% + 114px); }

.landscapeWrap .swiper-button-next {
  left: initial;
  right: 3%; }

.landscapeWrap .swiper-button-prev::before {
  background: url(images/iconCircleArrowL.svg) repeat;
  background-size: cover;
  background-position: 84px 0; }

.landscapeWrap .swiper-button-next::before {
  background: url(images/iconCircleArrow.svg) repeat;
  background-size: cover;
  background-position: 0 0; }

/*:hover*/
.landscapeWrap .swiper-button:hover {
  background: #231815;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.landscapeWrap .swiper-button:hover::before {
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.landscapeWrap .swiper-button-prev:hover::before {
  background: url(images/iconCircleArrowL.svg) repeat;
  background-size: cover;
  background-position: 0 0; }

.landscapeWrap .swiper-button-next:hover::before {
  background: url(images/iconCircleArrow.svg) repeat;
  background-size: cover;
  background-position: 84px 0; }

/*PAGE_Company*/
.messageWrap .messageBody {
  margin-top: 7.2em;
  /* Old Chrome, Safari and Opera */
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  /* Old Firefox */
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  /* Standard syntax */
  column-count: 2;
  column-gap: 40px; }

.messageWrap .messageBody p {
  font-size: 1.75rem;
  margin-bottom: 2em; }

dl.listCEO {
  display: table;
  margin-left: auto; }

dl.listCEO dt p {
  text-align: right;
  font-size: 2.25rem; }

dl.listCEO dd p {
  font-size: 1.75rem; }

/*PAGE_People*/
.peopleWrap .flexWrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -9.6rem; }

.peopleWrap .flexWrap > .flexItem {
  width: 50%;
  margin-bottom: 9.6rem; }

.peoplePickHead img {
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.peoplePickBody {
  margin-top: 4em;
  display: flex; }

.peoplePickBody p.postNumber {
  font-size: 3.5rem;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.peoplePickBody p.postNumber span {
  margin-right: .5em;
  padding-right: .5em;
  border-right: dashed 1px #ddd; }

.peoplePickBody dl.listPickProfile dd p span ~ span {
  margin-left: .5em; }

.peoplePickBody dl.listPickProfile dt p span {
  font-size: 2rem; }

.peoplePickBody dl.listPickProfile dt p span.jp {
  font-weight: 600; }

.peoplePickBody dl.listPickProfile dt p span.en {
  margin-left: 1em; }

/*:hover*/
.peopleWrap .flexWrap > .flexItem:hover img {
  transform: scale(1.05);
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.peopleWrap .flexWrap > .flexItem:hover p.postNumber {
  color: #FFF000;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

/*PAGE_Interview*/
.interview0 {
  padding-top: 9.6rem; }

.interview1 .interviewHead {
  height: 42rem;
  position: relative; }

.interview1 .interviewHead .bgWrap {
  width: 100%;
  height: 100%; }

.interview1 .interviewHead .profileWrap {
  width: 52.5%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  align-items: center; }

.interview1 .interviewHead .profileWrap > .flexLeft {
  width: 25%; }

.interview1 .interviewHead .profileWrap > .flexRight {
  width: 75%; }

.interview1 .interviewHead .peoplePickBody {
  margin: 0; }

.interview1 .interviewHead p.postNumber span {
  margin-left: 1em; }

.interview1 .interviewBody {
  margin-top: 12em; }

dl.listInterview {
  display: flex;
  flex-wrap: wrap; }

dl.listInterview ~ dl.listInterview {
  margin-top: 7.2em; }

dl.listInterview dt {
  width: 30%; }

dl.listInterview dt p {
  font-size: 1.65rem;
  font-weight: 700; }

dl.listInterview dd {
  width: 70%; }

dl.listInterview dd p {
  font-size: 1.65rem; }

/*PAGE_Culture*/
/*PAGE_Entry*/
.entryform {
  padding-top: 9.6rem; }

/*FORM*/
.mw_wp_form form > p {
  display: none; }

.formWrap p.must {
  margin-top: 2em; }

.formWrap p.must span.dot {
  display: inline-block;
  width: .65em;
  height: .65em;
  border-radius: 1em;
  background: #e8330f;
  margin-right: .5em; }

.formWrap .flexWrap {
  display: flex;
  flex-wrap: wrap; }

.formWrap .flexWrap > .flexLeft {
  width: 35%;
  padding-right: 7.5%; }

.formWrap .flexWrap > .flexLeft .sticky {
  top: calc(84px + 5em); }

.formWrap .flexWrap > .flexRight {
  width: 65%; }

.formWrap .flexWrap > .flexRight .inner {
  box-shadow: 0 10px 20px rgba(84, 84, 84, 0.1);
  padding: 5% 8.5% 7.5%;
  border-radius: 1em;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5.5px); }

ul.listDocForm li ~ li {
  margin-top: 4em; }

dl.listDocForm dt p {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1.25em; }

dl.listDocForm dt p.must::after {
  content: '';
  display: inline-block;
  vertical-align: baseline;
  width: .65em;
  height: .65em;
  border-radius: 1em;
  background: #e8330f;
  margin-left: 1em; }

dl.listDocForm dd {
  font-size: 1.5rem; }

input::placeholder {
  color: #aaa; }

input[type="text"], textarea, select {
  width: 100%;
  height: auto;
  border: solid 1px #ddd;
  background: #fff;
  border-radius: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #252525; }

input[type="text"], textarea {
  padding: 18px 24px; }

select {
  padding: 0 24px; }

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

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

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

select {
  height: 8rem; }

label {
  line-height: 8rem; }

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

input[type="submit"] {
  width: 100%;
  max-width: 32rem;
  height: 8rem;
  border: none;
  font-weight: bold;
  text-align: center;
  line-height: 8rem;
  border-radius: 8rem;
  font-size: 1.5rem;
  background: #252525;
  color: #fff;
  position: relative;
  margin: 0 auto;
  display: block;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

input[type="submit"]:hover {
  background: linear-gradient(306deg, #fa6464, #fa3232 49%, #FFF000);
  color: #151515 !important;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

/*確認画面*/
.mw_wp_form_confirm .entryBtnWrap {
  display: flex; }

.mw_wp_form_confirm dl.listDocForm dd {
  background: #f8f8f8;
  color: #777;
  padding: 1em 2em;
  border: solid 1px #efefef;
  border-radius: 5px; }

/*完了画面*/
.mw_wp_form_complete p a {
  text-decoration: underline; }

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

.mw_wp_form_complete dl.listComplete {
  margin-top: 1em; }

.mw_wp_form_complete dl.listComplete dt p {
  font-size: 4.2rem;
  font-weight: bold;
  font-style: italic; }

/*ARCHIVE*/
.archiveHeader {
  position: relative;
  z-index: 15; }

.archiveHeader h1 span {
  color: #FFF000; }

.archiveHeader .innerWrap {
  position: relative;
  width: 80%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 12rem 0 0; }

.archive1 {
  background: rgba(0, 0, 0, 0.1);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  backdrop-filter: blur(5.5px);
  -webkit-backdrop-filter: blur(5.5px); }

.archive1 .innerWrap {
  padding: 9.6rem 0; }

.archiveWrap {
  width: 100%;
  max-width: 86rem;
  margin: 0 auto; }

.archiveWrap h2.resultTtl {
  font-weight: 400;
  line-height: 12rem;
  text-align: center; }

.archiveWrap h2.resultTtl span {
  font-size: 3.5rem;
  font-weight: 500; }

/*絞り込み検索*/
.sfWrap h3.indexTtl {
  margin-bottom: .5em; }

.sfWrap h4.sfBtn {
  font-size: 16px;
  padding: 1.5em 0 5px; }

.sfWrap label.sfLabel {
  display: block; }

ul.listSFWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }

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

ul.listSFWrap > li {
  width: calc((100% / 3) - (3.075em / 3));
  padding: 0; }

ul.listSFWrap > li.btn {
  width: calc(50% - 7.5px);
  max-width: 35em;
  margin-top: 2em; }

/*検索・リセット*/
#search-filter-form-28 ul li.sf-field-submit {
  width: calc(50% - .75rem);
  margin-top: 1.5rem; }

#search-filter-form-28 ul li.sf-field-reset {
  width: calc(50% - .75rem);
  margin-top: 1.5rem; }

#search-filter-form-28 ul li.sf-field-reset input[type="submit"] {
  background: #777;
  color: #fff; }

/*求人一覧*/
.pickUpWrap > .pickItem ~ .pickItem {
  margin-top: 5em;
  padding-top: 5em;
  border-top: solid 1px #252525; }

.pickUpWrap > .pickItem img {
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.pickupHead {
  box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1); }

.pickupHead .txtWrap {
  position: absolute;
  left: 5%;
  bottom: 7.5%; }

.pickupBody {
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  margin-top: 3em; }

dl.listPickup dt p {
  color: #FFF000;
  font-weight: 600;
  font-size: 2.75rem;
  line-height: 1.5;
  margin-bottom: .5em;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

ul.listTag {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

ul.listTag li p {
  display: flex;
  align-items: center; }

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

ul.listTag li p::after {
  content: '';
  display: block;
  width: .5em;
  height: .5em;
  border-radius: 1em;
  background: #FFF000;
  margin: 0 1em; }

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

ul.listPickup {
  display: flex;
  flex-wrap: wrap; }

ul.listPickup li {
  width: 50%;
  padding: .5em 0; }

ul.listPickup li p {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }

ul.listPickup li p::before {
  content: '';
  display: block;
  width: 1em;
  height: 1em; }

ul.listPickup li.store p::before {
  background: url(images/iconType.svg);
  background-size: cover; }

ul.listPickup li.area p::before {
  background: url(images/iconArea.svg);
  background-size: cover; }

ul.listPickup li.position p::before {
  background: url(images/iconStatus.svg);
  background-size: cover; }

ul.listPickup li.bill p::before {
  background: url(images/iconIncome.svg);
  background-size: cover; }

ul.listPickup li p span {
  display: block;
  width: calc(100% - 2rem);
  line-height: 1.5; }

/*:hover*/
.pickUpWrap > .pickItem:hover img {
  transform: scale(1.05);
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.pickUpWrap > .pickItem:hover dl.listPickup dt p {
  color: #FFF000;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

/*求人一覧_ページナビゲーション*/
nav.navigation.pagination {
  margin-top: 5em;
  padding-top: 5em;
  border-top: solid 1px #efefef; }

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

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

.nav-links .page-numbers {
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
  line-height: 6rem;
  text-align: center;
  font-size: 1.5rem;
  border: solid 1px #efefef;
  margin: 0 .5em; }

.nav-links .page-numbers.dots {
  border: 0; }

.nav-links .page-numbers.current {
  background: #e0e0e0; }

/*:hover*/
.nav-links .page-numbers:hover {
  background: #f8f8f8; }

.nav-links .page-numbers.dots:hover {
  background: #fff; }

/*SINGLE*/
h1.singleTtl {
  font-size: 3.75rem;
  font-weight: 600;
  margin-bottom: .5em;
  line-height: 1.5; }

h2.singleTtl {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: .75em; }

.singleHeader .innerWrap {
  width: 80%;
  max-width: 128rem;
  margin: 0 auto;
  padding-top: 20.6rem; }

.singleHeader .imgWrap {
  position: relative;
  margin-bottom: 7.2em; }

ul.listPickups {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px; }
  ul.listPickups * {
    color: #000; }

ul.listPickups li p span {
  display: block;
  text-align: center;
  background: #f7f7f7;
  border: solid 1px #ddd;
  line-height: 1;
  padding: 8px 16px;
  border-radius: 4em;
  box-shadow: 0 4px 12px -8px rgba(50, 89, 87, 0.1); }

.secSingle ~ .secSingle {
  border-top: solid 1px #FFF000; }

.secSingle .innerWrap {
  width: 80%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 12rem 0; }

/*SINGLE_求人共通*/
.jobWrap > .jobItem ~ .jobItem {
  border-top: solid 1px #FFF000;
  margin-top: 9.6em;
  padding-top: 9.6em; }

.flexJob {
  display: flex;
  flex-wrap: wrap; }

.flexJob > .flexLeft {
  width: 35%; }

.flexJob > .flexRight {
  width: 65%; }

/*SINGLE_求人導入*/
dl.listIntro {
  width: 100%;
  max-width: 86rem;
  margin: 0 auto; }

dl.listIntro dt p {
  font-size: 2.75rem;
  font-weight: 600;
  margin-bottom: 1.25em; }

dl.listIntro dd p {
  font-size: 1.75rem; }

.featureWrap > .featureItem ~ .featureItem {
  margin-top: 6em; }

.job-container {
  margin-top: 10.8em; }

.flexVoice {
  display: flex;
  flex-wrap: wrap; }

.flexVoice ~ .flexVoice {
  margin-top: 6em; }

.flexVoice > .flexLeft {
  width: 35%;
  padding-right: 7.5%; }

.flexVoice > .flexRight {
  width: 65%; }

dl.listVoice dt p {
  font-size: 2rem;
  margin-bottom: .75em;
  font-weight: 600; }

dl.listVoice + p {
  margin-top: 2em;
  text-align: right; }

/*SINGLE_募集内容*/
.jobPostWrap {
  width: 100%;
  max-width: 86rem;
  margin: 0 auto; }

.flexJobPost {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.75em 0; }

.flexJobPost > .flexLeft {
  width: 30%; }

.flexJobPost > .flexLeft p {
  font-weight: 700; }

.flexJobPost > .flexRight {
  width: 70%; }

.flexJobPost > .flexRight .googleMap {
  width: 100%;
  height: auto;
  padding-top: 50%;
  position: relative;
  margin-bottom: 1.75em; }

.flexJobPost > .flexRight .googleMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; }

/*SINGLE_募集内容_会社情報*/
.job3 {
  border-top: solid 1px #FFF000;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5.5px);
  -webkit-backdrop-filter: blur(5.5px); }

.pickCompanyWrap {
  display: flex;
  flex-wrap: wrap; }

dl.listPickCompany {
  width: 100%;
  display: flex; }

dl.listPickCompany ~ dl.listPickCompany {
  margin-top: 1.64em; }

dl.listPickCompany dt {
  width: 30%; }

dl.listPickCompany dt p {
  font-weight: 700;
  font-size: 1.4rem; }

dl.listPickCompany dd {
  width: 70%; }

dl.listPickCompany dd p {
  font-size: 1.4rem; }

/*SINGLE_応募フォーム*/
.secSingle.sec2 {
  border-top: solid 1px #FFF000; }

.secSingle.sec2 .innerWrap {
  width: 80%;
  margin: 0 auto;
  padding: 12rem 0 18rem; }

/*SINGLE_関連ポスト*/
.secSingle.sec3 {
  border-top: solid 1px #FFF000;
  background: rgba(0, 0, 0, 0.1); }

.secSingle.sec3 .innerWrap {
  width: 80%;
  margin: 0 auto;
  padding: 12rem 0 18rem; }

.secSingle.sec3 .popular-container {
  position: relative; }

.secSingle.sec3 .popular-container .swiper-slide {
  transform: scale(0.9);
  opacity: .5;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secSingle.sec3 .popular-container .swiper-slide.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secSingle.sec3 .popular-container .swiper-button-prev, .secSingle.sec3 .popular-container .swiper-button-next {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1);
  border-radius: 6rem;
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secSingle.sec3 .popular-container .swiper-button-prev::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background: url(images/iconArrowLeft.svg) center no-repeat;
  background-size: 35%; }

.secSingle.sec3 .popular-container .swiper-button-next::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background: url(images/iconArrowRight.svg) center no-repeat;
  background-size: 35%; }

/*:hover*/
.secSingle.sec3 .popular-container .swiper-button-prev:hover, .secSingle.sec3 .popular-container .swiper-button-next:hover {
  transform: scale(0.85);
  transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
  -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.secSingle.sec3 .indexPickupHead {
  box-shadow: 0 10px 20px rgba(50, 89, 87, 0.1);
  border-radius: 1em;
  overflow: hidden; }

.secSingle.sec3 .indexPickupBody {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  margin-top: 3.5em; }

.secSingle.sec3 .indexPickupBody > p {
  font-size: 2.25rem;
  line-height: 1.65;
  font-weight: 700;
  margin-bottom: .75em; }

/*SINGLE_お知らせ*/
header.headInformation p.informationData {
  color: #aaa;
  margin-bottom: 1.25em; }

header.headInformation h1.infoTtl {
  font-size: 4.25rem;
  font-weight: 400;
  line-height: 1.5; }

header.headInformation .innerWrap {
  max-width: 64rem;
  padding: 19.2rem 0 6rem; }

header.headInformation .thumbnailImg {
  width: calc(100% + 20vw);
  margin: 6rem -10vw 0; }

.secInformation {
  border-bottom: solid 1px #252525;
  margin-bottom: 19.2rem;
  padding-bottom: 19.2rem; }

.secInformation .innerWrap {
  max-width: 64rem; }

.secInformation .innerWrap p {
  font-size: 1.75rem;
  line-height: 2;
  margin: 3em 0; }

/*お知らせページネーション*/
.pagenationWrap {
  width: 80%;
  max-width: 128rem;
  margin: 0 auto;
  background: #f8f8f8;
  padding: 3rem 0;
  border-radius: 6rem; }

.pagenationWrap .flexPagenation {
  width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.pagenationWrap .flexPagenation > .flexLeft {
  width: 50%; }

.pagenationWrap .flexPagenation > .flexLeft p {
  text-align: left; }

.pagenationWrap .flexPagenation > .flexRight {
  width: 50%; }

.pagenationWrap .flexPagenation > .flexRight p {
  text-align: right; }

/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎desktop◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎tablet◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
/*◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎smartphone◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎◼︎*/
@media (max-width: 767px) {
  /*--------------basic css--------------*/
  body {
    min-width: initial; }

  * {
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0s; }

  /*マウスストーカー*/
  .cursor, .follower {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: none;
    pointer-events: none; }

  .cursor {
    width: 8px;
    height: 8px;
    background-color: #231815;
    z-index: 10001; }

  .follower {
    width: 40px;
    height: 40px;
    background-color: #231815;
    opacity: .2;
    z-index: 10000;
    transition: transform ease .1s; }

  .follower.is-active {
    transform: scale(2);
    transition: transform ease .1s; }

  /*TEXT*/
  p {
    font-size: 3.6vw; }

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

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

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

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

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

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

  a.btn p {
    line-height: 17.5vw;
    font-size: 3.8vw;
    font-weight: 500; }

  a.btn p::after {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background: url(images/iconArrowRightWh.svg);
    background-size: cover;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

  a.circleLink p span.circle {
    width: 7.5vw;
    height: 7.5vw; }

  a.circleLink p span.txt {
    width: calc(100% - 10vw);
    padding-left: 1.5rem; }

  a.circleLink p span.txt span.en {
    font-size: 4.2vw;
    white-space: nowrap; }

  a.circleLink p span.txt span.jp {
    font-size: 3vw;
    white-space: nowrap; }

  /*:hover*/
  a.circleLink:hover p span.circle::before {
    background-position: -12.5vw top; }

  /*ASPECT*/
  .aspect .aspectBlock .aspectInner {
    height: calc(100% + 5rem);
    transform: translateY(-2.5rem); }

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

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

  /*loop slider*/
  .loopSliderWrap {
    top: 0;
    left: 0;
    height: 42rem;
    overflow: hidden;
    position: absolute; }

  .loopSlider {
    width: 100%;
    height: 42rem;
    text-align: left;
    position: relative;
    overflow: hidden;
    background: none; }

  .loopSlider ul {
    height: 42rem;
    float: left;
    overflow: hidden; }

  .loopSlider ul::after {
    content: '';
    display: none; }

  .loopSlider ul li {
    width: 42rem;
    height: 42rem;
    float: left;
    display: inline;
    overflow: hidden;
    position: relative; }

  .loopSlider ul li img {
    width: 100%;
    height: auto; }

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

  .loopSliderWrap::after {
    content: "";
    display: none;
    clear: none; }

  /*BOTH*/
  .inview.action[data-delay="05"] {
    transition-delay: .05s; }

  .inview.action[data-delay="1"] {
    transition-delay: .1s; }

  .inview.action[data-delay="15"] {
    transition-delay: .15s; }

  .inview.action[data-delay="2"] {
    transition-delay: .2s; }

  .inview.action[data-delay="25"] {
    transition-delay: .25s; }

  .inview.action[data-delay="3"] {
    transition-delay: .3s; }

  .inview.action[data-delay="35"] {
    transition-delay: .35s; }

  .inview.action[data-delay="4"] {
    transition-delay: .4s; }

  .inview.action[data-delay="45"] {
    transition-delay: .45s; }

  /*#page*/
  /*BOTH_HEADER*/
  .siteHeader {
    top: 2.5vw;
    height: auto; }

  .siteHeader .innerWrap {
    padding: 0;
    background: initial;
    box-shadow: initial; }

  .siteHeader .flexWrap > .flexLeft {
    height: 15vw;
    display: flex;
    align-items: center;
    padding-left: 5vw; }

  /*.home*/
  body.home .siteHeader {
    transform: translateY(0); }

  /*.scrollUp*/
  body.scrollUp .siteHeader {
    transform: translateY(0); }

  .headLogo img {
    height: 8vw; }

  nav.headNav {
    margin-right: 3vw; }

  ul.listHeadNav li p span {
    width: 12rem;
    line-height: 15vw; }

  /*smpNav*/
  .humbNav {
    width: 15vw;
    height: 15vw; }

  /*aside#aside_sp navigation*/
  aside#aside {
    overflow: scroll; }

  aside#aside .flexWrap {
    flex-wrap: wrap;
    align-items: center;
    width: 85%; }

  aside#aside .flexWrap > .flexLeft {
    width: 100%;
    padding: 0 0 15vw;
    order: 1; }

  aside#aside .flexWrap > .flexRight {
    width: 100%;
    padding: 20vw 0 7.5vw; }

  /*.move*/
  aside#aside.move dl.listCoupInfo {
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s 0.9s; }

  img.leadCopy {
    display: none; }

  dl.listCoupInfo {
    margin-top: 0; }

  dl.listCoupInfo dt p {
    font-size: 4.5vw; }

  dl.listCoupInfo dd p {
    font-size: 3.5vw; }

  dl.listSPNav dt p {
    padding: .615em 0; }

  dl.listSPNav dt p span {
    font-size: 5vw; }

  dl.listSPNav.entry dt p span {
    line-height: 15vw;
    border-radius: 15vw; }

  dl.listSPNav dd p {
    padding: .82em 0;
    font-size: 4.1vw; }

  /*BOTH_FOOTER*/
  .secFoot .innerWrap {
    width: 85%; }

  .secFoot.sec1 .innerWrap {
    padding: 7.5vw 0; }

  .secFoot.sec1 .flexWrap > .flexItem {
    width: 100%;
    padding: 1.75vw 0; }

  .secFoot.sec1 .flexWrap > .flexItem ~ .flexItem {
    width: 50%;
    border-left: 0; }

  .secFoot.sec1 .flexWrap a.circleLink.center {
    margin-left: 0; }

  ul.listFootJobCat li {
    width: 100%; }

  ul.listFootJobCat li ~ li {
    margin-top: 4vw; }

  .secFoot.sec2 p.cr {
    font-size: 2.4vw; }

  .secFoot.sec2 .innerWrap {
    padding: 10vw 0; }

  ul.listFooterNav {
    display: block; }

  ul.listFooterNav li ~ li {
    margin-left: 0;
    margin-top: 3vw; }

  ul.listFooterNav li p {
    font-size: 3vw; }

  /*INDEX*/
  h1.indexTtl {
    font-size: 8.4vw;
    margin-bottom: .75em; }

  h1.indexTtl span.en {
    font-size: 10vw;
    margin-bottom: .5em;
    line-height: 1.05; }

  h1.indexTtl span.jp {
    line-height: 1.5; }

  h2.indexTtl {
    font-size: 3.5vw; }

  h3.indexTtl {
    font-size: 9.6vw;
    margin-bottom: .75em; }

  .secIndex a.circleLink {
    margin-top: 3em; }

  .secIndex .ttlWrap {
    margin-left: 0; }

  .secIndex .ttlWrap.left {
    margin-left: 0; }

  .secIndex .ttlWrap.right {
    margin-left: 0;
    margin-right: auto; }

  .secIndex .innerWrap {
    width: 80%; }

  .secIndex.sec1 .bgImgWrap {
    height: 100vh;
    max-height: 177.8vw; }

  .secIndex.sec1 .bgImgWrap .inner {
    width: calc(100% + 120px);
    height: 100%; }

  .secIndex.sec1 .txtWrap .inner {
    width: 70%;
    max-width: 68rem;
    margin-top: 12.5vw; }

  .secIndex.sec2 p.secTxt {
    left: 32%;
    bottom: -3%;
    z-index: -1;
    font-size: 32vw; }

  .secIndex.sec2 .innerWrap {
    padding: 25vw 0 30vw; }

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

  .secIndex.sec2 .flexWrap > .flexRight {
    width: 100%;
    margin-top: 0; }

  dl.listLead dt p {
    font-size: 5vw;
    font-weight: 700;
    margin-bottom: 1em; }

  dl.listLead dd p {
    font-size: 3.8vw; }

  .secIndex.sec2 .innerFlex > .innerImg {
    display: none; }

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

  .secIndex.sec3 .flexWrap > .flexItem {
    width: 100%; }

  .secIndex.sec3 .flexWrap > .flexItem ~ .flexItem {
    margin-top: 15vw; }

  .secIndex.sec3 .flexWrap > .flexItem:nth-child(1) {
    transform: translateY(0); }

  .secIndex.sec3 .flexWrap > .flexItem:nth-child(2) {
    transform: translateY(0); }

  .secIndex.sec3 .wrapperHead .aspect120 {
    padding-top: 56.25%; }

  .secIndex.sec3 .wrapperBody {
    margin-top: 4em; }

  .secIndex.sec3 .wrapperBody h3.indexTtl {
    margin-bottom: 0; }

  .secIndex.sec4 p.secTxt {
    font-size: 32vw; }

  .secIndex.sec4 .innerWrap {
    padding: 30vw 0 25vw; }

  .secIndex.sec4 .flexWrap > .flexLeft {
    width: 100%; }

  .secIndex.sec4 .flexWrap > .flexLeft p.secTxt {
    bottom: 20%;
    right: -5%; }

  .secIndex.sec4 .flexWrap > .flexRight {
    width: 100%;
    margin-top: 0; }

  .indexEnvironmentBody {
    margin-left: 0; }

  /*PAGE*/
  h1.pageTtl {
    margin-top: 12.5vw; }

  h1.pageTtl span.en {
    font-size: 12.5vw;
    line-height: 1.05; }

  h1.pageTtl span.jp {
    font-size: 4.5vw; }

  h3.pageTtl {
    font-size: 10vw;
    line-height: 1.05;
    margin-bottom: .75em; }

  h3.pageTtl span[data-number]::before {
    top: -.5em;
    right: -2.5rem;
    font-size: 3.2vw;
    width: 8vw;
    height: 8vw;
    line-height: 8vw; }

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

  h5.pageTtl {
    margin-bottom: 1.25em; }

  h5.pageTtl span.jp {
    font-size: 5vw; }

  h5.pageTtl span.en {
    font-size: 3.5vw; }

  .pageHeader .imgWrap {
    height: 120vw; }

  .pageHeader .imgWrap .inner {
    height: calc(100% + 50px);
    transform: translateY(-25px); }

  .pageHeader .imageWrap {
    margin-top: 30vw; }

  .pageHeader .imageWrap h1.pageTtl span.en {
    font-size: 9.6vw; }

  ul.listPageAnker li {
    width: 50%;
    max-width: initial; }

  ul.listPageAnker li.large {
    width: 100%; }

  .pageContent {
    padding: 12.5vw 0 18vw; }

  .flexPage {
    width: 80%; }

  .flexPage > .flexLeft {
    width: 100%; }

  .flexPage > .flexLeft .sticky {
    top: 140px; }

  .flexPage > .flexRight {
    width: 100%;
    margin-top: 18vw; }

  ul.listAnker {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em 0; }

  ul.listAnker li {
    width: 50%;
    padding: .75em 0; }

  ul.listAnker li p {
    font-size: 3.2vw; }

  .secPage {
    overflow: hidden; }

  .secPage ~ .secPage {
    margin-top: 18vw; }

  .secPage a.btn {
    margin-top: 4rem; }

  .secPage .ttlWrap.left {
    margin-left: auto; }

  .ankerWrap .innerWrap {
    width: 85%;
    padding: 2.5rem 0; }

  /*PAGE_About*/
  .missionWrap .flexWrap {
    margin-top: 7.5vw; }

  .missionWrap .flexWrap > .flexLeft {
    width: 100%;
    padding: 0 12.5%; }

  .missionWrap .flexWrap > .flexRight {
    width: 100%; }

  .missionInner {
    margin-top: 7.5vw; }

  dl.listMission dt p {
    font-size: 6.5vw; }

  dl.listMission dd p {
    font-size: 4vw; }

  .missionInner + p {
    margin-top: 1.5em; }

  .igWrap .flexWrap {
    margin-bottom: -12.5vw; }

  .igWrap .flexWrap > .flexItem {
    width: 100%;
    margin-bottom: 12.5vw;
    padding-bottom: 7.5vw;
    overflow: visible; }

  .igWrap .flexWrap > .flexItem:nth-child(2n-1) {
    border-right: 0;
    padding: 0 7.5vw 7.5vw; }

  .igWrap .flexWrap > .flexItem:nth-child(2n) {
    padding: 0 7.5vw 7.5vw; }

  .igWrap .flexWrap > .flexItem.x15 {
    width: 100%; }

  .igWrap .flexWrap > .flexItem.x2 {
    width: 100%; }

  .igWrap .flexWrap > .flexItem[data-text="establishment"]::before {
    width: 30vw;
    height: 30vw; }

  .igWrap .flexWrap > .flexItem[data-text="YoY"]::before {
    right: -6.25vw;
    top: 12.5%;
    width: 40vw;
    height: 20vw; }

  .igWrap .flexWrap > .flexItem[data-text="Stores"]::before {
    right: -12.5vw;
    top: 12.5%;
    width: 40vw;
    height: 20vw; }

  .igWrap .flexWrap > .flexItem[data-text="gender"]::before {
    right: -3.125vw;
    top: 7.5%;
    width: 40vw;
    height: 20vw; }

  .igWrap .flexWrap > .flexItem[data-text="opening"]::before {
    right: -6.25vw;
    top: 12.5%;
    width: 40vw;
    height: 20vw; }

  .igWrap .igPram span {
    line-height: 1.05; }

  .igWrap .igPram span.number {
    font-size: 20.5vw;
    line-height: 1; }

  .igWrap .igPram span.txt {
    font-size: 5vw; }

  .styleWrap .swiper-slide {
    opacity: .5;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

  .styleWrap .swiper-slide.swiper-slide-active {
    opacity: 1;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

  .styleWrap .txtWrap p {
    font-size: 15rem; }

  .styleWrap .styleBody {
    padding: 8vw 5%; }

  dl.listStyle dt p {
    font-size: 6vw; }

  .about4 h5.pageTtl {
    margin-bottom: 3em; }

  .welfareWrap > .welfareItem ~ .welfareItem {
    margin-top: 12.5vw; }

  .educationWrap {
    margin-top: 7.5vw; }

  .flexEducation > .flexItem {
    margin-bottom: 1em;
    padding: 0 6vw; }

  .flexEducation > .flexItem.c2 {
    width: 100%;
    padding: 0 6vw; }

  .flexEducation > .flexItem.c2 + .flexItem.c2 {
    margin-left: 0; }

  .flexEducation > .flexItem.c3 {
    width: 100%;
    margin-right: 0; }

  ul.listWelfare {
    width: calc(100% + 1em);
    margin: 0 -.5em; }

  ul.listWelfare li {
    width: calc(100% / 2);
    padding: .5em; }

  ul.listWelfare li .inner {
    padding: 5vw 0 4vw; }

  ul.listWelfare li img {
    width: 33%;
    margin: 0 auto 1em; }

  ul.listWelfare li p {
    font-size: 3.2vw; }

  ul.listWelfare li p span {
    font-size: 3vw; }

  .supportWrap {
    margin-bottom: -1em; }

  .supportWrap > .supportItem {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
    padding: 0 6vw; }

  dl.listSupport {
    padding: 6vw 0 8vw; }

  dl.listSupport dt ~ dt p {
    margin-top: 1em; }

  dl.listSupport dd {
    margin-top: .41em; }

  .c2 dl.listSupport dt p {
    font-size: 1.64em; }

  .c2 dl.listSupport dt ~ dt {
    position: relative;
    z-index: 15; }

  .c2 dl.listSupport dt ~ dt::before {
    content: '';
    display: block;
    width: 1.23em;
    height: 2px;
    border-radius: 1px;
    background: #231815;
    margin-top: 2.46em; }

  .c2 dl.listSupport dt ~ dt p {
    font-size: 1.23em; }

  .careerWrap p.careerTtl {
    width: 5vw;
    font-size: 3vw; }

  .careerWrap p.careerTtl span {
    font-size: 3vw; }

  .careerWrap p.careerTtl span.number {
    width: 4.5vw;
    height: 4.5vw;
    line-height: 4.5vw;
    margin: .3em 0 .5em; }

  .careerWrap p.careerTtl span.txt {
    line-height: 5vw; }

  .flexCareer > .flexLeft {
    width: 15vw; }

  .flexCareer > .flexRight {
    width: calc(100% - 15vw);
    padding-left: 2.05em; }

  .careerWrap .flexWrap {
    padding-left: 1.025em;
    padding-right: 0; }

  .careerWrap .flexWrap > .flexLeft {
    width: 25%; }

  .careerWrap .flexWrap > .flexCenter {
    width: 75%; }

  .careerWrap .flexWrap > .flexRight {
    display: none; }

  ul.listRank li {
    padding: 1em 0; }

  dl.listGrade {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }

  dl.listGrade dt {
    width: 100%; }

  dl.listGrade dd {
    display: block; }

  dl.listGrade dd + dd p::before {
    content: '／';
    display: inline-block; }

  .independentWrap p#pram2 {
    padding: 2em 0 1em;
    white-space: nowrap; }

  .independentWrap p#pram3 {
    padding: 2em 0 1em; }

  .independentWrap p.pramTtl {
    padding-bottom: 2em;
    font-weight: 700; }

  .independentWrap .swiper-slide {
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

  .independentWrap .swiper-slide-prev {
    opacity: 0;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

  .independentWrap .swiper-slide-next {
    opacity: .5;
    transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s;
    -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

  .independentWrap .flexWrap > .flexLeft {
    width: 30%;
    position: relative;
    z-index: 15; }

  .independentWrap .flexWrap > .flexRight {
    width: 70%;
    position: relative;
    z-index: 10; }

  ul.listIndependent {
    overflow: hidden;
    border-radius: 12px 0 0 12px; }

  ul.listIndependent li {
    padding: 1em .75em;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5.5px);
    -webkit-backdrop-filter: blur(5.5px); }

  ul.listIndependent li p {
    font-size: 3vw; }

  ul.listIndependentPram li {
    padding: 1em 1em; }

  ul.listIndependentPram li:last-child {
    border-bottom: 0; }

  ul.listIndependentPram li p {
    font-size: 3vw; }

  .landscapeWrap .swiper-button {
    width: 12.5vw;
    height: 12.5vw; }

  .landscapeWrap .swiper-button-prev {
    right: calc(3% + 15vw); }

  .landscapeWrap .swiper-button-next {
    right: 3%; }

  .landscapeWrap .swiper-button-prev::before {
    background: url(images/iconCircleArrowL.svg) repeat;
    background-size: cover;
    background-position: 12.5vw 0; }

  /*:hover*/
  .landscapeWrap .swiper-button-next:hover::before {
    background: url(images/iconCircleArrow.svg) repeat;
    background-size: cover;
    background-position: 12.5vw 0; }

  /*PAGE_Company*/
  .messageWrap .messageBody {
    margin-top: 7.5vw;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    column-count: 1;
    column-gap: 0; }

  .messageWrap .messageBody p {
    font-size: 3.8vw;
    margin-bottom: 1.5em; }

  dl.listCEO dt p {
    font-size: 5vw; }

  dl.listCEO dd p {
    font-size: 3.8vw; }

  /*PAGE_people*/
  .peopleWrap .flexWrap {
    margin-bottom: -12.5vw; }

  .peopleWrap .flexWrap > .flexItem {
    width: 100%;
    margin-bottom: 12.5vw; }

  .peoplePickBody {
    margin-top: 7.5vw; }

  .peoplePickBody p.postNumber {
    font-size: 7vw; }

  .peoplePickBody p.postNumber span {
    margin-right: .5em;
    padding-right: .5em; }

  .peoplePickBody dl.listPickProfile dd p span ~ span {
    margin-left: .25em; }

  .peoplePickBody dl.listPickProfile dt p span {
    font-size: 4vw; }

  .peoplePickBody dl.listPickProfile dt p span.en {
    font-size: 3vw;
    margin-left: .5em; }

  /*PAGE_Interview*/
  .interview0 {
    padding-top: 19.2vw; }

  .interview1 .interviewHead {
    height: 100vw; }

  .interview1 .interviewHead .profileWrap {
    width: 97.5%; }

  .interview1 .interviewHead .profileWrap > .flexLeft {
    width: 30%; }

  .interview1 .interviewHead .profileWrap > .flexRight {
    width: 70%; }

  .interview1 .interviewHead .peoplePickBody {
    margin: 0; }

  .interview1 .interviewHead p.postNumber span {
    margin-left: .75em; }

  .interview1 .interviewBody {
    margin-top: 15vw; }

  dl.listInterview ~ dl.listInterview {
    margin-top: 12.5vw; }

  dl.listInterview dt {
    width: 100%; }

  dl.listInterview dt p {
    font-size: 3.5vw;
    margin-bottom: 1.25em; }

  dl.listInterview dd {
    width: 100%; }

  dl.listInterview dd p {
    font-size: 3.8vw; }

  /*PAGE_Culture*/
  /*PAGE_Entry*/
  .entryform {
    padding-top: 20vw; }

  .entryform .innerWrap {
    width: 90%; }

  /*FORM*/
  .formWrap p.must {
    margin-top: 1em; }

  .formWrap .flexWrap > .flexLeft {
    width: 100%;
    padding-right: 0;
    margin-bottom: 7.5vw; }

  .formWrap .flexWrap > .flexLeft .sticky {
    top: initial; }

  .formWrap .flexWrap > .flexRight {
    width: 100%; }

  .formWrap .flexWrap > .flexRight .inner {
    width: calc(100% + 7.5vw) !important;
    margin-left: -3.75vw;
    padding: 5% 8.5% 7.5%; }

  ul.listDocForm li ~ li {
    margin-top: 5vw; }

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

  dl.listDocForm dd {
    font-size: 3.4vw; }

  input[type="text"], textarea {
    padding: 12px 18px; }

  select {
    padding: 0 18px; }

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

  select {
    height: 5.4rem; }

  label {
    line-height: 5.4rem; }

  input[type="submit"] {
    max-width: 100%;
    height: 5.4rem;
    line-height: 4rem;
    font-size: 3.4vw; }

  /*確認画面*/
  .mw_wp_form_confirm .entryBtnWrap {
    display: flex; }

  .mw_wp_form_confirm dl.listDocForm dd {
    background: #f8f8f8;
    color: #777;
    padding: 1em 2em;
    border: solid 1px #efefef;
    border-radius: 5px; }

  /*完了画面*/
  .mw_wp_form_complete p a {
    text-decoration: underline; }

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

  .mw_wp_form_complete dl.listComplete {
    margin-top: 1em; }

  .mw_wp_form_complete dl.listComplete dt p {
    font-size: 4.2rem;
    font-weight: bold;
    font-style: italic; }

  /*ARCHIVE*/
  .archiveHeader .innerWrap {
    padding: 15vw 0 0; }

  .archive1 .innerWrap {
    width: 85%;
    padding: 12.5vw 0; }

  .archive2 .innerWrap {
    width: 90%; }

  .archiveWrap h2.resultTtl {
    line-height: 9.6rem; }

  .archiveWrap h2.resultTtl span {
    font-size: 5vw; }

  /*絞り込み検索*/
  .sfWrap h3.indexTtl {
    margin-bottom: .75em; }

  .sfWrap h4.sfBtn {
    font-size: 15px;
    padding: 1em 0 5px; }

  ul.listSFWrap > li {
    width: 100%; }

  ul.listSFWrap > li.btn {
    width: calc(50% - 1.25vw);
    margin-top: 1.5em; }

  /*検索・リセット*/
  #search-filter-form-28 ul li.sf-field-submit {
    width: calc(50% - .75rem);
    margin-top: 1.5rem; }

  #search-filter-form-28 ul li.sf-field-reset {
    width: calc(50% - .75rem);
    margin-top: 1.5rem; }

  #search-filter-form-28 ul li.sf-field-reset input[type="submit"] {
    background: #777;
    color: #fff; }

  /*求人一覧*/
  .pickUpWrap > .pickItem ~ .pickItem {
    margin-top: 3.5em;
    padding-top: 3.5em; }

  .pickupHead {
    border-radius: 1em; }

  .pickupBody {
    margin-top: 2em; }

  dl.listPickup dt p {
    font-size: 5vw;
    margin-bottom: .5em; }

  ul.listTag li p::after {
    margin: 0 .5em; }

  ul.listPickup li p {
    font-size: 2.8vw; }

  /*求人一覧_ページナビゲーション*/
  nav.navigation.pagination {
    margin-top: 3.5em;
    padding-top: 3.5em; }

  .nav-links .page-numbers {
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    font-size: 3.5vw;
    margin: 0 .3em; }

  /*SINGLE*/
  h1.singleTtl {
    font-size: 4.51vw;
    margin-bottom: .82em;
    line-height: 1.5; }

  h2.singleTtl {
    font-size: 4.8vw;
    margin-bottom: .75em; }

  .singleHeader .innerWrap {
    width: 85%;
    padding-top: 22.5vw; }

  .singleHeader .imgWrap {
    margin-bottom: 7.5vw; }

  ul.listPickups li p {
    font-size: 3vw; }

  .secSingle {
    width: 100vw;
    overflow: hidden; }

  .secSingle .innerWrap {
    width: 85%;
    padding: 18vw 0; }

  /*SINGLE_求人共通*/
  .jobWrap > .jobItem ~ .jobItem {
    margin-top: 12.5vw;
    padding-top: 12.5vw; }

  .flexJob > .flexLeft {
    width: 100%; }

  .flexJob > .flexRight {
    width: 100%; }

  /*SINGLE_求人導入*/
  dl.listIntro dt p {
    font-size: 5vw;
    margin-bottom: 1.25em; }

  dl.listIntro dd p {
    font-size: 3.8vw; }

  .featureWrap > .featureItem ~ .featureItem {
    margin-top: 10vw; }

  .job-container {
    margin-top: 18vw; }

  .flexVoice ~ .flexVoice {
    margin-top: 6em; }

  .flexVoice > .flexLeft {
    width: 35%;
    padding-right: 7.5%; }

  .flexVoice > .flexRight {
    width: 65%; }

  dl.listVoice dt p {
    font-size: 4.2vw;
    margin-bottom: .75em;
    line-height: 1.65; }

  dl.listVoice dd p {
    font-size: 3.4vw; }

  dl.listVoice + p {
    margin-top: 1.5em; }

  /*SINGLE_募集内容*/
  .flexJobPost {
    padding: 2.05em 0;
    border-bottom: dashed 1px #aaa; }

  .flexJobPost > .flexLeft {
    width: 100%;
    margin-bottom: .82em; }

  .flexJobPost > .flexLeft p {
    font-size: 3.2vw; }

  .flexJobPost > .flexRight {
    width: 100%; }

  .flexJobPost > .flexRight .googleMap {
    padding-top: 61.8%; }

  /*SINGLE_募集内容_会社情報*/
  dl.listPickCompany {
    width: 100%;
    display: flex; }

  dl.listPickCompany dt p {
    font-size: 1.2rem; }

  /*SINGLE_応募フォーム*/
  .secSingle.sec2 .innerWrap {
    width: 85%;
    padding: 18vw 0 18vw; }

  .secSingle.sec2 .innerWrap .inner {
    width: 100%;
    max-width: 72rem;
    margin-right: auto; }

  /*SINGLE_関連ポスト*/
  .secSingle.sec3 .innerWrap {
    width: 90%;
    padding: 12.5vw 0 18vw; }

  .secSingle.sec3 .popular-container .swiper-button-prev, .secSingle.sec3 .popular-container .swiper-button-next {
    width: 10vw;
    height: 10vw;
    margin-top: 3vw;
    top: 0; }

  .secSingle.sec3 .popular-container .swiper-button-prev {
    left: initial;
    right: 15vw; }

  .secSingle.sec3 .popular-container .swiper-button-prev::before {
    background-size: 35%; }

  .secSingle.sec3 .popular-container .swiper-button-next::before {
    background-size: 35%; }

  .secSingle.sec3 .indexPickupHead {
    border-radius: 1em; }

  .secSingle.sec3 .indexPickupBody {
    margin-top: 2.5em; }

  .secSingle.sec3 .indexPickupBody > p {
    font-size: 5vw; }

  /*SINGLE_お知らせ*/
  header.headInformation p.informationData {
    margin-bottom: 3.5vw; }

  header.headInformation h1.infoTtl {
    font-size: 6.5vw; }

  header.headInformation .innerWrap {
    padding: 30vw 0 0; }

  header.headInformation .thumbnailImg {
    margin: 10vw -10vw 5vw; }

  .secInformation {
    margin-bottom: 25vw;
    padding-bottom: 25vw; }

  .secInformation .innerWrap p {
    font-size: 3.8vw;
    margin: 2.5em 0; }

  /*お知らせページネーション*/
  .pagenationWrap {
    width: 80%;
    max-width: 128rem;
    margin: 0 auto;
    background: #f8f8f8;
    padding: 3rem 0;
    border-radius: 6rem; }

  .pagenationWrap .flexPagenation {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }

  .pagenationWrap .flexPagenation > .flexLeft {
    width: 50%; }

  .pagenationWrap .flexPagenation > .flexLeft p {
    text-align: left; }

  .pagenationWrap .flexPagenation > .flexRight {
    width: 50%; }

  .pagenationWrap .flexPagenation > .flexRight p {
    text-align: right; } }
/*add*/
.aspect.circle {
  overflow: hidden; }

/* キャリアステップ 調整 */
.careerh {
  height: auto;
  position: relative;
  background: #000; }

.careerWrap .careerItem {
  border-top: 0;
  border-bottom: 0; }

.careerWrap #careerh1 .careerItem, .careerWrap #careerh2 .careerItem, .careerWrap #careerh3 .careerItem {
  border-top: dashed 1px #231815;
  border-bottom: 0; }

.careerWrap .careerh:last-child {
  border-bottom: dashed 1px #231815; }

aside#aside .flexWrap > .flexLeft img {
  width: 100%;
  max-width: 320px; }

/* ヘッダー調整 */
.headLogo img {
  width: 7.5rem;
  height: 7.5rem; }

@media (max-width: 767px) {
  .headLogo img {
    width: 12vw;
    height: 12vw; } }
/* 5分で知る 調整*/