@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("../font/icon.eot");
  src: url("../font/icon.eot?#iefix") format("eot"), url("../font/icon.woff") format("woff"), url("../font/icon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.m-gnav a > span::before, .m-header__nav > ul > li > a::before, .m-header__menuclose::before, .m-btn::before, .m-btn-cv::before, .m-cvtop__scroll a::before, .m-faqbox__item .m-faqbox__ttl::before, .m-faqbox__item > dd::before, .m-ttlnum-01::before, .m-ttlnum-02::before, .m-ttlnum-03::before, .m-ttlnum-04::before, .m-ttlnum-05::before, .m-ttlnum-06::before, .m-ttlnum-07::before, .m-lineup__nav li.m-lineup__prev::before, .m-lineup__nav li.m-lineup__next::before, .m-anchor::before, .m-pagetop > a::after, .m-topmain__catch .txt_ku::before, .m-topmain__catch .txt_ra::before, .m-topmain__catch .txt_shi::before, .m-topmain__catch .txt_ni::before, .m-topmain__catch .txt_ten::before, .m-topmain__catch .txt_ha::before, .m-topmain__catch .txt_re::before, .m-topmain__catch .txt_no::before, .m-topmain__catch .txt_hi::before, .m-topmain__catch .txt_wo::before, .m-topmain__catch .txt_maru::before, .m-topmain__catch .txt_shi_kata::before, .m-topmain__catch .txt_ne_kata::before, .m-topmain__catch .txt_ma_kata::before, .m-topmain__catch .txt_egao1::before, .m-topmain__catch .txt_egao2::before, .m-topmain__scroll a::before {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*=========================================================================
//
// basic
//
==========================================================================*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*-------------------------------------------------------------------------
 base setting
--------------------------------------------------------------------------*/
body,
input,
textarea,
select,
option,
button {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  line-height: 1.8;
  font-size: 14px;
  color: #000;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px) {
  body,
  input,
  textarea,
  select,
  option,
  button {
    font-size: 12px;
  }
}

body {
  background-color: #000;
}

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

body, p, form,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: normal;
}

ul,
ol,
li {
  list-style: none;
}

p {
  word-wrap: break-word;
}

a:link,
a:visited {
  color: #b50081;
  text-decoration: underline;
}

a:active,
a:hover {
  text-decoration: none;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px;
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #d2d2d2;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 8px;
  vertical-align: middle;
}

textarea {
  width: 100%;
  display: block;
  resize: vertical;
  padding: 4px;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

select {
  padding: 3px;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button {
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}

label {
  display: block;
  cursor: pointer;
}

/*=========================================================================
//
// general
//
==========================================================================*/
/*-------------------------------------------------------------------------
 general
--------------------------------------------------------------------------*/
.g-clearfix {
  *zoom: 1;
}

.g-clearfix::after {
  content: ".";
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
}

.g-img-full {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.g-img-max {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.g-align-l {
  text-align: left !important;
}

.g-align-c {
  text-align: center !important;
}

.g-align-r {
  text-align: right !important;
}

.g-align-t {
  vertical-align: top !important;
}

.g-align-m {
  vertical-align: middle !important;
}

.g-align-b {
  vertical-align: bottom !important;
}

.g-align-c-mq {
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  .g-align-c-mq {
    text-align: left !important;
  }
}

.g-center {
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.g-left {
  display: table !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.g-right {
  display: table !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.g-nowrap {
  white-space: nowrap !important;
}

.g-block {
  display: block !important;
}

.g-inline {
  display: inline !important;
}

.g-block-pc {
  display: block !important;
}

.g-block-sp {
  display: none !important;
}

.g-inline-pc {
  display: inline !important;
}

.g-inline-sp {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .g-block-pc {
    display: none !important;
  }
  .g-block-sp {
    display: block !important;
  }
  .g-inline-pc {
    display: none !important;
  }
  .g-inline-sp {
    display: inline !important;
  }
}

/* margin, padding
----------------------------------------------------------- */
.g-mt-0 {
  margin-top: 0px !important;
}

.g-mt-5 {
  margin-top: 5px !important;
}

.g-mt-10 {
  margin-top: 10px !important;
}

.g-mt-15 {
  margin-top: 15px !important;
}

.g-mt-20 {
  margin-top: 20px !important;
}

.g-mt-25 {
  margin-top: 25px !important;
}

.g-mt-30 {
  margin-top: 30px !important;
}

.g-mt-35 {
  margin-top: 35px !important;
}

.g-mt-40 {
  margin-top: 40px !important;
}

.g-mt-45 {
  margin-top: 45px !important;
}

.g-mt-50 {
  margin-top: 50px !important;
}

.g-mb-0 {
  margin-bottom: 0px !important;
}

.g-mb-5 {
  margin-bottom: 5px !important;
}

.g-mb-10 {
  margin-bottom: 10px !important;
}

.g-mb-15 {
  margin-bottom: 15px !important;
}

.g-mb-20 {
  margin-bottom: 20px !important;
}

.g-mb-25 {
  margin-bottom: 25px !important;
}

.g-mb-30 {
  margin-bottom: 30px !important;
}

.g-mb-35 {
  margin-bottom: 35px !important;
}

.g-mb-40 {
  margin-bottom: 40px !important;
}

.g-mb-45 {
  margin-bottom: 45px !important;
}

.g-mb-50 {
  margin-bottom: 50px !important;
}

.g-ml-0 {
  margin-left: 0px !important;
}

.g-ml-5 {
  margin-left: 5px !important;
}

.g-ml-10 {
  margin-left: 10px !important;
}

.g-ml-15 {
  margin-left: 15px !important;
}

.g-ml-20 {
  margin-left: 20px !important;
}

.g-ml-25 {
  margin-left: 25px !important;
}

.g-ml-30 {
  margin-left: 30px !important;
}

.g-ml-35 {
  margin-left: 35px !important;
}

.g-ml-40 {
  margin-left: 40px !important;
}

.g-ml-45 {
  margin-left: 45px !important;
}

.g-ml-50 {
  margin-left: 50px !important;
}

.g-mr-0 {
  margin-right: 0px !important;
}

.g-mr-5 {
  margin-right: 5px !important;
}

.g-mr-10 {
  margin-right: 10px !important;
}

.g-mr-15 {
  margin-right: 15px !important;
}

.g-mr-20 {
  margin-right: 20px !important;
}

.g-mr-25 {
  margin-right: 25px !important;
}

.g-mr-30 {
  margin-right: 30px !important;
}

.g-mr-35 {
  margin-right: 35px !important;
}

.g-mr-40 {
  margin-right: 40px !important;
}

.g-mr-45 {
  margin-right: 45px !important;
}

.g-mr-50 {
  margin-right: 50px !important;
}

.g-pt-0 {
  padding-top: 0px !important;
}

.g-pt-5 {
  padding-top: 5px !important;
}

.g-pt-10 {
  padding-top: 10px !important;
}

.g-pt-15 {
  padding-top: 15px !important;
}

.g-pt-20 {
  padding-top: 20px !important;
}

.g-pt-25 {
  padding-top: 25px !important;
}

.g-pt-30 {
  padding-top: 30px !important;
}

.g-pt-35 {
  padding-top: 35px !important;
}

.g-pt-40 {
  padding-top: 40px !important;
}

.g-pt-45 {
  padding-top: 45px !important;
}

.g-pt-50 {
  padding-top: 50px !important;
}

/* width
--------------------------------------------------------*/
.g-width-5 {
  width: 5% !important;
}

.g-width-10 {
  width: 10% !important;
}

.g-width-15 {
  width: 15% !important;
}

.g-width-20 {
  width: 20% !important;
}

.g-width-25 {
  width: 25% !important;
}

.g-width-30 {
  width: 30% !important;
}

.g-width-35 {
  width: 35% !important;
}

.g-width-40 {
  width: 40% !important;
}

.g-width-45 {
  width: 45% !important;
}

.g-width-50 {
  width: 50% !important;
}

.g-width-55 {
  width: 55% !important;
}

.g-width-60 {
  width: 60% !important;
}

.g-width-65 {
  width: 65% !important;
}

.g-width-70 {
  width: 70% !important;
}

.g-width-75 {
  width: 75% !important;
}

.g-width-80 {
  width: 80% !important;
}

.g-width-85 {
  width: 85% !important;
}

.g-width-90 {
  width: 90% !important;
}

.g-width-95 {
  width: 95% !important;
}

.g-width-100 {
  width: 100% !important;
}

.g-width-33 {
  width: 33% !important;
}

.g-width-full {
  width: 100% !important;
}

.g-width-auto {
  width: auto !important;
}

.g-width-pc-5 {
  width: 5% !important;
}

.g-width-pc-10 {
  width: 10% !important;
}

.g-width-pc-15 {
  width: 15% !important;
}

.g-width-pc-20 {
  width: 20% !important;
}

.g-width-pc-25 {
  width: 25% !important;
}

.g-width-pc-30 {
  width: 30% !important;
}

.g-width-pc-35 {
  width: 35% !important;
}

.g-width-pc-40 {
  width: 40% !important;
}

.g-width-pc-45 {
  width: 45% !important;
}

.g-width-pc-50 {
  width: 50% !important;
}

.g-width-pc-55 {
  width: 55% !important;
}

.g-width-pc-60 {
  width: 60% !important;
}

.g-width-pc-65 {
  width: 65% !important;
}

.g-width-pc-70 {
  width: 70% !important;
}

.g-width-pc-75 {
  width: 75% !important;
}

.g-width-pc-80 {
  width: 80% !important;
}

.g-width-pc-85 {
  width: 85% !important;
}

.g-width-pc-90 {
  width: 90% !important;
}

.g-width-pc-95 {
  width: 95% !important;
}

.g-width-pc-100 {
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  .g-width-pc-5 {
    width: 100% !important;
  }
  .g-width-pc-10 {
    width: 100% !important;
  }
  .g-width-pc-15 {
    width: 100% !important;
  }
  .g-width-pc-20 {
    width: 100% !important;
  }
  .g-width-pc-25 {
    width: 100% !important;
  }
  .g-width-pc-30 {
    width: 100% !important;
  }
  .g-width-pc-35 {
    width: 100% !important;
  }
  .g-width-pc-40 {
    width: 100% !important;
  }
  .g-width-pc-45 {
    width: 100% !important;
  }
  .g-width-pc-50 {
    width: 100% !important;
  }
  .g-width-pc-55 {
    width: 100% !important;
  }
  .g-width-pc-60 {
    width: 100% !important;
  }
  .g-width-pc-65 {
    width: 100% !important;
  }
  .g-width-pc-70 {
    width: 100% !important;
  }
  .g-width-pc-75 {
    width: 100% !important;
  }
  .g-width-pc-80 {
    width: 100% !important;
  }
  .g-width-pc-85 {
    width: 100% !important;
  }
  .g-width-pc-90 {
    width: 100% !important;
  }
  .g-width-pc-95 {
    width: 100% !important;
  }
  .g-width-pc-100 {
    width: 100% !important;
  }
}

/*-------------------------------------------------------------------------
 keyframes
--------------------------------------------------------------------------*/
@-webkit-keyframes menu_open1 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(14px) rotate(0);
            transform: translateY(14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(14px) rotate(45deg);
            transform: translateY(14px) rotate(45deg);
  }
}
@keyframes menu_open1 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(14px) rotate(0);
            transform: translateY(14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(14px) rotate(45deg);
            transform: translateY(14px) rotate(45deg);
  }
}

@-webkit-keyframes menu_open3 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-14px) rotate(0);
            transform: translateY(-14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-14px) rotate(-45deg);
            transform: translateY(-14px) rotate(-45deg);
  }
}

@keyframes menu_open3 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-14px) rotate(0);
            transform: translateY(-14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-14px) rotate(-45deg);
            transform: translateY(-14px) rotate(-45deg);
  }
}

@-webkit-keyframes menu_close1 {
  0% {
    -webkit-transform: translateY(14px) rotate(45deg);
            transform: translateY(14px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(14px) rotate(0);
            transform: translateY(14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes menu_close1 {
  0% {
    -webkit-transform: translateY(14px) rotate(45deg);
            transform: translateY(14px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(14px) rotate(0);
            transform: translateY(14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes menu_close3 {
  0% {
    -webkit-transform: translateY(-14px) rotate(-45deg);
            transform: translateY(-14px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-14px) rotate(0);
            transform: translateY(-14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes menu_close3 {
  0% {
    -webkit-transform: translateY(-14px) rotate(-45deg);
            transform: translateY(-14px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-14px) rotate(0);
            transform: translateY(-14px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes menu_open_sp1 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
            transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(11px) rotate(45deg);
            transform: translateY(11px) rotate(45deg);
  }
}

@keyframes menu_open_sp1 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
            transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(11px) rotate(45deg);
            transform: translateY(11px) rotate(45deg);
  }
}

@-webkit-keyframes menu_open_sp3 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-12px) rotate(0);
            transform: translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-12px) rotate(-45deg);
            transform: translateY(-12px) rotate(-45deg);
  }
}

@keyframes menu_open_sp3 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-12px) rotate(0);
            transform: translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-12px) rotate(-45deg);
            transform: translateY(-12px) rotate(-45deg);
  }
}

@-webkit-keyframes menu_close_sp1 {
  0% {
    -webkit-transform: translateY(11px) rotate(45deg);
            transform: translateY(11px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
            transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes menu_close_sp1 {
  0% {
    -webkit-transform: translateY(11px) rotate(45deg);
            transform: translateY(11px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
            transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes menu_close_sp3 {
  0% {
    -webkit-transform: translateY(-12px) rotate(-45deg);
            transform: translateY(-12px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-12px) rotate(0);
            transform: translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes menu_close_sp3 {
  0% {
    -webkit-transform: translateY(-12px) rotate(-45deg);
            transform: translateY(-12px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-12px) rotate(0);
            transform: translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes scr_bounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
}

@keyframes scr_bounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes letter_glow {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, .1);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, .9);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0.85;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, 0);
  }
}

@keyframes letter_glow {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, .1);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, .9);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0.85;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes letter_glow_sp {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, .1);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, .9);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0.85;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0);
  }
}

@keyframes letter_glow_sp {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, .1);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, .9);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0.85;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

/*=========================================================================
//
// module
//
==========================================================================*/
/* footer */
.m-footer {
  background-color: #fff;
}

.m-footer__inner {
  width: 1024px;
  margin: 0 auto;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-footer__top {
  padding: 65px 0;
  text-align: center;
}

.m-footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}

.m-footer__menu > li {
  margin-left: 100px;
}

.m-footer__menu > li:first-child {
  margin-left: 0;
}

.m-footer__menu a {
  text-decoration: none;
  color: #000;
}

.m-footer__menu a:hover {
  text-decoration: underline;
}

.m-footer__logo {
  margin-top: 38px;
  line-height: 1;
}

.m-footer__logo a {
  display: inline-block;
}

.m-footer__logo img {
  width: 420px;
  height: 32px;
  vertical-align: bottom;
}
.m-footer__logo._only-logo img {
  width: 224px;
}

.m-footer__copyright {
  margin-top: 35px;
  font-size: 12px;
  color: #999;
}

.m-footer__copyright small {
  font-size: 12px;
}

.m-footer__btm {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.m-footer__btm .m-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.m-footer__nav {
  font-size: 12px;
  overflow: hidden;
}

.m-footer__nav > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 26px;
  padding: 5px 0;
  line-height: 1;
}

.m-footer__nav > li:first-child {
  margin-right: 26px;
}

.m-footer__nav > li a {
  display: inline-block;
  text-decoration: none;
  color: #000;
}

.m-footer__nav > li a:hover {
  text-decoration: underline;
}

.m-footer__nav > li a.m-blank::before {
  vertical-align: baseline;
}

.m-footer__navlogo {
  width: 56px;
  height: 17px;
}

.m-footer__navlogo img {
  width: 56px;
  height: 17px;
  vertical-align: bottom;
}

.m-footer__activity {
  width: 114px;
  height: 24px;
  line-height: 1;
}

.m-footer__activity a {
  display: inline-block;
}

.m-footer__activity img {
  width: 114px;
  height: 24px;
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  .m-footer__inner {
    width: 100%;
    min-width: 320px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-footer__top {
    padding: 25px 0;
  }
  .m-footer__menu {
    display: inline-block;
    margin: 0 auto;
    font-size: 11px;
  }
  .m-footer__menu > li {
    display: inline-block;
    margin-left: 17px;
    padding: 5px 0;
  }
  .m-footer__menu > li:first-child {
    margin-left: 0;
  }
  .m-footer__logo {
    width: 300px;
    height: 23px;
    margin: 25px auto 0;
  }
  .m-footer__logo img {
    width: 300px;
    height: 23px;
  }
  .m-footer__logo._only-logo {
    width: 161px;
  }
  .m-footer__logo._only-logo img {
    width: 161px;
  }
  .m-footer__copyright {
    margin-top: 32px;
    font-size: 10px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .m-footer__copyright small {
    font-size: 10px;
  }
  .m-footer__btm .m-footer__inner {
    display: block;
    padding: 20px 10px 55px;
  }
  .m-footer__nav {
    display: table;
    margin: 0 auto;
    font-size: 11px;
  }
  .m-footer__nav > li:first-child {
    position: absolute;
    bottom: 14px;
    left: 25px;
  }
  .m-footer__nav > li:last-child {
    margin-right: 0;
  }
  .m-footer__activity {
    position: absolute;
    bottom: 12px;
    right: 25px;
  }
}

/* gnav */
.m-gnav {
  display: none;
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: 100%;
  height: calc(100vh - 80px);
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .9);
  padding-top: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 300;
}

.m-gnav a {
  display: block;
  width: 100%;
  padding: 13px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-size: 34px;
  line-height: 1;
}

.m-gnav a svg {
  height: 34px;
  fill: #fff;
  vertical-align: bottom;
}

.m-gnav a svg.m-ttl-top {
  width: 49.78571px;
}

.m-gnav a svg.m-ttl-vision {
  width: 83.78569px;
}

.m-gnav a svg.m-ttl-message {
  width: 122.64286px;
}

.m-gnav a svg.m-ttl-about {
  width: 83.78569px;
}

.m-gnav a svg.m-ttl-interview {
  width: 134.78571px;
}

.m-gnav a svg.m-ttl-career {
  width: 95.92857px;
}

.m-gnav a svg.m-ttl-requirement {
  width: 180.92857px;
}

.m-gnav a svg.m-ttl-faq {
  width: 58.28571px;
}

.m-gnav a > span {
  display: inline-block;
  padding-left: 55px;
  position: relative;
}

.m-gnav a > span::before {
  content: "\EA02";
  position: absolute;
  top: -6px;
  left: 0;
  font-size: 40px;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(-20px) rotate(-90deg);
          transform: translateX(-20px) rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-gnav a > span > span {
  display: block;
  font-size: 12px;
  margin-top: 3px;
  line-height: 1.2;
}

.m-gnav a:hover {
  background-color: rgba(51, 51, 51, .9);
}

.m-gnav a:hover > span::before {
  opacity: 1;
  -webkit-transform: translateX(0) rotate(-90deg);
          transform: translateX(0) rotate(-90deg);
}

@media screen and (max-width: 767px) {
  .m-gnav {
    top: 0;
    height: 100%;
    padding-top: 110px;
  }
  .m-gnav:before {
    content: "";
    display: block;
    position: fixed;
    top: 110px;
    left: 0;
    width: 100%;
    height: 30px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, black), to(transparent));
    background: linear-gradient(to top, black 50%, transparent);
    z-index: 301;
  }
  .m-gnav > ul {
    overflow-y: scroll;
    height: calc(100vh - 110px);
    padding-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-gnav a {
    padding: 8px 10px;
    font-size: 26px;
  }
  .m-gnav a svg {
    height: 26px;
  }
  .m-gnav a svg.m-ttl-top {
    width: 38.07143px;
  }
  .m-gnav a svg.m-ttl-vision {
    width: 64.07141px;
  }
  .m-gnav a svg.m-ttl-message {
    width: 93.78571px;
  }
  .m-gnav a svg.m-ttl-about {
    width: 64.07141px;
  }
  .m-gnav a svg.m-ttl-interview {
    width: 103.07143px;
  }
  .m-gnav a svg.m-ttl-career {
    width: 73.35714px;
  }
  .m-gnav a svg.m-ttl-requirement {
    width: 138.35714px;
  }
  .m-gnav a svg.m-ttl-faq {
    width: 44.57143px;
  }
  .m-gnav a > span {
    padding-left: 0;
  }
  .m-gnav a > span::before {
    content: none;
  }
  .m-gnav a > span > span {
    font-size: 10px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    margin-top: 1px;
  }
  .m-gnav a:hover {
    background: none;
  }
  .m-gnav a:hover > span::before {
    content: none;
  }
}

/* header */
.m-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 200;
}

.m-header__inner {
  max-width: 1400px;
  min-width: 1024px;
  height: 80px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.m-header__inner.is-nognav {
  padding-right: 0;
}

.m-header__inner.is-nognav .m-header__btn {
  display: none;
}

.m-header__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-color: #fff;
}

.m-header__btn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.m-header__btn a > span {
  display: block;
  background-color: #000;
  width: 36px;
  height: 2px;
  position: absolute;
  left: 22px;
}

.m-header__btn a > span:nth-child(1) {
  top: 25px;
}

.m-header__btn a > span:nth-child(2) {
  top: 39px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.m-header__btn a > span:nth-child(3) {
  top: 53px;
}

.m-header__btn a.is-open > span:nth-child(1) {
  -webkit-animation: menu_open1 0.3s forwards;
          animation: menu_open1 0.3s forwards;
}

.m-header__btn a.is-open > span:nth-child(2) {
  opacity: 0;
}

.m-header__btn a.is-open > span:nth-child(3) {
  -webkit-animation: menu_open3 0.3s forwards;
          animation: menu_open3 0.3s forwards;
}

.m-header__btn a.is-close > span:nth-child(1) {
  -webkit-animation: menu_close1 0.3s forwards;
          animation: menu_close1 0.3s forwards;
}

.m-header__btn a.is-close > span:nth-child(2) {
  opacity: 1;
}

.m-header__btn a.is-close > span:nth-child(3) {
  -webkit-animation: menu_close3 0.3s forwards;
          animation: menu_close3 0.3s forwards;
}

.m-header__logo {
  margin-left: 28px;
  line-height: 1;
}

.m-header__logo a {
  display: inline-block;
}

.m-header__logo img {
  width: 300px;
  height: 33px;
}

.m-header__logo > * {
  vertical-align: middle;
}

.m-header__cate {
  display: inline-block;
  margin: 3px 0 0 20px;
  font-weight: bold;
  font-size: 16px;
}

.m-header__nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-header__nav > ul > li {
  width: 130px;
  height: 80px;
  border-left: 1px solid #fff;
}

.m-header__nav > ul > li:first-child {
  border-left: 0;
}

.m-header__nav > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1.5;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-header__nav > ul > li > a::before {
  content: "\EA02";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
  font-size: 54px;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(-20px) rotate(-90deg);
          transform: translateX(-20px) rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-header__nav > ul > li > a:hover {
  background-color: rgba(0, 0, 0, .75);
}

.m-header__nav > ul > li > a:hover::before {
  opacity: 0.5;
  -webkit-transform: translateX(0) rotate(-90deg);
          transform: translateX(0) rotate(-90deg);
}

.m-header__nav > ul > li.m-header__entry > a, .m-header__nav > ul > li.m-header__search > a {
  background-color: #b50081;
  font-weight: bold;
  font-size: 16px;
}

.m-header__nav > ul > li.m-header__entry > a:hover, .m-header__nav > ul > li.m-header__search > a:hover {
  background-color: rgba(181, 0, 129, .8);
}

.m-header__nav > ul > li.m-header__entry > a:hover::before, .m-header__nav > ul > li.m-header__search > a:hover::before {
  opacity: 0.7;
}

.m-header__nav > ul > li.m-header__entry > a .m-iconBlank, .m-header__nav > ul > li.m-header__search > a .m-iconBlank {
  width: 12px;
  height: 12px;
  margin: 0 0 0 10px;
}

.m-header__nav > ul > li.m-header__search > a {
  font-size: 14px;
}

.m-header__menuclose {
  display: none;
  z-index: 301;
  position: absolute;
  top: 20px;
  right: 18px;
  width: 18px;
  height: 18px;
  color: #fff;
}

.m-header__menuclose::before {
  content: "\EA04";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 18px;
  font-weight: bold;
}

.m-header__menuclose span {
  display: inline-block;
  overflow: hidden;
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .m-header {
    height: 60px;
  }
  .m-header__inner {
    min-width: 320px;
    height: 60px;
    padding-right: 55px;
  }
  .m-header__inner.is-nognav {
    padding-right: 55px;
  }
  .m-header__inner.is-nognav .m-header__btn {
    display: block;
  }
  .m-header__btn {
    width: 55px;
    height: 55px;
  }
  .m-header__btn a > span {
    width: 25px;
    height: 2px;
    left: 15px;
  }
  .m-header__btn a > span:nth-child(1) {
    top: 18px;
  }
  .m-header__btn a > span:nth-child(2) {
    top: 29px;
  }
  .m-header__btn a > span:nth-child(3) {
    top: 40px;
  }
  .m-header__btn a.is-open > span:nth-child(1) {
    -webkit-animation: menu_open_sp1 0.3s forwards;
            animation: menu_open_sp1 0.3s forwards;
  }
  .m-header__btn a.is-open > span:nth-child(3) {
    -webkit-animation: menu_open_sp3 0.3s forwards;
            animation: menu_open_sp3 0.3s forwards;
  }
  .m-header__btn a.is-close > span:nth-child(1) {
    -webkit-animation: menu_close_sp1 0.3s forwards;
            animation: menu_close_sp1 0.3s forwards;
  }
  .m-header__btn a.is-close > span:nth-child(3) {
    -webkit-animation: menu_close_sp3 0.3s forwards;
            animation: menu_close_sp3 0.3s forwards;
  }
  .m-header__logo {
    margin-left: 12px;
  }
  .m-header__logo > a {
    width: 200px;
    height: 22px;
  }
  .m-header__logo img {
    width: 200px;
    height: 22px;
  }
  .m-header__cate {
    margin: 1px 0 0 10px;
    font-size: 11px;
  }
  .m-header__nav {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    z-index: 301;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .m-header__nav > ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 20px;
  }
  .m-header__nav > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 29%;
    height: 40px;
    border-color: #000;
  }
  .m-header__nav > ul > li > a {
    width: auto;
    background-color: #fff;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    color: #000;
    font-size: 11px;
    -webkit-transition: none;
    transition: none;
  }
  .m-header__nav > ul > li > a::before {
    margin: -20px 0 0 -20px;
    font-size: 40px;
  }
  .m-header__nav > ul > li > a:hover {
    background-color: #fff;
  }
  .m-header__nav > ul > li > a:hover::before {
    color: #000;
  }
  .m-header__nav > ul > li.m-header__entry, .m-header__nav > ul > li.m-header__search {
    margin-left: 2%;
    width: 32%;
  }
  .m-header__nav > ul > li.m-header__entry > a, .m-header__nav > ul > li.m-header__search > a {
    font-size: 13px;
    color: #fff;
  }
  .m-header__nav > ul > li.m-header__entry > a::before, .m-header__nav > ul > li.m-header__search > a::before {
    color: #fff;
  }
  .m-header__nav > ul > li.m-header__search > a {
    font-size: 11px;
  }
  .is-gnavopen .m-header__nav {
    top: 70px;
    opacity: 1;
  }
  .is-gnavopen .m-header__menuclose {
    display: inline-block;
  }
  .is-nognav .m-header__nav > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 50%;
  }
  .is-nognav .m-header__nav > ul > li.m-header__search {
    position: absolute;
    top: 65px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: 0;
  }
}

@media screen and (max-width: 355px) {
  .m-header__logo > a {
    width: 190px;
    height: 21px;
  }
  .m-header__logo img {
    width: 190px;
    height: 21px;
  }
  .m-header__cate {
    display: block;
    margin: 7px 0 0 0;
  }
}

/* loader */
html.is-transition .m-loader {
  opacity: 1;
}

html.is-transition .m-loader::before {
  left: 0;
}

html.is-transition .m-loader::after {
  right: 0;
}

html.is-transition .m-loader__txt {
  opacity: 1;
}

html.is-transition .m-wrapper {
  opacity: 0.8;
  -webkit-transition: opacity 0.6s 0.6s;
  transition: opacity 0.6s 0.6s;
}

.m-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.8s 0.2s ease;
  transition: opacity 0.8s 0.2s ease;
}

.m-loader::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: url(/recruit/assets/img/bg_pattern_black.png) repeat top right;
  z-index: 1001;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

@media screen and (max-width: 767px) {
  .m-loader::before {
    background-size: 155px 171px;
  }
}

.m-loader::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  right: -50%;
  width: 50%;
  height: 100%;
  background: url(/recruit/assets/img/bg_pattern_black.png) repeat top left;
  z-index: 1001;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

@media screen and (max-width: 767px) {
  .m-loader::after {
    background-size: 155px 171px;
  }
}

.m-loader__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
  z-index: 1002;
}

.m-loader__txt {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 598px;
  height: 156px;
  opacity: 0;
  -webkit-transition: opacity 0.6s 0.4s ease;
  transition: opacity 0.6s 0.4s ease;
}

.m-loader__txt img {
  width: 598px;
  height: 156px;
}

@media screen and (max-width: 767px) {
  .m-loader__txt {
    width: 290px;
    height: 76px;
  }
  .m-loader__txt img {
    width: 290px;
    height: 76px;
  }
}

/* main */
.m-main {
  margin-top: 80px;
  padding-bottom: 140px;
  background-color: #ededed;
  overflow: hidden;
}

.m-main__inner {
  min-width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .m-main {
    margin-top: 60px;
    padding-bottom: 100px;
  }
  .m-main__inner {
    width: 100%;
    min-width: 320px;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.m-cntarea {
  width: 1024px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .m-cntarea {
    width: 100%;
    min-width: 320px;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.m-cntbox {
  margin-top: 100px;
  padding: 45px 50px;
  background-color: #fff;
}

.m-cntbox:first-child {
  margin-top: 60px;
}

.m-cntbox > :first-child {
  margin-top: 0;
}

.m-cntbox > :last-child {
  margin-bottom: 0;
}

.m-cntbox > section:first-child > :first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .m-cntbox {
    margin-top: 50px;
    padding: 25px 20px;
  }
  .m-cntbox:first-child {
    margin-top: 40px;
  }
}

.m-cntfull {
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-top: 100px;
  background-color: #fff;
}

.m-cntfull__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 45px 25px;
}

.m-cntfull__inner > :first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .m-cntfull {
    margin-top: 50px;
  }
  .m-cntfull__inner {
    width: 100%;
    padding: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.m-bgPattern {
  background: #fff url(/recruit/assets/img/bg_pattern_white.png) repeat 0 0;
}

@media screen and (max-width: 767px) {
  .m-bgPattern {
    background-size: 201px 179px;
  }
}

/* wrapper */
.m-wrapper {
  min-width: 1024px;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.m-wrapper.is-gnavopen {
  position: fixed;
  width: 100%;
  height: 100%;
  height: 100vh;
}

@media screen and (max-width: 767px) {
  .m-wrapper {
    min-width: 320px;
  }
}

/*-------------------------------------------------------------------------
 事業内容
--------------------------------------------------------------------------*/
/* ブランドコンセプト */
.m-brandConcept {
  margin-top: 55px;
}

.m-brandConcept__ttl {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
}

.m-brandConcept__subttl {
  text-align: center;
  font-weight: bold;
}

.m-brandConcept__text {
  margin-top: 15px;
  text-align: center;
  line-height: 2;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .m-brandConcept {
    margin-top: 35px;
  }
  .m-brandConcept__ttl {
    font-size: 23px;
  }
  .m-brandConcept__subttl {
    font-size: 13px;
  }
  .m-brandConcept__text {
    margin-top: 8px;
    text-align: left;
    line-height: 1.8;
    font-size: 13px;
  }
}

/* 4つの行動指針 */
.m-guidelines__box {
  background-color: #edece6;
}

.m-guidelines__box._only-body .m-guidelines__head {
  display: none;
}

.m-guidelines__head {
  padding: 18px;
  background-color: #000;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}

.m-guidelines__body {
  padding: 15px 25px 20px;
}
.m-guidelinesCol._only-body .m-guidelines__body {
  padding: 25px;
}

.m-guidelines__body > dt {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.m-guidelines__body > dd {
  margin-top: 8px;
}

.m-guidelines__line img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .m-guidelines__head {
    padding: 15px;
    font-size: 16px;
  }
  .m-guidelines__body,
  .m-guidelinesCol._only-body .m-guidelines__body {
    padding: 12px 15px;
  }
  .m-guidelines__box._only-body .m-guidelines__body {
    padding: 15px;
  }
  .m-guidelines__body > dt {
    font-size: 14px;
  }
  .m-guidelines__body > dd {
    margin-top: 5px;
  }
  .m-guidelines__line {
    position: relative;
  }
  .m-guidelines__line img {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
  }
}

.m-guidelinesCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 -10px;
}

.m-guidelinesCol .m-guidelines__box {
  width: 33.3333%;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-guidelinesCol .m-guidelines__head {
  padding: 20px 10px;
  font-size: 16px;
}

.m-guidelinesCol._only-body .m-guidelines__head {
  display: none;
}

@media screen and (max-width: 767px) {
  .m-guidelinesCol {
    display: block;
    margin: 0;
  }
  .m-guidelinesCol .m-guidelines__box {
    width: calc(100% - 30px);
    margin: 20px 0 0 30px;
    position: relative;
  }
  .m-guidelinesCol .m-guidelines__box::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -17px;
    width: 2px;
    height: calc(100% + 20px);
    background-color: #999;
  }
  .m-guidelinesCol .m-guidelines__box:last-child::before {
    height: calc(50% + 20px);
  }
  .m-guidelinesCol .m-guidelines__box:last-child .m-guidelines__head::before {
    top: 35px;
  }
  .m-guidelinesCol .m-guidelines__head {
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
  }
  .m-guidelinesCol .m-guidelines__head::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -15px;
    width: 15px;
    height: 2px;
    background-color: #999;
  }
  .m-guidelinesCol._only-body .m-guidelines__head::before {
    display: none;
  }
  .m-guidelinesCol._only-body .m-guidelines__body::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    left: -15px;
    width: 15px;
    height: 2px;
    background-color: #999;
  }
}

/* 事業内容 */
.m-business {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.m-business__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.m-business__figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 420px;
          flex: 0 0 420px;
  margin-left: 40px;
}

.m-business__lead {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .m-business {
    display: block;
  }
  .m-business__figure {
    margin: 15px 0 0;
  }
  .m-business__lead {
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
  }
}

.m-busFigure {
  padding: 12px 10px 10px;
  background-color: #000;
  text-align: center;
}

.m-busFigure__ttl {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

.m-busFigure__list {
  margin-top: 12px;
}

.m-busFigure__list > li {
  margin-top: 10px;
  padding: 10px;
  background-color: #b50081;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}

.m-busFigure__cldlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 8px -5px 0;
}

.m-busFigure__cldlist > li {
  width: 50%;
  margin: 0 5px;
  padding: 10px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #000;
}

.m-busFigure__cldlist > li > dl {
  height: 100%;
}

.m-busFigure__cldlist > li > dl > dt {
  font-weight: bold;
  font-size: 16px;
}

.m-busFigure__cldlist > li > dl > dd {
  margin-top: 6px;
  line-height: 1.6;
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .m-busFigure {
    padding: 10px;
  }
  .m-busFigure__ttl {
    font-size: 12px;
  }
  .m-busFigure__list {
    margin-top: 10px;
  }
  .m-busFigure__list > li {
    margin-top: 5px;
    padding: 5px;
    font-size: 12px;
  }
  .m-busFigure__cldlist {
    margin: 6px -3px 0;
  }
  .m-busFigure__cldlist > li {
    width: 50%;
    margin: 0 3px;
    padding: 6px 8px 10px;
  }
  .m-busFigure__cldlist > li > dl > dt {
    font-size: 12px;
  }
  .m-busFigure__cldlist > li > dl > dd {
    margin-top: 3px;
    font-size: 10px;
  }
}

/* 映画館の仕事 */
.m-joblist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 30px;
}

.m-joblist__box {
  width: 452px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #ccc;
  margin-top: 20px;
  padding: 25px 30px;
}

.m-joblist__box:nth-child(even) {
  margin-left: 20px;
}

.m-joblist__box > :first-child {
  margin-top: 0;
}

.m-joblist__box > :last-child {
  margin-bottom: 0;
}

.m-joblist__box .m-list-dot {
  margin-top: 15px;
}

.m-joblist__ttl {
  margin-bottom: 16px;
  padding-left: 1.2em;
  font-weight: bold;
  font-size: 16px;
  position: relative;
}

.m-joblist__ttl::before {
  content: "■";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .m-joblist {
    display: block;
    margin-top: 25px;
  }
  .m-joblist__box {
    width: 100%;
    padding: 10px 15px 15px;
  }
  .m-joblist__box:nth-child(even) {
    margin-left: 0;
  }
  .m-joblist__box .m-list-dot {
    margin-top: 8px;
  }
  .m-joblist__ttl {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

/* 本部の仕事 */
.m-jobFigure {
  display: table;
  margin: 40px auto 0;
  padding: 182px;
  position: relative;
}

.m-jobFigure__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 190px;
  height: 190px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.m-jobFigure__list > li {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 142px;
  height: 142px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid #b50081;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  color: #b50081;
}

.m-jobFigure__list > li.m-jobFigure__design {
  padding-top: 18px;
  font-size: 14px;
}

.m-jobFigure__list > li::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 40px;
  background-color: #ccc;
}

.m-jobFigure__list > li:nth-child(1) {
  top: 0;
  left: 50%;
  margin-left: -71px;
}

.m-jobFigure__list > li:nth-child(1)::before {
  bottom: -44px;
  left: 66px;
}

.m-jobFigure__list > li:nth-child(2) {
  top: 60px;
  right: 60px;
}

.m-jobFigure__list > li:nth-child(2)::before {
  bottom: -20px;
  left: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.m-jobFigure__list > li:nth-child(3) {
  top: 50%;
  right: 0;
  margin-top: -71px;
}

.m-jobFigure__list > li:nth-child(3)::before {
  width: 40px;
  height: 2px;
  top: 66px;
  left: -44px;
}

.m-jobFigure__list > li:nth-child(4) {
  bottom: 60px;
  right: 60px;
}

.m-jobFigure__list > li:nth-child(4)::before {
  top: -20px;
  left: 4px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.m-jobFigure__list > li:nth-child(5) {
  bottom: 0;
  left: 50%;
  margin-left: -71px;
}

.m-jobFigure__list > li:nth-child(5)::before {
  top: -44px;
  left: 66px;
}

.m-jobFigure__list > li:nth-child(6) {
  bottom: 60px;
  left: 60px;
}

.m-jobFigure__list > li:nth-child(6)::before {
  top: -20px;
  right: 4px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.m-jobFigure__list > li:nth-child(7) {
  top: 50%;
  left: 0;
  margin-top: -71px;
}

.m-jobFigure__list > li:nth-child(7)::before {
  width: 40px;
  height: 2px;
  top: 66px;
  right: -44px;
}

.m-jobFigure__list > li:nth-child(8) {
  top: 60px;
  left: 60px;
}

.m-jobFigure__list > li:nth-child(8)::before {
  bottom: -20px;
  right: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.m-jobFigure.js-scr-jobFigure li {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.m-jobFigure.js-scr-jobFigure li:nth-child(1) {
  -webkit-transform: translate(0, 130px);
          transform: translate(0, 130px);
}

.m-jobFigure.js-scr-jobFigure li:nth-child(2) {
  -webkit-transform: translate(-80px, 80px);
          transform: translate(-80px, 80px);
}

.m-jobFigure.js-scr-jobFigure li:nth-child(3) {
  -webkit-transform: translate(-130px, 0);
          transform: translate(-130px, 0);
}

.m-jobFigure.js-scr-jobFigure li:nth-child(4) {
  -webkit-transform: translate(-80px, -80px);
          transform: translate(-80px, -80px);
}

.m-jobFigure.js-scr-jobFigure li:nth-child(5) {
  -webkit-transform: translate(0, -130px);
          transform: translate(0, -130px);
}

.m-jobFigure.js-scr-jobFigure li:nth-child(6) {
  -webkit-transform: translate(80px, -80px);
          transform: translate(80px, -80px);
}

.m-jobFigure.js-scr-jobFigure li:nth-child(7) {
  -webkit-transform: translate(130px, 0);
          transform: translate(130px, 0);
}

.m-jobFigure.js-scr-jobFigure li:nth-child(8) {
  -webkit-transform: translate(80px, 80px);
          transform: translate(80px, 80px);
}

.m-jobFigure.js-scr-jobFigure.is-shown li {
  opacity: 1;
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(1) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(2) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(3) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(4) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(5) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(6) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(7) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.m-jobFigure.js-scr-jobFigure.is-shown li:nth-child(8) {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media screen and (max-width: 767px) {
  .m-jobFigure {
    margin: 20px auto 0;
    padding: 77px;
  }
  .m-jobFigure__center {
    width: 76px;
    height: 76px;
    font-size: 12px;
  }
  .m-jobFigure__list > li {
    width: 60px;
    height: 60px;
    border: 2px solid #b50081;
    font-size: 10px;
    line-height: 1.4;
  }
  .m-jobFigure__list > li > span {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .m-jobFigure__list > li.m-jobFigure__design {
    padding-top: 4px;
    font-size: 10px;
  }
  .m-jobFigure__list > li.m-jobFigure__design > span {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .m-jobFigure__list > li::before {
    width: 1px;
    height: 17px;
  }
  .m-jobFigure__list > li:nth-child(1) {
    margin-left: -30px;
  }
  .m-jobFigure__list > li:nth-child(1)::before {
    bottom: -19px;
    left: 28px;
  }
  .m-jobFigure__list > li:nth-child(2) {
    top: 25px;
    right: 25px;
  }
  .m-jobFigure__list > li:nth-child(2)::before {
    bottom: -8px;
    left: 1px;
  }
  .m-jobFigure__list > li:nth-child(3) {
    margin-top: -30px;
  }
  .m-jobFigure__list > li:nth-child(3)::before {
    width: 17px;
    height: 1px;
    top: 32px;
    left: -19px;
  }
  .m-jobFigure__list > li:nth-child(4) {
    bottom: 25px;
    right: 25px;
  }
  .m-jobFigure__list > li:nth-child(4)::before {
    top: -8px;
    left: 1px;
  }
  .m-jobFigure__list > li:nth-child(5) {
    margin-left: -30px;
  }
  .m-jobFigure__list > li:nth-child(5)::before {
    top: -19px;
    left: 28px;
  }
  .m-jobFigure__list > li:nth-child(6) {
    bottom: 25px;
    left: 25px;
  }
  .m-jobFigure__list > li:nth-child(6)::before {
    top: -8px;
    right: 1px;
  }
  .m-jobFigure__list > li:nth-child(7) {
    margin-top: -30px;
  }
  .m-jobFigure__list > li:nth-child(7)::before {
    width: 17px;
    height: 1px;
    top: 32px;
    right: -19px;
  }
  .m-jobFigure__list > li:nth-child(8) {
    top: 25px;
    left: 25px;
  }
  .m-jobFigure__list > li:nth-child(8)::before {
    bottom: -8px;
    right: 1px;
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(1) {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(2) {
    -webkit-transform: translate(-30px, 30px);
            transform: translate(-30px, 30px);
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(3) {
    -webkit-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(4) {
    -webkit-transform: translate(-30px, -30px);
            transform: translate(-30px, -30px);
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(5) {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(6) {
    -webkit-transform: translate(30px, -30px);
            transform: translate(30px, -30px);
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(7) {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  .m-jobFigure.js-scr-jobFigure li:nth-child(8) {
    -webkit-transform: translate(30px, 30px);
            transform: translate(30px, 30px);
  }
}

/* エリアリンク */
.m-arealink {
  position: relative;
}

.m-arealink a {
  display: block;
  text-decoration: none;
  color: #000;
}

.m-arealink a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.m-arealink a:hover .m-btn {
  background-color: #b50081;
  color: #fff !important;
}

.m-arealink a:hover .m-btn::before {
  opacity: 0.7;
  -webkit-transform: translateX(0) rotate(-90deg);
          transform: translateX(0) rotate(-90deg);
}

.m-arealink a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* ボタン */
.m-btn {
  width: 290px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #b50081;
  text-decoration: none !important;
  color: #b50081 !important;
  line-height: 1.5;
  font-size: 16px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-btn.m-btn-l {
  width: 400px;
}

.m-btn::before {
  content: "\EA02";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
  font-size: 54px;
  color: #fff !important;
  opacity: 0;
  -webkit-transform: translateX(-20px) rotate(-90deg);
          transform: translateX(-20px) rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-btn:hover {
  background-color: #b50081;
  text-decoration: none !important;
  color: #fff !important;
}

.m-btn:hover::before {
  opacity: 0.7;
  -webkit-transform: translateX(0) rotate(-90deg);
          transform: translateX(0) rotate(-90deg);
}

.m-btn:hover .m-iconBlank {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .m-btn {
    width: auto;
    height: 46px;
    font-size: 13px;
    padding: 0 20px;
  }
  .m-btn.m-btn-l {
    width: auto;
  }
  .m-btn::before {
    margin: -20px 0 0 -20px;
    font-size: 40px;
  }
}

.m-btn-cv {
  width: 290px;
  height: 70px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #b50081;
  text-decoration: none !important;
  color: #fff !important;
  line-height: 1.5;
  font-size: 16px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-btn-cv::before {
  content: "\EA02";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
  font-size: 54px;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateX(-20px) rotate(-90deg);
          transform: translateX(-20px) rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-btn-cv .m-blank::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}

.m-btn-cv:hover {
  background-color: rgba(181, 0, 129, .8);
}

.m-btn-cv:hover::before {
  opacity: 0.7;
  -webkit-transform: translateX(0) rotate(-90deg);
          transform: translateX(0) rotate(-90deg);
}

@media screen and (max-width: 767px) {
  .m-btn-cv {
    width: auto;
    height: 46px;
    font-size: 13px;
    padding: 0 20px;
  }
  .m-btn-cv::before {
    margin: -20px 0 0 -20px;
    font-size: 40px;
  }
}

/* ボタンエリア */
.m-btnarea {
  margin: 30px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-btnarea > li {
  margin: 0 20px;
}

@media screen and (max-width: 767px) {
  .m-btnarea {
    margin: 25px auto;
    display: block;
  }
  .m-btnarea > li {
    width: 100%;
    max-width: 285px;
    margin: 20px auto 0;
  }
}

/*-------------------------------------------------------------------------
 キャリアステップ
--------------------------------------------------------------------------*/
/* キャリアプラン */

/***221226add***/
.m-careerPlan__theater {
	position: relative;
	padding: 30px 15px 30px 70px;
	border-top: 3px solid #d586b9;
	border-right: 3px solid #d586b9;
	border-bottom: 3px solid #d586b9;
  margin-top: 40px;
}

.m-careerPlan__theater-header {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #d586b9;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	text-indent: 1em;
	text-align: center;
	letter-spacing: 1em;
	padding: 0 12px;
	cursor: vertical-text;
	writing-mode: vertical-rl;
}
/***221226add end ***/

.m-careerPlan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-careerPlan__step {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 2px solid #fff;
  background-color: #f7e7f1;
  position: relative;
}

.m-careerPlan__step:nth-child(1) {
  border-left: 0;
}

.m-careerPlan__step:nth-child(1) .m-careerPlan__ttl {
  padding-top: 90px;
}

.m-careerPlan__step:nth-child(1) .m-careerPlan__cnt > dt {
  height: 60px;
}

.m-careerPlan__step:nth-child(1) .m-careerPlan__bln {
  top: 90px;
}

.m-careerPlan__step:nth-child(2) .m-careerPlan__ttl {
  padding-top: 60px;
}

.m-careerPlan__step:nth-child(2) .m-careerPlan__cnt > dt {
  height: 90px;
}

.m-careerPlan__step:nth-child(2) .m-careerPlan__bln {
  top: 60px;
}

.m-careerPlan__step:nth-child(3) .m-careerPlan__ttl {
  padding-top: 30px;
}

.m-careerPlan__step:nth-child(3) .m-careerPlan__cnt > dt {
  height: 120px;
}

.m-careerPlan__step:nth-child(3) .m-careerPlan__bln {
  top: 30px;
}

.m-careerPlan__step:nth-child(4) .m-careerPlan__cnt > dt {
  height: 150px;
}

.m-careerPlan__bln {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66px;
  height: 66px;
  padding-top: 15px;
  border-radius: 50%;
  background-color: #000;
  text-align: center;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
}

.m-careerPlan__bln > span {
  font-size: 16px;
}

.m-careerPlan__bln::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-style: solid;
  border-color: transparent;
  border-width: 8px 4px 0 4px;
  border-top-color: #000;
}

.m-careerPlan__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 70px);
  height: 74px;
  padding-left: 70px;
  background-color: #fff;
  font-weight: bold;
  font-size: 18px;
}

.m-careerPlan__cnt > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 10px;
  background-color: #d586ba;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.m-careerPlan__cnt > dd {
  padding: 20px;
}

.m-careerPlan__stepup {
  background-color: #b50081;
  margin-top: 2px;
  padding: 15px 10px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
	/***221226add***/
	position: relative;
	margin: 70px 0;
	/***221226add end ***/
}

/***221226add***/
.m-careerPlan__stepup::before {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 75px 30px 75px;
	border-color: transparent transparent #d586b9 transparent;
	margin: auto;
}

.m-careerPlan__stepup::after {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 75px 0 75px;
	border-color: #ffc000 transparent transparent transparent;
	margin: auto;
}
/***221226add end ***/

.m-careerPlan__stepup .m-note {
  font-size: 14px;
  font-weight: normal;
}

/***221226add ***/
.m-careerPlan__head-office {
	position: relative;
	padding: 30px 20px 15px 70px;
	border-top: 3px solid #ffc000;
	border-right: 3px solid #ffc000;
	border-bottom: 3px solid #ffc000;
}

.m-careerPlan__head-office-header {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #ffc000;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	text-indent: 1em;
	text-align: center;
	letter-spacing: 1em;
	padding: 0 12px;
	cursor: vertical-text;
	writing-mode: vertical-rl;
}

.m-careerPlan__head-office ul {
	display: flex;
	flex-wrap: wrap;
}

.m-careerPlan__head-office ul li {
	display: flex;
	align-items: center;
	width: 19%;
	height: 50px;
	background: #ffc000;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}

.m-careerPlan__head-office ul li:not(:nth-child(5n+5)) {
	margin-right: 1.25%;
}

.m-careerPlan__head-office ul li:last-child {
	background: none;
	color: inherit;
	text-align: left;
}

.m-careerPlan__head-office ul li span {
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
}
/***221226add end ***/

@media screen and (max-width: 767px) {

  .m-careerPlan {
    display: block;
    margin-top: 25px;
  }
  .m-careerPlan__step {
    width: 100%;
    border-left: none;
    background-color: inherit;
  }
  .m-careerPlan__step:nth-child(1) .m-careerPlan__ttl, .m-careerPlan__step:nth-child(2) .m-careerPlan__ttl, .m-careerPlan__step:nth-child(3) .m-careerPlan__ttl, .m-careerPlan__step:nth-child(4) .m-careerPlan__ttl {
    padding-top: 0;
  }
  .m-careerPlan__step:nth-child(1) .m-careerPlan__cnt > dt, .m-careerPlan__step:nth-child(2) .m-careerPlan__cnt > dt, .m-careerPlan__step:nth-child(3) .m-careerPlan__cnt > dt, .m-careerPlan__step:nth-child(4) .m-careerPlan__cnt > dt {
    height: auto;
  }
  .m-careerPlan__step:nth-child(1) .m-careerPlan__bln, .m-careerPlan__step:nth-child(2) .m-careerPlan__bln, .m-careerPlan__step:nth-child(3) .m-careerPlan__bln, .m-careerPlan__step:nth-child(4) .m-careerPlan__bln {
    top: 0;
  }
  .m-careerPlan__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 59px;
    font-size: 16px;
  }
  .m-careerPlan__cnt > dd {
    margin: 2px 0 25px;
    padding: 15px 20px;
    background-color: #f7e7f1;
    position: relative;
  }
  .m-careerPlan__cnt > dd::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-style: solid;
    border-color: transparent;
    border-top-width: 25px;
    border-left-width: calc(50vw - 45px);
    border-right-width: calc(50vw - 45px);
    border-top-color: #f7e7f1;
  }
  .m-careerPlan__stepup {
		/***221226delete 
    margin-top: 45px;
		***/
    padding: 12px 15px;
    font-size: 15px;
		/***221226add ***/
    margin: 20px 0 10px;
		/***221226add end ***/
  }
  .m-careerPlan__stepup .m-note {
    font-size: 12px;
  }

	/***221226add ***/
	.m-careerPlan__stepup::before,
	.m-careerPlan__stepup::after {
		content: none;
	}

	.m-careerPlan__sp-img {
		width: 100%;
	}
	/***221226add end ***/
}

/* 研修・教育制度について */
.m-trainingSystem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
}

.m-trainingSystem__col {
  width: 50%;
}

.m-trainingSystem__col:first-child {
  padding: 0 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-trainingSystem__ttl {
  margin-top: 20px;
}

.m-trainingSystem__ttl:first-child {
  margin-top: 0;
}

.m-trainingSystem__three {
  width: 350px;
  height: 330px;
  position: relative;
}

.m-trainingSystem__three > li {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border-width: 5px;
  border-style: solid;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.m-trainingSystem__three > li:nth-child(1) {
  top: 0;
  left: 50%;
  margin-left: -92px;
  border-color: #b50081;
  color: #b50081;
  z-index: 3;
}

.m-trainingSystem__three > li:nth-child(2) {
  bottom: 0;
  left: 0;
  border-color: #764baf;
  color: #764baf;
  z-index: 2;
}

.m-trainingSystem__three > li:nth-child(3) {
  bottom: 0;
  right: 0;
  border-color: #3772ba;
  color: #3772ba;
  z-index: 1;
}

/***221226add ***/
.m-cdp {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
}

.m-cdp__block:first-child {
	width: 100%;
	margin-bottom: 10px;
}

.m-cdp__block.col2 {
	width: 48.5%;
}

.m-cdp__sub-ttl__sp {
	display: none;
}

h3.m-cdp__ttl {
	position: relative;
	background-color: #b50081;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	padding: 10px 0;
}

h3.m-cdp__ttl span {
	font-size: 18px;
	line-height: 1;
	border: 3px solid #fff;
	padding: 3px 20px;
	margin: 0 20px;
}

.m-cdp__block:first-child h3.m-cdp__ttl {
	text-align: left;
	margin-bottom: 10px;
}

.m-cdp__block.col2 h3.m-cdp__ttl::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 25px 0;
	border-color: transparent #ffffff transparent transparent;
}

.m-cdp__txtbox {
	background-color: #f7e7f1;
	padding: 20px;
}

.m-cdp__txtbox.man {
	background-image: url(/recruit/career/assets/img/man.png);
	background-repeat: no-repeat;
	background-size: 160px auto;
	background-position: 95% bottom;
}

.m-cdp__txtbox.woman {
	background-image: url(/recruit/career/assets/img/woman.png);
	background-repeat: no-repeat;
	background-size: 160px auto;
	background-position: 95% bottom;
}

.m-cdp__txtbox-inner {
	width: 260px;
}

.m-cdp__txtbox p {
	color: #b50081;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

.m-cdp__txtbox p.bubble {
	position: relative;
	background-color: #fff;
	font-size: 22px;
	padding: 10px 0;
}

.m-cdp__txtbox p.bubble::after {
	position: absolute;
	right: -20px;
	bottom: 15px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 0 20px;
	border-color: transparent transparent transparent #ffffff;
}

.m-cdp__txtbox p:not(.bubble) {
	width: 200px;
	font-size: 16px;
	border: 3px solid #b50081;
	border-radius: 12px;
	padding: 10px 5px;
	margin: 10px auto 0;
}

.m-cdp__note {
	line-height: 1.5;
	margin-top: 10px;
}
/***221226add end ***/

@media screen and (max-width: 767px) {
  .m-trainingSystem {
    display: block;
    margin-top: 25px;
  }
  .m-trainingSystem__col {
    width: 100%;
  }
  .m-trainingSystem__col:first-child {
    padding: 0;
  }
  .m-trainingSystem__ttl {
    margin-top: 10px;
  }
  .m-trainingSystem__three {
    width: 230px;
    height: 217px;
    margin: 0 auto 30px;
  }
  .m-trainingSystem__three > li {
    width: 125px;
    height: 125px;
    font-size: 15px;
  }
  .m-trainingSystem__three > li:nth-child(1) {
    margin-left: -62px;
  }

	/***221226add ***/
	.m-cdp {
		display: block;
		margin-top: 30px;
	}

	.m-cdp__block.col2 {
		width: 100%;
		margin-top: 20px;
	}

	.m-cdp__txtbox.man {
		background-size: 110px auto;
	}
	
	.m-cdp__txtbox.woman {
		background-size: 110px auto;
	}
	
	h3.m-cdp__ttl {
		font-size: 18px;
	}

	.m-cdp__sub-ttl__sp {
		display: inline-block;
		color: #b50081;
		font-size: 14px;
		font-weight: bold;
		border: 3px solid #b50081;
		padding: 0 10px;
		margin-bottom: 10px;
	}

	.m-cdp__block:first-child h3.m-cdp__ttl {
		text-align: center;
	}

	.m-cdp__block.col2 h3.m-cdp__ttl::after {
		border-width: 0 18px 18px 0;
	}

	.m-cdp__txtbox {
		padding: 10px;
	}

	.m-cdp__txtbox-inner {
		width: 62%;
	}

	.m-cdp__txtbox p.bubble {
		font-size: 16px;
		padding: 5px 0;
	}

	.m-cdp__txtbox p:not(.bubble) {
		width: 78%;
		font-size: 11px;
		padding: 5px 0;
	}

	.m-cdp__txtbox p.bubble::after {
		right: -15px;
		bottom: 10px;
		border-width: 15px 0 0 15px;
	}
	/***221226add end ***/
}

/* コンテンツ回遊リンク */
.m-cntlinks {
  min-width: 1024px;
  margin: 150px 0 80px;
  position: relative;
}

.m-cntlinks.m-cntlinks-top {
  margin-top: 200px;
}

.m-cntlinks::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 50%;
  height: 265px;
  background: url(/recruit/assets/img/bg_pattern_black.png) repeat 0 0;
}

.m-cntlinks::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -80px;
  right: 0;
  width: 50%;
  height: 265px;
  background: url(/recruit/assets/img/bg_pattern_black.png) repeat 0 0;
}

.m-cntlinks__inner {
  width: 1024px;
  margin: 0 auto;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.m-cntlinks__item {
  width: 460px;
  z-index: 1;
}

.m-cntlinks__item:first-child {
  margin-top: -50px;
}

.m-cntlinks__ttl {
  text-align: center;
  position: relative;
}

.m-cntlinks__ttl::before {
  position: absolute;
  top: -65px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 210px;
  color: #d9d9d9;
}

.m-cntlinks__ttlimg {
  display: inline-block;
  position: inherit;
}

.m-cntlinks__ttlimg svg {
  height: 34px;
  fill: #b50081;
  vertical-align: bottom;
}

.m-cntlinks__ttlsub {
  display: block;
  position: inherit;
  margin-top: 5px;
  font-size: 18px;
}

.m-cntlinks__box {
  width: 460px;
  margin-top: 10px;
  -webkit-box-shadow: 14px 14px #b50081;
          box-shadow: 14px 14px #b50081;
  position: relative;
  z-index: 1;
}

.m-cntlinks__img {
  overflow: hidden;
}

.m-cntlinks__img img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-cntlinks__more {
  position: absolute;
  bottom: -37px;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.m-cntlinks__more > .m-btn {
  width: 170px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .m-cntlinks {
    width: 100%;
    min-width: 320px;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 50px 0 0 0;
  }
  .m-cntlinks::before, .m-cntlinks::after {
    content: none;
  }
  .m-cntlinks__inner {
    display: block;
    width: 100%;
    padding: 0 10px;
  }
  .m-cntlinks__item {
    -ms-flex-item-align: center;
        align-self: center;
    width: 100%;
    height: 100%;
    max-width: 305px;
    margin: 64px auto 29px;
  }
  .m-cntlinks__item:first-child {
    margin-top: 0;
  }
  .m-cntlinks.m-cntlinks-top {
    margin-top: 50px;
  }
  .m-cntlinks.m-cntlinks-top .m-cntlinks__item {
    margin-top: 85px;
  }
  .m-cntlinks.m-cntlinks-top .m-cntlinks__item:first-child {
    margin-top: 0;
  }
  .m-cntlinks__ttl {
    text-align: center;
    position: relative;
  }
  .m-cntlinks__ttl::before {
    top: -30px;
    font-size: 85px;
  }
  .m-cntlinks__ttlimg {
    width: 250px;
    height: 24px;
  }
  .m-cntlinks__ttlimg svg {
    height: 24px;
    max-width: 250px;
  }
  .m-cntlinks__ttlsub {
    font-size: 12px;
  }
  .m-cntlinks__box {
    width: 100%;
  }
  .m-cntlinks__box img {
    width: 100%;
  }
  .m-cntlinks__more {
    bottom: -29px;
  }
  .m-cntlinks__more > .m-btn {
    width: auto;
    font-size: 12px;
  }
}

/* カラム */
.m-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px -20px;
}

.m-col.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.m-col > * {
  width: 50%;
  margin: 0 20px;
}

.m-col__img img {
  display: block;
  margin-bottom: 1px;
}

.m-col__imgcap {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .m-col {
    display: block;
    margin: 25px 0 0;
  }
  .m-col > * {
    width: 100%;
    margin: 25px 0 0;
  }
  .m-col > * img {
    width: 100%;
  }
  .m-col > *:first-child {
    margin-top: 0;
  }
  .m-col__imgcap {
    margin-top: 6px;
    font-size: 11px;
  }
}

/* CVエリア */
.m-cvarea {
  width: 100%;
  min-width: 1024px;
  height: 37.1428571vw;
  min-height: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(/recruit/assets/img/img_cvarea.jpg) no-repeat top center;
  background-size: cover;
  margin-top: 120px;
  position: relative;
}

.m-cvarea.m-cvarea-top {
  height: 55.714vw;
  min-height: 780px;
  background: url(/recruit/assets/img/img_cvarea_l.jpg) no-repeat top center;
  background-size: cover;
  margin-top: 100px;
}

.m-cvarea::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7) url(/recruit/assets/img/bg_filter.svg) repeat 0 0;
  z-index: 1;
}

.m-cvarea__inner {
  width: 1024px;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}

.m-cvarea__catch img {
  width: 598px;
  height: 156px;
}

.m-cvarea__lead {
  margin-bottom: 60px;
  font-size: 18px;
  line-height: 2.4;
}

.m-cvarea__btn {
  margin-top: 70px;
}

.m-cvarea__btn .m-btn-cv {
  width: 520px;
  height: 80px;
  margin: 0 auto;
  font-size: 26px;
  font-weight: bold;
}

.m-cvarea__btn .m-iconBlank {
  width: 18px;
  height: 18px;
  margin: 0 0 0 15px;
}

.m-cntlinks + .m-cvarea.m-cvarea-top {
  margin-top: 200px;
}

@media screen and (max-width: 767px) {
  .m-cntlinks + .m-cvarea.m-cvarea-top {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .m-cvarea {
    min-width: 320px;
    height: 56vw;
    min-height: 210px;
    background: url(/recruit/assets/img/img_cvarea_sp.jpg) no-repeat top center;
    background-size: cover;
    margin-top: 50px;
  }
  .m-cvarea.m-cvarea-top {
    height: 84vw;
    min-height: 315px;
    background: url(/recruit/assets/img/img_cvarea_l_sp.jpg) no-repeat top center;
    background-size: cover;
    margin-top: 60px;
  }
  .m-cvarea__inner {
    width: 100%;
    min-width: 320px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-cvarea__catch img {
    width: 286px;
    height: 75px;
  }
  .m-cvarea__lead {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 2;
  }
  .m-cvarea__btn {
    margin-top: 30px;
  }
  .m-cvarea__btn .m-btn-cv {
    width: 275px;
    height: 40px;
    font-size: 15px;
  }
}

/* CVエリアトップ */
.m-cvtop {
  width: 100%;
  min-width: 1024px;
  height: 790px;
  position: relative;
}

.m-cvtop.is-parttime {
  background: url(/recruit/parttime/assets/img/bg_cvtop.jpg) no-repeat top center;
  background-size: cover;
}

.m-cvtop.is-challenged {
  background: url(/recruit/challenged/assets/img/bg_cvtop.jpg) no-repeat top center;
  background-size: cover;
}

.m-cvtop::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4) url(/recruit/assets/img/bg_filter.svg) repeat 0 0;
  z-index: 1;
}

.m-cvtop__inner {
  width: 1024px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}

.m-cvtop__ttl {
  padding-top: 120px;
  font-size: 50px;
}

.m-cvtop__lead {
  margin-top: 25px;
  font-size: 18px;
  line-height: 2.4;
}

.m-cvtop__btn {
  margin-top: 70px;
}

.m-cvtop__btn .m-btn-cv {
  width: 520px;
  height: 80px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: bold;
}

.m-cvtop__btn .m-iconBlank {
  width: 18px;
  height: 18px;
  margin: 0 0 0 15px;
}

.m-cvtop__scroll {
  margin-top: 110px;
  font-size: 20px;
}

.m-cvtop__scroll a {
  display: inline-block;
  padding-bottom: 62px;
  text-decoration: none;
  color: #fff;
  position: relative;
}

.m-cvtop__scroll a::before {
  content: "\EA02";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -26px;
  font-size: 52px;
  -webkit-animation: scr_bounce 1s ease infinite alternate;
          animation: scr_bounce 1s ease infinite alternate;
}

@media screen and (max-width: 767px) {
  .m-cvtop {
    min-width: 320px;
    height: 543px;
  }
  .m-cvtop.is-parttime {
    background: url(/recruit/parttime/assets/img/bg_cvtop_sp.jpg) no-repeat top center;
    background-size: cover;
  }
  .m-cvtop.is-challenged {
    background: url(/recruit/challenged/assets/img/bg_cvtop_sp.jpg) no-repeat top center;
    background-size: cover;
  }
  .m-cvtop__inner {
    width: 100%;
    min-width: 320px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-cvtop__ttl {
    padding-top: 100px;
    font-size: 32px;
  }
  .m-cvtop__lead {
    margin-top: 15px;
    font-size: 13px;
    line-height: 2;
  }
  .m-cvtop__btn {
    margin-top: 40px;
  }
  .m-cvtop__btn .m-btn-cv {
    width: 275px;
    height: 40px;
    font-size: 15px;
  }
  .m-cvtop__scroll {
    margin-top: 100px;
    font-size: 13px;
  }
  .m-cvtop__scroll a {
    padding-bottom: 50px;
  }
  .m-cvtop__scroll a::before {
    margin-left: -20px;
    font-size: 40px;
  }
}

/*-------------------------------------------------------------------------
 FAQ
--------------------------------------------------------------------------*/
.m-lnav + .m-faqbox {
  margin-top: 60px;
}

.m-faqbox {
  margin-top: 100px;
}

.m-faqbox .m-heading3 {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fff;
  text-align: left;
}

.m-faqbox__item {
  border-top: 2px solid #ededed;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-faqbox__item:first-of-type {
  border-top: none;
}

.m-faqbox__item.is-active {
  background-color: #d9d9d9;
}

.m-faqbox__item.is-active .m-faqbox__inner::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
}

.m-faqbox__item > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.m-faqbox__item .m-faqbox__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 15px 30px 15px 100px;
  min-height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.5;
  font-size: 22px;
  cursor: pointer;
  position: relative;
}

.m-faqbox__item .m-faqbox__ttl::before {
  content: "\EA06";
  position: absolute;
  top: 31px;
  left: 30px;
  font-size: 36px;
  line-height: 1.1;
  height: 1.1em;
}

.m-faqbox__item > dd {
  display: none;
  margin: 0 30px 0 100px;
  padding: 35px 0 30px 60px;
  border-top: 2px solid #fff;
  position: relative;
}

.m-faqbox__item > dd::before {
  content: "\EA05";
  position: absolute;
  top: 35px;
  left: 0;
  font-size: 22px;
}

.m-faqbox__inner {
  display: block;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  padding-right: 50px;
  text-decoration: none !important;
  color: #000 !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.m-faqbox__inner::before, .m-faqbox__inner::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 27px;
  height: 3px;
  background-color: #b50081;
}

.m-faqbox__inner::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.m-faqbox__icon {
  display: block;
  overflow: hidden;
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
  position: relative;
}

@media screen and (max-width: 767px) {
  .m-faqbox {
    margin-top: 50px;
  }
  .m-faqbox:first-of-type {
    margin-top: 40px;
  }
  .m-faqbox .m-heading3 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .m-faqbox__item > dt .m-faqbox__ttl {
    min-height: 60px;
    padding: 10px 20px 10px 50px;
    font-size: 12px;
  }
  .m-faqbox__item > dt .m-faqbox__ttl::before {
    top: 20px;
    left: 20px;
    font-size: 20px;
  }
  .m-faqbox__item > dd {
    margin: 0 20px 0 50px;
    padding: 16px 0 16px 30px;
  }
  .m-faqbox__item > dd::before {
    top: 20px;
    font-size: 14px;
  }
  .m-faqbox__inner {
    padding-right: 30px;
  }
  .m-faqbox__inner::before, .m-faqbox__inner::after {
    width: 20px;
    height: 2px;
  }
}

/* heading */
.m-heading1 {
  min-width: 1024px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.m-heading1::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 145px;
  color: #d9d9d9;
  z-index: 1;
}

.m-heading1__img {
  display: block;
  max-width: 300px;
  margin-top: 15px;
  position: relative;
  z-index: 2;
}

.m-heading1__img svg {
  height: 54px;
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  .m-heading1 {
    min-width: 100%;
    height: 90px;
  }
  .m-heading1::before {
    font-size: 90px;
    z-index: 9;
  }
  .m-heading1__img {
    width: 300px;
    height: 34px;
    margin-top: 10px;
    z-index: 10;
  }
  .m-heading1__img svg {
    width: 300px;
    height: 34px;
  }
}

.m-ttlnum-01::before {
  content: "\EA08";
}

.m-ttlnum-02::before {
  content: "\EA09";
}

.m-ttlnum-03::before {
  content: "\EA0A";
}

.m-ttlnum-04::before {
  content: "\EA0B";
}

.m-ttlnum-05::before {
  content: "\EA0C";
}

.m-ttlnum-06::before {
  content: "\EA0D";
}

.m-ttlnum-07::before {
  content: "\EA0E";
}

.m-heading2 {
  margin-top: 100px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 32px;
}

.m-heading2__lead {
  margin-top: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .m-heading2 {
    margin-top: 40px;
    font-size: 18px;
  }
  .m-heading2__lead {
    margin-top: 15px;
    font-size: 14px;
  }
}

.m-heading3 {
  margin: 100px 0 45px;
  padding: 20px 0;
  border-top: 3px solid #b50081;
  border-bottom: 3px solid #ccc;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .m-heading3 {
    margin: 50px 0 20px;
    padding: 16px 0;
    border-top-width: 4px;
    border-bottom-width: 4px;
    font-size: 16px;
  }
}

/* ヒーローエリア */
.m-hero {
  min-width: 1024px;
  position: relative;
  padding-bottom: 1px;
}

.m-hero.m-hero-iv {
  height: 56.428vw;
  max-height: 790px;
  min-height: 578px;
  overflow: hidden;
}

.m-hero.m-hero-iv .m-hero__img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-width: none;
  max-width: initial;
  min-width: 0;
  min-width: initial;
  overflow: visible;
}

.m-hero.m-hero-iv .m-hero__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-hero.m-hero-iv .m-hero__inner.is-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.m-hero.m-hero-iv .m-hero__box {
  margin: 0;
}

.m-hero__img {
  display: block;
  width: 100%;
  height: 32.142vw;
  max-height: 450px;
  min-height: 329px;
  overflow: hidden;
  z-index: 1;
}

.m-hero__img img {
  width: 100%;
  height: auto;
  display: block;
}

.m-hero__inner {
  width: 1024px;
  margin: 0 auto;
}

.m-hero__box {
  width: 456px;
  min-height: 210px;
  margin: -160px 0 14px -40px;
  padding: 40px 32px 40px 36px;
  background-color: rgba(0, 0, 0, .8);
  -webkit-box-shadow: 14px 14px #b50081;
          box-shadow: 14px 14px #b50081;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.m-hero__box.is-wide {
  width: 490px;
}

.m-hero__boxttl {
  margin-bottom: 15px;
  font-size: 32px;
  line-height: 1.5;
}

.m-hero__boxttl.m-hero__boxttl-s {
  font-size: 30px;
}

.m-hero__position {
  margin: 25px 0 4px;
  font-size: 18px;
  line-height: 1.5;
}

.m-hero__profile {
  margin-top: 15px;
  padding-top: 22px;
  border-top: 1px solid #fff;
}

@media screen and (max-width: 767px) {
  .m-hero {
    min-width: 320px;
  }
  .m-hero.m-hero-iv {
    height: auto;
    max-height: none;
    max-height: initial;
    min-height: 0;
    min-height: initial;
    overflow: visible;
  }
  .m-hero.m-hero-iv .m-hero__img {
    position: static;
  }
  .m-hero.m-hero-iv .m-hero__inner {
    display: block;
    width: 100%;
    height: auto;
    min-width: 320px;
    padding: 0 25px 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-hero.m-hero-iv .m-hero__box {
    margin: -40px auto 14px;
  }
  .m-hero__img {
    height: auto;
    max-height: none;
    max-height: initial;
    min-height: 0;
    min-height: initial;
    overflow: visible;
  }
  .m-hero__inner {
    width: 100%;
    min-width: 320px;
    padding: 0 25px 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-hero__box {
    width: 100%;
    min-height: 0;
    min-height: initial;
    margin: -40px auto 14px;
    padding: 20px;
    background-color: #000;
  }
  .m-hero__box.is-wide {
    width: 100%;
    padding: 20px 18px;
  }
  .m-hero__boxttl {
    font-size: 18px;
  }
  .m-hero__boxttl.m-hero__boxttl-s {
    font-size: 18px;
  }
  .m-hero__position {
    margin: 12px 0 2px;
    font-size: 14px;
  }
  .m-hero__profile {
    margin-top: 15px;
    padding-top: 15px;
  }
}

/* 区切り線 */
.m-hr {
  width: 1024px;
  margin: 100px auto;
  border-top: 1px solid #999;
}

@media screen and (max-width: 767px) {
  .m-hr {
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 50px 25px;
  }
}

/* icon */
.m-iconBlank {
  margin: 0 6px;
  vertical-align: baseline;
  width: 10px;
  height: 10px;
}

/*-------------------------------------------------------------------------
 インタビュー一覧
--------------------------------------------------------------------------*/
.m-ivindex {
  width: 1024px;
  margin: -40px auto 0;
  padding-bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.m-ivindex__box {
  width: 480px;
  margin-top: 100px;
  position: relative;
}

.m-ivindex__box:nth-child(odd) {
  top: 70px;
}

.m-ivindex__box:nth-child(odd).js-scr-fadein {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.m-ivindex__box:hover .m-ivindex__over, .m-ivindex__box.is-focus .m-ivindex__over {
  opacity: 1;
}

.m-ivindex__box:hover .m-ivindex__over > *, .m-ivindex__box.is-focus .m-ivindex__over > * {
  opacity: 1;
}

.m-ivindex__box:hover .m-ivindex__img img, .m-ivindex__box.is-focus .m-ivindex__img img {
  opacity: 0.5;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.m-ivindex__img {
  overflow: hidden;
}

.m-ivindex__img img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-ivindex__position {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  margin-bottom: -20px;
  background-color: #fff;
  padding: 18px 20px;
  font-weight: bold;
  line-height: 1.5;
}

.m-ivindex__position > span {
  margin-left: 5px;
  font-weight: normal;
  color: #666;
}

.m-ivindex__over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 20px);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.m-ivindex__over > * {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-ivindex__over::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-ivindex__over > a {
  z-index: 2;
}

.m-ivindex__overinner {
  width: 100%;
  text-align: center;
  z-index: 2;
}

.m-ivindex__ttl {
  font-size: 24px;
  line-height: 1.5;
  color: #fff;
}

.m-ivindex__more {
  display: table;
  margin: 30px auto 0;
}

.m-ivindex__more a::before {
  z-index: 3;
}

.m-ivindex__more .m-btn {
  width: 170px;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.m-ivindex__more .m-btn::before {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

@media screen and (max-width: 767px) {
  .m-ivindex {
    width: 100%;
    min-width: 320px;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 0;
    display: block;
  }
  .m-ivindex__box {
    width: 100%;
    margin-top: 50px;
  }
  .m-ivindex__box:nth-child(odd) {
    top: 0;
  }
  .m-ivindex__box:hover .m-ivindex__img img {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  .m-ivindex__inner {
    display: inline-block;
    margin-top: -50px;
    padding: 18px 20px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 250px;
  }
  .m-ivindex__position {
    position: static;
    display: block;
    margin-bottom: 0;
    background-color: inherit;
    padding: 0;
  }
  .m-ivindex__position > span {
    display: block;
    margin-left: 0;
  }
  .m-ivindex__over {
    position: static;
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    opacity: 1;
  }
  .m-ivindex__over > * {
    opacity: 1;
  }
  .m-ivindex__over::before {
    content: none;
  }
  .m-ivindex__overinner {
    text-align: left;
  }
  .m-ivindex__ttl {
    margin-top: 10px;
    font-size: 16px;
    color: #000;
  }
  .m-ivindex__more {
    margin: 10px 0 0;
  }
  .m-ivindex__more a::before {
    content: none;
  }
  .m-ivindex__more .m-btn {
    width: auto;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .m-ivindex__more .m-btn::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

/*-------------------------------------------------------------------------
 インタビュー詳細
--------------------------------------------------------------------------*/
.m-ivcnt {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.m-ivcnt:first-child {
  margin-top: 120px;
}

.m-ivcnt:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.m-ivcnt:nth-child(even) .m-ivcnt__img {
  margin: 0 -188px 0 0;
}

.m-ivcnt:nth-child(even) .m-ivcnt__box {
  margin: 50px -50px 0 0;
}

.m-ivcnt__img {
  max-width: 700px;
  margin: 0 0 0 -188px;
  position: relative;
  z-index: 1;
}

.m-ivcnt__box {
  width: 562px;
  margin: 50px 0 0 -50px;
  padding: 40px 50px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.9;
  position: relative;
  z-index: 2;
}

.m-ivcnt__ttl {
  margin-bottom: 25px;
  font-size: 32px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .m-interview {
    margin: 0 -25px;
  }
  .m-ivcnt {
    display: block;
    margin-top: 50px;
  }
  .m-ivcnt:first-child {
    margin-top: 50px;
  }
  .m-ivcnt:nth-child(even) .m-ivcnt__img,
  .m-ivcnt:nth-child(even) .m-ivcnt__box {
    margin: 0;
  }
  .m-ivcnt__img {
    width: 100%;
    max-width: none;
    max-width: initial;
    margin: 0;
  }
  .m-ivcnt__img img {
    width: 100%;
    display: block;
  }
  .m-ivcnt__box {
    width: 100%;
    margin: 0;
    padding: 25px;
    line-height: 1.9;
  }
  .m-ivcnt__ttl {
    margin-bottom: 12px;
    font-size: 18px;
  }
}

/* 1日のスケジュール */
.m-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 100px;
  background-color: #000;
}

.m-schedule__img {
  width: 50%;
}

.m-schedule__img img {
  display: block;
}

.m-schedule__cnt {
  width: 50%;
  padding: 35px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}

.m-schedule__inner {
  padding-left: 30px;
  border-left: 4px solid #b50081;
}

.m-schedule__ttl {
  margin-bottom: 28px;
  font-size: 28px;
  line-height: 1.1;
}

.m-schedule__time {
  margin-top: 8px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.m-schedule__time > dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  padding: 8px 0;
}

.m-schedule__time > dt:last-of-type {
  padding-bottom: 0;
}

.m-schedule__time > dd {
  width: calc(100% - 60px);
  padding: 8px 0 8px 25px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-schedule__time > dd::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 0;
  margin-top: -1px;
  width: 11px;
  height: 1px;
  background-color: #fff;
}

.m-schedule__time > dd::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 1px;
  height: 100%;
  background-color: #fff;
}

.m-schedule__time > dd:first-of-type::after {
  top: 19px;
}

.m-schedule__time > dd:last-of-type {
  padding-bottom: 0;
}

.m-schedule__time > dd:last-of-type::after {
  height: 19px;
}

.m-voice > .m-schedule {
  margin: 50px -50px -50px;
}

@media screen and (max-width: 767px) {
  .m-voice > .m-schedule {
    margin: 20px -20px -20px;
  }
}

@media screen and (max-width: 767px) {
  .m-schedule {
    display: block;
    margin-top: 50px;
  }
  .m-schedule__img {
    width: 100%;
  }
  .m-schedule__img img {
    width: 100%;
  }
  .m-schedule__cnt {
    width: 100%;
    padding: 40px 20px 40px 25px;
  }
  .m-schedule__inner {
    padding-left: 15px;
  }
  .m-schedule__ttl {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .m-schedule__time {
    margin-top: 5px;
  }
  .m-schedule__time > dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46px;
            flex: 0 0 46px;
    padding: 4px 0;
  }
  .m-schedule__time > dd {
    width: calc(100% - 46px);
    padding: 4px 0 4px 16px;
  }
  .m-schedule__time > dd::before {
    top: 14px;
    margin-top: -1px;
    width: 7px;
  }
  .m-schedule__time > dd::after {
    left: 3px;
  }
  .m-schedule__time > dd:first-of-type::after {
    top: 14px;
  }
  .m-schedule__time > dd:last-of-type::after {
    height: 14px;
  }
}

/* 就職活動中の皆さんへ一言 */
.m-comments {
  display: table;
  width: 1024px;
  min-height: 270px;
  margin: 0 auto;
}

.m-comments__cnt {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 10px 15px 40px;
}

.m-comments__ttl {
  font-size: 28px;
}

.m-comments__txt {
  margin-top: 20px;
  line-height: 2;
  font-size: 18px;
}

.m-comments__img {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
}

.m-comments__img img {
  display: block;
}

@media screen and (max-width: 767px) {
  .m-comments {
    width: 100%;
    min-height: 0;
    min-height: initial;
    margin-top: 50px;
    padding: 0 0 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .m-comments.is-noimg {
    padding: 0 25px;
  }
  .m-comments.is-noimg .m-comments__cnt {
    margin-right: 0;
  }
  .m-comments__cnt {
    display: block;
    padding: 20px 0;
    z-index: 1;
    margin-right: -15px;
  }
  .m-comments__ttl {
    margin-right: -35px;
    font-size: 16px;
  }
  .m-comments__txt {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.8;
  }
  .m-comments__img {
    display: block;
    -ms-flex-item-align: end;
        align-self: flex-end;
    min-width: 150px;
  }
  .m-comments__img img {
    width: 100%;
  }
}

/*  Line UP */
.m-lineup {
  min-width: 1024px;
  margin-top: 100px;
}

.m-lineup__heading {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
}

.m-lineup__area {
  position: relative;
}

.m-lineup__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 28.57vw;
  max-height: 400px;
  min-height: 292px;
  overflow: hidden;
  margin-top: 20px;
}

.m-lineup__list li {
  width: 25%;
  max-height: 400px;
  overflow: hidden;
  position: relative;
}

.m-lineup__list li:hover .m-lineup__over, .m-lineup__list li.is-focus .m-lineup__over {
  opacity: 1;
}

.m-lineup__list li:hover .m-lineup__over > *, .m-lineup__list li.is-focus .m-lineup__over > * {
  opacity: 1;
}

.m-lineup__list li:hover .m-lineup__img img, .m-lineup__list li.is-focus .m-lineup__img img {
  opacity: 0.5;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.m-lineup__img {
  max-height: 400px;
  overflow: hidden;
}

.m-lineup__img img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-lineup__over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.m-lineup__over > * {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-lineup__over::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-lineup__over > a {
  z-index: 2;
}

.m-lineup__overinner {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.m-lineup__ttl {
  font-size: 18px;
  line-height: 1.5;
  font-weight: normal;
  color: #fff;
}

.m-lineup__position {
  margin-top: 5%;
  line-height: 1.5;
  color: #fff;
}

.m-lineup__more {
  display: table;
  margin: 6% auto 0;
}

.m-lineup__more a::before {
  z-index: 3;
}

.m-lineup__more .m-btn {
  width: auto;
  padding: 0 50px;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.m-lineup__more .m-btn::before {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.m-lineup__nav li {
  position: absolute;
  bottom: -60px;
  width: 50px;
  height: 50px;
  background-color: #000;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-lineup__nav li::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  color: #fff;
  font-size: 20px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-lineup__nav li > a {
  display: block;
  width: 50px;
  height: 50px;
}

.m-lineup__nav li:hover {
  background-color: rgba(0, 0, 0, .8);
}

.m-lineup__nav li.m-lineup__prev {
  right: 62px;
}

.m-lineup__nav li.m-lineup__prev::before {
  content: "\EA10";
}

.m-lineup__nav li.m-lineup__prev:hover {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.m-lineup__nav li.m-lineup__prev:hover::before {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.m-lineup__nav li.m-lineup__next {
  right: 10px;
}

.m-lineup__nav li.m-lineup__next::before {
  content: "\EA11";
}

.m-lineup__nav li.m-lineup__next:hover {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.m-lineup__nav li.m-lineup__next:hover::before {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.m-lineup__btn {
  margin-top: 50px;
}

.m-lineup__btn .m-btn {
  width: 290px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .m-lineup {
    min-width: 0;
    min-width: initial;
    width: 100%;
    margin-top: 50px;
  }
  .m-lineup__heading {
    font-size: 18px;
  }
  .m-lineup__list {
    display: block;
    height: auto;
    max-height: none;
    max-height: initial;
    min-height: 0;
    min-height: initial;
    overflow: visible;
    margin-top: 15px;
  }
  .m-lineup__list li {
    width: 50%;
    max-height: none;
    max-height: initial;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #ededed;
    background-color: #fff;
  }
  .m-lineup__list li:hover .m-lineup__img img {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  .m-lineup__over {
    position: static;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    padding: 0;
    opacity: 1;
  }
  .m-lineup__over > * {
    opacity: 1;
  }
  .m-lineup__over::before {
    content: none;
  }
  .m-lineup__overinner {
    padding: 18px 20px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
  }
  .m-lineup__ttl {
    font-size: 12px;
    color: #000;
  }
  .m-lineup__position {
    margin-top: 15px;
    font-size: 10px;
    color: #000;
  }
  .m-lineup__more {
    margin: 15px 0 0;
  }
  .m-lineup__more a::before {
    content: none;
  }
  .m-lineup__more .m-btn {
    padding: 0 20px;
    font-size: 12px;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .m-lineup__more .m-btn::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .m-lineup__nav li {
    position: absolute;
    top: 26%;
    bottom: auto;
    margin-top: -25px;
    background-color: inherit;
    -webkit-transform: none;
            transform: none;
    cursor: pointer;
  }
  .m-lineup__nav li::before {
    color: #fff;
    font-size: 50px;
    text-shadow: 0 0 16px #000;
    top: 0;
    left: 0;
    margin: 0;
    -webkit-transform: none;
            transform: none;
  }
  .m-lineup__nav li:hover {
    background-color: inherit;
    -webkit-transform: none;
            transform: none;
  }
  .m-lineup__nav li.m-lineup__prev {
    right: auto;
    left: 3px;
  }
  .m-lineup__nav li.m-lineup__prev:hover {
    -webkit-transform: none;
            transform: none;
  }
  .m-lineup__nav li.m-lineup__prev:hover::before {
    -webkit-transform: none;
            transform: none;
  }
  .m-lineup__nav li.m-lineup__next {
    left: auto;
    right: 3px;
  }
  .m-lineup__nav li.m-lineup__next:hover {
    -webkit-transform: none;
            transform: none;
  }
  .m-lineup__nav li.m-lineup__next:hover::before {
    -webkit-transform: none;
            transform: none;
  }
  .m-lineup__btn {
    margin-top: 30px;
  }
  .m-lineup__btn .m-btn {
    width: 270px;
  }
}

/* link */
a.m-telLink {
  color: #000;
  text-decoration: none;
  cursor: default;
}

.m-anchor::before {
  content: "\EA01";
  margin-right: 0.8em;
  font-size: 0.8em;
  color: #b50081;
  text-decoration: none;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .m-anchor::before {
    margin-right: 5px;
  }
}

/* list */
.m-list-dot {
  margin: 5px 0;
}

.m-list-dot > li {
  list-style-type: disc;
  margin-left: 20px;
}

.m-list-num > li {
  list-style-type: decimal;
  margin-left: 20px;
}

/* ローカルナビ */
.m-lnav {
  margin: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.m-lnav > li {
  margin: 15px 0 15px -1px;
  padding: 0 40px;
  border-left: 1px solid #3f3f3f;
  border-right: 1px solid #3f3f3f;
  line-height: 1.3;
  font-size: 18px;
}

.m-lnav > li > a {
  text-decoration: none;
  color: #000;
}

.m-lnav > li > a.m-anchor::before {
  font-size: 0.7em;
}

.m-lnav > li > a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .m-lnav {
    margin: 35px 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
  .m-lnav > li {
    margin: 11px 0;
    padding: 0 15px 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-right: none;
    font-size: 12px;
  }
  .m-lnav > li > a.m-anchor::before {
    position: relative;
    top: -1px;
  }
}

/*-------------------------------------------------------------------------
 人事からのメッセージ
--------------------------------------------------------------------------*/
/* 求める組織像、人材像 */
.m-ideal {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.m-ideal__box {
  width: 452px;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
}

.m-ideal__box.is-org {
  border-color: #b50081;
}

.m-ideal__box.is-org .m-ideal__ttl {
  color: #b50081;
}

.m-ideal__box.is-org .m-ideal__list > li {
  border-color: #b50081;
}

.m-ideal__box.is-org .m-ideal__list > li:before {
  color: #b50081;
}

.m-ideal__box.is-human {
  border-color: #3772ba;
}

.m-ideal__box.is-human .m-ideal__ttl {
  color: #3772ba;
}

.m-ideal__box.is-human .m-ideal__list > li {
  border-color: #3772ba;
}

.m-ideal__box.is-human .m-ideal__list > li:before {
  color: #3772ba;
}

.m-ideal__ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.m-ideal__list {
  margin-top: 12px;
}

.m-ideal__list > li {
  padding: 12px 0 12px 40px;
  border-top-width: 1px;
  border-top-style: solid;
  position: relative;
  counter-increment: num;
}

.m-ideal__list > li:first-child {
  border-top: none;
}

.m-ideal__list > li::before {
  content: counter(num);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 12px;
  width: 22px;
  height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .m-ideal {
    margin-top: 40px;
    display: block;
  }
  .m-ideal__box {
    width: 100%;
    padding: 20px 15px;
  }
  .m-ideal__box.is-human {
    margin-top: 30px;
  }
  .m-ideal__ttl {
    font-size: 23px;
  }
  .m-ideal__list {
    margin-top: 6px;
  }
  .m-ideal__list > li {
    padding: 10px 0 10px 38px;
  }
}

/* 就職活動中の皆さまへ */
.m-msgHead > :first-child {
  margin-top: 0;
}

.m-msgHead__col {
  margin-top: 30px;
  padding-top: 10px;
  position: relative;
}

.m-msgHead__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
}

.m-msgHead__img img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
}

.m-msgHead__bln {
  margin-left: 160px;
  padding: 18px 20px;
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 18px;
  position: relative;
}

.m-msgHead__bln::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-color: transparent;
  border-width: 10px 14px 10px 0;
  border-right-color: #ccc;
}

.m-msgHead__bln::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-color: transparent;
  border-width: 8px 12px 8px 0;
  border-right-color: #fff;
}

.m-msg {
  margin-top: 55px;
}

.m-msg__ttl {
  margin: 25px 0 2px;
  font-weight: bold;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .m-msgHead {
    position: relative;
  }
  .m-msgHead .m-heading2 {
    height: 110px;
    padding: 30px 0 0 90px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .m-msgHead__col {
    margin-top: 0;
    padding-top: 0;
    position: static;
  }
  .m-msgHead__img {
    width: 85px;
    height: 85px;
  }
  .m-msgHead__img img {
    width: 85px;
    height: 85px;
  }
  .m-msgHead__bln {
    margin-left: 0;
    padding: 12px 15px;
    font-size: 14px;
  }
  .m-msgHead__bln::before {
    top: -14px;
    left: 30px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    border-color: transparent;
    border-width: 0 10px 14px 10px;
    border-bottom-color: #ccc;
  }
  .m-msgHead__bln::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -12px;
    left: 32px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    border-color: transparent;
    border-width: 0 8px 12px 8px;
    border-bottom-color: #fff;
  }
  .m-msg {
    margin-top: 25px;
  }
  .m-msg__ttl {
    margin: 25px 0 2px;
    font-size: 13px;
  }
}

/* noscript */
.m-noscript {
  display: block;
  position: fixed;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1024px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90%;
  padding: 40px;
  border: 2px solid #cc0000;
  background-color: #fff;
  text-align: center;
  color: #cc0000;
  z-index: 2000;
}

@media screen and (max-width: 767px) {
  .m-noscript {
    top: 30px;
    padding: 20px;
  }
}

/* note */
.m-note {
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}

/* pagetop */
.m-pagetop {
  clear: both;
  position: fixed;
  margin: 0;
  padding: 0;
  right: 40px;
  bottom: 40px;
  top: auto;
  z-index: 100;
}

.m-pagetop > a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #b50081;
  background-color: rgba(255, 255, 255, .8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  text-indent: -9999px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-pagetop > a::after {
  content: "\EA02";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -14px;
  font-size: 28px;
  color: #b50081;
  text-indent: 0;
  -webkit-transform: translateY(0) rotate(180deg);
          transform: translateY(0) rotate(180deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-pagetop > a:hover {
  background-color: #b50081;
}

.m-pagetop > a:hover::after {
  -webkit-transform: translateY(-6px) rotate(180deg);
          transform: translateY(-6px) rotate(180deg);
  color: #fff;
}

.m-pagetop.is-btm {
  position: absolute;
  bottom: auto;
  margin-top: -90px;
}

@media screen and (max-width: 767px) {
  .m-pagetop {
    right: 10px;
    bottom: 10px;
  }
  .m-pagetop > a {
    width: 40px;
    height: 40px;
  }
  .m-pagetop > a::after {
    margin: -10px 0 0 -10px;
    font-size: 20px;
    -webkit-transition-property: none;
    transition-property: none;
  }
  .m-pagetop > a:hover {
    background-color: rgba(255, 255, 255, .8);
  }
  .m-pagetop > a:hover::after {
    color: #b50081;
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
  }
  .m-pagetop.is-btm {
    margin-top: -60px;
  }
}

/*-------------------------------------------------------------------------
 アルバイト採用
--------------------------------------------------------------------------*/
/* 新館オープン */
.m-newopen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 80px -35px 0;
}

.m-newopen__item {
  width: 476px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 35px;
  padding: 55px 35px;
  background-color: #fff;
  -webkit-box-shadow: 14px 14px #b50081;
          box-shadow: 14px 14px #b50081;
  position: relative;
  z-index: 1;
}

.m-newopen__tag {
  position: absolute;
  top: -20px;
  left: -20px;
  display: inline-block;
  padding: 12px 20px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
}

.m-newopen__ttl {
  font-size: 28px;
}

.m-newopen__app {
  position: absolute;
  bottom: -37px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.m-newopen__app > .m-btn {
  width: 170px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .m-newopen {
    display: block;
    margin: 60px 0 80px;
  }
  .m-newopen__item {
    width: calc(100% - 20px);
    margin: 90px 14px 0 10px;
    padding: 40px 20px;
  }
  .m-newopen__item:first-child {
    margin-top: 0;
  }
  .m-newopen__tag {
    left: -10px;
    padding: 10px 12px;
    font-size: 12px;
  }
  .m-newopen__ttl {
    font-size: 18px;
  }
  .m-newopen__app {
    bottom: -30px;
  }
  .m-newopen__app > .m-btn {
    width: auto;
    padding: 0 15px;
    font-size: 14px;
  }
}

/* 「お客さま第一」と考えられる方お待ちしています！ */
.m-msgcol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px -20px;
}

.m-msgcol__img {
  width: 50%;
  margin: 0 20px;
}

.m-msgcol__cap {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 12px;
}

.m-msgcol__text {
  width: 50%;
  margin: 0 20px;
}

@media screen and (max-width: 767px) {
  .m-msgcol {
    display: block;
    margin: 25px 0 0;
  }
  .m-msgcol__img {
    width: 100%;
    margin: 0;
  }
  .m-msgcol__img img {
    width: 100%;
  }
  .m-msgcol__cap {
    margin-top: 6px;
    font-size: 11px;
  }
  .m-msgcol__text {
    width: 100%;
    margin: 25px 0 0;
  }
}

/* 主な仕事内容 */
.m-job {
  margin-top: 50px;
}

.m-job__ttl {
  margin: 25px 0 2px;
  font-weight: bold;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .m-job {
    margin-top: 0;
  }
  .m-job__ttl {
    margin: 22px 0 2px;
    font-size: 13px;
  }
  .m-jobimg img {
    width: 100%;
  }
}

/* 待遇 */
.m-treatment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.m-treatment__item {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 20px 0;
  border-left: 1px solid #ccc;
  text-align: center;
}

.m-treatment__item:first-child {
  border-left: 0;
}

.m-treatment__img {
  width: 90px;
  height: 80px;
  margin: 0 auto;
}

.m-treatment__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  margin-top: 30px;
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .m-treatment {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .m-treatment__item {
    width: 50%;
    padding: 15px 12px 5px;
    border-left: 1px solid #ccc;
    text-align: center;
  }
  .m-treatment__item:nth-child(odd) {
    border-left: 0;
  }
  .m-treatment__item:nth-child(-n+2) {
    border-bottom: 1px solid #ccc;
  }
  .m-treatment__img {
    width: 52px;
    height: 46px;
  }
  .m-treatment__img img {
    width: 52px;
    height: 46px;
  }
  .m-treatment__text {
    min-height: 32px;
    margin-top: 16px;
    font-size: 11px;
  }
}

/* 先輩スタッフの方々の声 */
.m-voice {
  margin-bottom: 40px;
  padding: 50px;
  background-color: #edece6;
}

.m-voice__head {
  display: table;
  width: 100%;
}

.m-voice__img {
  display: table-cell;
  width: 120px;
}

.m-voice__img img {
  width: 120px;
  height: 120px;
}

.m-voice__ttl {
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
  font-weight: bold;
  font-size: 16px;
}

.m-voice__cntttl {
  margin: 25px 0 2px;
  font-weight: bold;
  font-size: 16px;
}

.m-voice__btn {
  display: none;
}

@media screen and (max-width: 767px) {
  .m-voice {
    margin-bottom: 30px;
    padding: 20px;
  }
  .m-voice__img {
    width: 70px;
  }
  .m-voice__img img {
    width: 70px;
    height: 70px;
  }
  .m-voice__ttl {
    padding-left: 15px;
    font-size: 12px;
  }
  .m-voice__cntttl {
    margin: 22px 0 2px;
    font-size: 13px;
  }
  .m-voice__more {
    display: none;
  }
  .m-voice__btn {
    display: block;
    margin: 20px -20px 0;
    padding: 20px 20px 0;
    border-top: 1px solid #ccc;
    text-align: center;
    font-size: 16px;
    color: #b50081;
    cursor: pointer;
  }
  .m-voice__btn > a {
    display: inline-block;
    padding-left: 30px;
    text-decoration: none;
    position: relative;
  }
  .m-voice__btn > a::before, .m-voice__btn > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background-color: #b50081;
  }
  .m-voice__btn > a::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .m-voice__cnt.is-active .m-voice__btn > a::after {
    -webkit-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
}

/* 経営理念、人材育成方針 */
.m-policy {
  padding: 40px;
  background-color: #edece6;
  text-align: center;
}

.m-policy > :first-child {
  margin-top: 0;
}

.m-policy__ttl {
  font-weight: bold;
  font-size: 32px;
}

.m-policy__lead {
  margin-top: 25px;
  font-weight: bold;
  font-size: 18px;
}

.m-policy__text {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .m-policy {
    padding: 25px 20px;
  }
  .m-policy__ttl {
    font-size: 18px;
  }
  .m-policy__lead {
    margin-top: 15px;
    font-weight: normal;
    font-size: 14px;
  }
  .m-policy__text {
    margin-top: 18px;
  }
}

/*-------------------------------------------------------------------------
 募集要項
--------------------------------------------------------------------------*/
.m-requirement {
  margin-top: 60px;
  background-color: #fff;
}

.m-requirement > dl {
  border-top: 2px solid #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 0;
}

.m-requirement > dl:first-child {
  border-top: 0;
}

.m-requirement > dl > dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 270px;
          flex: 0 0 270px;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}

.m-requirement > dl > dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 30px;
}

.m-requirement > dl > dd > :first-child {
  margin-top: 0;
}

.m-requirement > dl > dd > :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .m-requirement {
    margin-top: 50px;
  }
  .m-requirement > dl {
    display: block;
    padding: 25px 20px;
  }
  .m-requirement > dl > dt {
    padding: 0;
  }
  .m-requirement > dl > dd {
    margin-top: 10px;
    padding-right: 0;
  }
}

/* 採用フロー */
.m-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
  margin: 30px 0 35px;
}

.m-flow__step {
	/***221226delete 
  width: 13.5%;
	***/
	/***221226add ***/
  width: 20%;
	/***221226add end ***/
  height: 164px;
  padding: 20px 5px 15px 15px;
  background-color: #3772ba;
  color: #fff;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.m-flow__step::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-color: transparent;
  border-width: 82px 0 82px 30px;
  border-left-color: #3772ba;
}

.m-flow__step:last-child {
	/***221226delete 
  width: 15%;
	***/
	/***221226add ***/
  width: 20%;
	/***221226add end ***/
  padding: 20px 15px 15px;
  background-color: #b50081;
}

.m-flow__step:last-child::after {
  content: none;
}

.m-flow__step:last-child .m-flow__inner > dt {
  background-color: #fff;
  color: #b50081;
}

.m-flow__step:last-child .m-flow__inner > dd {
  font-weight: bold;
  font-size: 22px;
}

.m-flow__inner {
  width: 100%;
  height: 100%;
  display: table;
  padding-top: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.m-flow__inner > dt {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 6px 12px;
  border: 1px solid #fff;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}

.m-flow__inner > dd {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .m-flow {
    display: block;
    text-align: center;
    margin: 20px 0;
  }
  .m-flow__step {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    padding: 7px;
  }
  .m-flow__step::after {
    top: auto;
    bottom: -20px;
    right: auto;
    left: 50%;
    -webkit-transform: translateY(0) translateX(-50%) rotateX(0deg);
            transform: translateY(0) translateX(-50%) rotateX(0deg);
    border-width: 20px 0 0 0;
    border-left-width: calc(50vw - 25px);
    border-right-width: calc(50vw - 25px);
    border-left-color: inherit;
    border-top-color: #3772ba;
  }
  .m-flow__step:last-child {
    width: 100%;
    padding: 10px;
  }
  .m-flow__step:last-child .m-flow__inner > dd {
    font-size: 14px;
  }
  .m-flow__inner {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 42px;
    min-height: 36px;
  }
  .m-flow__inner > dt {
    top: 0;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    padding: 3px 4px;
    font-size: 15px;
  }
  .m-flow__inner > dt > span {
    display: block;
    margin-bottom: 3px;
    font-weight: normal;
    font-size: 10px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .m-flow__inner > dt > span > span {
    display: none;
  }
  .m-flow__inner > dd {
    display: table-cell;
    vertical-align: middle;
  }
  .m-flow__txt-s {
    font-size: 11px;
  }
}

/* エントリー */
.m-entrybox {
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-bottom: 50px;
  position: relative;
  left: 50%;
  right: 50%;
  background-color: #fff;
}
.m-cntblock {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 25px;
  background-color: #fff;
}
.m-entrybox__inner {
  padding: 45px 25px;
  background-color: #ededed;
}
.m-entrybox__inner > :first-child {
  margin-top: 0;
}
.m-entrybox__inner .m-heading2  {
    margin: 0 0 30px;
    font-weight: bold;
}
.m-entrybox__inner ul li {
  text-align:center;
    margin: 10px 0 20px 0;
    font-weight: bold;
}

 /* add 200221 */
.m-entrybox__inner .app-entry_box {
  text-align: center;
}
.app-entry_box .app-entry_lead {
  margin-bottom: 30px;
}

.app-entry_box .app-entry_btn {
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.8em;
  line-height: 1;
}
.app-entry_box .app-entry_btn a {
  display: block;
  padding: 20px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  background: #325d2a;
}
.app-entry_box .app-entry_btn a:hover {
  opacity: 0.8;
  transition: all 0.2s ease;
}
.app-entry_box .app-entry_btn span.icon-app {
  display: inline-block;
  width: 60px;
  height: 60px;
  padding-right: 20px;
  vertical-align: middle;
  background: url(/recruit/assets/img/icon_line.png) no-repeat;
  background-size: 60px 60px;
}
.m-entrybox__inner .app-entry_flow {
  margin-top: 80px;
}
.app-entry_flow  .flowList_img {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.app-entry_flow  .flowList_img li {
  position: relative;
  width: calc( 100% / 3 - 50px );
  margin: 0;
  padding: 0 25px;
  vertical-align: middle;
}
.app-entry_flow  .flowList_img li:not(:last-child):after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: -8px;
  vertical-align: middle;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 16px solid #3772ba;
}
.flowList_img li .flowList_box .flow_ttl {
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.7;
}
.flowList_img li .flowList_box .flow_ttl span {
  font-size: 1.2em;
}
.flowList_img li .flowList_box .flow_img {
  margin-bottom: 20px;
}
.flowList_img li .flowList_box .flow_img img {
  max-width: 100%;
}
.flowList_img li .flowList_box .flow_txt {
  font-weight: normal;
  text-align: left;
  line-height: 1.7;
}

/***230222add***/
.entry_lead {
	text-align: center;
	margin-bottom: 30px;
}
ul.entry_bnr {
	display: flex;
	justify-content: space-between;
	max-width: 880px;
	margin: 0 auto;
}
ul.entry_bnr img {
	display: block;
	width: 100%;
	height: auto;
}
/***230222add end ***/

@media screen and (max-width: 767px) {
  .m-entrybox {
    margin-top: 0;
    padding-bottom: 25px;
    background-color: #fff;
  }
  .m-cntblock {
    width: 100%;
    padding: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
  }
  .m-entrybox__inner {
  width: 100%;
  padding: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ededed;
  }

  /* add 200221 */
  .m-entrybox__inner .app-entry_box {
    text-align: left;
  }
  .app-entry_box .app-entry_lead {
    margin-bottom: 15px;
  }

  .app-entry_box .app-entry_btn {
    font-size: 1.3em;
  }
  .app-entry_box .app-entry_btn a {
  padding: 15px;
  }
  .app-entry_box .app-entry_btn a:hover {
    opacity: 1;
    transition: none 0 ease;
  }
.app-entry_box .app-entry_btn span.icon-app {
  width: 40px;
  height: 40px;
  padding-right: 15px;
  background-size: 40px 40px;
}

  .m-entrybox__inner .app-entry_flow {
    margin-top: 40px;
  }
  .app-entry_flow  .flowList_img {
    display: block;
  }
  .app-entry_flow  .flowList_img li {
    width: 100%;
    padding: 0;
  }
    .app-entry_flow  .flowList_img li:not(:last-child) {
      margin-bottom: 60px;
  }
  .app-entry_flow  .flowList_img li:not(:last-child):after {
    top: auto;
    right: 0;
    left: 0;
    margin: 20px auto 0;
    width: 0;
    border-top: 16px solid #3772ba;
    border-bottom: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
  }
  .flowList_img li .flowList_box .flow_ttl {
    margin-bottom: 15px;
  }
  .flowList_img li .flowList_box .flow_img {
    margin-bottom: 15px;
  }

	/***230222add***/
	.entry_lead {
		margin-bottom: 20px;
	}
	ul.entry_bnr {
		display: block;
	}
	ul.entry_bnr li:first-child {
		margin-bottom: 15px;
	}
/***230222add end ***/

}

/* 採用に関するお問い合わせ先 */
.m-inquiry {
  margin: 30px -50px -10px;
  font-style: normal;
}

.m-inquiry__inner {
  display: table;
  width: 100%;
}

.m-inquiry__col {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 0 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 134px;
}

.m-inquiry__col:first-child {
  border-right: 1px solid #ccc;
  background: url(/recruit/assets/img/bg_map.svg) no-repeat center center;
}

.m-inquiry__col:last-child {
  background: url(/recruit/assets/img/bg_tel.svg) no-repeat center center;
}

.m-inquiry__tbl {
  display: table;
  margin: 0 auto;
}

.m-inquiry__tel > span {
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .m-inquiry {
    margin: 0;
  }
  .m-inquiry__inner {
    display: block;
  }
  .m-inquiry__col {
    display: block;
    width: 100%;
    height: auto;
  }
  .m-inquiry__col:first-child {
    padding: 20px 0 25px;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    background: url(/recruit/assets/img/bg_map.svg) no-repeat center center;
    background-size: 77px 77px;
  }
  .m-inquiry__col:last-child {
    padding: 25px 0 0;
    background: url(/recruit/assets/img/bg_tel.svg) no-repeat center 20px;
    background-size: 78px 78px;
  }
  .m-inquiry__tbl {
    text-align: center;
  }
  .m-inquiry__tel > span {
    font-size: 18px;
  }
}

/*-------------------------------------------------------------------------
scroll animation
--------------------------------------------------------------------------*/
.js-scr-fadein {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.js-scr-fadein.is-shown {
  opacity: 1;
  z-index: 1;
}

.js-scr-fadein-u, .js-scr-fadein-d {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.js-scr-fadein-u.is-shown, .js-scr-fadein-d.is-shown {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  z-index: 1;
}

.js-scr-fadein-u {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.js-scr-fadein-d {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

.js-scr-fadein-r, .js-scr-fadein-l {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.js-scr-fadein-r.is-shown, .js-scr-fadein-l.is-shown {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.js-scr-fadein-r {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}

.js-scr-fadein-l {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}

.js-scr-fadein-line {
  opacity: 0;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.js-scr-fadein-line.is-shown {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (max-width: 767px) {
  .js-scr-fadein-line {
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  .js-scr-fadein-line.is-shown {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.js-scr-dia-r, .js-scr-dia-l {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.js-scr-dia-r.is-shown, .js-scr-dia-l.is-shown {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.js-scr-dia-r {
  -webkit-transform: translate(-50px, 50px);
          transform: translate(-50px, 50px);
}

.js-scr-dia-l {
  -webkit-transform: translate(50px, 50px);
          transform: translate(50px, 50px);
}

.js-scr-fadein-af::before {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.js-scr-fadein-af.is-shown::before {
  opacity: 1;
}

.js-scr-zoomin.is-shown::before {
  -webkit-animation: zoomIn 0.5s ease-out, fadeIn 0.5s backwards ease-out;
          animation: zoomIn 0.5s ease-out, fadeIn 0.5s backwards ease-out;
}

.js-scr-bounce.is-shown:nth-child(1) .m-careerPlan__bln {
  -webkit-animation: bounce 1s 0.3s linear;
          animation: bounce 1s 0.3s linear;
}

.js-scr-bounce.is-shown:nth-child(2) .m-careerPlan__bln {
  -webkit-animation: bounce 1s 0.7s linear;
          animation: bounce 1s 0.7s linear;
}

.js-scr-bounce.is-shown:nth-child(3) .m-careerPlan__bln {
  -webkit-animation: bounce 1s 1.1s linear;
          animation: bounce 1s 1.1s linear;
}

.js-scr-bounce.is-shown:nth-child(4) .m-careerPlan__bln {
  -webkit-animation: bounce 1s 1.5s linear;
          animation: bounce 1s 1.5s linear;
}

@media screen and (max-width: 767px) {
  .js-scr-bounce.is-shown:nth-child(1) .m-careerPlan__bln, .js-scr-bounce.is-shown:nth-child(2) .m-careerPlan__bln, .js-scr-bounce.is-shown:nth-child(3) .m-careerPlan__bln, .js-scr-bounce.is-shown:nth-child(4) .m-careerPlan__bln {
    -webkit-animation: bounce 1s linear;
            animation: bounce 1s linear;
  }
}

.js-scr-delay {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.js-scr-delay1 {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.js-scr-delay2 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.js-scr-delay3 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.js-scr-delay4 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.js-scr-delay5 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

/* svgstore */
.svgstore {
  display: none;
}

/*-------------------------------------------------------------------------
 top page
--------------------------------------------------------------------------*/
/* 動画エリア */
.m-topmain {
  width: 100%;
  min-width: 1024px;
  height: 790px;
  position: relative;
}

.m-topmain__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 790px;
  overflow: hidden;
}

.m-topmain__bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .1) url(/recruit/assets/img/bg_filter.svg) repeat 0 0;
  z-index: 1;
}

.m-topmain__bg video {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-height: 790px;
  height: 56.25vw;
}

.m-topmain__inner {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-topmain__text {
  width: 100%;
  margin-top: 60px;
  text-align: center;
  color: #fff;
  z-index: 2;
}

.m-topmain__lead {
  -webkit-animation: fadeIn 1.5s 0.8s linear both;
          animation: fadeIn 1.5s 0.8s linear both;
}

.m-topmain__leadimg-pc {
  width: 556px;
  height: 178px;
}

.m-topmain__leadimg-sp {
  display: none;
  width: 269px;
  height: 143px;
}

.m-topmain__catch {
  margin-top: 35px;
  line-height: 1.5;
  font-size: 64px;
  color: #fff;
}

.m-topmain__catch span::before {
  margin: -0.5em;
  padding: 0.5em;
}

.m-topmain__catch .txt_ku::before {
  content: "\EA16";
}

.m-topmain__catch .txt_ra::before {
  content: "\EA1C";
}

.m-topmain__catch .txt_shi::before {
  content: "\EA1E";
}

.m-topmain__catch .txt_ni::before {
  content: "\EA1A";
}

.m-topmain__catch .txt_ten::before {
  content: "\EA20";
}

.m-topmain__catch .txt_ha::before {
  content: "\EA14";
}

.m-topmain__catch .txt_re::before {
  content: "\EA1D";
}

.m-topmain__catch .txt_no::before {
  content: "\EA1B";
}

.m-topmain__catch .txt_hi::before {
  content: "\EA15";
}

.m-topmain__catch .txt_wo::before {
  content: "\EA21";
}

.m-topmain__catch .txt_maru::before {
  content: "\EA18";
}

.m-topmain__catch .txt_shi_kata::before {
  content: "\EA1F";
}

.m-topmain__catch .txt_ne_kata::before {
  content: "\EA19";
}

.m-topmain__catch .txt_ma_kata::before {
  content: "\EA17";
}

.m-topmain__catch .txt_egao1::before {
  content: "\EA12";
}

.m-topmain__catch .txt_egao2::before {
  content: "\EA13";
}

.m-topmain__catch-1 span {
  display: inline-block;
  -webkit-animation: letter_glow 2s linear both;
          animation: letter_glow 2s linear both;
}

.m-topmain__catch-1 span:nth-child(1) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.m-topmain__catch-1 span:nth-child(2) {
  -webkit-animation-delay: 1.86s;
          animation-delay: 1.86s;
}

.m-topmain__catch-1 span:nth-child(3) {
  -webkit-animation-delay: 1.92s;
          animation-delay: 1.92s;
}

.m-topmain__catch-1 span:nth-child(4) {
  -webkit-animation-delay: 1.98s;
          animation-delay: 1.98s;
}

.m-topmain__catch-1 span:nth-child(5) {
  -webkit-animation-delay: 2.04s;
          animation-delay: 2.04s;
}

.m-topmain__catch-1 span:nth-child(6) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}

.m-topmain__catch-1 span:nth-child(7) {
  -webkit-animation-delay: 2.16s;
          animation-delay: 2.16s;
}

.m-topmain__catch-1 span:nth-child(8) {
  -webkit-animation-delay: 2.22s;
          animation-delay: 2.22s;
}

.m-topmain__catch-1 span:nth-child(9) {
  -webkit-animation-delay: 2.28s;
          animation-delay: 2.28s;
}

.m-topmain__catch-1 span:nth-child(10) {
  -webkit-animation-delay: 2.34s;
          animation-delay: 2.34s;
}

.m-topmain__catch-1 span:nth-child(11) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

.m-topmain__catch-2 span {
  display: inline-block;
  -webkit-animation: letter_glow 2s linear both;
          animation: letter_glow 2s linear both;
}

.m-topmain__catch-2 span:nth-child(1) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}

.m-topmain__catch-2 span:nth-child(2) {
  -webkit-animation-delay: 2.86s;
          animation-delay: 2.86s;
}

.m-topmain__catch-2 span:nth-child(3) {
  -webkit-animation-delay: 2.92s;
          animation-delay: 2.92s;
}

.m-topmain__catch-2 span:nth-child(4) {
  -webkit-animation-delay: 2.98s;
          animation-delay: 2.98s;
}

.m-topmain__catch-2 span:nth-child(5) {
  -webkit-animation-delay: 3.04s;
          animation-delay: 3.04s;
}

.m-topmain__catch-2 span:nth-child(6) {
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}

.m-topmain__catch-2 span:nth-child(7) {
  -webkit-animation-delay: 3.16s;
          animation-delay: 3.16s;
}

.m-topmain__catch-2 span:nth-child(8) {
  -webkit-animation-delay: 3.22s;
          animation-delay: 3.22s;
}

.m-topmain__catch-2 span:nth-child(9) {
  -webkit-animation-delay: 3.28s;
          animation-delay: 3.28s;
}

.m-topmain__copy {
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: 2;
}

.m-topmain__playmovie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 15px;
  position: relative;
  overflow: hidden;
  width: 238px;
  height: 132px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: fadeIn 1.5s 4.3s linear both;
          animation: fadeIn 1.5s 4.3s linear both;
}

.m-topmain__playmovie button {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}

.m-topmain__playmovie button:hover span, .m-topmain__playmovie button:hover img, .m-topmain__playmovie button:focus span, .m-topmain__playmovie button:focus img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.m-topmain__playmovie img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-topmain__playmovie span {
  display: inline-block;
  padding-left: 50px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-topmain__playmovie span::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #b50081;
  border-radius: 50%;
}

.m-topmain__playmovie span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 16px;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 0 6px 12px;
  border-left-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.m-topmain__logo {
  -webkit-animation: fadeIn 1.5s 4.3s linear both;
          animation: fadeIn 1.5s 4.3s linear both;
}

.m-topmain__logo-pc {
  width: 240px;
  height: 18px;
}
.m-topmain__logo._only-logo {
  text-align: right;
}
._only-logo .m-topmain__logo-pc {
  width: auto;
}

.m-topmain__logo-sp {
  display: none;
  width: 80px;
  height: 26px;
}
._only-logo .m-topmain__logo-sp {
  height: 12px;
}

.m-topmain__scroll {
  margin-top: 90px;
  font-size: 20px;
  -webkit-animation: fadeIn 1.5s 4.3s linear both;
          animation: fadeIn 1.5s 4.3s linear both;
}

.m-topmain__scroll a {
  display: inline-block;
  padding-bottom: 62px;
  text-decoration: none;
  color: #fff;
  position: relative;
}

.m-topmain__scroll a::before {
  content: "\EA02";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -26px;
  font-size: 52px;
  -webkit-animation: scr_bounce 1s ease infinite alternate;
          animation: scr_bounce 1s ease infinite alternate;
}

@media screen and (max-width: 767px) {
  .m-topmain {
    min-width: 320px;
    height: 543px;
  }
  .m-topmain__bg {
    height: 543px;
  }
  .m-topmain__bg video {
    min-height: 543px;
    height: 144.8vw;
  }
  .m-topmain__text {
    margin-top: 0;
    padding: 10px;
  }
  .m-topmain__lead {
    width: 269px;
    height: 143px;
    margin: 0 auto;
  }
  .m-topmain__lead [src$=".svg"] {
    width: 100%;
  }
  .m-topmain__leadimg-pc {
    display: none;
  }
  .m-topmain__leadimg-sp {
    display: inline-block;
  }
  .m-topmain__catch {
    margin-top: 25px;
    font-size: 26px;
  }
  .m-topmain__catch-1 span, .m-topmain__catch-2 span {
    -webkit-animation: letter_glow_sp 2s linear both;
            animation: letter_glow_sp 2s linear both;
  }
  .m-topmain__copy {
    position: static;
  }
  .m-topmain__playmovie {
    margin: 25px auto 0;
    width: 150px;
    height: 83px;
  }
  .m-topmain__playmovie button {
    font-size: 14px;
  }
  .m-topmain__playmovie button:hover span, .m-topmain__playmovie button:hover img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .m-topmain__playmovie img {
    width: 150px;
    height: auto;
  }
  .m-topmain__playmovie span {
    padding-left: 32px;
  }
  .m-topmain__playmovie span::before {
    top: -1px;
    width: 26px;
    height: 26px;
  }
  .m-topmain__playmovie span::after {
    left: 10px;
    border-width: 4px 0 4px 8px;
  }
  .m-topmain__logo {
    position: absolute;
    bottom: 20px;
    right: 12px;
  }
  .m-topmain__logo._only-logo {
    right: 12px;
  }
  .m-topmain__logo-pc {
    display: none;
  }
  .m-topmain__logo-sp {
    display: block;
  }
  .m-topmain__scroll {
    margin-top: 40px;
    font-size: 13px;
  }
  .m-topmain__scroll a {
    padding-bottom: 50px;
  }
  .m-topmain__scroll a::before {
    margin-left: -20px;
    font-size: 40px;
  }
}

/* トップリード文 */
.m-toplead {
  padding: 100px 0;
  text-align: center;
  line-height: 2;
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .m-toplead {
    padding: 45px 0;
    font-size: 16px;
  }
}

/* カテゴリセクション */
.m-topsection-wrap {
  margin: 160px 0 100px;
}

.m-topsection-wrap > :first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .m-topsection-wrap {
    margin: 60px 0 80px;
  }
}

#topcontents + .m-topsection-wrap {
  margin-top: 0;
}

.m-topsection {
  min-width: 1024px;
  margin-top: 160px;
  position: relative;
}

.m-topsection::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 76%;
  height: 530px;
  background: url(/recruit/assets/img/bg_pattern_black.png) repeat 0 0;
}

.m-topsection__inner {
  width: 1024px;
  margin: 0 auto;
  min-height: 500px;
  position: relative;
}

.m-topsection__ttl {
  padding: 65px 0 58px;
  text-align: center;
  position: relative;
}

.m-topsection__ttl svg, .m-topsection__ttl img {
  height: 50px;
  vertical-align: bottom;
  fill: #fff;
}

.m-topsection__ttl::before {
  position: absolute;
  top: 40px;
  right: -20px;
  font-size: 212px;
  color: #666;
}

.m-topsection__img {
  margin-left: -148px;
  position: relative;
  z-index: 1;
}

.m-topsection__img img {
  vertical-align: bottom;
}

.m-topsection__box {
  position: absolute;
  bottom: 67px;
  right: 0;
  width: 496px;
  background-color: #fff;
  padding: 30px 40px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 14px 14px #b50081;
          box-shadow: 14px 14px #b50081;
  z-index: 2;
}

.m-topsection__box dt {
  font-size: 32px;
  line-height: 1.5;
}

.m-topsection__box dd {
  margin-top: 15px;
}

.m-topsection__more {
  position: absolute;
  bottom: -37px;
  right: -37px;
}

.m-topsection__more .m-btn {
  width: 170px;
}

.m-topsection__position {
  margin-bottom: 12px;
  color: #666;
}

.m-topsection__switch {
  height: 500px;
  position: relative;
}

.m-topsection__switch .slick-list {
  overflow: visible !important;
}

.m-topsection:nth-child(even)::before {
  right: auto;
  left: 0;
  width: 80%;
}

.m-topsection:nth-child(even) .m-topsection__ttl::before {
  right: auto;
  left: -20px;
}

.m-topsection:nth-child(even) .m-topsection__img {
  margin-left: 272px;
}

.m-topsection:nth-child(even) .m-topsection__box {
  right: auto;
  left: 0;
  -webkit-box-shadow: -14px 14px #b50081;
          box-shadow: -14px 14px #b50081;
}

.m-topsection:nth-child(even) .m-topsection__more {
  right: auto;
  left: -37px;
}

@media screen and (max-width: 767px) {
  .m-topsection {
    min-width: 320px;
    margin-top: 80px;
  }
  .m-topsection::before {
    width: 87%;
    height: 100px;
    background: url(/recruit/assets/img/bg_pattern_black.png) repeat 0 0;
    background-size: 155px 171px;
  }
  .m-topsection__inner {
    width: 100%;
    margin: 0 auto;
    min-height: 0;
    min-height: initial;
  }
  .m-topsection__ttl {
    padding: 25px 0 20px;
  }
  .m-topsection__ttl svg, .m-topsection__ttl img {
    height: 24px;
  }
  .m-topsection__ttl::before {
    top: 6px;
    right: 15px;
    font-size: 80px;
  }
  .m-topsection__img {
    margin-left: 0;
  }
  .m-topsection__img img {
    width: 100%;
  }
  .m-topsection__box {
    position: static;
    width: 100%;
    padding: 25px 25px 40px;
    -webkit-box-shadow: 0 5px #b50081;
            box-shadow: 0 5px #b50081;
  }
  .m-topsection__box dt {
    font-size: 18px;
  }
  .m-topsection__box dd {
    margin-top: 10px;
  }
  .m-topsection__more {
    position: absolute;
    bottom: -26px;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .m-topsection__more .m-btn {
    width: auto;
  }
  .m-topsection:nth-child(even)::before {
    width: 87%;
  }
  .m-topsection:nth-child(even) .m-topsection__ttl::before {
    left: 15px;
  }
  .m-topsection:nth-child(even) .m-topsection__img {
    margin-left: 0;
  }
  .m-topsection:nth-child(even) .m-topsection__box {
    -webkit-box-shadow: 0 5px #b50081;
            box-shadow: 0 5px #b50081;
  }
  .m-topsection:nth-child(even) .m-topsection__more {
    right: 50%;
    left: auto;
  }
  .m-topsection__switch {
    height: 55.5555vw;
  }
}

/* お知らせエリア */
.m-infoarea {
  width: 900px;
  margin: 110px auto 0;
  padding: 40px;
  border: 2px solid #cc0000;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #cc0000;
}
.m-infoarea.notify {
  border: none;
}
.notify .notify__ttl {
  color: #000000;
  padding-bottom: 10px;
}
.notify .notify__sub {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

@media screen and (max-width: 767px) {
  .m-infoarea {
    width: 100%;
    margin: 60px auto 0;
    padding: 20px;
    font-size: 16px;
    text-align: left;
  }
}

/*-------------------------------------------------------------------------
 イオンエンターテイメントの「こだわり」と「これから」
--------------------------------------------------------------------------*/
/* イオンエンターテイメントの「こだわり」 */
.m-kodawari {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px -20px;
}

.m-kodawari > * {
  margin: 0 20px;
}

.m-kodawari__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 472px;
          flex: 0 0 472px;
}

.m-kodawari__img img {
  display: block;
  margin-bottom: 1px;
}

.m-kodawari__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 2;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .m-kodawari {
    display: block;
    margin: 20px 0 0;
  }
  .m-kodawari > * {
    margin: 25px 0 0;
  }
  .m-kodawari > *:first-child {
    margin-top: 0;
  }
  .m-kodawari__img {
    width: 100%;
  }
  .m-kodawari__img img {
    width: 100%;
  }
  .m-kodawari__text {
    font-size: 13px;
    line-height: 1.8;
  }
}

/* イオンエンターテイメントの「これから」 */
.m-future {
  min-width: 320px;
  height: 596px;
  background: url(/recruit/vision/assets/img/bg_future.jpg) no-repeat bottom center;
  background-size: cover;
}

.m-future__inner {
  width: 1024px;
  margin: 0 auto;
  padding: 80px 15px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-future__inner > :first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .m-future {
    width: 100%;
    min-width: 320px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 480px;
    background: url(/recruit/vision/assets/img/bg_future_sp.jpg) no-repeat bottom center;
    background-size: cover;
  }
  .m-future__inner {
    width: 100%;
    padding: 30px 25px;
  }
  .m-future .m-heading2__lead {
    font-weight: normal;
  }
}

.m-aims {
  width: 422px;
  margin: 50px auto 0;
  padding: 20px;
  border: 5px solid #fff;
  background-color: #B50081/*rgba(0, 0, 0, .4)*/;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.m-aims__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 30px -10px 0;
  padding-top: 80px;
  position: relative;
}

.m-aims__list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25%;
  margin: 0 10px;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  text-align: center;
  line-height: 1.5;
  font-size: 20px;
  color: #000;
}

.m-aims__list::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 10px;
  height: 50px;
  margin-left: -5px;
  background-color: #fff;
}

.m-aims__list::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 50%;
  width: 50px;
  height: 10px;
  margin-left: -25px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .m-aims {
    width: 100%;
    margin: 20px auto 0;
    padding: 15px;
    border: 2px solid #fff;
    font-size: 15px;
  }
  .m-aims__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px 0 0;
    padding-top: 48px;
  }
  .m-aims__list > li {
    width: 48.2%;
    margin: 10px 0 0;
    padding: 10px 5px;
    font-size: 13px;
  }
  .m-aims__list > li:nth-child(even) {
    margin-left: 3.6%;
  }
  .m-aims__list::before {
    width: 8px;
    height: 38px;
    margin-left: -4px;
  }
  .m-aims__list::after {
    top: 15px;
    width: 38px;
    height: 8px;
    margin-left: -19px;
  }
}

.m-futureText {
  padding: 50px 0 100px;
  line-height: 2;
  font-size: 18px;
}

.m-futureText p, .m-futureText ul {
  margin-top: 35px;
  text-align: center;
}

.m-futureText p:first-child, .m-futureText ul:first-child {
  margin-top: 0;
}

.m-futureText__list > li::before {
  content: "●";
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .m-futureText {
    padding: 30px 0 40px;
    line-height: 1.8;
    font-size: 13px;
  }
  .m-futureText p {
    margin-top: 25px;
    text-align: left;
  }
  .m-futureText ul {
    margin: 25px 0;
    text-align: left;
  }
}

@-webkit-keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
          animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 1162px;
  min-width: 850px;
  width: 83%;
  height: 100%;
  margin: 0 auto;
  display: table;
}

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 63.3%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
          animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-movie-wrap::after {
  content: "Close";
  display: inline-block;
  position: absolute;
  top: 0;
  right: -7%;
  line-height: 1;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -40px;
  right: -7%;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

@media screen and (max-width: 767px) {
  .modal-video-body {
    max-width: none;
    max-width: initial;
    min-width: 320px;
    width: 96%;
    margin: 0 2%;
  }
  .modal-video-movie-wrap::after {
    position: fixed;
    top: -30px;
    right: 8px;
    font-size: 10px;
  }
  .modal-video-close-btn {
    top: -55px;
    right: 10px;
    width: 25px;
    height: 25px;
  }
}

/* slick slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*=========================================================================
//
// print
//
==========================================================================*/
@media print {
  body {
    background-color: #fff;
  }
}

/*# sourceMappingURL=common.css.map */


.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.recuit_important_notice {
  background: #ededed;
}
.recuit_important_notice_inr {
  width: 1024px;
  margin: 0 auto;
  padding: 20px 50px;
  font-weight: normal;
  color: #000;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .recuit_important_notice_inr {
    width: 100%;
    margin: 0 auto;
    padding: 15px 25px;
  }
}