@charset "UTF-8";
/**
 * Creative Net Door.
 * Basic Css Reset Formatter
 **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/*form*/
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

::-ms-expand {
  display: none;
}

html, body {
  width: 100%;
  min-height: 100%;
  height: auto;
}

/*
概要: ピクセルをremに変換する関数。
引数: $pixel: 変換したいピクセル
利用法: @include pxToRem(24)
*/
/* 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;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

html {
  font-size: 10px;
}

body {
  color: #1F1200;
  background: #FFF;
  font-size: 1.5rem;
  line-height: 2.8rem;
  -webkit-text-size-adjust: none;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "YuGothic", "游ゴシック体", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

body .slick-dots li button:before {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "YuGothic", "游ゴシック体", "メイリオ", sans-serif;
}

body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

body main {
  display: block;
}

body input, body textarea, body select, body button {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "YuGothic", "游ゴシック体", "メイリオ", sans-serif;
}

body input[type="search"] {
  -webkit-appearance: textfield;
}

body ::-ms-expand {
  display: none;
}

body input[type="number"] {
  -moz-appearance: textfield;
}

a {
  color: #1F1200;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  word-break: break-all;
}

a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

body img {
  display: block;
  max-width: 100%;
}

body .pc {
  display: block;
}

body .sp {
  display: none;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

@media screen and (max-width: 768px) {
  body {
    font-size: 4.0625vw;
    line-height: 7.5vw;
    letter-spacing: 0.04em;
  }
  body img {
    width: 100%;
    max-width: inherit;
  }
  body .pc {
    display: none;
  }
  body .sp {
    display: block;
  }
  body input, body textarea, body select {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 1024px) {
  br.pc {
    display: none;
  }
}

.fadeIn {
  opacity: 0;
  -webkit-transition: .6s;
  transition: .6s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.fadeIn.faded {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

body {
  position: relative;
}

@media all and (-ms-high-contrast: none) {
  body {
    width: 100%;
    overflow-x: hidden;
  }
}

header {
  width: 100%;
  height: 8rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding: 0 0 0 3.4rem;
}

header .logo {
  min-width: 29.8rem;
}

header .logo img {
  position: absolute;
  left: 3.4rem;
  top: 2.5rem;
}

header .logo img.base, header .logo img.white {
  width: 23.1rem;
}

header .logo img.base {
  opacity: 0;
  min-width: inherit;
}

header .logo img.white {
  opacity: 1;
}

header .logo a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .logo a:hover {
  opacity: 0.7;
}

header .whiteLogo {
  display: none;
  min-width: 29.8rem;
  position: absolute;
  left: 3.4rem;
  top: 2.5rem;
  z-index: 9999;
}

header .spBtn {
  padding: 0.8rem 0 0;
  display: block;
  position: absolute;
  right: 10.2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
  width: 3.5rem;
  height: 2rem;
}

header .spBtn:hover {
  cursor: pointer;
}

header .spBtn__line {
  display: block;
  margin: 0 auto;
  width: 2.5rem;
  height: 0.1rem;
  background: #fff;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .spBtn__line:before, header .spBtn__line:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: '';
  display: block;
  height: 0.1rem;
  background: #fff;
  position: absolute;
}

header .spBtn__line:before {
  width: 3.5rem;
  top: -0.8rem;
}

header .spBtn__line:after {
  bottom: -0.8rem;
  width: 1.5rem;
}

header .spBtn.open .spBtn__line {
  background: transparent;
}

header .spBtn.open .spBtn__line:before, header .spBtn.open .spBtn__line:after {
  width: 3.3rem;
  background: #ffffff;
}

header .spBtn.open .spBtn__line:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
}

header .spBtn.open .spBtn__line:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 0;
}

header nav {
  display: none;
  -webkit-transition: none;
  transition: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #1F1200;
  z-index: 9998;
}

header .nav__inner {
  height: 100%;
  background-image: url(../img/nav_bg01.svg), url(../img/nav_bg02.svg), url(../img/spNav_bgLogo.svg);
  background-repeat: no-repeat;
  background-position: left top 6.6rem, right bottom, right 26.1rem bottom 1rem;
  background-size: 106.6rem, 106.6rem, 44.1rem;
  padding-bottom: 3.8rem;
}

@media screen and (max-height: 899px) {
  header .nav__inner {
    background-position: left top 6.6rem, right bottom 1rem, right 10rem bottom 0.5rem;
    background-size: 36.6rem, 36.6rem, 22rem;
  }
}

header .headMenu {
  display: block;
  height: auto;
  max-width: 100rem;
  width: 90%;
  margin: 0 auto;
  margin: auto;
  padding-top: 20.40816vh;
}

@media screen and (max-height: 899px) {
  header .headMenu {
    padding-top: 15.30612vh;
  }
}

header .headMenu > li:not(:last-child) {
  margin-bottom: 4rem;
}

@media screen and (max-height: 899px) {
  header .headMenu > li:not(:last-child) {
    margin-bottom: 3rem;
  }
}

header .headMenu__menuTtl {
  color: #ffffff;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 4.5rem;
  letter-spacing: 0.12em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .headMenu__menuTtl:hover {
  color: #F29600;
}

@media screen and (max-height: 899px) {
  header .headMenu__menuTtl {
    font-size: 2rem;
    line-height: 3.5rem;
  }
}

header .headMenu__child ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-top: 1rem;
}

header .headMenu__child ul li {
  margin-right: 4rem;
}

header .headMenu__child ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-size: 1.5rem;
  font-weight: bold;
  color: #D8D3CC;
}

header .headMenu__child ul li a:before {
  content: '';
  display: block;
  margin-right: 2rem;
  width: 2rem;
  height: 1px;
  background: #D8D3CC;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

header .headMenu__child ul li a:hover:before {
  width: 4rem;
}

header .headBtmMenu {
  max-width: 100rem;
  width: 90%;
  margin: 0 auto;
  padding-top: 10.20408vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media screen and (max-height: 899px) {
  header .headBtmMenu {
    padding-top: 5.10204vh;
  }
}

header .headBtmMenu li {
  margin-right: 3rem;
}

header .headBtmMenu a {
  color: #aaa6a2;
  font-size: 1.3rem;
}

header.fixed {
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header.fixed .logo .white {
  opacity: 0;
}

header.fixed .logo .base {
  opacity: 1;
}

header.open .logo {
  opacity: 0;
}

header.open .whiteLogo {
  display: block;
}

header.fixed .logo a, header.open .logo a {
  color: #1F1200;
}

header.fixed .logo path, header.open .logo path {
  fill: #1F1200;
}

header.fixed .spBtn__line, header.open .spBtn__line {
  background: #1F1200;
}

header.fixed .spBtn__line:before, header.fixed .spBtn__line:after, header.open .spBtn__line:before, header.open .spBtn__line:after {
  background: #1F1200;
}

header .recruitBtn {
  position: relative;
  z-index: 9999;
  background: #F29600;
  height: 100%;
  width: 8rem;
  color: #ffffff;
  text-align: center;
  padding-top: 1.9rem;
}

header .recruitBtn img {
  margin: 0 auto;
}

header .recruitBtn span {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0.7rem;
  letter-spacing: 0.14em;
}

header .recruitBtn:hover {
  opacity: 0.7;
}

.headCont {
  height: 40rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 2.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.headCont:after {
  content: '';
  z-index: 0;
  display: block;
  width: 9.5rem;
  height: 11.9rem;
  background: url(../img/lowMv_ob.svg) no-repeat center center;
  position: absolute;
  right: 6.93333vw;
  bottom: -7.4rem;
}

.headCont__ttl {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1.7rem;
}

.headCont__ttl h1 {
  font-size: 4.8rem;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.12em;
}

.headCont__eng {
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #fff;
  margin-bottom: 2rem;
}

.headCont__pankuzu {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  color: #ffffff;
  position: relative;
  z-index: 1;
}

.headCont__pankuzu a {
  color: #ffffff;
}

.headCont__pankuzu a:hover {
  text-decoration: underline;
}

.headCont__pankuzu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  line-height: 1;
}

.headCont__pankuzu ul li:not(:last-child) {
  position: relative;
  padding-right: 1.5rem;
  margin-right: 1.5rem;
}

.headCont__pankuzu ul li:not(:last-child):after {
  content: '';
  display: block;
  background: #ffffff;
  height: 1px;
  width: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.gotop {
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  position: fixed;
  right: 15rem;
  bottom: 5rem;
  z-index: 89;
  -webkit-transition: none;
  transition: none;
}

.gotop img {
  width: 100%;
  height: 100%;
  -webkit-transition: none;
  transition: none;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .gotop {
    right: 4rem;
  }
}

.footer__contact {
  padding: 10rem 0 19rem;
  background: url(../img/footerPh.jpg) no-repeat center center;
  background-size: cover;
  color: #ffffff;
  position: relative;
}

.footer__contactInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.footer__contactEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  line-height: 1;
  font-size: 1.3rem;
  margin-bottom: 2rem;
}

.footer__contactTtl {
  line-height: 1;
  font-weight: bold;
  width: 45rem;
  margin-right: 6rem;
  font-size: 4rem;
  letter-spacing: 0.15em;
}

.footer__contactTxt {
  font-size: 1.3rem;
  line-height: 2.6rem;
  letter-spacing: 0.1em;
  width: 35rem;
}

.footer__contact dl {
  width: 30%;
  color: #1F1200;
  min-width: 30rem;
}

.footer__contact dl.tel {
  width: 25%;
}

.footer__contact dl:not(:last-child) {
  margin-right: 3rem;
}

.footer__contact dl dt {
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}

.footer__contact dl dd a {
  line-height: 1;
  font-weight: bold;
}

.footer__contact dl dd a:hover {
  opacity: 0.7s;
}

.footer__contact dl dd a[href^="tel:"] {
  font-family: 'Roboto', sans-serif;
  font-size: 3.6rem;
  letter-spacing: 0.12em;
}

.footer__contactAtt {
  margin-top: 1.3rem;
  font-size: 1.2rem;
  line-height: 0.1;
}

.footer__contact a:not([class]) {
  display: block;
}

.footer__contact a:not([class]):hover {
  opacity: 0.7;
}

.footer__contactList {
  width: 100%;
  position: absolute;
  bottom: -10rem;
  padding: 6rem 0;
}

.footer__contactList * {
  position: relative;
  z-index: 1;
}

.footer__contactList:before {
  content: '';
  min-width: 75rem;
  width: 62.13333vw;
  display: block;
  height: 22rem;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.footer__contactBtn {
  width: 100%;
  background: #F29600;
  padding: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.footer__contactBtn span {
  padding: 0.3rem 0 0.3rem 3.6rem;
  background: url(../img/footerMail.svg) no-repeat left center;
  background-size: 2.7rem;
  font-weight: bold;
  color: #ffffff;
}

.footer__info {
  border-top: 1px solid #1F1200;
  background: #f3f2f1;
  padding: 16.6rem 0 5.8rem;
}

.footer__infoInner {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.footer__infoMenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  width: 54.16667%;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .footer__infoMenu {
    width: 66.66667%;
  }
}

.footer__infoMenu dl {
  letter-spacing: 0.06em;
}

.footer__infoMenu dl dt {
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 2rem;
}

.footer__infoMenu dl dt a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__infoMenu dl dt a:hover {
  color: #F29600;
}

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

.footer__infoMenu dl dd li {
  line-height: 1;
  margin-bottom: 2rem;
}

.footer__infoMenu dl dd li a {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-left: 1.8rem;
}

.footer__infoMenu dl dd li a:before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 1rem;
  height: 1px;
  background: #9B9B9B;
}

.footer__infoMenu dl dd li a:hover {
  padding-left: 3rem;
}

.footer__infoMenu dl dd li a:hover:before {
  width: 2rem;
}

.footer__infoRight {
  width: 28rem;
  color: #595757;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .footer__infoRight {
    width: 23.33333%;
  }
}

.footer__infoRight a {
  color: #595757;
}

.footer__infoLogo {
  display: block;
  width: 100%;
  height: 6.1rem;
  margin-bottom: 1.8rem;
}

.footer__infoLogo:hover {
  opacity: 0.7;
}

.footer__infoAdd {
  font-size: 1.2rem;
  line-height: 2.3rem;
  letter-spacing: 0.06em;
  margin-bottom: 1rem;
}

.footer__infoNum {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
}

.footer__infoNumTel {
  font-weight: 600;
  font-size: 2.1rem;
  margin-right: 1.8rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .footer__infoNumTel {
    font-size: 1.7rem;
  }
}

.copyright {
  background: #1F1200;
  font-size: 1.2rem;
}

.copyrightInner {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding: 2.5rem 0;
}

.copyright ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.copyright ul li {
  line-height: 1;
  font-weight: bold;
}

.copyright ul li:not(:last-child) {
  margin-right: 2rem;
  padding-right: 2rem;
  border-right: 1px solid #fff;
}

.copyright a {
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.copyright a:hover {
  color: #F29600;
}

.copyright small {
  display: block;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 768px) {
  .fadeIn {
    -webkit-transform: translateY(25px);
            transform: translateY(25px);
  }
  .fadeIn.faded {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  header {
    width: 100%;
    height: 17.1875vw;
    padding: 0 0 0 6.25vw;
  }
  header .logo {
    min-width: inherit;
  }
  header .logo img {
    left: 6.25vw;
    top: 5vw;
    width: 57.96875vw;
  }
  header .logo img.base, header .logo img.white {
    width: 57.96875vw;
  }
  header .whiteLogo {
    min-width: inherit;
    width: 57.96875vw;
    position: absolute;
    left: 6.25vw;
    top: 5vw;
    z-index: 9999;
  }
  header .spBtn {
    padding: 3.75vw 0 0;
    width: 7.1875vw;
    height: 7.1875vw;
    right: 21.875vw;
  }
  header .spBtn__line {
    width: 5.15625vw;
    height: 0.15625vw;
  }
  header .spBtn__line:before, header .spBtn__line:after {
    height: 0.15625vw;
  }
  header .spBtn__line:before {
    width: 7.1875vw;
    top: -1.71875vw;
  }
  header .spBtn__line:after {
    bottom: -1.71875vw;
    width: 3.125vw;
  }
  header .spBtn.open .spBtn__line:before, header .spBtn.open .spBtn__line:after {
    width: 5.15625vw;
  }
  header .spBtn.open .spBtn__line:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  header .spBtn.open .spBtn__line:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  header nav {
    overflow-y: scroll;
  }
  header .nav__inner {
    height: 100%;
    background-image: url(../img/spNav_bg01.svg), url(../img/spNav_bg02.svg), url(../img/spNav_bgLogo.svg);
    background-position: left top 13.59375vw, right bottom, right 13.75vw bottom;
    background-size: 57.8125vw, 88.59375vw, 55vw;
  }
  header .headMenu {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-top: 42.1875vw;
  }
  header .headMenu > li:not(:last-child) {
    margin-bottom: 4.6875vw;
  }
  header .headMenu__menuTtl {
    font-size: 5vw;
    letter-spacing: 0.14em;
  }
  header .headMenu__child ul {
    display: block;
    padding-left: 6.25vw;
    margin-top: 1.5625vw;
  }
  header .headMenu__child ul li {
    margin-right: 0;
    margin-bottom: 3.125vw;
  }
  header .headMenu__child ul li a {
    font-size: 3.75vw;
  }
  header .headMenu__child ul li a:before {
    margin-right: 3.125vw;
    width: 3.125vw;
  }
  header .headMenu__child ul li a:hover:before {
    width: 3.125vw;
  }
  header .headBtmMenu {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-top: 4.6875vw;
    padding-bottom: 33.125vw;
    display: block;
  }
  header .headBtmMenu li {
    margin-right: 0;
    margin-bottom: 3.125vw;
  }
  header .headBtmMenu a {
    color: #aaa6a2;
    font-size: 3.75vw;
  }
  header.fixed .logo a, header.open .logo a {
    color: #1F1200;
  }
  header.fixed .logo path, header.open .logo path {
    fill: #1F1200;
  }
  header.fixed .spBtn__line, header.open .spBtn__line {
    background: #1F1200;
  }
  header.fixed .spBtn__line:before, header.fixed .spBtn__line:after, header.open .spBtn__line:before, header.open .spBtn__line:after {
    background: #1F1200;
  }
  header .recruitBtn {
    width: 17.1875vw;
    padding-top: 4.53125vw;
  }
  header .recruitBtn img {
    width: 5vw;
  }
  header .recruitBtn span {
    font-size: 2.8125vw;
    margin-top: 1.40625vw;
  }
  .headCont {
    height: 75vw;
    padding-bottom: 7.8125vw;
  }
  .headCont:after {
    display: none;
  }
  .headCont__ttl {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 0;
  }
  .headCont__ttl h1 {
    font-size: 6.5625vw;
    letter-spacing: 0.15em;
    line-height: 9.375vw;
  }
  .headCont__eng {
    font-size: 3.125vw;
    letter-spacing: 0.15em;
    margin-bottom: 3.125vw;
  }
  .headCont__pankuzu {
    width: 100%;
    font-size: 2.8125vw;
    color: #a1a1a1;
    overflow-x: hidden;
    position: absolute;
    bottom: -7.8125vw;
    padding: 0 4.6875vw;
  }
  .headCont__pankuzu a {
    color: #a1a1a1;
  }
  .headCont__pankuzu ul {
    overflow-x: scroll;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    white-space: nowrap;
  }
  .headCont__pankuzu ul li:not(:last-child) {
    padding-right: 3.90625vw;
    margin-right: 2.34375vw;
  }
  .headCont__pankuzu ul li:not(:last-child):after {
    width: 2.34375vw;
    background: #a1a1a1;
  }
  .gotop {
    right: 9.375vw;
    bottom: 4.6875vw;
    width: 10.9375vw;
    height: 10.9375vw;
  }
  .footer__contact {
    padding: 21.875vw 0 80.3125vw;
    background: url(../img/footerPhSp.jpg) no-repeat center top;
    background-size: contain;
  }
  .footer__contactInner {
    display: block;
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .footer__contactEng {
    font-size: 2.8125vw;
    text-align: center;
    margin-bottom: 3.125vw;
  }
  .footer__contactTtl {
    width: 100%;
    font-size: 6.25vw;
    letter-spacing: 0.12em;
    text-align: center;
    margin-bottom: 10.46875vw;
  }
  .footer__contactTxt {
    width: 81.25vw;
    margin: 0 auto;
    font-size: 4.0625vw;
    line-height: 7.5vw;
    text-align: center;
  }
  .footer__contact dl {
    width: 100%;
    min-width: inherit;
    text-align: center;
  }
  .footer__contact dl.tel {
    width: 100%;
  }
  .footer__contact dl:not(:last-child) {
    margin-right: 0;
    margin-bottom: 7.8125vw;
  }
  .footer__contact dl dt {
    font-size: 3.75vw;
    margin-bottom: 2.5vw;
    letter-spacing: 0.08em;
  }
  .footer__contact dl dd a[href^="tel:"] {
    font-size: 7.8125vw;
    letter-spacing: 0.08em;
  }
  .footer__contactAtt {
    margin-top: 4.0625vw;
    font-size: 3.125vw;
  }
  .footer__contactList {
    position: absolute;
    bottom: 1.5625vw;
    left: 0;
    right: 0;
    padding: 8.59375vw 0;
  }
  .footer__contactList:before {
    min-width: inherit;
    width: 87.5vw;
    height: 74.21875vw;
    left: 0;
    right: 0;
    top: auto;
    margin: auto;
  }
  .footer__contactBtn {
    width: 75vw;
    margin: 0 auto;
    padding: 5.46875vw;
  }
  .footer__contactBtn span {
    padding: 0.46875vw 0 0.46875vw 5.625vw;
    background-size: 4.0625vw;
  }
  .footer__info {
    background: #ffffff;
    border-top: 0.15625vw solid #1F1200;
    padding: 0;
  }
  .footer__infoInner {
    width: 100%;
    display: block;
  }
  .footer__infoMenu {
    padding: 14.0625vw 0;
    display: block;
    width: 100%;
    background: #f3f2f1;
  }
  .footer__infoMenu dl {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .footer__infoMenu dl dt {
    font-size: 4.375vw;
    margin-bottom: 4.6875vw;
  }
  .footer__infoMenu dl dd {
    font-size: 3.75vw;
  }
  .footer__infoMenu dl dd ul {
    margin-bottom: 9.375vw;
  }
  .footer__infoMenu dl dd li {
    margin-bottom: 6.25vw;
  }
  .footer__infoMenu dl dd li a {
    padding-left: 6.25vw;
  }
  .footer__infoMenu dl dd li a:before {
    top: 2.1875vw;
    width: 3.125vw;
  }
  .footer__infoMenu dl dd li a:hover {
    padding-left: 6.25vw;
  }
  .footer__infoMenu dl dd li a:hover:before {
    width: 3.125vw;
  }
  .footer__infoRight {
    width: 73.59375vw;
    margin: 15.625vw auto;
  }
  .footer__infoLogo {
    margin: 0 auto 7.8125vw;
  }
  .footer__infoAdd {
    font-size: 3.4375vw;
    line-height: 5.9375vw;
    letter-spacing: 0.04em;
    margin-bottom: 4.6875vw;
  }
  .footer__infoNum {
    font-size: 3.4375vw;
  }
  .footer__infoNumTel {
    font-size: 5vw;
    margin-right: 0;
    margin-bottom: 0.625vw;
  }
  .copyright {
    font-size: 3.75vw;
    text-align: center;
  }
  .copyrightInner {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 9.375vw 0;
  }
  .copyright ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-bottom: 3.125vw;
  }
  .copyright ul li {
    line-height: 1;
  }
  .copyright ul li:not(:last-child) {
    margin-right: 4.6875vw;
    padding-right: 4.6875vw;
  }
  .copyright a {
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .copyright a:hover {
    color: #F29600;
  }
  .copyright small {
    font-size: 3.125vw;
    letter-spacing: 0.08em;
  }
  .modalContent {
    width: 80%;
    height: 50vw;
  }
  .modalCloseBtn {
    top: -3.4375vw;
    width: 3.4375vw;
    height: 3.4375vw;
  }
}

@-webkit-keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  99% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}

@keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  99% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}

body.modalOpen {
  overflow: hidden;
  height: 100vh;
}

.toppage {
  overflow-x: hidden;
}

@-webkit-keyframes sdb {
  0% {
    height: 0;
    top: 0;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 100%;
  }
}

@keyframes sdb {
  0% {
    height: 0;
    top: 0;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 100%;
  }
}

.toppage .mainV {
  background: #f6f6f6;
  position: relative;
}

.toppage .mainV .slick-list {
  height: calc(100% - 5vw);
}

.toppage .mainV__slide {
  height: 100%;
}

.toppage .mainV__slide .slick-track {
  height: 100%;
  overflow: hidden;
}

.toppage .mainV__slide li .img {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 6s -webkit-transform ease-in;
  transition: 6s -webkit-transform ease-in;
  transition: 6s transform ease-in;
  transition: 6s transform ease-in, 6s -webkit-transform ease-in;
}

.toppage .mainV__slide li.slick-active .img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.toppage .mainV__slide li.slick-active.slide-animation .img {
  -webkit-transition: none;
  transition: none;
  -webkit-transition: transform all 1s;
  -webkit-transition: -webkit-transform all 1s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.toppage .mainV__slide01 .img {
  background-image: url(../img/top/mv01.jpg);
}

.toppage .mainV__slide02 .img {
  background-image: url(../img/top/mv02.jpg);
}

.toppage .mainV__slide03 .img {
  background-image: url(../img/top/mv03.jpg);
}

.toppage .mainV__slide .slide-animation .img {
  -webkit-animation: fadezoom 6s 0s forwards;
          animation: fadezoom 6s 0s forwards;
}

.toppage .mainV__txt {
  position: absolute;
  left: 9.5rem;
  bottom: 13rem;
  z-index: 2;
}

.toppage .mainV__txt h2 {
  font-size: 6.2rem;
  font-weight: bold;
  line-height: 8.9rem;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.2);
}

.toppage .mainV__txtLead {
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.6rem;
  letter-spacing: 0.11em;
  margin-bottom: 4.5rem;
  text-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.2);
}

.toppage .mainV__scroll {
  position: absolute;
  right: 10rem;
  bottom: 0;
  z-index: 1;
  width: 14rem;
  height: 26rem;
  background: #1F1200;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding: 5rem 3rem;
}

@media screen and (min-width: 1025px) {
  .toppage .mainV__scroll:before {
    content: '';
    width: 100%;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #F29600;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .toppage .mainV__scroll:hover:before {
    height: 100%;
    top: 0;
    bottom: auto;
  }
}

.toppage .mainV__scrollTxt {
  display: block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  text-align: center;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.toppage .mainV__scrollBd {
  width: 0.1rem;
  height: 27rem;
  position: absolute;
  z-index: 1;
  right: 17.5rem;
  bottom: -5.3rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  overflow: hidden;
}

.toppage .mainV__scrollBd:before, .toppage .mainV__scrollBd:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 1px;
  height: 100%;
}

.toppage .mainV__scrollBd:after {
  background: #fff;
  -webkit-animation: sdb 1s infinite;
          animation: sdb 1s infinite;
}

.toppage .mainV__scrollBd:before {
  background: #999;
}

.toppage .mainV .slick-dots {
  bottom: 2.25vw;
  right: 29.6rem;
}

.toppage .mainV .slick-dots li {
  width: 5px;
  height: 5px;
  background: #1F1200;
}

.toppage .slick-dots {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  position: absolute;
}

.toppage .slick-dots li {
  border-radius: 15px;
}

.toppage .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
  content: '';
}

.toppage .slick-dots li button:before {
  display: none;
}

.toppage .slick-dots li.slick-active {
  background: #F29600;
}

.toppage .headBlock {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.toppage .headBlock__eng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {
  .toppage .headBlock__eng {
    font-size: 2.8125vw;
  }
}

.toppage .headBlock__lead {
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 4.8rem;
  letter-spacing: 0.15em;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
}

.toppage .headBlock__ttl {
  font-size: 3.8rem;
  font-weight: bold;
  line-height: 6rem;
  letter-spacing: 0.15em;
}

.toppage .headBlock__txt {
  margin-top: 4rem;
  letter-spacing: 0.07em;
}

.toppage .headBlock__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-top: 4.5rem;
}

.toppage .headBlock__link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  padding: 0 5.5rem 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.1em;
}

.toppage .headBlock__link a span {
  position: relative;
  z-index: 1;
  padding-bottom: 1.2rem;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  .toppage .headBlock__link a span {
    padding-top: 0.7rem;
  }
}

.toppage .headBlock__link a span:after {
  content: '';
  display: block;
  width: 50%;
  height: 1px;
  background: #1F1200;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
}

.toppage .headBlock__link a:before, .toppage .headBlock__link a:after {
  content: '';
  display: block;
  position: absolute;
  right: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.toppage .headBlock__link a:before {
  background: url(../img/arrow.svg) no-repeat right center;
  background-size: 1.1rem;
  width: 1.1rem;
  height: 1.1rem;
  top: 0.7rem;
}

.toppage .headBlock__link a:after {
  width: 2rem;
  top: 1.4rem;
  height: 1px;
  background: #1F1200;
}

@media screen and (min-width: 768px) {
  .toppage .headBlock__link a:hover:before, .toppage .headBlock__link a:hover:after {
    right: 0;
  }
  .toppage .headBlock__link a:hover:after {
    width: 4rem;
  }
  .toppage .headBlock__link a:hover span:after {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .toppage .headBlock__link a {
    padding: 0 10.15625vw 1.875vw 0;
  }
  .toppage .headBlock__link a:before, .toppage .headBlock__link a:after {
    right: 1.5625vw;
  }
  .toppage .headBlock__link a:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 2.1875vw;
  }
  .toppage .headBlock__link a:after {
    width: 6.25vw;
    top: 3.90625vw;
  }
}

.toppage .mission {
  background: #f6f6f6;
  padding-top: 12.5rem;
  padding-bottom: 17.5rem;
  position: relative;
}

.toppage .mission:before, .toppage .mission:after {
  content: '';
  display: block;
  position: absolute;
}

.toppage .mission:after {
  background: url(../img/top/mission_headOb02.svg) no-repeat;
  background-size: cover;
  width: 15.3rem;
  height: 13.3rem;
  top: -3.3rem;
  right: 5.4rem;
}

.toppage .mission:before {
  width: 1px;
  height: 9rem;
  right: 14.8rem;
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #e5e5e5;
}

.toppage .mission__head {
  position: relative;
  padding-left: 15rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 7rem;
}

.toppage .mission__head:before, .toppage .mission__head:after {
  position: absolute;
  content: '';
  display: block;
}

.toppage .mission__head:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 59px 0 59px 84px;
  border-color: transparent transparent transparent #F29600;
  line-height: 0px;
  top: -4.6rem;
  left: 0;
}

.toppage .mission__head:after {
  width: 14.7rem;
  height: 22.8rem;
  background: url(../img/top/mission_headOb.svg) no-repeat;
  background-size: cover;
  top: -9.4rem;
  left: 0;
}

.toppage .mission__headEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .toppage .mission__headEng {
    font-size: 2.8125vw;
  }
}

.toppage .mission__head h2 {
  color: #F29600;
  font-weight: bold;
  font-size: 2.1rem;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-left: 11.5rem;
  position: relative;
}

.toppage .mission__head h2:before {
  content: '';
  display: block;
  position: absolute;
  left: -9rem;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 0;
  height: 1px;
  background: #1F1200;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.toppage .mission__head h2.active:before {
  width: 6.4rem;
}

.toppage .mission__lead {
  font-size: 4.2rem;
  line-height: 6.4rem;
  font-weight: bold;
  letter-spacing: 0.15em;
  margin-bottom: 5rem;
  width: 100%;
}

.toppage .mission__block {
  max-width: 126rem;
  width: 90%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.toppage .mission__txt {
  width: 37.30159%;
}

.toppage .mission__txt span {
  color: #F29600;
  font-weight: bold;
}

.toppage .mission__txt p {
  font-size: 1.6rem;
  letter-spacing: 0.12em;
}

.toppage .mission__txt p:not(:first-child) {
  margin-top: 2.3rem;
}

.toppage .mission__figure {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  width: 56.8254%;
}

.toppage .mission__figureOb1, .toppage .mission__figureOb2 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: relative;
  z-index: 2;
  width: 21.2rem;
}

.toppage .mission__figureOb1Inner, .toppage .mission__figureOb2Inner {
  height: 21.2rem;
  border-radius: 50%;
  margin-bottom: 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.toppage .mission__figureOb1Inner img, .toppage .mission__figureOb2Inner img {
  margin: 0 auto;
}

.toppage .mission__figureOb1Inner p, .toppage .mission__figureOb2Inner p {
  margin-top: 1.4rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.6rem;
  letter-spacing: 0.06em;
}

.toppage .mission__figureOb1Inner .big, .toppage .mission__figureOb2Inner .big {
  font-size: 2.6rem;
}

.toppage .mission__figureOb1Inner .mdl, .toppage .mission__figureOb2Inner .mdl {
  font-size: 1.6rem;
}

.toppage .mission__figureOb1Lead, .toppage .mission__figureOb2Lead {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2.6rem;
}

.toppage .mission__figureOb1Inner {
  background: #8eacdd;
}

.toppage .mission__figureOb1Lead {
  color: #8eacdd;
}

.toppage .mission__figureOb2Inner {
  background: #73AD7B;
}

.toppage .mission__figureOb2Lead {
  color: #73AD7B;
}

.toppage .mission__figureOb3 {
  position: absolute;
  left: 0;
  right: 0;
  top: -2rem;
  z-index: 1;
  margin: auto;
  width: 17.1rem;
}

.toppage .mission__figureOb3 img {
  width: 16.1rem;
  margin: 0 auto 1.4rem;
}

.toppage .mission__figureOb3 p {
  color: #F29600;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 3.2rem;
}

.toppage .mission__figureBase {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  top: -31rem;
  margin: auto;
}

.toppage .mission__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #1F1200;
  width: 100%;
  max-width: 30rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  margin-top: 7rem;
}

@media all and (-ms-high-contrast: none) {
  .toppage .mission__btn {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.toppage .mission__btn span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.toppage .mission__btn:before, .toppage .mission__btn:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.toppage .mission__btn:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .toppage .mission__btn:before {
    top: 2.8rem;
  }
}

.toppage .mission__btn:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .toppage .mission__btn:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .toppage .mission__btn:hover {
    background: #000000;
  }
  .toppage .mission__btn:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .toppage .mission__btn {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .toppage .mission__btn span {
    padding-right: 7.03125vw;
  }
  .toppage .mission__btn:before, .toppage .mission__btn:after {
    right: 6.25vw;
  }
  .toppage .mission__btn:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .toppage .mission__btn:after {
    width: 5vw;
    top: 9.375vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .toppage .mission .mission__figureOb1,
  .toppage .mission .mission__figureOb2 {
    padding-top: 5rem;
    width: 12.5vw;
  }
  .toppage .mission .mission__figureOb1Inner,
  .toppage .mission .mission__figureOb2Inner {
    height: 12.5vw;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 1.2rem;
  }
  .toppage .mission .mission__figureOb1Inner *,
  .toppage .mission .mission__figureOb2Inner * {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .toppage .mission .mission__figureOb1Inner p,
  .toppage .mission .mission__figureOb2Inner p {
    font-size: 1.3rem;
    margin-top: -1.4rem;
  }
  .toppage .mission .mission__figureOb1Lead,
  .toppage .mission .mission__figureOb2Lead {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .toppage .mission .mission__figureOb3 {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    top: 2rem;
  }
  .toppage .mission .mission__figureBase {
    width: 40rem;
    top: -15rem;
    margin: auto;
  }
}

@media all and (-ms-high-contrast: none) {
  .toppage .mission .mission__figureOb2 {
    margin-left: auto;
  }
}

.toppage .reason {
  position: relative;
  padding-top: 10.5rem;
}

.toppage .reason .headBlock {
  margin-bottom: 3.5rem;
}

.toppage .reason__block {
  position: relative;
  z-index: 0;
  margin-bottom: 20rem;
}

.toppage .reason__blockImg {
  width: 42.66667vw;
  position: absolute;
  left: 7.33333vw;
  top: 6.66667vw;
  z-index: 2;
}

.toppage .reason__blockBg {
  width: 100%;
  position: relative;
  z-index: 1;
}

.toppage .reason__blockBg img {
  width: 100%;
}

@media screen and (min-width: 1025px) {
  .toppage .reason__blockBg div {
    display: block;
    overflow: hidden;
    width: 14.4rem;
    height: 14.4rem;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 2.66667vw;
    left: 32.66667vw;
  }
  .toppage .reason__blockBg div::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    background: #cccccc;
    -webkit-animation: sdb 1s infinite;
            animation: sdb 1s infinite;
    height: 100%;
  }
}

.toppage .reason__blockTxt {
  background: #ffffff;
  position: absolute;
  z-index: 3;
  width: 54.8vw;
  bottom: 0;
  padding: 4vw 13.33333vw 6.13333vw 6.6vw;
  right: 0;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .toppage .reason__blockTxt {
    padding: 2vw 6.66667vw 3.06667vw 3.26667vw;
  }
}

.toppage .reason__blockTxt p:not([class]) {
  letter-spacing: 0.05em;
  text-align: justify;
}

.toppage .reason__blockTxt p:not([class]) + p {
  margin-top: 2.4rem;
}

.toppage .reason__blockNum {
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 6.5rem;
}

.toppage .reason__blockNum span {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.02em;
  font-size: 6.6rem;
  color: #F29600;
  position: relative;
  padding-left: 8rem;
  margin-left: 2rem;
  margin-bottom: -0.8rem;
}

.toppage .reason__blockNum span:before {
  position: absolute;
  left: 0;
  bottom: 0.8rem;
  width: 6rem;
  height: 1px;
  background: #1F1200;
  content: '';
  display: block;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .toppage .reason__blockNum {
    margin-bottom: 3.125vw;
  }
  .toppage .reason__blockNum span {
    font-size: 4.6875vw;
  }
}

.toppage .reason__blockTtl {
  font-weight: bold;
  font-size: 3rem;
  line-height: 5.4rem;
  letter-spacing: 0.1em;
  margin-bottom: 3.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .toppage .reason__blockTtl {
    font-size: 2.5vw;
    line-height: 3.90625vw;
    margin-bottom: 3.125vw;
  }
  .toppage .reason__blockTtl br {
    display: none;
  }
}

.toppage .reason__blockBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #1F1200;
  width: 100%;
  max-width: 33rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  position: absolute;
  right: 15.33333vw;
  bottom: -0.6rem;
}

@media all and (-ms-high-contrast: none) {
  .toppage .reason__blockBtn {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.toppage .reason__blockBtn span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.toppage .reason__blockBtn:before, .toppage .reason__blockBtn:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.toppage .reason__blockBtn:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .toppage .reason__blockBtn:before {
    top: 2.8rem;
  }
}

.toppage .reason__blockBtn:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .toppage .reason__blockBtn:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .toppage .reason__blockBtn:hover {
    background: #000000;
  }
  .toppage .reason__blockBtn:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .toppage .reason__blockBtn {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .toppage .reason__blockBtn span {
    padding-right: 7.03125vw;
  }
  .toppage .reason__blockBtn:before, .toppage .reason__blockBtn:after {
    right: 6.25vw;
  }
  .toppage .reason__blockBtn:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .toppage .reason__blockBtn:after {
    width: 5vw;
    top: 9.375vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .toppage .reason__blockBtn {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 2rem;
  }
}

@-webkit-keyframes bdh1 {
  0% {
    height: 0;
    top: 1rem;
  }
  10% {
    height: 1rem;
  }
  50% {
    top: 2rem;
    height: 19rem;
  }
  100% {
    height: 0;
    top: 21rem;
  }
}

@keyframes bdh1 {
  0% {
    height: 0;
    top: 1rem;
  }
  10% {
    height: 1rem;
  }
  50% {
    top: 2rem;
    height: 19rem;
  }
  100% {
    height: 0;
    top: 21rem;
  }
}

@-webkit-keyframes bdh2 {
  0% {
    height: 0.1rem;
    top: -3rem;
  }
  50% {
    height: 5.1rem;
    top: -1.5rem;
  }
  100% {
    height: 0;
    top: 3.5rem;
  }
}

@keyframes bdh2 {
  0% {
    height: 0.1rem;
    top: -3rem;
  }
  50% {
    height: 5.1rem;
    top: -1.5rem;
  }
  100% {
    height: 0;
    top: 3.5rem;
  }
}

@-webkit-keyframes bdw1 {
  0% {
    width: 1.1rem;
    right: 8vw;
  }
  40% {
    width: 6.1rem;
    right: 8.66667vw;
  }
  100% {
    width: 0;
    right: 13.33333vw;
  }
}

@keyframes bdw1 {
  0% {
    width: 1.1rem;
    right: 8vw;
  }
  40% {
    width: 6.1rem;
    right: 8.66667vw;
  }
  100% {
    width: 0;
    right: 13.33333vw;
  }
}

@-webkit-keyframes bdw1_l {
  0% {
    width: 1.1rem;
    left: 8vw;
  }
  40% {
    width: 6.1rem;
    left: 8.66667vw;
  }
  100% {
    width: 0;
    left: 13.33333vw;
  }
}

@keyframes bdw1_l {
  0% {
    width: 1.1rem;
    left: 8vw;
  }
  40% {
    width: 6.1rem;
    left: 8.66667vw;
  }
  100% {
    width: 0;
    left: 13.33333vw;
  }
}

@-webkit-keyframes bdw2 {
  0% {
    width: 3rem;
    right: -10rem;
  }
  70% {
    width: 11rem;
    right: -6rem;
  }
  100% {
    width: 0;
    right: 5rem;
  }
}

@keyframes bdw2 {
  0% {
    width: 3rem;
    right: -10rem;
  }
  70% {
    width: 11rem;
    right: -6rem;
  }
  100% {
    width: 0;
    right: 5rem;
  }
}

@-webkit-keyframes bdw3 {
  0% {
    width: 3rem;
    left: -10rem;
  }
  70% {
    left: -4rem;
    width: 11rem;
  }
  100% {
    left: 7rem;
    width: 0;
  }
}

@keyframes bdw3 {
  0% {
    width: 3rem;
    left: -10rem;
  }
  70% {
    left: -4rem;
    width: 11rem;
  }
  100% {
    left: 7rem;
    width: 0;
  }
}

@media screen and (min-width: 1025px) {
  .toppage .reason__block.block02::before, .toppage .reason__block.block02::after, .toppage .reason__block.block03::before, .toppage .reason__block.block03::after {
    z-index: 4;
    content: '';
    display: block;
    background: #C9C9C9;
    position: absolute;
    top: 2rem;
  }
  .toppage .reason__block.block02::before, .toppage .reason__block.block03::before {
    width: 1px;
    right: 11.4vw;
    -webkit-animation: bdh1 1.2s infinite;
            animation: bdh1 1.2s infinite;
  }
  .toppage .reason__block.block02::after, .toppage .reason__block.block03::after {
    height: 1px;
    right: 10vw;
    -webkit-animation: bdw1 1.2s infinite;
            animation: bdw1 1.2s infinite;
  }
  .toppage .reason__block.block02 .reason__blockImg::before, .toppage .reason__block.block02 .reason__blockImg::after, .toppage .reason__block.block03 .reason__blockImg::before, .toppage .reason__block.block03 .reason__blockImg::after {
    content: '';
    display: block;
    background: #e1e1e1;
    position: absolute;
  }
  .toppage .reason__block.block02 .reason__blockImg::before, .toppage .reason__block.block03 .reason__blockImg::before {
    width: 1px;
    top: -3rem;
    right: -1.1rem;
    -webkit-animation: bdh2 0.8s infinite;
            animation: bdh2 0.8s infinite;
  }
  .toppage .reason__block.block02 .reason__blockImg::after, .toppage .reason__block.block03 .reason__blockImg::after {
    height: 1px;
    right: -10rem;
    top: -1.1rem;
    -webkit-animation: bdw2 0.8s infinite;
            animation: bdw2 0.8s infinite;
  }
}

.toppage .reason__block:nth-child(odd)::before {
  right: auto;
  left: 10vw;
}

.toppage .reason__block:nth-child(odd)::after {
  right: auto;
  left: 8.53333vw;
  -webkit-animation: bdw1_l 1.2s infinite;
          animation: bdw1_l 1.2s infinite;
}

.toppage .reason__block:nth-child(odd) .reason__blockImg {
  left: auto;
  right: 7.33333vw;
}

.toppage .reason__block:nth-child(odd) .reason__blockImg::before {
  right: auto;
  left: -1.1rem;
}

.toppage .reason__block:nth-child(odd) .reason__blockImg::after {
  right: auto;
  left: -10rem;
  -webkit-animation: bdw3 0.8s infinite;
          animation: bdw3 0.8s infinite;
}

.toppage .reason__block:nth-child(odd) .reason__blockBg div {
  left: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 32.66667vw;
}

.toppage .reason__block:nth-child(odd) .reason__blockBg div::after {
  left: 0;
  right: auto;
}

.toppage .reason__block:nth-child(odd) .reason__blockTxt {
  padding: 4vw 6.6vw 6.13333vw 13.33333vw;
  right: auto;
  left: 0;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .toppage .reason__block:nth-child(odd) .reason__blockTxt {
    padding: 2vw 3.26667vw 3.06667vw 6.66667vw;
  }
}

.toppage .reason__bgLogo {
  position: absolute;
  top: 20rem;
  right: -2.6rem;
  z-index: 1;
  width: 44.1rem;
}

.toppage .reason .scrollmagic-pin-spacer {
  z-index: -1;
}

.toppage .job {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding: 14rem 0;
  position: relative;
}

.toppage .job:before, .toppage .job:after {
  content: '';
  display: block;
  z-index: 0;
}

.toppage .job:before {
  background: #f8f8f8;
  width: 100%;
  height: 88rem;
  position: absolute;
  left: 0;
  top: 0;
}

.toppage .job:after {
  position: absolute;
  right: 0;
  top: -14rem;
  background: url(../img/top/job_bg.png) no-repeat;
  background-size: cover;
  width: 58.1rem;
  height: 116.2rem;
}

.toppage .job * {
  position: relative;
  z-index: 1;
}

.toppage .job .headBlock {
  width: 23.66667%;
  margin-left: 9.86667vw;
}

@media screen and (min-width: 1150px) {
  .toppage .job .headBlock {
    min-width: 34rem;
  }
}

.toppage .job__inner {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-top: 7rem;
}

.toppage .job__slider {
  min-height: 43rem;
  background: #ffffff;
}

.toppage .job__sliderWrap {
  width: 58.46667%;
}

.toppage .job__slider .job__single {
  padding: 9.5rem 10rem;
  position: relative;
}

.toppage .job__slider .job__single:before {
  content: '';
  display: block;
  width: 2px;
  height: 7rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #1F1200;
}

@media screen and (min-width: 768px) {
  .toppage .job__slider .job__single:hover .job__link:before, .toppage .job__slider .job__single:hover .job__link:after {
    right: 0;
  }
  .toppage .job__slider .job__single:hover .job__link:after {
    width: 4rem;
  }
  .toppage .job__slider .job__single:hover .job__link span:after {
    width: 100%;
  }
}

.toppage .job__slider .job__cat {
  margin-bottom: 3rem;
}

.toppage .job .slick-dots {
  z-index: 1;
  position: absolute;
  right: 18.3rem;
  bottom: -5rem;
  width: 13.5rem;
}

.toppage .job .slick-dots li {
  margin: 0 1rem;
  width: 7px;
  height: 7px;
  background: #928B80;
}

.toppage .job .slick-dots li.slick-active {
  background: #F29600;
}

.toppage .job .job__arrow {
  z-index: 0;
  width: 21.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  position: absolute;
  right: 14.4rem;
}

.toppage .job .slick-arrow {
  position: static;
  -webkit-transform: inherit;
          transform: inherit;
  width: 3.4rem;
  height: 3.4rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .job .slick-arrow:before {
  display: none;
}

.toppage .job .slick-prev {
  background-image: url(../img/slide_arrow_l.svg);
}

.toppage .job .slick-next {
  background-image: url(../img/slide_arrow_r.svg);
}

.toppage .job__search {
  background: #F29600;
  display: block;
  width: 19.5%;
  padding: 3rem;
}

.toppage .job__search span {
  display: block;
  color: #ffffff;
  background: url(../img/recruit_icon.svg) no-repeat;
  background-size: 6.1rem;
  padding-left: 8rem;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.12em;
}

.toppage .job__search:hover {
  cursor: pointer;
  opacity: 0.7;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .toppage .job__search {
    margin: 3rem auto 0;
    width: 35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
  .toppage .job__search span {
    background-size: 3rem;
    padding-left: 4rem;
  }
}

.toppage .business {
  position: relative;
  z-index: 1;
  padding-bottom: 15.7rem;
}

.toppage .business:before, .toppage .business:after {
  content: '';
  display: block;
  position: absolute;
}

.toppage .business:before {
  background: url(../img/top/biz_bg01.png) right top;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 62.5rem;
  height: 62.5rem;
}

.toppage .business:after {
  background: url(../img/top/biz_bg02.png) left bottom;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 26.2rem;
  height: 57.3rem;
}

.toppage .business__mv {
  height: 38rem;
  position: relative;
  background: url(../img/top/biz_mv.jpg) no-repeat center center;
  background-size: cover;
}

.toppage .business__mv:after {
  content: '';
  display: block;
  width: 56.66667vw;
  height: 25.6rem;
  background: url(../img/top/biz_whiteBg.svg) right top;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: -11rem;
}

.toppage .business .headBlock {
  margin-top: -5rem;
  margin-bottom: 5rem;
}

.toppage .business .headBlock .headBlock__txt {
  margin-top: 0;
}

.toppage .business__block {
  position: relative;
  z-index: 1;
  max-width: 114rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding-top: 12.8rem;
}

.toppage .business__single {
  width: 31.57895%;
  background: #ffffff;
  padding: 6rem 3rem 3rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.toppage .business__single:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.toppage .business__single:nth-child(3) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.toppage .business__singleNum {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  left: 0;
  top: -1.2rem;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  line-height: 1;
  padding-left: 8.33333%;
}

.toppage .business__singleNum span {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.02em;
  font-size: 6.6rem;
  text-align: center;
  color: #F29600;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.toppage .business__singleNum:before, .toppage .business__singleNum:after {
  display: block;
  position: absolute;
  content: '';
  background: #B5B5B5;
}

.toppage .business__singleNum:before {
  width: 1px;
  height: 4.3rem;
  left: 35.55556%;
  bottom: -1.4rem;
}

.toppage .business__singleNum:after {
  width: 41.66667%;
  height: 1px;
  left: 29.44444%;
  bottom: 0;
}

.toppage .business__singleTtl {
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
  letter-spacing: 0.11em;
  line-height: 3.6rem;
  margin-bottom: 1.7rem;
  min-height: 10.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .toppage .business__singleTtl {
    font-size: 1.71875vw;
    letter-spacing: 0;
    line-height: 3.28125vw;
  }
}

.toppage .business__singleImg {
  display: block;
  margin: 0 auto 3.7rem;
  width: 22rem;
}

.toppage .business__singleTxt {
  letter-spacing: 0.12em;
  text-align: justify;
}

.toppage .business__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #1F1200;
  width: 100%;
  max-width: 30rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: 0;
}

@media all and (-ms-high-contrast: none) {
  .toppage .business__btn {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.toppage .business__btn span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.toppage .business__btn:before, .toppage .business__btn:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.toppage .business__btn:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .toppage .business__btn:before {
    top: 2.8rem;
  }
}

.toppage .business__btn:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .toppage .business__btn:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .toppage .business__btn:hover {
    background: #000000;
  }
  .toppage .business__btn:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .toppage .business__btn {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .toppage .business__btn span {
    padding-right: 7.03125vw;
  }
  .toppage .business__btn:before, .toppage .business__btn:after {
    right: 6.25vw;
  }
  .toppage .business__btn:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .toppage .business__btn:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.toppage .news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  max-width: 100rem;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 15rem;
}

.toppage .news .headBlock {
  width: 25%;
}

.toppage .news .news__listCat--info, .toppage .news .news__listCat--column {
  width: 10rem;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  padding: 0.8rem;
  line-height: 1;
  margin-right: 2rem;
}

.toppage .news__list {
  width: 70%;
}

.toppage .news__list a, .toppage .news__list .no_link {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.toppage .news__list a:not(:last-child), .toppage .news__list .no_link:not(:last-child) {
  border-bottom: 1px solid #D5D5D5;
}

.toppage .news__list a:hover {
  opacity: 0.7;
}

.toppage .news__listData {
  width: 7rem;
  font-family: 'Roboto', sans-serif;
  color: #9a9a9a;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  margin-right: 2rem;
}

.toppage .news__listCat--info {
  color: #c88e54;
  border: 1px solid #C88E54;
}

.toppage .news__listCat--column {
  color: #6593C8;
  border: 1px solid #6593C8;
}

.toppage .news__list p {
  width: 68.57143%;
}

.toppage .modal__close {
  top: -3rem;
  right: -3rem;
  background-color: #1F1200;
}

.toppage .modal__close:hover {
  background-color: #1b1b1b;
}

.toppage .modal__inner {
  right: 15rem;
  height: 61rem;
}

.modal {
  position: relative;
  z-index: 999;
  display: none;
}

.modal__wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
}

.modal__inner {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 58.3rem;
  background-color: #fff;
  border-left: 5px solid #F29600;
}

.modal__innerItem {
  margin-bottom: 2.5rem;
}

.modal .modal__title, .modal .modal__title--top {
  background: #F29600;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  padding: 2.8rem 6rem;
}

.modal__title--top span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  height: 5rem;
  background: url(../img/recruit_icon.svg) no-repeat left center;
  background-size: 6.1rem;
  padding-left: 9.2rem;
}

.modal__close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  position: absolute;
  width: 5.5rem;
  height: 5.5rem;
  background-color: #F29600;
  color: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.modal__close:hover {
  cursor: pointer;
  background-color: #F8BB59;
}

.modal form {
  overflow-y: auto;
  height: 100%;
  padding: 6.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal form {
    padding: 4.5rem;
  }
}

.modal form dl {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 1.5rem;
}

.modal form dl dt {
  width: 15.8rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  padding-left: 3rem;
  border-left: 1px solid #1F1200;
}

.modal form dl dd {
  width: 24.2rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .modal form dl dd {
    width: 30rem;
  }
}

.modal form .checkbox dd,
.jobSearch__form form .checkbox dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.modal form .checkbox label,
.jobSearch__form form .checkbox label {
  display: block;
}

.modal form .checkbox label:hover,
.jobSearch__form form .checkbox label:hover {
  cursor: pointer;
}

.modal form .checkbox__item,
.jobSearch__form form .checkbox__item {
  position: relative;
  padding-left: 2.3rem;
  font-size: 1.4rem;
}

@media all and (-ms-high-contrast: none) {
  .modal form .checkbox__item,
  .jobSearch__form form .checkbox__item {
    padding-top: 0.5rem;
  }
}

.modal form .checkbox__item::before,
.jobSearch__form form .checkbox__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1.3rem;
  height: 1.3rem;
  margin: auto;
  border: 1px solid #1F1200;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal form .checkbox__input,
.jobSearch__form form .checkbox__input {
  display: none;
}

.modal form .checkbox__input:checked + .checkbox__item,
.jobSearch__form form .checkbox__input:checked + .checkbox__item {
  font-weight: bold;
}

.modal form .checkbox__input:checked + .checkbox__item::after,
.jobSearch__form form .checkbox__input:checked + .checkbox__item::after {
  background-size: cover;
  border-right: 1px solid #1F1200;
  border-bottom: 1px solid #1F1200;
  content: '';
  display: block;
  height: 0.8rem;
  left: 0.4rem;
  margin-top: -0.7rem;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.5rem;
}

.modal form .checkbox.status label,
.jobSearch__form form .checkbox.status label {
  width: 15rem;
}

.modal form .checkbox.conditions label,
.jobSearch__form form .checkbox.conditions label {
  width: 12rem;
}

.modal form .select select,
.jobSearch__form form .select select {
  width: 100%;
  max-width: 22rem;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  text-overflow: ellipsis;
  cursor: pointer;
  background: url(../img/select_arrow.svg) no-repeat right 1.5rem center;
  background-size: 1.2rem;
  border: 1px solid #D5D5D5;
}

.modal form .select select::-ms-expand,
.jobSearch__form form .select select::-ms-expand {
  display: none;
}

.modal form .submitBtn,
.jobSearch__form form .submitBtn {
  display: block;
  margin: 0 auto;
  background: #a3bce5;
  padding: 2.4rem 3.5rem;
  font-size: 1.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 33rem;
}

.modal form .submitBtn:hover,
.jobSearch__form form .submitBtn:hover {
  opacity: 0.7;
}

.modal form .submitBtn span,
.jobSearch__form form .submitBtn span {
  color: #ffffff;
  font-weight: bold;
  background: url(../img/search_icon.svg) no-repeat left center;
  background-size: 1.4rem;
  padding-left: 2.4rem;
}

.modal form .submitBtn:hover,
.jobSearch__form form .submitBtn:hover {
  cursor: pointer;
}

.job__catWork, .job__catWork--part, .job__catWork--dispatch, .job__catWork--contract {
  border-radius: 3rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1;
  padding: 1rem 2.2rem 1rem;
  margin-right: 1rem;
}

@media all and (-ms-high-contrast: none) {
  .job__catWork, .job__catWork--part, .job__catWork--dispatch, .job__catWork--contract {
    padding-top: 1.2rem;
    padding-bottom: 0.8rem;
  }
}

.job .headBlock__ttl {
  font-size: 3.6rem;
  letter-spacing: 0.12em;
}

.job__single {
  background: #ffffff;
}

.job__singleInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.job__singleTtl {
  width: 100%;
  font-size: 2.4rem;
  letter-spacing: 0.12em;
  line-height: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

.job__single table {
  font-size: 1.2rem;
  line-height: 1.8rem;
  width: 100%;
}

.job__single table th, .job__single table td {
  padding: 1.8rem 0.5rem;
}

.job__single table th {
  font-weight: bold;
  letter-spacing: 0.06em;
  width: 6.4rem;
  border-bottom: 1px solid #1F1200;
}

.job__single table td {
  letter-spacing: 0.04em;
  border-bottom: 1px solid #DFDFDF;
}

.job__single table td span {
  font-weight: bold;
}

.job__single table td p.salary {
  font-size: 1rem;
}

.job__single table td p.salary span {
  font-size: 1.2rem;
}

.job__cat {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 1.5rem;
}

.job__catNew {
  background: #fff9cf;
  color: #F29600;
  line-height: 1;
  border: 3px solid #F29600;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0.8rem 0.6rem 0.5rem;
  margin-right: 1rem;
}

.job__catPlace {
  background: #ebebeb;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1;
  padding: 1rem 1.7rem 1rem;
  margin-right: 0.9rem;
}

@media all and (-ms-high-contrast: none) {
  .job__catPlace {
    padding-top: 1.2rem;
    padding-bottom: 0.8rem;
  }
}

.job__catWork {
  background: #95bbf5;
}

.job__catWork--part {
  background: #ff547d;
}

.job__catWork--dispatch {
  background: #70b875;
}

.job__catWork--contract {
  background: #f2c867;
}

.job__catCont {
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  color: #707070;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.job__catCont span {
  margin-right: 1.5rem;
}

.job__catCont:after {
  content: '';
  width: 4rem;
  height: 1px;
  background: #707070;
  display: block;
}

.job__info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.job__info dl {
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-right: 4rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .job__info dl {
    margin-right: 0;
    width: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

.job__info dl dt {
  padding-left: 5.1rem;
  background-size: 3.9rem 2.1rem;
  background-repeat: no-repeat;
  background-position: left center;
  color: #707070;
}

.job__info dl dt:after {
  content: '：';
}

.job__info dl dt.salary {
  background-image: url(../img/top/job_salary.svg);
}

.job__info dl dt.requirements {
  background-image: url(../img/top/job_requirements.svg);
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .job__info dl dt {
    padding-left: 0;
  }
  .job__info dl dt.salary, .job__info dl dt.requirements {
    background: none;
  }
}

.job__info dl dd {
  color: #1F1200;
}

.job__info dl dd span {
  font-size: 2.1rem;
}

.job__data {
  width: 100%;
  margin-top: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  line-height: 1;
  color: #606060;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}

.job__data li:not(:last-child) {
  margin-right: 1rem;
  padding-right: 1rem;
  border-right: 1px solid #606060;
}

.job__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  padding: 0 5.5rem 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.1em;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: auto;
  margin-right: 0;
}

.job__link span {
  position: relative;
  z-index: 1;
  padding-bottom: 1.2rem;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  .job__link span {
    padding-top: 0.7rem;
  }
}

.job__link span:after {
  content: '';
  display: block;
  width: 50%;
  height: 1px;
  background: #1F1200;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
}

.job__link:before, .job__link:after {
  content: '';
  display: block;
  position: absolute;
  right: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.job__link:before {
  background: url(../img/arrow.svg) no-repeat right center;
  background-size: 1.1rem;
  width: 1.1rem;
  height: 1.1rem;
  top: 0.7rem;
}

.job__link:after {
  width: 2rem;
  top: 1.4rem;
  height: 1px;
  background: #1F1200;
}

@media screen and (min-width: 768px) {
  .job__link:hover:before, .job__link:hover:after {
    right: 0;
  }
  .job__link:hover:after {
    width: 4rem;
  }
  .job__link:hover span:after {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .job__link {
    padding: 0 10.15625vw 1.875vw 0;
  }
  .job__link:before, .job__link:after {
    right: 1.5625vw;
  }
  .job__link:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 2.1875vw;
  }
  .job__link:after {
    width: 6.25vw;
    top: 3.90625vw;
  }
}

.job__link span {
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .job__link {
    margin-top: 2rem;
  }
}

.job__newest, .job__other {
  width: 75%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .job__newest, .job__other {
    width: 100%;
  }
}

.job__newest:after, .job__other:after {
  content: '';
  width: 32.22222%;
  display: block;
}

.job__newest .job__single, .job__other .job__single {
  width: 32.22222%;
  border: 1px solid #DFDFDF;
  padding: 3rem;
}

.job__newest .job__single:hover, .job__other .job__single:hover {
  opacity: 0.7;
}

.job__newest .job__singleTtl, .job__other .job__singleTtl {
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  line-height: 3rem;
}

.job__newest .job__catPlace, .job__other .job__catPlace {
  font-size: 1.2rem;
  padding: 0.9rem 1.4rem 0.9rem;
}

.job__newest .job__cat .job__catWork, .job__newest .job__cat .job__catWork--part, .job__newest .job__cat .job__catWork--dispatch, .job__newest .job__cat .job__catWork--contract, .job__other .job__cat .job__catWork, .job__other .job__cat .job__catWork--part, .job__other .job__cat .job__catWork--dispatch, .job__other .job__cat .job__catWork--contract {
  font-size: 1.2rem;
  padding: 0.9rem 1.7rem 0.9rem;
  margin-right: 0;
}

@media all and (-ms-high-contrast: none) {
  .job__newest .job__cat .job__catWork, .job__newest .job__cat .job__catWork--part, .job__newest .job__cat .job__catWork--dispatch, .job__newest .job__cat .job__catWork--contract, .job__other .job__cat .job__catWork, .job__other .job__cat .job__catWork--part, .job__other .job__cat .job__catWork--dispatch, .job__other .job__cat .job__catWork--contract {
    padding-top: 1.1rem;
    padding-bottom: 0.7rem;
  }
}

.job__other {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  padding-top: 10rem;
}

.job__otherTtl {
  width: 100%;
  margin-bottom: 4rem;
}

.job__otherTtlEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  text-align: center;
  margin-bottom: 2.2rem;
}

@media screen and (max-width: 768px) {
  .job__otherTtlEng {
    font-size: 2.8125vw;
  }
}

.job__otherTtl h3 {
  text-align: center;
  font-weight: bold;
  font-size: 3.6rem;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 768px) {
  .toppage .mainV .slick-list {
    height: calc(100% - 15vw);
  }
  .toppage .mainV__slide .slick-dots {
    position: absolute;
    right: auto;
    left: 9.375vw;
    bottom: 3.90625vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .toppage .mainV__slide02 .img {
    background-image: url(../img/top/mv02_sp.jpg);
  }
  .toppage .mainV__txt {
    left: 9.375vw;
    top: 57.96875vw;
    bottom: auto;
  }
  .toppage .mainV__txt h2 {
    font-size: 8.75vw;
    line-height: 12.96875vw;
    letter-spacing: 0.11em;
  }
  .toppage .mainV__txtLead {
    font-size: 2.5vw;
    margin-bottom: 6.71875vw;
  }
  .toppage .mainV__scroll {
    right: 9.21875vw;
    width: 17.96875vw;
    height: 36.71875vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 5.15625vw 4.0625vw;
  }
  .toppage .mainV__scrollTxt {
    font-size: 2.5vw;
  }
  .toppage .mainV__scrollBd {
    height: 42.1875vw;
    right: 20vw;
    bottom: -8.4375vw;
  }
  .toppage .headBlock {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .toppage .headBlock__eng {
    font-size: 2.8125vw;
    margin-bottom: 3.125vw;
  }
  .toppage .headBlock__lead {
    line-height: 7.5vw;
    font-size: 4.0625vw;
    margin-bottom: 7.03125vw;
    margin-top: 9.375vw;
  }
  .toppage .headBlock__ttl {
    font-size: 6.25vw;
    line-height: 10vw;
    letter-spacing: 0.12em;
  }
  .toppage .headBlock__link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .toppage .mission {
    padding-top: 21.875vw;
    padding-bottom: 19.0625vw;
  }
  .toppage .mission:after {
    width: 18.4375vw;
    height: 18.59375vw;
    top: -5.15625vw;
    right: 5.15625vw;
  }
  .toppage .mission:before {
    height: 14.0625vw;
    right: 9.375vw;
  }
  .toppage .mission .headBlock {
    margin-bottom: 5.46875vw;
  }
  .toppage .mission__head {
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 5.46875vw;
  }
  .toppage .mission__head:before, .toppage .mission__head:after {
    display: none;
  }
  .toppage .mission__headEng {
    margin-bottom: 3.125vw;
  }
  .toppage .mission__head h2 {
    font-size: 4.0625vw;
    letter-spacing: 0.15em;
    margin-left: 0;
  }
  .toppage .mission__head h2:before {
    display: none;
  }
  .toppage .mission__lead {
    text-align: center;
    font-size: 6.25vw;
    line-height: 10vw;
    letter-spacing: 0.12em;
    margin-bottom: 7.8125vw;
  }
  .toppage .mission__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .toppage .mission__txt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  .toppage .mission__txt p {
    text-align: center;
    font-size: 4.0625vw;
    letter-spacing: 0.04em;
  }
  .toppage .mission__txt p:not(:first-child) {
    margin-top: 6.875vw;
  }
  .toppage .mission__figure {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    margin-top: 0;
    min-width: inherit;
    margin-bottom: 15.78125vw;
    padding-top: 22.03125vw;
  }
  .toppage .mission__figureOb1, .toppage .mission__figureOb2 {
    position: relative;
    z-index: 2;
    width: 23.75vw;
  }
  .toppage .mission__figureOb1Inner, .toppage .mission__figureOb2Inner {
    height: 23.75vw;
    margin-bottom: 4.6875vw;
  }
  .toppage .mission__figureOb1Inner p, .toppage .mission__figureOb2Inner p {
    margin-top: 1.09375vw;
    font-size: 1.5625vw;
    line-height: 3.125vw;
    letter-spacing: 0.1em;
  }
  .toppage .mission__figureOb1Inner .big, .toppage .mission__figureOb2Inner .big {
    font-size: 2.65625vw;
  }
  .toppage .mission__figureOb1Inner .mdl, .toppage .mission__figureOb2Inner .mdl {
    font-size: 2.34375vw;
  }
  .toppage .mission__figureOb1Lead, .toppage .mission__figureOb2Lead {
    font-size: 2.34375vw;
    line-height: 3.90625vw;
  }
  .toppage .mission__figureOb1Inner img {
    width: 7.34375vw;
  }
  .toppage .mission__figureOb2Inner img {
    width: 4.21875vw;
  }
  .toppage .mission__figureOb3 {
    top: 19.53125vw;
    width: 20.3125vw;
  }
  .toppage .mission__figureOb3 img {
    width: 18.125vw;
    margin: 0 auto 2.1875vw;
  }
  .toppage .mission__figureOb3 p {
    font-size: 2.8125vw;
    line-height: 3.90625vw;
  }
  .toppage .mission__figureBase {
    top: 0;
    width: 65.3125vw;
  }
  .toppage .mission__btn {
    width: 81.25vw;
    margin: 17.1875vw auto 0;
  }
  .toppage .reason {
    padding-top: 16.40625vw;
    padding-bottom: 0;
  }
  .toppage .reason__block {
    margin-bottom: 0;
  }
  .toppage .reason__blockImg {
    width: 100%;
    position: static;
  }
  .toppage .reason__blockBg {
    width: 100%;
    position: static;
  }
  .toppage .reason__blockBg div {
    display: none;
  }
  .toppage .reason__blockTxt {
    width: 90.625vw;
    top: 51.5625vw;
    bottom: auto;
    padding: 9.375vw 7.8125vw 7.8125vw;
    right: auto;
    left: 0;
  }
  .toppage .reason__blockTxt p:not([class]) {
    letter-spacing: 0.04em;
  }
  .toppage .reason__blockTxt p:not([class]) + p {
    margin-top: 4.6875vw;
  }
  .toppage .reason__blockNum {
    font-size: 2.5vw;
    margin-bottom: 10.9375vw;
  }
  .toppage .reason__blockNum span {
    font-size: 11.875vw;
    padding-left: 13.4375vw;
    margin-left: 3.125vw;
    margin-bottom: -0.625vw;
  }
  .toppage .reason__blockNum span:before {
    bottom: 1.5625vw;
    width: 10vw;
  }
  .toppage .reason__blockNum::before, .toppage .reason__blockNum::after {
    content: '';
    display: block;
    background: #e1e1e1;
    position: absolute;
  }
  .toppage .reason__blockNum::before {
    width: 1px;
    height: 4.6875vw;
    top: 7.8125vw;
    left: 9.375vw;
  }
  .toppage .reason__blockNum::after {
    height: 1px;
    width: 16.40625vw;
    left: 7.03125vw;
    top: 9.375vw;
  }
  .toppage .reason__blockTtl {
    font-size: 5.3125vw;
    line-height: 9.0625vw;
    letter-spacing: 0.11em;
    margin-bottom: 7.5vw;
  }
  .toppage .reason__blockBtn {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 6.25vw;
  }
  .toppage .reason__block.block02::before, .toppage .reason__block.block02::after, .toppage .reason__block.block03::before, .toppage .reason__block.block03::after {
    display: none;
  }
  .toppage .reason__block.block02 .reason__blockImg::before, .toppage .reason__block.block02 .reason__blockImg::after, .toppage .reason__block.block03 .reason__blockImg::before, .toppage .reason__block.block03 .reason__blockImg::after {
    display: none;
  }
  .toppage .reason__block:nth-child(odd) .reason__blockTxt {
    padding: 7.8125vw;
    right: 0;
    left: auto;
  }
  .toppage .reason__bgLogo {
    display: none;
  }
  .toppage .job {
    display: block;
    background: #f8f8f8;
    padding: 21.875vw 0;
  }
  .toppage .job:before {
    display: none;
  }
  .toppage .job:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 73.59375vw 74.0625vw 73.59375vw 0;
    border-color: transparent #F1F1F1 transparent transparent;
    position: absolute;
    right: 0;
    top: 52.1875vw;
    background: none;
  }
  .toppage .job .headBlock {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6.25vw;
  }
  .toppage .job .headBlock .headBlock__ttl {
    font-size: 6.25vw;
  }
  .toppage .job .headBlock .headBlock__ttl,
  .toppage .job .headBlock .headBlock__eng {
    text-align: center;
  }
  .toppage .job .headBlock .headBlock__txt {
    margin-top: 7.8125vw;
  }
  .toppage .job__inner {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    display: block;
    margin-top: 31.25vw;
  }
  .toppage .job__slider {
    min-height: inherit;
    margin-bottom: 6.25vw;
  }
  .toppage .job__sliderWrap {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .toppage .job__slider .job__single {
    padding: 9.375vw 6.25vw;
  }
  .toppage .job__slider .job__single:before {
    width: 1px;
    height: 27.1875vw;
  }
  .toppage .job__slider .job__cat {
    margin-bottom: 7.5vw;
  }
  .toppage .job .slick-dots {
    right: 0;
    left: 0;
    margin: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    bottom: -13.28125vw;
    width: 35.625vw;
  }
  .toppage .job .slick-dots li {
    margin: 0 2.1875vw;
    width: 2.34375vw;
    height: 2.34375vw;
  }
  .toppage .job .job__arrow {
    width: 62.5vw;
    right: 0;
    left: 0;
    margin: auto;
  }
  .toppage .job .slick-arrow {
    width: 11.40625vw;
    height: 11.40625vw;
  }
  .toppage .job__search {
    width: 100%;
    padding: 4.6875vw 10.9375vw;
  }
  .toppage .job__search span {
    min-height: 7.8125vw;
    background-size: 9.53125vw;
    padding-left: 13.28125vw;
    font-size: 4.6875vw;
    line-height: 7.8125vw;
  }
  .toppage .business {
    padding-bottom: 23.4375vw;
    background: url(../img/top/biz_bg01_sp.png) no-repeat left bottom 30.46875vw;
    background-size: 100%;
  }
  .toppage .business:before {
    background: none;
    right: 0;
    top: 59.375vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25.625vw 25.625vw 0;
    border-color: transparent #F8F8F8 transparent transparent;
  }
  .toppage .business:after {
    display: none;
  }
  .toppage .business__mv {
    height: 59.375vw;
  }
  .toppage .business__mv:after {
    display: none;
  }
  .toppage .business .headBlock {
    margin-top: 18.75vw;
  }
  .toppage .business .headBlock__lead, .toppage .business .headBlock__eng, .toppage .business .headBlock__ttl {
    text-align: center;
  }
  .toppage .business__block {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 14.0625vw;
  }
  .toppage .business__single {
    width: 100%;
    padding: 12.1875vw 9.0625vw 7.03125vw;
  }
  .toppage .business__single:not(:nth-child(n+3)) {
    margin-bottom: 23.4375vw;
  }
  .toppage .business__singleNum {
    top: -1.875vw;
    font-size: 1.875vw;
    padding-left: 14.375vw;
  }
  .toppage .business__singleNum span {
    font-size: 11.875vw;
  }
  .toppage .business__singleNum:before {
    height: 6.71875vw;
    left: 31.09375vw;
    bottom: -2.1875vw;
  }
  .toppage .business__singleNum:after {
    width: 26.5625vw;
    left: 27.34375vw;
  }
  .toppage .business__singleTtl {
    font-size: 4.53125vw;
    letter-spacing: 0.08em;
    line-height: 8.125vw;
    margin-bottom: 5.46875vw;
    min-height: inherit;
    display: block;
  }
  .toppage .business__singleImg {
    width: 47.8125vw;
    margin: 0 auto 7.8125vw;
  }
  .toppage .business__singleTxt {
    letter-spacing: 0.04em;
    font-size: 4.0625vw;
  }
  .toppage .business__btn {
    margin-top: 12.5vw;
  }
  .toppage .news {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-bottom: 21.875vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .toppage .news .headBlock {
    width: 100%;
    text-align: center;
    margin-bottom: 7.8125vw;
  }
  .toppage .news .news__listCat--info, .toppage .news .news__listCat--column {
    width: 21.875vw;
    font-size: 3.125vw;
    padding: 1.71875vw;
    margin-right: 0;
  }
  .toppage .news__list {
    width: 100%;
  }
  .toppage .news__list a, .toppage .news__list .no_link {
    padding-top: 4.6875vw;
    padding-bottom: 4.6875vw;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .toppage .news__list a:last-child, .toppage .news__list .no_link:last-child {
    border-bottom: 1px solid #D5D5D5;
  }
  .toppage .news__listData {
    width: 18.75vw;
    font-size: 3.125vw;
    margin-right: 3.75vw;
  }
  .toppage .news__list p {
    width: 100%;
    margin-top: 4.6875vw;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .toppage .modal__close {
    top: -2.34375vw;
    right: -2.34375vw;
  }
  .toppage .modal__inner {
    right: 0;
    height: 80vh;
  }
  .modal__inner {
    left: 0;
    width: 92.8125vw;
    border-left-width: 3px;
  }
  .modal__innerItem {
    margin-bottom: 9.375vw;
  }
  .modal__scrollArea {
    overflow-y: hidden;
    height: 85%;
  }
  .modal .modal__title, .modal .modal__title--top {
    font-size: 4.375vw;
    padding: 4.375vw 0;
  }
  .modal__title {
    text-align: center;
  }
  .modal__title--top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
  .modal__title--top span {
    height: 9.53125vw;
    background-size: 9.53125vw;
    padding-left: 14.375vw;
  }
  .modal__close {
    width: 13.125vw;
    height: 13.125vw;
  }
  .modal form {
    overflow-y: scroll;
    height: 100%;
    padding: 7.03125vw;
  }
  .modal form dl {
    margin-bottom: 6.25vw;
  }
  .modal form dl dt {
    font-size: 3.75vw;
    width: 100%;
    padding: 1.5625vw 3.90625vw;
    border-left: none;
    background: #f5f5f5;
    margin-bottom: 4.6875vw;
  }
  .modal form dl dd {
    width: 100%;
  }
  .modal form .checkbox label,
  .jobSearch__form form .checkbox label {
    margin-right: 6.25vw;
  }
  .modal form .checkbox dd,
  .jobSearch__form form .checkbox dd {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .modal form .checkbox__item,
  .jobSearch__form form .checkbox__item {
    padding-left: 5.9375vw;
    font-size: 3.75vw;
  }
  .modal form .checkbox__item::before,
  .jobSearch__form form .checkbox__item::before {
    width: 3.90625vw;
    height: 3.90625vw;
  }
  .modal form .checkbox__input:checked + .checkbox__item::after,
  .jobSearch__form form .checkbox__input:checked + .checkbox__item::after {
    height: 2.5vw;
    left: 1.25vw;
    margin-top: -1.875vw;
    width: 1.5625vw;
  }
  .modal form .checkbox.status label,
  .jobSearch__form form .checkbox.status label {
    width: auto;
  }
  .modal form .checkbox.status label:nth-child(odd),
  .jobSearch__form form .checkbox.status label:nth-child(odd) {
    width: auto;
  }
  .modal form .checkbox.conditions,
  .jobSearch__form form .checkbox.conditions {
    margin-top: 6.25vw;
  }
  .modal form .checkbox.conditions label,
  .jobSearch__form form .checkbox.conditions label {
    width: auto;
  }
  .modal form .select,
  .jobSearch__form form .select {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 1.5625vw;
  }
  .modal form .select dt, .modal form .select dd,
  .jobSearch__form form .select dt,
  .jobSearch__form form .select dd {
    height: 10.15625vw;
  }
  .modal form .select dt,
  .jobSearch__form form .select dt {
    text-align: center;
    width: 24.6875vw;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .modal form .select dd,
  .jobSearch__form form .select dd {
    width: 55vw;
  }
  .modal form .select select,
  .jobSearch__form form .select select {
    height: 100%;
    max-width: inherit;
    font-size: 1.6rem;
    padding: 2.1875vw 4.6875vw;
    background: url(../img/select_arrow.svg) no-repeat right 4.21875vw center;
    background-size: 3.59375vw;
    border-left: none;
  }
  .modal form .submitBtn,
  .jobSearch__form form .submitBtn {
    padding: 3.90625vw 5.46875vw;
    font-size: 4.375vw;
    width: 100%;
  }
  .modal form .submitBtn span,
  .jobSearch__form form .submitBtn span {
    background-size: 5vw;
    padding-left: 8.59375vw;
    letter-spacing: 0.12em;
  }
  .job__catWork, .job__catWork--part, .job__catWork--dispatch {
    font-size: 3.125vw;
    padding: 1.5625vw 2.8125vw 1.5625vw;
    margin-right: 0;
    letter-spacing: 0.08em;
  }
  .job__singleTtl {
    font-size: 5vw;
    letter-spacing: 0.11em;
    line-height: 7.65625vw;
    margin-bottom: 7.8125vw;
  }
  .job__single table {
    width: 100%;
    font-size: 3.75vw;
    line-height: 6.5625vw;
  }
  .job__single table th, .job__single table td {
    padding: 4.6875vw 0;
  }
  .job__single table th {
    width: 19.6875vw;
  }
  .job__single table td {
    padding-left: 3.125vw;
  }
  .job__single table td p.salary {
    font-size: 3.75vw;
  }
  .job__single table td p.salary span {
    font-size: 3.75vw;
  }
  .job__cat {
    margin-bottom: 7.5vw;
  }
  .job__catNew {
    border: 0.46875vw solid #F29600;
    font-size: 3.125vw;
    padding: 2.03125vw 2.1875vw 0.78125vw;
    margin-right: 1.5625vw;
  }
  .job__catPlace {
    font-size: 3.125vw;
    padding: 1.875vw 2.65625vw 1.5625vw;
    margin-right: 1.5625vw;
  }
  .job__catCont {
    margin-top: 2.34375vw;
    font-size: 4.375vw;
  }
  .job__catCont span {
    margin-right: 2.34375vw;
  }
  .job__catCont:after {
    width: 6.25vw;
  }
  .job__info {
    display: block;
  }
  .job__info dl {
    margin-right: 0;
    margin-bottom: 0.9375vw;
  }
  .job__info dl dt {
    font-size: 3.125vw;
    padding-left: 10.9375vw;
    background-size: 8.4375vw 4.53125vw;
  }
  .job__info dl dd {
    font-size: 3.75vw;
  }
  .job__info dl dd span {
    font-size: 4.6875vw;
  }
  .job__data {
    margin-top: 6.25vw;
    display: block;
    font-size: 3.125vw;
    line-height: 5.46875vw;
  }
  .job__data li:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .job__link {
    margin: 10.625vw auto 0;
    font-size: 3.125vw;
  }
  .job__newest {
    display: none;
  }
  .job__other {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-top: 21.875vw;
  }
  .job__other:after {
    display: none;
  }
  .job__otherTtl {
    width: 100%;
    margin-bottom: 6.25vw;
  }
  .job__otherTtlEng {
    margin-bottom: 4.6875vw;
  }
  .job__otherTtl h3 {
    font-size: 5.625vw;
    letter-spacing: 0.1em;
  }
  .job__other .job__catPlace {
    font-size: 3.125vw;
    padding: 1.71875vw 2.34375vw 1.71875vw;
  }
  .job__other .job__cat .job__catWork, .job__other .job__cat .job__catWork--part, .job__other .job__cat .job__catWork--dispatch, .job__other .job__cat .job__catWork--contract {
    font-size: 3.125vw;
    padding: 1.71875vw 2.34375vw 1.71875vw;
  }
}

.jobSearch {
  padding-bottom: 14rem;
}

.jobSearch .headCont {
  background-image: url(../img/job-search/mv.jpg);
  margin-bottom: 10rem;
}

.jobSearch__intro {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 14rem;
}

.jobSearch__introImg {
  margin-top: 3rem;
  width: 47.5%;
}

.jobSearch__introTxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  width: 43.33333%;
}

.jobSearch__introTxt p {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.06em;
}

.jobSearch__introTxt p + p {
  margin-top: 2rem;
}

.jobSearch__introEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
  .jobSearch__introEng {
    font-size: 2.8125vw;
  }
}

.jobSearch__introTtl {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 5.8rem;
  margin-bottom: 4rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__introTtl {
    font-size: 2.6rem;
    line-height: 4.8rem;
    margin-bottom: 2rem;
  }
}

.jobSearch__menu {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 4.5rem;
}

.jobSearch__menu li {
  width: 25%;
  height: 6.9rem;
  border: 1px solid #1F1200;
}

.jobSearch__menu li:not(:last-child) {
  border-right: none;
}

.jobSearch__menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url(../img/arrow_down.svg);
  background-size: 0.9rem;
  background-repeat: no-repeat;
  background-position: right 2rem top 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .jobSearch__menu a {
    padding-top: 0.4rem;
  }
}

@media screen and (min-width: 769px) {
  .jobSearch__menu a:hover {
    background-image: url(../img/arrow_down_white.svg);
    background-position: right 2rem top 60%;
    background-color: #1F1200;
    color: #ffffff;
  }
}

.jobSearch__about {
  background: #f8f8f8;
  padding-top: 12rem;
  padding-bottom: 13rem;
  margin-bottom: 14rem;
}

.jobSearch__aboutEng, .jobSearch__aboutTtl {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.jobSearch__aboutEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  width: 90%;
  margin-bottom: 2.2rem;
}

@media screen and (max-width: 768px) {
  .jobSearch__aboutEng {
    font-size: 2.8125vw;
  }
}

.jobSearch__aboutTtl {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  line-height: 5.6rem;
  margin-bottom: 4rem;
}

.jobSearch__aboutInner {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobSearch__aboutInner h3 {
  font-size: 3rem;
  letter-spacing: 0.13em;
  line-height: 5rem;
  font-weight: bold;
  margin-bottom: 3rem;
}

.jobSearch__aboutInner.block01 {
  background: #ffffff;
  margin-bottom: 9.5rem;
  padding: 7rem 7rem 7rem 10rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__aboutInner.block01 {
    padding: 5rem;
  }
}

.jobSearch__aboutInner.block01 .jobSearch__aboutTxt {
  width: 50.7767%;
}

.jobSearch__aboutInner.block01 .jobSearch__aboutTxt strong, .jobSearch__aboutInner.block01 .jobSearch__aboutTxt h4 {
  font-weight: bold;
}

.jobSearch__aboutInner.block01 .jobSearch__aboutTxt h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote {
  padding: 4rem;
  margin: 2rem 0 0;
  position: relative;
  background: #f8f8f8;
}

.jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:before, .jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:after {
  content: '';
  display: block;
  width: 8rem;
  height: 2.5rem;
  position: absolute;
}

.jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:before {
  background: url(../img/news/bq_icon01.svg);
  background-size: cover;
  left: 2rem;
  top: 2rem;
}

.jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:after {
  background: url(../img/news/bq_icon02.svg);
  background-size: cover;
  right: 2rem;
  bottom: 2rem;
}

.jobSearch__aboutInner.block01 .jobSearch__aboutImg {
  width: 41.74757%;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__aboutInner.block01 .jobSearch__aboutImg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
}

.jobSearch__aboutInner.block01 p:not([class]) {
  font-size: 1.3rem;
  line-height: 2.6rem;
}

.jobSearch__aboutInner.block01 p:not([class]) + p {
  margin-top: 2rem;
}

.jobSearch__aboutInner.block02 .jobSearch__aboutTxt {
  width: 42.5%;
}

.jobSearch__aboutInner.block02 .jobSearch__aboutImg {
  width: 50%;
  background: #ffffff;
  padding: 6.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__aboutInner.block02 .jobSearch__aboutImg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    padding: 3rem;
  }
}

.jobSearch__aboutPoint {
  margin-top: 5rem;
}

.jobSearch__aboutPoint h4 {
  font-weight: bold;
  font-size: 2.1rem;
  letter-spacing: 0.1em;
  margin-bottom: 3.5rem;
}

.jobSearch__aboutPoint dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobSearch__aboutPoint dl:not(:last-child) {
  margin-bottom: 2.5rem;
}

.jobSearch__aboutPoint dl dt {
  padding-top: 1rem;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 5rem;
  color: #bcbcbc;
  letter-spacing: 0.02em;
}

.jobSearch__aboutPoint dl dd {
  font-size: 1.3rem;
  line-height: 2.6rem;
  width: 82.35294%;
}

.jobSearch__cont {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, white), color-stop(11%, #f8f8f8));
  background: -webkit-linear-gradient(top, white 11%, #f8f8f8 11%);
  background: linear-gradient(to bottom, white 11%, #f8f8f8 11%);
  padding-bottom: 14rem;
  margin-bottom: 14rem;
}

.jobSearch__form {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  background: #ffffff;
  border: 5px solid #F29600;
  padding: 10rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__form {
    padding: 5rem;
  }
}

.jobSearch__formTxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  width: 28.55556%;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__formTxt {
    width: 29.66667%;
  }
}

.jobSearch__formEng {
  width: 100%;
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
  .jobSearch__formEng {
    font-size: 2.8125vw;
  }
}

.jobSearch__formTtl {
  background: url(../img/job-search/recruit_icon_orange.svg) no-repeat left center;
  background-size: 4.2rem;
  padding-left: 4.8rem;
  color: #F29600;
  font-size: 4.2rem;
  letter-spacing: 0.13em;
  font-weight: bold;
  min-height: 4rem;
  margin-bottom: 3.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__formTtl {
    font-size: 3.6rem;
    padding-top: 1rem;
  }
}

.jobSearch__formLead {
  line-height: 3rem;
  letter-spacing: 0.12em;
  width: 100%;
}

.jobSearch__formLink {
  margin-top: 4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  padding: 0 5.5rem 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.1em;
}

.jobSearch__formLink span {
  position: relative;
  z-index: 1;
  padding-bottom: 1.2rem;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  .jobSearch__formLink span {
    padding-top: 0.7rem;
  }
}

.jobSearch__formLink span:after {
  content: '';
  display: block;
  width: 50%;
  height: 1px;
  background: #1F1200;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
}

.jobSearch__formLink:before, .jobSearch__formLink:after {
  content: '';
  display: block;
  position: absolute;
  right: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.jobSearch__formLink:before {
  background: url(../img/arrow.svg) no-repeat right center;
  background-size: 1.1rem;
  width: 1.1rem;
  height: 1.1rem;
  top: 0.7rem;
}

.jobSearch__formLink:after {
  width: 2rem;
  top: 1.4rem;
  height: 1px;
  background: #1F1200;
}

@media screen and (min-width: 768px) {
  .jobSearch__formLink:hover:before, .jobSearch__formLink:hover:after {
    right: 0;
  }
  .jobSearch__formLink:hover:after {
    width: 4rem;
  }
  .jobSearch__formLink:hover span:after {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .jobSearch__formLink {
    padding: 0 10.15625vw 1.875vw 0;
  }
  .jobSearch__formLink:before, .jobSearch__formLink:after {
    right: 1.5625vw;
  }
  .jobSearch__formLink:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 2.1875vw;
  }
  .jobSearch__formLink:after {
    width: 6.25vw;
    top: 3.90625vw;
  }
}

.jobSearch__form form {
  width: 65.55556%;
}

.jobSearch__form form dl {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobSearch__form form dl dt {
  width: 23.72881%;
  background: #f5f5f5;
  text-align: center;
  padding: 1.3rem;
  font-weight: bold;
}

.jobSearch__form form dl dd {
  width: 71.18644%;
}

.jobSearch__form form .select select {
  max-width: inherit;
}

.jobSearch__form form .checkbox.status label {
  width: auto;
}

.jobSearch__form form .checkbox.status label:nth-child(odd) {
  width: auto;
}

.jobSearch__form form .checkbox.conditions label {
  width: auto;
}

.jobSearch__form form .submitBtn {
  margin-top: 4rem;
  margin-left: 0;
}

.jobSearch__flow {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 5rem;
}

.jobSearch__flowEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  margin-bottom: 2.2rem;
}

@media screen and (max-width: 768px) {
  .jobSearch__flowEng {
    font-size: 2.8125vw;
  }
}

.jobSearch__flowTtl {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 5.8rem;
  margin-bottom: 4.5rem;
}

.jobSearch__flowBlock {
  border: 1px solid #D8D8D8;
  padding: 9.5rem 0;
}

.jobSearch__flowBlock:not(:last-child) {
  margin-bottom: 4rem;
}

.jobSearch__flowBlock h3 {
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  margin-bottom: 2rem;
}

.jobSearch__flowLead {
  margin-bottom: 6.5rem;
  text-align: center;
  font-size: 1.3rem;
}

.jobSearch__flowStep {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobSearch__flowStep + .jobSearch__flowLead {
  margin: 5rem 0 0;
}

.jobSearch__flowSingle {
  width: 23rem;
  height: 23rem;
  background: #f8f8f8;
  border-radius: 12rem;
  position: relative;
  margin: 0 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__flowSingle {
    width: 15rem;
    height: 15rem;
  }
}

.jobSearch__flowSingle dt {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  text-align: center;
  margin-top: -3rem;
}

@media screen and (max-width: 768px) {
  .jobSearch__flowSingle dt {
    font-size: 2.8125vw;
  }
}

.jobSearch__flowSingle dt span {
  font-family: 'Roboto', sans-serif;
  font-size: 5rem;
  color: #F29600;
  line-height: 1;
  margin: 0.5rem 0 0;
  display: block;
}

.jobSearch__flowSingle dd img {
  margin: 0 auto 3rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobSearch__flowSingle dd img {
    margin-bottom: 1.5rem;
  }
}

.jobSearch__flowSingle dd p {
  text-align: center;
  font-weight: bold;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
}

.jobSearch__flowSingle:not(:last-child):after {
  content: '';
  display: block;
  width: 0.8rem;
  height: 1.5rem;
  background: url(../img/job-search/flowArrow.svg) no-repeat;
  background-size: contain;
  position: absolute;
  right: -1.7rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.jobSearch__btm {
  max-width: 70rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobSearch__btm li {
  width: 47.14286%;
}

.jobSearch__btm a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #1F1200;
  width: 100%;
  max-width: 30rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  max-width: inherit;
}

@media all and (-ms-high-contrast: none) {
  .jobSearch__btm a {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.jobSearch__btm a span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.jobSearch__btm a:before, .jobSearch__btm a:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.jobSearch__btm a:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .jobSearch__btm a:before {
    top: 2.8rem;
  }
}

.jobSearch__btm a:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .jobSearch__btm a:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .jobSearch__btm a:hover {
    background: #000000;
  }
  .jobSearch__btm a:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .jobSearch__btm a {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .jobSearch__btm a span {
    padding-right: 7.03125vw;
  }
  .jobSearch__btm a:before, .jobSearch__btm a:after {
    right: 6.25vw;
  }
  .jobSearch__btm a:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .jobSearch__btm a:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.jobList {
  padding-bottom: 12rem;
}

.jobList .headCont {
  background-image: url(../img/job-search/list/mv.jpg);
  margin-bottom: 12rem;
}

.jobList .modal__inner {
  top: 14rem;
  height: 57.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .jobList .modal__inner {
    top: 7rem;
  }
}

.jobList .modal__inner:after {
  content: '';
  display: block;
  width: 1px;
  height: 3.2rem;
  background: #ffffff;
  position: absolute;
  right: 7.4rem;
  top: 0;
}

.jobList .modal__close {
  left: -3rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.jobList__searchBtn {
  top: 0;
  position: absolute;
  bottom: 0;
  z-index: 9;
  margin: auto;
  right: 5.2rem;
  height: 75.8rem;
  width: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobList__searchBtn div {
  margin-left: 0.5rem;
  width: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 57.5rem;
  border-left: 1px solid #F29600;
}

.jobList__searchBtn span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  line-height: 1;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1.3rem;
  color: #F29600;
  letter-spacing: 0.15em;
  margin-bottom: 1.9rem;
}

.jobList__searchBtn img {
  width: 100%;
  height: 5.7rem;
  position: absolute;
  top: 28rem;
  right: 0;
}

.jobList__searchBtn:hover {
  cursor: pointer;
}

.jobList__searchBtn:hover div {
  border-width: 5px;
}

.jobList__total {
  width: 43.3rem;
  margin-bottom: 7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  border-bottom: 1px solid;
  padding-bottom: 1.5rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.12em;
  font-size: 1.7rem;
}

.jobList__total dt {
  padding-bottom: 0.5rem;
  margin-right: 2rem;
}

.jobList__total dd span {
  font-family: 'Roboto', sans-serif;
  font-size: 5.6rem;
  letter-spacing: 0.11em;
}

.jobList__cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.jobList__contWrap {
  position: relative;
}

.jobList__cont .job__single {
  width: 48.33333%;
  border: 1px solid #DFDFDF;
  padding: 5rem;
  margin-bottom: 4rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.jobList__cont .job__single:before {
  content: '';
  display: block;
  width: 1px;
  height: 8.2rem;
  position: absolute;
  left: -0.1rem;
  top: 11rem;
  background: #1F1200;
}

.jobList__cont .job__singleInner {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.jobList__cont .job__singleTtl {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 2.8rem;
  line-height: 4.2rem;
}

@media screen and (min-width: 768px) {
  .jobList__cont .job__single:hover {
    border-color: #1F1200;
    border-width: 0.2rem;
    -webkit-box-shadow: 0.3rem 0.3rem 3rem rgba(0, 0, 0, 0.15);
            box-shadow: 0.3rem 0.3rem 3rem rgba(0, 0, 0, 0.15);
  }
  .jobList__cont .job__single:hover .job__singleTtl {
    color: #F29600;
  }
  .jobList__cont .job__single:hover .job__link:before, .jobList__cont .job__single:hover .job__link:after {
    right: 0;
  }
  .jobList__cont .job__single:hover .job__link:after {
    width: 4rem;
  }
  .jobList__cont .job__single:hover .job__link span:after {
    width: 100%;
  }
}

.jobList .job__data {
  display: block;
  width: 68.18182%;
}

.jobList .job__data li {
  border-right: none;
}

.jobList .job__data li:not(:last-child) {
  margin-bottom: 1.5rem;
}

.jobList__conditions {
  background: #f8f8f8;
  border-radius: 4rem;
  padding: 1rem 4rem;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media all and (-ms-high-contrast: none) {
  .jobList__conditions {
    padding-top: 1.2rem;
    padding-bottom: 0.8rem;
  }
}

.jobList__conditions li {
  color: #5a5a5a;
  font-size: 1.5rem;
  font-weight: bold;
}

.jobList__conditions li:not(:last-child):after {
  content: '／';
  margin: 0 1.5rem;
}

.jobList__detailInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 2.5rem;
  position: relative;
}

.jobList__detailInfo .job__catCont {
  color: #1F1200;
  font-size: 1.5rem;
  margin-right: 2rem;
}

.jobList__detailInfo .job__data {
  width: auto;
  padding-right: 15rem;
  margin-top: 0;
  color: #1F1200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobList__detailInfo .job__data li:not(:last-child) {
  margin: 0;
  font-size: 1.5rem;
  font-weight: bold;
}

.jobList__detailInfo .job__data li:last-child {
  position: absolute;
  right: 0;
  top: 1rem;
}

.jobList__detail .job__singleTtl {
  position: relative;
  margin-bottom: 5.5rem;
}

.jobList__detail .job__singleTtl:before {
  content: '';
  display: block;
  height: 1px;
  background: #1F1200;
  width: 7.33333vw;
  position: absolute;
  left: 0;
  top: 2rem;
}

.jobList__detail .job__singleTtl span {
  position: relative;
  z-index: 1;
  display: block;
  background: #ffffff;
  max-width: 124rem;
  width: 90%;
  margin: 0 auto;
}

.jobList__detailInner {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobList__detailPoint {
  width: 100%;
  background: #ffffff;
  padding: 1.5rem 10.1rem 5rem 10rem;
  position: relative;
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .jobList__detailPoint {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

.jobList__detailPoint:before {
  content: '';
  display: block;
  width: 1px;
  height: 2.8rem;
  position: absolute;
  left: -0.1rem;
  top: 2.1rem;
  background: #A1A1A1;
}

.jobList__detailPointTtl {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  margin-bottom: 3rem;
}

.jobList__detailPointTtl span {
  letter-spacing: 0.11em;
  margin-right: 4rem;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  background: #f8f8f8;
  border-radius: 30px;
  font-size: 1.2rem;
  padding: 1.3rem 2rem 0.9rem;
}

.jobList__detailPointCharge {
  width: 29.71429%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .jobList__detailPointCharge {
    width: 29rem;
  }
}

.jobList__detailPointCont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobList__detailPointImg {
  width: 10rem;
  overflow: hidden;
  border-radius: 5rem;
}

.jobList__detailPointProfile {
  width: 18rem;
  font-size: 1rem;
  line-height: 1.8rem;
}

.jobList__detailPointName {
  margin-bottom: 1rem;
}

.jobList__detailPointName span {
  font-size: 1.4rem;
  font-weight: bold;
}

.jobList__detailPointTxt {
  margin-top: -6.7rem;
  width: 66%;
  font-size: 1.4rem;
  line-height: 2.8rem;
  text-align: justify;
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .jobList__detailPointTxt {
    margin-top: 0;
    width: calc(100% - 300px);
  }
}

.jobList__requirements {
  margin-top: -12rem;
  padding-top: 19rem;
  padding-bottom: 14.5rem;
  background: #f8f8f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.jobList__requirementsLeft {
  width: 32.66667%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  position: relative;
}

.jobList__requirementsLeftBtn {
  margin: 0 auto;
  width: 11.1rem;
  height: 11.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding-bottom: 0.5rem;
  border: 1px solid #F29600;
  background: url(../img/job-search/orange_arrow.svg) no-repeat center bottom 2rem;
  background-size: 0.8rem;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  color: #F29600;
  text-align: center;
  border-radius: 50%;
}

.jobList__requirementsLeftInner {
  width: 26.2rem;
  height: 18.9rem;
  padding-top: 11rem;
  padding-right: 10rem;
}

.jobList__requirements h3 {
  font-size: 3.4rem;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-align: center;
  margin-bottom: 3.4rem;
}

.jobList__requirementsRight {
  width: 67.33333%;
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding: 10rem;
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .jobList__requirementsRight {
    padding: 5rem;
  }
}

.jobList__requirements table {
  width: 86.25%;
  line-height: 1.8rem;
}

.jobList__requirements table tr:first-child th {
  border-top: 1px solid #1F1200;
}

.jobList__requirements table tr:first-child td {
  border-top: 1px solid #DFDFDF;
}

.jobList__requirements table th, .jobList__requirements table td {
  padding: 3rem;
}

.jobList__requirements table th {
  text-align: left;
  width: 31.15942%;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #1F1200;
}

.jobList__requirements table td {
  width: 68.84058%;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #DFDFDF;
  line-height: 2.8rem;
}

.jobList__requirements table td p + p, .jobList__requirements table td ul + p {
  margin-top: 3.5rem;
}

.jobList__requirementsBtm {
  margin-top: 3rem;
  width: 100%;
}

.jobList__requirementsBtmAtt {
  margin-bottom: 4.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 2.8rem;
}

.jobList__requirementsBtm a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #F29600;
  width: 100%;
  max-width: 33.5rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  font-size: 1.8rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}

@media all and (-ms-high-contrast: none) {
  .jobList__requirementsBtm a {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.jobList__requirementsBtm a span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.jobList__requirementsBtm a:before, .jobList__requirementsBtm a:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.jobList__requirementsBtm a:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .jobList__requirementsBtm a:before {
    top: 2.8rem;
  }
}

.jobList__requirementsBtm a:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .jobList__requirementsBtm a:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .jobList__requirementsBtm a:hover {
    background: #D97F00;
  }
  .jobList__requirementsBtm a:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .jobList__requirementsBtm a {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .jobList__requirementsBtm a span {
    padding-right: 7.03125vw;
  }
  .jobList__requirementsBtm a:before, .jobList__requirementsBtm a:after {
    right: 6.25vw;
  }
  .jobList__requirementsBtm a:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .jobList__requirementsBtm a:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.jobList__requirementsBtm a:before {
  background-image: url(../img/arrow_white02.svg);
}

.jobList__back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 2rem;
}

.jobList__back a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #1F1200;
  width: 100%;
  max-width: 31.5rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
}

@media all and (-ms-high-contrast: none) {
  .jobList__back a {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.jobList__back a span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.jobList__back a:before, .jobList__back a:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.jobList__back a:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .jobList__back a:before {
    top: 2.8rem;
  }
}

.jobList__back a:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .jobList__back a:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .jobList__back a:hover {
    background: #000000;
  }
  .jobList__back a:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .jobList__back a {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .jobList__back a span {
    padding-right: 7.03125vw;
  }
  .jobList__back a:before, .jobList__back a:after {
    right: 6.25vw;
  }
  .jobList__back a:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .jobList__back a:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.job__other {
  margin-bottom: 5rem;
}

.job__other .job__single {
  width: 23.33333%;
  padding: 3rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .job__other .job__single {
    width: 49.16667%;
    margin-bottom: 2rem;
  }
}

.job__other .job__singleTtl {
  font-size: 1.8rem;
}

.job__other:before, .job__other:after {
  content: '';
  display: block;
  width: 23.33333%;
}

.job__other:before {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .job__other:before, .job__other:after {
    display: none;
  }
}

.pager {
  margin-top: 7rem;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
}

.pager__prev, .pager__next {
  font-size: 1.4rem;
  background-size: 0.8rem;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pager__prev {
  background-image: url(../img/prev_arrow.svg);
  background-position: left 1rem center;
  padding-left: 3rem;
}

.pager__prev:hover {
  background-position: left center;
}

.pager__next {
  background-image: url(../img/next_arrow.svg);
  background-position: right 1rem center;
  padding-right: 3rem;
}

.pager__next:hover {
  background-position: right center;
}

.pager ul {
  margin: 0 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.pager ul li {
  position: relative;
  margin: 0 1rem;
}

.pager ul li * {
  padding: 0 1rem;
}

.pager .current:before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  height: 3px;
  background: #1F1200;
}

.pager a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
}

.pager a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .jobSearch {
    padding-bottom: 23.4375vw;
  }
  .jobSearch .headCont {
    background-image: url(../img/job-search/mv_sp.jpg);
    margin-bottom: 23.4375vw;
  }
  .jobSearch__intro {
    width: 100%;
    margin-bottom: 7.8125vw;
  }
  .jobSearch__introImg {
    margin-top: 0;
    width: 100%;
    margin-bottom: 9.375vw;
  }
  .jobSearch__introTxt {
    width: 100%;
  }
  .jobSearch__introTxt p {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 4.0625vw;
    line-height: 7.5vw;
    letter-spacing: 0.04em;
  }
  .jobSearch__introTxt p + p {
    margin-top: 5.625vw;
  }
  .jobSearch__introTxt a {
    margin-top: 7.8125vw;
    padding-right: 7.5vw;
  }
  .jobSearch__introTxt a:before {
    background-size: 3.125vw;
    width: 3.125vw;
    height: 1.71875vw;
  }
  .jobSearch__introEng {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 3.75vw;
  }
  .jobSearch__introTtl {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 5.625vw;
    letter-spacing: 0.1em;
    line-height: 9.6875vw;
    margin-bottom: 10.15625vw;
  }
  .jobSearch__menu {
    width: 100%;
    margin-bottom: 10.9375vw;
  }
  .jobSearch__menu li {
    width: 50%;
    height: 13.90625vw;
  }
  .jobSearch__menu li:not(:nth-last-child(-n+2)) {
    border-bottom: none;
  }
  .jobSearch__menu li:nth-child(even) {
    border-right: none;
  }
  .jobSearch__menu li:nth-child(odd) {
    border-left: none;
  }
  .jobSearch__menu a {
    padding-left: 5.46875vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    background-size: 2.5vw;
    background-position: right 3.4375vw top 50%;
    font-size: 3.75vw;
    letter-spacing: 0.04em;
  }
  .jobSearch__about {
    padding-top: 21.875vw;
    padding-bottom: 28.125vw;
    margin-bottom: 0;
  }
  .jobSearch__aboutEng, .jobSearch__aboutTtl {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    text-align: center;
  }
  .jobSearch__aboutEng {
    margin-bottom: 4.6875vw;
  }
  .jobSearch__aboutTtl {
    font-size: 6.25vw;
    letter-spacing: 0.12em;
    line-height: 10vw;
    margin-bottom: 7.8125vw;
  }
  .jobSearch__aboutInner {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .jobSearch__aboutInner h3 {
    font-size: 5.625vw;
    letter-spacing: 0.11em;
    line-height: 9.0625vw;
    margin-bottom: 4.6875vw;
  }
  .jobSearch__aboutInner.block01 {
    margin-bottom: 20.9375vw;
    padding: 3.125vw 8.59375vw 7.03125vw 8.59375vw;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutTxt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutTxt h4 {
    margin-top: 2.34375vw;
    margin-bottom: 0.78125vw;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote {
    padding: 6.25vw;
    margin: 6.25vw 0 0;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote p:not([class]) {
    font-size: 3.75vw;
    line-height: 6.875vw;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:before, .jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:after {
    width: 12.5vw;
    height: 3.90625vw;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:before {
    left: 3.125vw;
    top: 3.125vw;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutTxt blockquote:after {
    right: 3.125vw;
    bottom: 3.125vw;
  }
  .jobSearch__aboutInner.block01 .jobSearch__aboutImg {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    margin-bottom: 6.25vw;
  }
  .jobSearch__aboutInner.block01 p:not([class]) {
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .jobSearch__aboutInner.block01 p:not([class]) + p {
    margin-top: 4.6875vw;
  }
  .jobSearch__aboutInner.block02 .jobSearch__aboutTxt {
    width: 100%;
    margin-bottom: 15.625vw;
  }
  .jobSearch__aboutInner.block02 .jobSearch__aboutImg {
    width: 100%;
    background: none;
    padding: 0;
  }
  .jobSearch__aboutPoint {
    margin-top: 15.625vw;
  }
  .jobSearch__aboutPoint h3 {
    font-size: 5.625vw;
    letter-spacing: 0.11em;
    text-align: center;
    margin-bottom: 7.8125vw;
  }
  .jobSearch__aboutPoint dl:not(:last-child) {
    margin-bottom: 9.375vw;
  }
  .jobSearch__aboutPoint dl dt {
    width: 100%;
    text-align: center;
    padding-top: 0;
    margin-bottom: 5.46875vw;
    font-size: 14.0625vw;
  }
  .jobSearch__aboutPoint dl dd {
    font-size: 4.0625vw;
    line-height: 7.5vw;
    width: 100%;
  }
  .jobSearch__cont {
    background: #f8f8f8;
    padding-bottom: 21.875vw;
    margin-bottom: 21.875vw;
  }
  .jobSearch__form {
    width: 100%;
    border-left: none;
    border-right: none;
    border-width: 0.78125vw;
    padding: 21.875vw 0;
  }
  .jobSearch__formTxt {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 9.375vw;
  }
  .jobSearch__formEng {
    text-align: center;
    margin-bottom: 5vw;
  }
  .jobSearch__formTtl {
    background-size: 7.5vw;
    padding-left: 10.15625vw;
    font-size: 5.625vw;
    letter-spacing: 0.1em;
    min-height: 6.25vw;
    margin-bottom: 7.8125vw;
  }
  .jobSearch__formLead {
    line-height: 7.5vw;
    letter-spacing: 0.04em;
  }
  .jobSearch__formLink {
    display: none;
  }
  .jobSearch__form form {
    width: 100%;
  }
  .jobSearch__form form dl {
    margin-bottom: 9.375vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .jobSearch__form form dl dt {
    width: 100%;
    text-align: left;
    padding: 3.90625vw 10.15625vw;
    margin-bottom: 4.6875vw;
  }
  .jobSearch__form form dl dd {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .jobSearch__form form .select {
    margin-bottom: 9.375vw;
  }
  .jobSearch__form form .select dt {
    width: 100%;
    margin-bottom: 4.6875vw;
  }
  .jobSearch__form form .select dd {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .jobSearch__form form .select select {
    border-left: 1px solid #D5D5D5;
  }
  .jobSearch__form form .submitBtn {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-top: 3.90625vw;
    padding: 3.90625vw 5.46875vw;
  }
  .jobSearch__flow {
    width: 100%;
    margin-bottom: 7.8125vw;
  }
  .jobSearch__flowEng {
    text-align: center;
    margin-bottom: 3.75vw;
  }
  .jobSearch__flowTtl {
    text-align: center;
    font-size: 5.625vw;
    letter-spacing: 0.1em;
    line-height: 9.6875vw;
    margin-bottom: 5.46875vw;
  }
  .jobSearch__flowBlock {
    padding: 21.875vw 0 0;
    border-bottom: none;
  }
  .jobSearch__flowBlock:not(:last-child) {
    margin-bottom: 15.625vw;
    padding: 9.375vw 0 0;
  }
  .jobSearch__flowBlock h3 {
    font-size: 5.625vw;
    letter-spacing: 0.1em;
    margin-bottom: 6.25vw;
  }
  .jobSearch__flowLead {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 17.96875vw;
    line-height: 7.5vw;
    font-size: 4.0625vw;
  }
  .jobSearch__flowStep {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .jobSearch__flowStep + .jobSearch__flowLead {
    margin: 9.375vw auto 0;
  }
  .jobSearch__flowSingle {
    width: 50.46875vw;
    height: 50.46875vw;
    border-radius: 25vw;
    margin: 0 auto;
  }
  .jobSearch__flowSingle:not(:last-child) {
    margin-bottom: 23.4375vw;
  }
  .jobSearch__flowSingle dt {
    margin-top: -7.8125vw;
  }
  .jobSearch__flowSingle dt span {
    font-size: 12.5vw;
    margin: 0.78125vw 0 0;
  }
  .jobSearch__flowSingle dd img {
    height: 16.40625vw;
    margin: 0 auto 4.6875vw;
  }
  .jobSearch__flowSingle dd img.icon01 {
    height: 10.46875vw;
  }
  .jobSearch__flowSingle dd img.icon02 {
    height: 17.1875vw;
  }
  .jobSearch__flowSingle dd p {
    font-size: 5vw;
  }
  .jobSearch__flowSingle:not(:last-child):after {
    width: 5.3125vw;
    height: 2.65625vw;
    background: url(../img/arrow_down.svg) no-repeat;
    background-size: contain;
    right: 0;
    left: 0;
    top: auto;
    bottom: -9.375vw;
  }
  .jobSearch__btm {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .jobSearch__btm li {
    width: 100%;
  }
  .jobSearch__btm li:not(:last-child) {
    margin-bottom: 6.25vw;
  }
  .jobList {
    padding-bottom: 31.25vw;
  }
  .jobList .headCont {
    background-image: url(../img/job-search/list/mv_sp.jpg);
    margin-bottom: 18.75vw;
  }
  .jobList .modal__inner {
    top: 0;
    height: 75vh;
  }
  .jobList .modal__inner:after {
    display: none;
  }
  .jobList .modal__close {
    left: auto;
    top: -7.34375vw;
    right: -2.8125vw;
    bottom: auto;
    margin: auto;
  }
  .jobList__searchBtn {
    right: 0;
    margin: 0;
    height: 15.78125vw;
    width: 13.28125vw;
  }
  .jobList__searchBtn div {
    display: none;
  }
  .jobList__searchBtn span {
    display: none;
  }
  .jobList__searchBtn img {
    width: 100%;
    height: 15.78125vw;
    position: static;
  }
  .jobList__total {
    width: 62.96875vw;
    margin-bottom: 6.25vw;
    padding-bottom: 3.75vw;
    font-size: 3.75vw;
  }
  .jobList__total dt {
    padding-bottom: 1.5625vw;
    margin-right: 0.78125vw;
  }
  .jobList__total dd span {
    font-size: 8.75vw;
  }
  .jobList__cont {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .jobList__cont .job__single {
    width: 100%;
    padding: 9.375vw 6.25vw;
    margin-bottom: 6.25vw;
  }
  .jobList__cont .job__single:before {
    height: 27.1875vw;
    top: 34.0625vw;
  }
  .jobList__cont .job__singleTtl {
    font-size: 5vw;
    line-height: 7.65625vw;
  }
  .jobList .job__data {
    width: 100%;
  }
  .jobList .job__data li:not(:last-child) {
    margin-bottom: 2.34375vw;
  }
  .jobList__conditions {
    border-radius: 15.625vw;
    padding: 5.46875vw 10.15625vw;
    margin-bottom: 21.875vw;
  }
  .jobList__conditions li {
    font-size: 3.75vw;
  }
  .jobList__conditions li:not(:last-child):after {
    margin: 0 2.34375vw;
  }
  .jobList__detailInfo {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 7.03125vw;
  }
  .jobList__detailInfo .job__catPlace {
    font-size: 3.125vw;
  }
  .jobList__detailInfo .job__catCont {
    font-size: 4.375vw;
    margin-right: 3.125vw;
    margin-top: 3.125vw;
    width: 100%;
  }
  .jobList__detailInfo .job__data {
    margin-top: 3.125vw;
    width: 100%;
    padding-right: 0;
  }
  .jobList__detailInfo .job__data li:not(:last-child) {
    font-size: 3.125vw;
  }
  .jobList__detailInfo .job__data li:last-child {
    display: none;
  }
  .jobList__detail .job__singleTtl {
    margin-bottom: 4.6875vw;
  }
  .jobList__detail .job__singleTtl:before {
    width: 4.6875vw;
    top: 3.125vw;
  }
  .jobList__detail .job__singleTtl span {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .jobList__detailInner {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .jobList__detailPoint {
    padding: 0;
    margin-bottom: 17.1875vw;
  }
  .jobList__detailPoint:before {
    display: none;
  }
  .jobList__detailPointTtl {
    font-size: 4.6875vw;
    margin-bottom: 4.6875vw;
  }
  .jobList__detailPointTtl span {
    margin-right: 4.6875vw;
    font-size: 3.125vw;
    padding: 3.4375vw 5.46875vw 2.8125vw;
  }
  .jobList__detailPointCharge {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
  .jobList__detailPointCont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .jobList__detailPointImg {
    width: 31.71875vw;
    height: 31.71875vw;
    border-radius: 100%;
  }
  .jobList__detailPointProfile {
    width: 42.34375vw;
    font-size: 3.125vw;
    line-height: 6.25vw;
  }
  .jobList__detailPointName {
    margin-bottom: 2.34375vw;
  }
  .jobList__detailPointName span {
    font-size: 4.0625vw;
  }
  .jobList__detailPointTxt {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    margin-top: 0;
    margin-bottom: 7.8125vw;
    width: 100%;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .jobList__requirements {
    margin-top: 0;
    padding-top: 21.09375vw;
    padding-bottom: 21.875vw;
  }
  .jobList__requirementsLeft {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .jobList__requirementsLeftBtn {
    display: none;
  }
  .jobList__requirementsLeftInner {
    width: auto;
    height: auto;
    padding-top: 0;
    padding-right: 0;
  }
  .jobList__requirements h3 {
    font-size: 5.625vw;
    margin-bottom: 8.125vw;
  }
  .jobList__requirementsRight {
    width: 100%;
    padding: 8.59375vw 0 0;
  }
  .jobList__requirements table {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    line-height: 2.8125vw;
    display: block;
  }
  .jobList__requirements table tr, .jobList__requirements table th, .jobList__requirements table td {
    display: block;
    width: 100%;
  }
  .jobList__requirements table tr:first-child th, .jobList__requirements table tr:first-child td {
    border-top: none;
  }
  .jobList__requirements table tr {
    margin-bottom: 8.59375vw;
  }
  .jobList__requirements table th {
    padding: 0 0 3.90625vw;
    font-size: 4.375vw;
    letter-spacing: 0.12em;
  }
  .jobList__requirements table td {
    padding: 5.46875vw 3.90625vw;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .jobList__requirements table td p + p, .jobList__requirements table td ul + p {
    margin-top: 3.90625vw;
  }
  .jobList__requirementsBtm {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-top: 9.375vw;
  }
  .jobList__requirementsBtmAtt {
    margin-bottom: 4.6875vw;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .jobList__requirementsBtm a {
    font-size: 4.375vw;
  }
  .jobList__back {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 0;
  }
  .jobList__back a {
    padding: 3.75vw 5.46875vw;
  }
  .jobList__back a:before {
    top: 6.25vw;
  }
  .jobList__back a:after {
    top: 7.8125vw;
  }
  .job__other {
    margin-bottom: 6.25vw;
  }
  .job__other .job__single {
    width: 100%;
    padding: 9.375vw 5.625vw;
    margin-bottom: 6.25vw;
  }
  .job__other .job__singleTtl {
    font-size: 5vw;
  }
  .job__other:before, .job__other:after {
    display: none;
  }
  .pager {
    margin-top: 9.375vw;
  }
  .pager__prev, .pager__next {
    font-size: 3.75vw;
    background-size: 2.1875vw;
  }
  .pager__prev {
    padding-left: 6.25vw;
  }
  .pager__next {
    padding-right: 6.25vw;
  }
  .pager ul {
    margin: 0 3.125vw;
  }
  .pager ul li {
    margin: 0 1.5625vw;
  }
  .pager ul li * {
    padding: 0 1.5625vw;
  }
  .pager .current:before {
    height: 0.46875vw;
    bottom: -1.5625vw;
  }
}

.newsPage {
  padding-bottom: 15rem;
}

.newsPage .headCont {
  background-image: url(../img/news/mv.jpg);
  margin-bottom: 10rem;
}

.newsPage .pager {
  margin-top: 2rem;
}

.news__cat--info, .news__cat--column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  width: 100%;
  margin-bottom: 1rem;
}

.news__cat--info:after, .news__cat--column:after {
  margin-left: 1rem;
  content: '';
  width: 3rem;
  height: 1px;
}

.news__tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 4.5rem;
}

.news__tab li {
  margin: 0 1rem;
  color: #d5d5d5;
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 2rem;
  width: 14rem;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news__tab li.active {
  color: #1F1200;
  border-color: #1F1200;
}

.news__tab li:hover {
  opacity: 0.7;
  cursor: pointer;
}

.news__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.news__list:before, .news__list:after {
  width: 22.5%;
  content: '';
  display: block;
}

.news__list:before {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.news__listWrap {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.news__listWrap > div {
  display: none;
}

.news__listSingle {
  width: 22.5%;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.news__listSingle:hover .news__img div {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

.news__cat--info {
  color: #c88e54;
}

.news__cat--info:after {
  background: #c88e54;
}

.news__cat--column {
  color: #6593C8;
}

.news__cat--column:after {
  background: #6593C8;
}

.news__img {
  width: 100%;
  height: 16rem;
  margin-bottom: 2.5rem;
  overflow: hidden;
}

.news__img div {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  background-image: url(../img/news/noimage_logo.svg);
  background-repeat: no-repeat;
  background-color: #F1F1F1;
  background-position: center center;
}

.news__ttl {
  font-size: 1.6rem;
  line-height: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  margin-bottom: 3.5rem;
  width: 100%;
}

.news__date {
  text-align: right;
  font-family: 'Roboto', sans-serif;
  color: #9a9a9a;
  font-size: 1.1rem;
  margin-top: auto;
  margin-bottom: 0;
}

.newsCont__cat--info, .newsCont__cat--column {
  width: 11rem;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding: 1.3rem;
  line-height: 1;
  margin-right: 2.4rem;
}

.newsCont {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.newsCont__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 2.5rem;
}

.newsCont__cat--info {
  color: #c88e54;
  border: 1px solid #C88E54;
}

.newsCont__cat--column {
  color: #6593C8;
  border: 1px solid #6593C8;
}

.newsCont__date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-family: 'Roboto', sans-serif;
  color: #9a9a9a;
  font-size: 1.2rem;
  letter-spacing: 0.06em;
}

.newsCont__date:after {
  margin-left: 1rem;
  content: '';
  width: 2rem;
  height: 1px;
  background: #9a9a9a;
}

.newsCont__ttl {
  width: 100%;
  margin-top: 4rem;
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 5.8rem;
  letter-spacing: 0.15em;
}

.newsCont article {
  margin-bottom: 3rem;
}

.newsCont article p, .newsCont article pre {
  width: 100%;
  margin-bottom: 3rem;
}

.newsCont article a {
  color: #F29600;
  text-decoration: underline;
}

.newsCont article a:hover {
  text-decoration: none;
}

.newsCont article .wp-block-separator {
  margin-top: 4rem;
  margin-bottom: 4rem;
  border: none;
  border-bottom: 1px solid #1F1200;
  width: 10%;
  min-width: 10rem;
}

.newsCont article .wp-block-separator.is-style-wide {
  width: 100%;
}

.newsCont article .wp-block-separator.is-style-dots {
  border-bottom: none;
}

.newsCont article .wp-block-separator.is-style-dots:before {
  letter-spacing: 2.6em;
  font-size: 2rem;
  padding-left: 0;
}

.newsCont article h1, .newsCont article h2, .newsCont article h3, .newsCont article h4, .newsCont article h5, .newsCont article h6 {
  font-weight: bold;
  letter-spacing: 0.12em;
  margin-bottom: 2.5rem;
}

.newsCont article h1, .newsCont article h2, .newsCont article h3 {
  border-bottom: 1px solid #1F1200;
}

.newsCont article h1 {
  font-size: 2.6rem;
  padding-bottom: 2rem;
}

.newsCont article h2 {
  font-size: 2.4rem;
  padding-bottom: 2rem;
}

.newsCont article h3 {
  font-size: 2.1rem;
  padding-bottom: 1.5rem;
}

.newsCont article h4 {
  font-size: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #1F1200;
}

.newsCont article h5 {
  font-size: 1.5rem;
}

.newsCont article h6 {
  font-size: 1.4rem;
}

.newsCont article strong {
  font-weight: bold;
}

.newsCont article em {
  font-weight: bold;
  font-style: italic;
}

.newsCont article ol li, .newsCont article ul li {
  margin-bottom: 1rem;
}

.newsCont article ol li ol, .newsCont article ol li ul, .newsCont article ul li ol, .newsCont article ul li ul {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.newsCont article ol {
  counter-reset: item2;
}

.newsCont article ol li {
  position: relative;
  padding-left: 4.5rem;
}

.newsCont article ol li::before {
  position: absolute;
  left: 1.3rem;
  top: 0.1rem;
  z-index: 1;
  counter-increment: item2;
  content: counter(item2);
  font-weight: bold;
  color: #ffffff;
  font-size: 1.2rem;
}

.newsCont article ol li:after {
  content: '';
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  background: #949494;
  position: absolute;
  left: 0;
  top: -0.2rem;
  border-radius: 2rem;
}

.newsCont article ul {
  margin-left: 2rem;
}

.newsCont article ul li {
  list-style: disc;
}

.newsCont article ul li ul li {
  list-style: circle;
}

.newsCont article .wp-block-verse {
  margin-bottom: 4rem;
  padding: 1rem;
}

.newsCont article .wp-block-table {
  margin-bottom: 4rem;
}

.newsCont article .wp-block-table table {
  width: 100%;
  border: 1px solid #1F1200;
}

.newsCont article .wp-block-table table * {
  border: 1px solid #1F1200;
}

.newsCont article .wp-block-table table th {
  background: #f1f1f1;
}

.newsCont article .wp-block-table table th, .newsCont article .wp-block-table table td {
  padding: 1rem;
}

.newsCont article .wp-block-latest-posts__list {
  margin-bottom: 3rem;
}

.newsCont article .wp-block-quote {
  padding: 10rem;
  margin: 3rem 0;
  position: relative;
  background: #f8f8f8;
}

.newsCont article .wp-block-quote:before, .newsCont article .wp-block-quote:after {
  content: '';
  display: block;
  width: 8rem;
  height: 2.5rem;
  position: absolute;
}

.newsCont article .wp-block-quote:before {
  background: url(../img/news/bq_icon01.svg);
  background-size: cover;
  left: 4rem;
  top: 4rem;
}

.newsCont article .wp-block-quote:after {
  background: url(../img/news/bq_icon02.svg);
  background-size: cover;
  right: 4rem;
  bottom: 4rem;
}

.newsCont article .wp-block-quote cite {
  font-size: 1.2rem;
  color: #999999;
}

.newsCont article .wp-block-quote.is-large {
  border-left: 0;
}

.newsCont article .wp-block-audio {
  margin-bottom: 3rem;
}

.newsCont article .wp-block-audio figcaption {
  text-align: center;
}

.newsCont article .wp-block-button {
  zoom: 1;
}

.newsCont article .wp-block-button:before, .newsCont article .wp-block-button:after {
  content: "";
  display: table;
}

.newsCont article .wp-block-button:after {
  clear: both;
}

.newsCont article .wp-block-button__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #1F1200;
  width: 100%;
  max-width: 30rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  text-decoration: none;
  margin-bottom: 2rem;
}

@media all and (-ms-high-contrast: none) {
  .newsCont article .wp-block-button__link {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.newsCont article .wp-block-button__link span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.newsCont article .wp-block-button__link:before, .newsCont article .wp-block-button__link:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.newsCont article .wp-block-button__link:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .newsCont article .wp-block-button__link:before {
    top: 2.8rem;
  }
}

.newsCont article .wp-block-button__link:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .newsCont article .wp-block-button__link:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .newsCont article .wp-block-button__link:hover {
    background: #000000;
  }
  .newsCont article .wp-block-button__link:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .newsCont article .wp-block-button__link {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .newsCont article .wp-block-button__link span {
    padding-right: 7.03125vw;
  }
  .newsCont article .wp-block-button__link:before, .newsCont article .wp-block-button__link:after {
    right: 6.25vw;
  }
  .newsCont article .wp-block-button__link:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .newsCont article .wp-block-button__link:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.newsCont article .wp-block-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.newsCont article .wp-block-columns.has-2-columns .wp-block-column {
  width: 47.5%;
}

.newsCont article .wp-block-columns.has-3-columns .wp-block-column {
  width: 30.83333%;
}

.newsCont article .wp-block-columns.has-4-columns .wp-block-column {
  width: 22.5%;
}

.newsCont article .alignleft {
  float: left;
  margin-right: 2rem;
  margin-bottom: 2rem;
}

.newsCont article .alignleft + * {
  zoom: 1;
}

.newsCont article .alignleft + *:before, .newsCont article .alignleft + *:after {
  content: "";
  display: table;
}

.newsCont article .alignleft + *:after {
  clear: both;
}

.newsCont article .alignright {
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
}

.newsCont article .alignright + * {
  zoom: 1;
}

.newsCont article .alignright + *:before, .newsCont article .alignright + *:after {
  content: "";
  display: table;
}

.newsCont article .alignright + *:after {
  clear: both;
}

.newsCont article .wp-block-pullquote {
  width: 47.5%;
  border-top: 5px solid #1F1200;
  padding: 3rem 1.5rem;
  border-bottom: 5px solid #1F1200;
  margin-bottom: 3rem;
}

.newsCont article .wp-block-pullquote p {
  text-align: center;
}

.newsCont article .wp-block-pullquote cite {
  font-size: 1.2rem;
}

.newsCont article .wp-block-image {
  margin-bottom: 2rem;
}

.newsCont article .wp-block-image img {
  height: auto;
}

.newsCont article .wp-block-image figure.alignleft, .newsCont article .wp-block-image figure.alignright {
  width: 47.5%;
}

.newsCont article .wp-block-image figure.alignleft img, .newsCont article .wp-block-image figure.alignright img {
  width: 100%;
}

.newsCont article .wp-block-image figcaption {
  text-align: center;
  margin-top: 1.5rem;
}

.newsCont article .wp-block-image + p {
  zoom: 1;
}

.newsCont article .wp-block-image + p:before, .newsCont article .wp-block-image + p:after {
  content: "";
  display: table;
}

.newsCont article .wp-block-image + p:after {
  clear: both;
}

.newsCont article .wp-block-cover {
  margin-bottom: 2rem;
}

.newsCont article .wp-block-cover.has-background-dim {
  height: 50rem;
}

.newsCont article .wp-block-cover__inner-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.newsCont article .wp-block-cover__inner-container p {
  text-align: center;
  font-size: 1.8rem;
  margin: 0;
}

.newsCont article .wp-block-gallery {
  margin-left: 0;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.newsCont article .wp-block-gallery li {
  list-style: none;
}

.newsCont article .wp-block-gallery .blocks-gallery-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  width: 100%;
  margin-left: 0;
}

.newsCont article .wp-block-gallery .blocks-gallery-item {
  margin-bottom: 1.5rem;
}

.newsCont article .wp-block-gallery.columns-2 .blocks-gallery-item {
  width: 49.16667%;
}

.newsCont article .wp-block-gallery.columns-3 .blocks-gallery-grid:after {
  content: '';
  display: block;
  width: 32.33333%;
  max-width: 394px;
  margin: 0;
}

.newsCont article .wp-block-gallery.columns-3 .blocks-gallery-item {
  width: 32%;
}

@media screen and (min-width: 769px) {
  .newsCont article .wp-block-gallery.columns-3 .blocks-gallery-item:last-child {
    margin-right: 16px;
  }
  .newsCont article .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
    margin-right: 0;
  }
}

.newsCont article .wp-block-gallery.columns-4 .blocks-gallery-grid:before, .newsCont article .wp-block-gallery.columns-4 .blocks-gallery-grid:after {
  content: '';
  display: block;
  width: 24.16667%;
}

.newsCont article .wp-block-gallery.columns-4 .blocks-gallery-grid:before {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.newsCont article .wp-block-gallery.columns-4 .blocks-gallery-item {
  width: 24.16667%;
}

.newsCont article .wp-block-gallery.columns-5 .blocks-gallery-item {
  width: 19.16667%;
}

.newsCont article .blocks-gallery-item figure {
  position: relative;
}

.newsCont__pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.newsCont__pagerBack {
  margin: 0 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #fff;
  width: 100%;
  max-width: 19.5rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  border: 1px solid #1F1200;
  padding-right: 0;
  padding-left: 3.5rem;
}

@media all and (-ms-high-contrast: none) {
  .newsCont__pagerBack {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.newsCont__pagerBack span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.newsCont__pagerBack:before, .newsCont__pagerBack:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.newsCont__pagerBack:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .newsCont__pagerBack:before {
    top: 2.8rem;
  }
}

.newsCont__pagerBack:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .newsCont__pagerBack:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .newsCont__pagerBack:hover {
    background: #F3F3F3;
  }
  .newsCont__pagerBack:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .newsCont__pagerBack {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .newsCont__pagerBack span {
    padding-right: 7.03125vw;
  }
  .newsCont__pagerBack:before, .newsCont__pagerBack:after {
    right: 6.25vw;
  }
  .newsCont__pagerBack:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .newsCont__pagerBack:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.newsCont__pagerBack span {
  color: #1F1200;
}

.newsCont__pagerBack:before {
  background-image: url(../img/arrow.svg);
  background-size: 1.1rem;
  top: 2.7rem;
}

.newsCont__pagerBack:after {
  background: #1F1200;
  top: 3.7rem;
}

.newsCont__pagerPrev, .newsCont__pagerNext {
  font-weight: bold;
  font-size: 1.4rem;
  background-size: 0.8rem;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsCont__pagerPrev {
  background-image: url(../img/prev_arrow.svg);
  background-position: left 1rem center;
  padding-left: 3rem;
}

.newsCont__pagerPrev:hover {
  background-position: left center;
}

.newsCont__pagerNext {
  background-image: url(../img/next_arrow.svg);
  background-position: right 1rem center;
  padding-right: 3rem;
}

.newsCont__pagerNext:hover {
  background-position: right center;
}

@media screen and (max-width: 768px) {
  .newsPage {
    padding-bottom: 31.25vw;
  }
  .newsPage .headCont {
    background-image: url(../img/news/mv_sp.jpg);
    margin-bottom: 20.3125vw;
  }
  .news__cat--info, .news__cat--column {
    font-size: 3.4375vw;
    margin-bottom: 2.1875vw;
  }
  .news__cat--info:after, .news__cat--column:after {
    margin-left: 3.125vw;
    width: 4.6875vw;
  }
  .news__tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    margin-bottom: 7.8125vw;
  }
  .news__tab li {
    margin: 0 1.5625vw;
    padding-bottom: 2.65625vw;
    width: 21.875vw;
    font-size: 4.0625vw;
  }
  .news__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
  .news__list:before, .news__list:after {
    display: none;
  }
  .news__listWrap {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .news__listSingle {
    width: 100%;
    display: block;
    margin-bottom: 6.25vw;
  }
  .news__img {
    width: 100%;
    height: 47.96875vw;
    margin-bottom: 4.6875vw;
  }
  .news__ttl {
    font-size: 5vw;
    line-height: 8.59375vw;
    margin-bottom: 5.46875vw;
  }
  .news__date {
    font-size: 3.125vw;
  }
  .newsCont__cat--info, .newsCont__cat--column {
    width: 23.4375vw;
    font-size: 3.4375vw;
    padding: 2.03125vw;
    margin-right: 3.125vw;
  }
  .newsCont {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .newsCont__title {
    margin-bottom: 5.625vw;
  }
  .newsCont__date {
    font-size: 3.125vw;
  }
  .newsCont__date:after {
    margin-left: 2.34375vw;
    width: 4.6875vw;
  }
  .newsCont__ttl {
    margin-top: 5.625vw;
    font-size: 5.625vw;
    line-height: 9.6875vw;
    letter-spacing: 0.1em;
  }
  .newsCont article {
    margin-bottom: 15.625vw;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .newsCont article p, .newsCont article pre {
    display: block;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-bottom: 7.8125vw;
    white-space: pre-wrap;
  }
  .newsCont article .wp-block-separator {
    margin-top: 12.5vw;
    margin-bottom: 12.5vw;
    min-width: 15.625vw;
  }
  .newsCont article .wp-block-separator.is-style-dots {
    border-bottom: none;
  }
  .newsCont article .wp-block-separator.is-style-dots:before {
    letter-spacing: 2.6em;
    font-size: 6.25vw;
    padding-left: 0;
  }
  .newsCont article h1, .newsCont article h2, .newsCont article h3, .newsCont article h4, .newsCont article h5, .newsCont article h6 {
    margin-bottom: 7.8125vw;
  }
  .newsCont article h1 {
    font-size: 5.625vw;
    padding-bottom: 3.125vw;
  }
  .newsCont article h2 {
    font-size: 5.15625vw;
    padding-bottom: 3.125vw;
  }
  .newsCont article h3 {
    font-size: 4.53125vw;
    padding-bottom: 2.34375vw;
  }
  .newsCont article h4 {
    font-size: 4.375vw;
    padding-bottom: 2.34375vw;
  }
  .newsCont article h5 {
    font-size: 4.0625vw;
  }
  .newsCont article h6 {
    font-size: 4.0625vw;
  }
  .newsCont article ol li, .newsCont article ul li {
    margin-bottom: 1.5625vw;
  }
  .newsCont article ol li ol, .newsCont article ol li ul, .newsCont article ul li ol, .newsCont article ul li ul {
    margin-top: 1.5625vw;
    margin-bottom: 2.34375vw;
  }
  .newsCont article ol li {
    padding-left: 7.03125vw;
  }
  .newsCont article ol li::before {
    left: 1.71875vw;
    top: 0.15625vw;
    font-size: 1.875vw;
  }
  .newsCont article ol li:after {
    width: 5vw;
    height: 5vw;
    top: 0.9375vw;
    border-radius: 5vw;
  }
  .newsCont article ul {
    margin-left: 3.125vw;
  }
  .newsCont article .wp-block-verse {
    margin-bottom: 6.25vw;
    padding: 1.5625vw;
  }
  .newsCont article .wp-block-table {
    margin-bottom: 6.25vw;
  }
  .newsCont article .wp-block-table table th, .newsCont article .wp-block-table table td {
    padding: 3.125vw;
  }
  .newsCont article .wp-block-latest-posts__list {
    margin-left: 0;
    margin-bottom: 4.6875vw;
  }
  .newsCont article .wp-block-quote {
    padding: 9.375vw;
    margin: 4.6875vw 0;
  }
  .newsCont article .wp-block-quote:before, .newsCont article .wp-block-quote:after {
    width: 12.5vw;
    height: 3.90625vw;
  }
  .newsCont article .wp-block-quote:before {
    left: 4.6875vw;
    top: 4.6875vw;
  }
  .newsCont article .wp-block-quote:after {
    right: 4.6875vw;
    bottom: 4.6875vw;
  }
  .newsCont article .wp-block-quote cite {
    font-size: 3.59375vw;
  }
  .newsCont article .wp-block-audio {
    margin-bottom: 4.6875vw;
  }
  .newsCont article .wp-block-button {
    zoom: 1;
  }
  .newsCont article .wp-block-button:before, .newsCont article .wp-block-button:after {
    content: "";
    display: table;
  }
  .newsCont article .wp-block-button:after {
    clear: both;
  }
  .newsCont article .wp-block-button__link {
    margin-bottom: 6.25vw;
  }
  .newsCont article .wp-block-columns.has-2-columns .wp-block-column, .newsCont article .wp-block-columns.has-3-columns .wp-block-column, .newsCont article .wp-block-columns.has-4-columns .wp-block-column {
    width: 100%;
  }
  .newsCont article .alignleft,
  .newsCont article .alignright {
    float: none;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 6.25vw;
  }
  .newsCont article .wp-block-pullquote {
    width: 100%;
    border-top: 3px solid #1F1200;
    padding: 4.6875vw 2.34375vw;
    border-bottom: 3px solid #1F1200;
    margin-bottom: 4.6875vw;
  }
  .newsCont article .wp-block-pullquote cite {
    font-size: 3.59375vw;
  }
  .newsCont article .wp-block-image {
    margin-bottom: 3.125vw;
  }
  .newsCont article .wp-block-image figure.alignleft, .newsCont article .wp-block-image figure.alignright {
    width: 100%;
  }
  .newsCont article .wp-block-image figcaption {
    margin-top: 3.125vw;
  }
  .newsCont article .wp-block-cover {
    margin-bottom: 3.125vw;
  }
  .newsCont article .wp-block-cover.has-background-dim {
    height: 46.875vw;
  }
  .newsCont article .wp-block-cover__inner-container p {
    font-size: 4.375vw;
  }
  .newsCont article .wp-block-gallery {
    margin-bottom: 7.8125vw;
  }
  .newsCont article .wp-block-gallery .blocks-gallery-item {
    margin-bottom: 3.125vw;
  }
  .newsCont article .wp-block-gallery.columns-2 .blocks-gallery-item, .newsCont article .wp-block-gallery.columns-3 .blocks-gallery-item, .newsCont article .wp-block-gallery.columns-4 .blocks-gallery-item, .newsCont article .wp-block-gallery.columns-5 .blocks-gallery-item {
    width: 100%;
  }
  .newsCont article .wp-block-gallery.columns-2 .blocks-gallery-grid:before, .newsCont article .wp-block-gallery.columns-2 .blocks-gallery-grid:after, .newsCont article .wp-block-gallery.columns-3 .blocks-gallery-grid:before, .newsCont article .wp-block-gallery.columns-3 .blocks-gallery-grid:after, .newsCont article .wp-block-gallery.columns-4 .blocks-gallery-grid:before, .newsCont article .wp-block-gallery.columns-4 .blocks-gallery-grid:after, .newsCont article .wp-block-gallery.columns-5 .blocks-gallery-grid:before, .newsCont article .wp-block-gallery.columns-5 .blocks-gallery-grid:after {
    display: none;
  }
  .newsCont article .blocks-gallery-grid .blocks-gallery-image, .newsCont article .blocks-gallery-grid .blocks-gallery-item, .newsCont article .wp-block-gallery .blocks-gallery-image, .newsCont article .wp-block-gallery .blocks-gallery-item {
    margin-right: 0;
  }
  .newsCont__pager {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .newsCont__pagerBack {
    width: 43.75vw;
    margin: 0;
    padding: 2.34375vw 0;
  }
  .newsCont__pagerBack:before {
    background-size: 2.34375vw;
    top: 4.84375vw;
  }
  .newsCont__pagerBack:after {
    top: 6.25vw;
  }
  .newsCont__pagerPrev, .newsCont__pagerNext {
    font-size: 3.75vw;
    background-size: 1.25vw;
  }
  .newsCont__pagerPrev {
    background-position: left center;
    padding-left: 3.125vw;
  }
  .newsCont__pagerPrev:hover {
    background-position: left center;
  }
  .newsCont__pagerNext {
    background-position: right center;
    padding-right: 3.125vw;
  }
}

.about {
  padding-bottom: 13rem;
}

.about .headCont {
  background-image: url(../img/about/mv.jpg);
  margin-bottom: 10rem;
}

.about .mission {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 16rem;
  position: relative;
}

.about .mission__head {
  margin-bottom: 4rem;
}

.about .mission__headEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 768px) {
  .about .mission__headEng {
    font-size: 2.8125vw;
  }
}

.about .mission__lead {
  font-size: 3.6rem;
  line-height: 5.8rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  width: 100%;
}

.about .mission__block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.about .mission__txt {
  width: 41.08333%;
}

.about .mission__txt p {
  font-size: 1.4rem;
  line-height: 2.8rem;
}

.about .mission__txt p:not(:first-child) {
  margin-top: 1.9rem;
}

.about .mission__figure {
  position: absolute;
  right: 0;
  top: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  width: 64.58333%;
}

.about .mission__figureOb1, .about .mission__figureOb2 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: relative;
  z-index: 2;
  width: 21.2rem;
}

.about .mission__figureOb1Inner, .about .mission__figureOb2Inner {
  height: 21.2rem;
  border-radius: 50%;
  margin-bottom: 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.about .mission__figureOb1Inner img, .about .mission__figureOb2Inner img {
  margin: 0 auto;
}

.about .mission__figureOb1Inner p, .about .mission__figureOb2Inner p {
  margin-top: 1.4rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.6rem;
  letter-spacing: 0.06em;
}

.about .mission__figureOb1Inner .big, .about .mission__figureOb2Inner .big {
  font-size: 2.6rem;
}

.about .mission__figureOb1Inner .mdl, .about .mission__figureOb2Inner .mdl {
  font-size: 1.6rem;
}

.about .mission__figureOb1Lead, .about .mission__figureOb2Lead {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2.6rem;
}

.about .mission__figureOb1Inner {
  background: #8eacdd;
}

.about .mission__figureOb1Lead {
  color: #8eacdd;
}

.about .mission__figureOb2Inner {
  background: #73AD7B;
}

.about .mission__figureOb2Lead {
  color: #73AD7B;
}

.about .mission__figureOb3 {
  position: absolute;
  left: 0;
  right: 0;
  top: -2rem;
  z-index: 1;
  margin: auto;
  width: 17.1rem;
}

.about .mission__figureOb3 img {
  width: 16.1rem;
  margin: 0 auto 1.4rem;
}

.about .mission__figureOb3 p {
  color: #F29600;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 3.2rem;
}

.about .mission__figureBase {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  top: -20rem;
  margin: auto;
}

.about .mission__btn {
  margin-top: 7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.about .mission__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  padding: 0 5.5rem 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.1em;
}

.about .mission__btn a span {
  position: relative;
  z-index: 1;
  padding-bottom: 1.2rem;
  line-height: 1;
}

@media all and (-ms-high-contrast: none) {
  .about .mission__btn a span {
    padding-top: 0.7rem;
  }
}

.about .mission__btn a span:after {
  content: '';
  display: block;
  width: 50%;
  height: 1px;
  background: #1F1200;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
}

.about .mission__btn a:before, .about .mission__btn a:after {
  content: '';
  display: block;
  position: absolute;
  right: 1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.about .mission__btn a:before {
  background: url(../img/arrow.svg) no-repeat right center;
  background-size: 1.1rem;
  width: 1.1rem;
  height: 1.1rem;
  top: 0.7rem;
}

.about .mission__btn a:after {
  width: 2rem;
  top: 1.4rem;
  height: 1px;
  background: #1F1200;
}

@media screen and (min-width: 768px) {
  .about .mission__btn a:hover:before, .about .mission__btn a:hover:after {
    right: 0;
  }
  .about .mission__btn a:hover:after {
    width: 4rem;
  }
  .about .mission__btn a:hover span:after {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .about .mission__btn a {
    padding: 0 10.15625vw 1.875vw 0;
  }
  .about .mission__btn a:before, .about .mission__btn a:after {
    right: 1.5625vw;
  }
  .about .mission__btn a:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 2.1875vw;
  }
  .about .mission__btn a:after {
    width: 6.25vw;
    top: 3.90625vw;
  }
}

.about .mission__btn a:not(:last-child) {
  margin-bottom: 4rem;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .about .mission .mission__txt {
    width: 32.75%;
  }
  .about .mission .mission__txt br {
    display: none;
  }
  .about .mission .mission__figureOb1,
  .about .mission .mission__figureOb2 {
    padding-top: 5rem;
    width: 12.5vw;
  }
  .about .mission .mission__figureOb1Inner,
  .about .mission .mission__figureOb2Inner {
    height: 12.5vw;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 1.2rem;
  }
  .about .mission .mission__figureOb1Inner *,
  .about .mission .mission__figureOb2Inner * {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .about .mission .mission__figureOb1Inner p,
  .about .mission .mission__figureOb2Inner p {
    font-size: 1.3rem;
    margin-top: -1.4rem;
  }
  .about .mission .mission__figureOb1Lead,
  .about .mission .mission__figureOb2Lead {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .about .mission .mission__figureOb3 {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    top: 2rem;
  }
  .about .mission .mission__figureBase {
    width: 40rem;
    top: -9rem;
    margin: auto;
  }
}

@media all and (-ms-high-contrast: none) {
  .about .mission .mission__figureOb2 {
    margin-left: auto;
  }
}

.about .reason .headBlock {
  background: #f8f8f8;
  padding-bottom: 3.5rem;
  padding-top: 10rem;
}

.about .reason .headBlock__inner {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.about .reason .headBlock__ttl {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.13em;
}

.about .reason .headBlock__eng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .about .reason .headBlock__eng {
    font-size: 2.8125vw;
  }
}

.about .reason .headBlock dl {
  width: 58.75%;
  margin-top: 3.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.about .reason .headBlock dl dt {
  line-height: 1;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  padding-bottom: 2rem;
  margin-bottom: 2.5rem;
  border-bottom: 2px solid #949494;
}

.about .reason .headBlock dl dd {
  font-size: 1.4rem;
  line-height: 2.8rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason .headBlock dl {
    width: 50%;
  }
}

.about .reason__block {
  padding-bottom: 11rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f8f8f8), color-stop(50%, white));
  background: -webkit-linear-gradient(left, #f8f8f8 50%, white 50%);
  background: linear-gradient(to right, #f8f8f8 50%, white 50%);
}

.about .reason__block::before, .about .reason__block::after {
  content: '';
  display: block;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
}

.about .reason__block::before {
  z-index: 4;
  width: 1px;
  height: 2.5rem;
  bottom: 3.7rem;
  background: #979797;
}

.about .reason__block::after {
  z-index: 3;
  background: #E1E1E1;
  height: 1px;
  bottom: 4.7rem;
  left: 5rem;
  width: 8rem;
}

.about .reason__blockImg {
  width: 32rem;
  position: absolute;
  left: 10rem;
  top: 9rem;
  z-index: 2;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason__blockImg {
    left: 4rem;
  }
}

.about .reason__blockTxt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  background: #ffffff;
  position: relative;
  right: auto;
  width: 90%;
  padding: 7rem 0 9rem 0;
  padding-left: 50rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason__blockTxt {
    padding-right: 5rem;
    padding-left: 43rem;
  }
}

.about .reason__blockTxt p:not([class]) {
  margin-left: 7.8rem;
  font-size: 1.3rem;
  line-height: 2.6rem;
  text-align: justify;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason__blockTxt p:not([class]) {
    margin-left: 0;
  }
}

.about .reason__blockTxtInner {
  max-width: 58rem;
}

.about .reason__blockNum {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 4.5rem;
}

@media screen and (max-width: 768px) {
  .about .reason__blockNum {
    font-size: 2.8125vw;
  }
}

.about .reason__blockNum span {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.02em;
  font-size: 10rem;
  color: #F29600;
  position: relative;
  padding-left: 5.5rem;
  margin-left: 2rem;
  margin-bottom: -1rem;
}

.about .reason__blockNum span:before {
  position: absolute;
  left: 0;
  bottom: 1.5rem;
  width: 4rem;
  height: 1px;
  background: #1F1200;
  content: '';
  display: block;
}

.about .reason__blockTtl {
  font-weight: bold;
  font-size: 3rem;
  line-height: 5.4rem;
  letter-spacing: 0.1em;
  margin-left: 7.8rem;
  margin-bottom: 3.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason__blockTtl {
    font-size: 2.5vw;
    line-height: 3.90625vw;
    margin-bottom: 3.125vw;
    margin-left: 0;
  }
  .about .reason__blockTtl br {
    display: none;
  }
}

.about .reason__blockBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #1F1200;
  width: 100%;
  max-width: 33rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  position: absolute;
  right: 15.33333vw;
  bottom: -3.5rem;
}

@media all and (-ms-high-contrast: none) {
  .about .reason__blockBtn {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.about .reason__blockBtn span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.about .reason__blockBtn:before, .about .reason__blockBtn:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.about .reason__blockBtn:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .about .reason__blockBtn:before {
    top: 2.8rem;
  }
}

.about .reason__blockBtn:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .about .reason__blockBtn:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .about .reason__blockBtn:hover {
    background: #000000;
  }
  .about .reason__blockBtn:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .about .reason__blockBtn {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .about .reason__blockBtn span {
    padding-right: 7.03125vw;
  }
  .about .reason__blockBtn:before, .about .reason__blockBtn:after {
    right: 6.25vw;
  }
  .about .reason__blockBtn:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .about .reason__blockBtn:after {
    width: 5vw;
    top: 9.375vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason__blockBtn {
    right: 3rem;
  }
}

.about .reason__block.block02 .reason__blockImg::after, .about .reason__block.block03 .reason__blockImg::after {
  content: '';
  display: block;
  position: absolute;
  margin: auto;
  z-index: 3;
  background: #1F1200;
  height: 6rem;
  top: -12rem;
  left: 50%;
  width: 1px;
}

.about .reason__block.block03 {
  padding-bottom: 17rem;
}

.about .reason__block:nth-child(odd) {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.about .reason__block:nth-child(odd)::after {
  left: 0;
  right: 5rem;
}

.about .reason__block:nth-child(odd) .reason__blockImg {
  left: auto;
  right: 10rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason__block:nth-child(odd) .reason__blockImg {
    right: 4rem;
  }
}

.about .reason__block:nth-child(odd) .reason__blockTxt {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 0;
  padding-right: 50rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .about .reason__block:nth-child(odd) .reason__blockTxt {
    padding-left: 5rem;
    padding-right: 43rem;
  }
}

@media screen and (max-width: 768px) {
  .about {
    padding-bottom: 31.25vw;
  }
  .about .headCont {
    background-image: url(../img/about/mv_sp.jpg);
    margin-bottom: 20.3125vw;
  }
  .about .mission {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-bottom: 21.875vw;
  }
  .about .mission__head {
    margin-bottom: 0;
  }
  .about .mission__headEng {
    text-align: center;
    margin-bottom: 3.125vw;
  }
  .about .mission__head h2 {
    font-size: 5.9375vw;
    line-height: 10vw;
    letter-spacing: 0.12em;
  }
  .about .mission__lead {
    text-align: center;
    font-size: 6.25vw;
    line-height: 10vw;
    letter-spacing: 0.12em;
    margin-bottom: 0;
  }
  .about .mission__txt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
  .about .mission__txt p {
    text-align: justify;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .about .mission__txt p:not(:first-child) {
    margin-top: 6.25vw;
  }
  .about .mission__figure {
    position: relative;
    right: auto;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    margin-top: 0;
    min-width: inherit;
    margin-bottom: 15.78125vw;
    padding-top: 20.46875vw;
  }
  .about .mission__figureOb1, .about .mission__figureOb2 {
    position: relative;
    z-index: 2;
    width: 23.75vw;
  }
  .about .mission__figureOb1Inner, .about .mission__figureOb2Inner {
    height: 23.75vw;
    margin-bottom: 4.6875vw;
  }
  .about .mission__figureOb1Inner p, .about .mission__figureOb2Inner p {
    margin-top: 1.09375vw;
    font-size: 1.5625vw;
    line-height: 3.125vw;
    letter-spacing: 0.1em;
  }
  .about .mission__figureOb1Inner .big, .about .mission__figureOb2Inner .big {
    font-size: 2.65625vw;
  }
  .about .mission__figureOb1Inner .mdl, .about .mission__figureOb2Inner .mdl {
    font-size: 2.34375vw;
  }
  .about .mission__figureOb1Lead, .about .mission__figureOb2Lead {
    font-size: 2.34375vw;
    line-height: 3.90625vw;
  }
  .about .mission__figureOb1Inner img {
    width: 7.34375vw;
  }
  .about .mission__figureOb2Inner img {
    width: 4.21875vw;
  }
  .about .mission__figureOb3 {
    top: 19.53125vw;
    width: 20.3125vw;
  }
  .about .mission__figureOb3 img {
    width: 18.125vw;
    margin: 0 auto 2.1875vw;
  }
  .about .mission__figureOb3 p {
    font-size: 2.8125vw;
    line-height: 3.90625vw;
  }
  .about .mission__figureBase {
    top: -1.5625vw;
    width: 65.3125vw;
  }
  .about .mission__btn {
    width: 81.25vw;
    margin: 7.8125vw auto 0;
  }
  .about .mission__btn a:not(:last-child) {
    margin-bottom: 7.8125vw;
  }
  .about .reason {
    background: #F8F8F8;
    padding-bottom: 26.5625vw;
  }
  .about .reason .headBlock {
    padding-bottom: 24.21875vw;
    padding-top: 21.875vw;
  }
  .about .reason .headBlock__inner {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .about .reason .headBlock__ttl {
    width: 100%;
    font-size: 6.25vw;
    font-weight: bold;
    letter-spacing: 0.13em;
    text-align: center;
  }
  .about .reason .headBlock__eng {
    text-align: center;
    margin-bottom: 4.6875vw;
  }
  .about .reason .headBlock dl {
    width: 100%;
    margin-top: 10.15625vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
  }
  .about .reason .headBlock dl dt {
    width: 100%;
    font-size: 5.3125vw;
    padding-bottom: 5vw;
    margin-bottom: 6.25vw;
    position: relative;
    border-bottom: none;
    text-align: center;
  }
  .about .reason .headBlock dl dt:after {
    content: '';
    background: #949494;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 37.1875vw;
    height: 1px;
  }
  .about .reason .headBlock dl dd {
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .about .reason__block {
    padding-bottom: 31.25vw;
    background: #F8F8F8;
  }
  .about .reason__block::before, .about .reason__block::after {
    display: none;
  }
  .about .reason__blockImg {
    width: 89.375vw;
    left: 0;
    top: -15.625vw;
  }
  .about .reason__blockTxt {
    background: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    width: 100%;
    padding: 0;
  }
  .about .reason__blockTxt p:not([class]) {
    margin-left: 0;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .about .reason__blockTxtInner {
    background: #ffffff;
    width: 93.75vw;
    max-width: inherit;
    margin-left: auto;
    margin-right: 0;
    padding: 70.3125vw 9.375vw 15.625vw;
  }
  .about .reason__blockNum {
    margin-bottom: 7.8125vw;
  }
  .about .reason__blockNum span {
    font-size: 11.875vw;
    padding-left: 13.4375vw;
    margin-left: 3.125vw;
    margin-bottom: -1.5625vw;
  }
  .about .reason__blockNum span:before {
    bottom: 2.34375vw;
    width: 10vw;
  }
  .about .reason__blockTtl {
    font-size: 4.6875vw;
    line-height: 8.4375vw;
    letter-spacing: 0.08em;
    margin-left: 0;
    margin-bottom: 7.5vw;
  }
  .about .reason__blockBtn {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    position: relative;
    right: auto;
    bottom: auto;
  }
  .about .reason__block.block02 .reason__blockImg::after, .about .reason__block.block03 .reason__blockImg::after {
    display: none;
  }
  .about .reason__block.block03 {
    padding-bottom: 7.8125vw;
  }
  .about .reason__block:nth-child(odd) .reason__blockImg {
    right: 0;
  }
  .about .reason__block:nth-child(odd) .reason__blockTxt {
    padding-right: 0;
  }
  .about .reason__block:nth-child(odd) .reason__blockTxtInner {
    margin-left: 0;
    margin-right: auto;
  }
}

.voice {
  padding-bottom: 14rem;
}

.voice .headCont {
  background-image: url(../img/voice/mv_old.jpg);
  margin-bottom: 21rem;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice .headCont {
    margin-bottom: 14rem;
  }
}

.voice__single {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

@media screen and (min-width: 769px) and (max-width: 5000px) {
  .voice__single {
    margin-bottom: 8rem;
  }
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__single {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.voice__singleImg {
  margin-top: -10rem;
  width: 48.06667%;
  max-width: 72.1rem;
}

.voice__singleImg img {
  width: 100%;
  max-width: inherit;
}

@media screen and (min-width: 1500px) {
  .voice__singleImg {
    max-width: 100rem;
  }
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__singleImg {
    width: 45.33333%;
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .voice__singleImg {
    margin-top: 0;
    width: 100%;
  }
}

.voice__singleCont {
  position: absolute;
  z-index: 1;
  right: 0;
  width: 58.73333%;
  background: #ffffff;
  padding: 10rem 16.66667vw 9rem 6.66667vw;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__singleCont {
    position: relative;
    right: auto;
    width: 54.66667%;
    padding: 7.5rem 10vw 12rem 6vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .voice__singleCont {
    padding: 5rem;
    position: relative;
    width: 90%;
    margin: -15rem auto 0;
  }
}

.voice__singleCont p {
  font-size: 1.4rem;
  line-height: 2.8rem;
  text-align: justify;
}

.voice__singleCont p + p {
  margin-top: 2rem;
}

.voice__singleContNum {
  position: absolute;
  opacity: 0.5;
  color: #dfdfdf;
  font-family: 'Roboto', sans-serif;
  font-size: 13rem;
  letter-spacing: 0.02em;
  right: 16.26667vw;
  bottom: -1rem;
  font-weight: 500;
}

.voice__single:first-child .voice__singleImg {
  margin-top: -7rem;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__single:first-child .voice__singleImg {
    margin-top: 0;
  }
}

.voice__single:nth-child(even) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__single:nth-child(even) .voice__singleImg {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
  }
}

.voice__single:nth-child(even) .voice__singleCont {
  right: auto;
  left: 0;
  padding: 10rem 6.66667vw 9rem 16.66667vw;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__single:nth-child(even) .voice__singleCont {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    left: auto;
    padding: 7.5rem 6vw 12rem 10vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .voice__single:nth-child(even) .voice__singleCont {
    padding: 5rem;
  }
}

.voice__single:nth-child(even) .voice__singleContNum {
  right: 2.66667vw;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__single:nth-child(even) .voice__check {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

.voice__single:nth-child(even) .voice__checkStaff {
  margin-left: auto;
  margin-right: 0;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__single:nth-child(even) .voice__checkStaff {
    margin-left: 0;
  }
}

.voice__num {
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 3rem;
}

.voice__num span {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.02em;
  font-size: 3rem;
  color: #F29600;
  position: relative;
  padding-left: 5rem;
  margin-left: 2rem;
  margin-bottom: -0.5rem;
}

.voice__num span:before {
  position: absolute;
  left: 0;
  bottom: 0.8rem;
  width: 3rem;
  height: 1px;
  background: #a1a1a1;
  content: '';
  display: block;
}

.voice__ttl {
  font-weight: bold;
  font-size: 3.6rem;
  letter-spacing: 0.13em;
  line-height: 5.8rem;
  margin-bottom: 3rem;
}

.voice__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 6rem;
}

.voice__info dt {
  font-weight: bold;
  margin-right: 1.5rem;
}

.voice__info dd {
  color: #818181;
  font-size: 1.3rem;
}

.voice__info ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.voice__info ul li {
  margin-right: 1.5rem;
}

.voice__check {
  z-index: 0;
  width: 89.86667%;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  background: #f8f8f8;
  padding: 15rem 16.46667vw 10rem 6.66667vw;
}

@media screen and (min-width: 1025px) and (max-width: 5000px) {
  .voice__check {
    padding: 9rem 11vw 8rem 6.66667vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .voice__check {
    padding: 9rem 11vw 4rem 6.66667vw;
  }
}

.voice__checkTtl {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.voice__checkTtl:after {
  content: '';
  display: block;
  background: #a1a1a1;
  width: 4rem;
  height: 1px;
  margin-left: 1.8rem;
}

.voice__check p {
  font-size: 1.3rem;
  text-align: justify;
  line-height: 2.6rem;
}

.voice__checkStaff {
  margin-top: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  width: 43.2%;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .voice__checkStaff {
    width: 100%;
    margin-bottom: 5rem;
  }
}

.voice__checkStaffImg {
  position: relative;
  width: 10rem;
  height: 10rem;
}

.voice__checkStaffImg img {
  border-radius: 5rem;
}

.voice__checkStaffImg:before {
  content: '';
  display: block;
  width: 5.7rem;
  height: 4.1rem;
  background: url(../img/voice/check.svg) no-repeat center center;
  position: absolute;
  left: -1.2rem;
  top: -2.6rem;
}

.voice__checkStaffProfile {
  width: calc(100% - 135px);
  font-size: 1.2rem;
}

.voice__checkStaffProfile dt {
  margin-bottom: 1rem;
}

.voice__checkStaffProfile dt span {
  font-size: 1.4rem;
  font-weight: bold;
}

.voice__checkStaffProfile dd {
  line-height: 1.8rem;
}

@media screen and (max-width: 768px) {
  .voice {
    padding-bottom: 31.25vw;
  }
  .voice .headCont {
    background-image: url(../img/voice/mv_sp_old.jpg);
    margin-bottom: 21.875vw;
  }
  .voice__singleImg {
    width: 100%;
    margin-top: 0;
  }
  .voice__singleCont {
    margin-top: -9.375vw;
    position: relative;
    right: auto;
    width: 90.625vw;
    padding: 11.71875vw 0 20.3125vw 9.375vw;
  }
  .voice__singleCont p {
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .voice__singleCont p + p {
    margin-top: 4.6875vw;
  }
  .voice__singleContNum {
    font-size: 28.125vw;
    right: -5.625vw;
    bottom: -3.125vw;
  }
  .voice__single:first-child .voice__singleImg {
    margin-top: 0;
  }
  .voice__single:first-child .voice__check {
    padding-top: 20.3125vw;
  }
  .voice__single:nth-child(even) {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .voice__single:nth-child(even) .voice__singleCont {
    right: auto;
    left: 0;
    /*
          padding: pxToVw(100) (100 / 1500) *100vw pxToVw(90) (250 / 1500) *100vw;
          */
    padding: 11.71875vw 0 20.3125vw 9.375vw;
  }
  .voice__single:nth-child(even) .voice__singleContNum {
    right: 2.66667vw;
  }
  .voice__single:nth-child(even) .voice__check {
    padding-top: 28.125vw;
  }
  .voice__single:nth-child(even) .voice__checkStaff {
    margin-left: auto;
    margin-right: auto;
  }
  .voice__num {
    font-size: 2.8125vw;
    margin-bottom: 7.8125vw;
  }
  .voice__num span {
    font-size: 11.875vw;
    padding-left: 7.8125vw;
    margin-left: 3.125vw;
    margin-bottom: -0.9375vw;
  }
  .voice__num span:before {
    bottom: 1.5625vw;
    width: 4.6875vw;
  }
  .voice__ttl {
    font-size: 5.625vw;
    letter-spacing: 0.11em;
    line-height: 9.6875vw;
    margin-bottom: 4.6875vw;
  }
  .voice__info {
    display: block;
    margin-bottom: 12.5vw;
  }
  .voice__info dt {
    font-size: 4.375vw;
    margin-bottom: 1.5625vw;
  }
  .voice__info dd {
    font-size: 4.375vw;
  }
  .voice__info ul li {
    margin-right: 2.34375vw;
  }
  .voice__check {
    width: 100%;
    margin: 0;
    padding: 20.3125vw 0 23.4375vw;
  }
  .voice__checkTtl {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 5.625vw;
    margin-bottom: 4.6875vw;
  }
  .voice__checkTtl:after {
    width: 6.25vw;
    margin-left: 2.8125vw;
  }
  .voice__check p {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .voice__checkStaff {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-top: 7.8125vw;
    padding-left: 1.5625vw;
  }
  .voice__checkStaffImg {
    margin-top: 6.25vw;
    width: 31.25vw;
    height: 31.25vw;
  }
  .voice__checkStaffImg img {
    border-radius: 15.625vw;
  }
  .voice__checkStaffImg:before {
    width: 17.96875vw;
    height: 12.96875vw;
    background-size: cover;
    left: -3.4375vw;
    top: -8.125vw;
  }
  .voice__checkStaffProfile {
    width: 42.34375vw;
    font-size: 3.125vw;
  }
  .voice__checkStaffProfile dt {
    font-weight: bold;
    margin-bottom: 3.125vw;
  }
  .voice__checkStaffProfile dt span {
    font-size: 4.0625vw;
  }
  .voice__checkStaffProfile dd {
    line-height: 6.25vw;
  }
}

.question {
  padding-bottom: 14.5rem;
}

.question .headCont {
  background-image: url(../img/question/mv.jpg);
  margin-bottom: 13rem;
}

.question__menu {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 7.1rem;
}

.question__menuLead {
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  margin-bottom: 3rem;
}

.question__menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.question__menu ul li:not(:last-child) {
  margin-right: 2rem;
}

.question__menu ul a {
  font-weight: bold;
  letter-spacing: 0.08em;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-image: url(../img/arrow_down.svg);
  background-repeat: no-repeat;
  background-position: right 4rem top 50%;
  background-color: #F8F8F8;
  background-size: 0.9rem 0.5rem;
  padding: 2rem 7rem 2rem 4rem;
  border-radius: 5rem;
}

.question__menu ul a:hover {
  background-position: right 4rem top 54%;
  background-color: #e6e5e5;
}

.question__list {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 5rem;
}

.question__list h2 {
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  margin-bottom: 3rem;
}

.question__list h2 span {
  display: inline-block;
  padding-bottom: 2rem;
  border-bottom: 2px solid #1F1200;
}

.question__list dl {
  border: 1px solid #B7B7B7;
  padding: 2.3rem;
  width: 48.83333%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  margin-bottom: 3rem;
}

.question__list dl:hover {
  cursor: pointer;
}

.question__list dl dt {
  position: relative;
  padding: 0 6.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 3rem;
}

.question__list dl dt span.q {
  background: #1F1200;
  color: #ffffff;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  font-size: 1.3rem;
  border-radius: 3rem;
  position: absolute;
  left: 0;
  top: 0;
}

.question__list dl dt:before, .question__list dl dt:after {
  content: '';
  background: #1F1200;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.question__list dl dt:before {
  right: 0.9rem;
  width: 1px;
  height: 1.9rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.question__list dl dt:after {
  right: 0;
  height: 1px;
  width: 1.9rem;
}

.question__list dl dd {
  display: none;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2.8rem;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #1F1200;
}

.question__list dl.open {
  border-color: #1F1200;
  background: #f8f8f8;
}

.question__list dl.open dt:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media screen and (max-width: 768px) {
  .question {
    padding-bottom: 31.25vw;
  }
  .question .headCont {
    background-image: url(../img/question/mv_sp.jpg);
    margin-bottom: 21.875vw;
  }
  .question__menu {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 20.46875vw;
  }
  .question__menuLead {
    font-size: 5vw;
    letter-spacing: 0.1em;
    margin-bottom: 4.6875vw;
  }
  .question__menu ul li {
    margin-bottom: 3.125vw;
  }
  .question__menu ul li:not(:last-child) {
    margin-right: 3.125vw;
  }
  .question__menu ul a {
    font-size: 3.75vw;
    background-position: right 7.34375vw top 50%;
    background-size: 2.65625vw 1.40625vw;
    padding: 3.125vw 13.75vw 3.125vw 6.25vw;
  }
  .question__menu ul a:hover {
    background-position: right 7.34375vw top 50%;
    background-color: #F8F8F8;
  }
  .question__list {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 22.65625vw;
  }
  .question__list h2 {
    font-size: 4.6875vw;
    margin-bottom: 6.25vw;
  }
  .question__list h2 span {
    padding-bottom: 3.125vw;
  }
  .question__list dl {
    padding: 4.6875vw;
    width: 100%;
    margin-bottom: 3.125vw;
  }
  .question__list dl dt {
    padding: 0 7.03125vw 0 13.59375vw;
    font-size: 4.0625vw;
    line-height: 7.5vw;
  }
  .question__list dl dt span.q {
    width: 8.90625vw;
    height: 8.90625vw;
    font-size: 3.75vw;
    border-radius: 7.8125vw;
    bottom: 0;
    margin: auto;
  }
  .question__list dl dt:before {
    right: 1.40625vw;
    width: 1px;
    height: 2.96875vw;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .question__list dl dt:after {
    width: 2.96875vw;
  }
  .question__list dl dd {
    font-size: 4.0625vw;
    letter-spacing: 0.04em;
    line-height: 7.5vw;
    margin-top: 6.25vw;
    padding-top: 6.25vw;
  }
}

.client .headCont {
  background-image: url(../img/client/mv.jpg);
  margin-bottom: 10rem;
}

.client.formPage .headCont {
  background-image: url(../img/client/form_mv.jpg);
}

.client__introEng, .client__contEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .client__introEng, .client__contEng {
    font-size: 2.8125vw;
  }
}

.client__introTtl, .client__contTtl {
  font-size: 3.6rem;
  letter-spacing: 0.13em;
  font-weight: bold;
  line-height: 5.8rem;
  margin-bottom: 4rem;
}

.client__intro {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 14rem;
}

.client__introImg {
  width: 47.5%;
}

.client__introTxt {
  width: 44.16667%;
}

.client__cont {
  background: #F8F8F8;
  padding: 10rem 0;
}

.client__contTtlBlock {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.client__single {
  position: relative;
  background: #ffffff;
  width: 80.93333%;
  padding: 10rem 0;
  padding-left: 23rem;
  padding-right: 8.3rem;
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 1025px) {
  .client__single {
    padding-left: 12rem;
    padding-right: 4rem;
  }
}

.client__single:not(:last-child) {
  margin-bottom: 5rem;
}

.client__singleTtl {
  font-size: 3rem;
  letter-spacing: 0.13em;
  line-height: 5rem;
  font-weight: bold;
  margin-bottom: 3.5rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .client__singleTtl {
    font-size: 2.4rem;
  }
}

.client__singleTxt {
  width: 79.98353%;
}

@media screen and (max-width: 1025px) {
  .client__singleTxt {
    width: 100%;
  }
}

.client__singleTxt p {
  margin-left: 3rem;
}

.client__singleTxt p + p {
  margin-left: 6rem;
  margin-top: 2rem;
}

.client__singleTxt p + p + p {
  margin-left: 9rem;
}

.client__singleImg {
  position: absolute;
  left: -9.86667vw;
  top: 0;
  bottom: 2rem;
  margin: auto;
  width: 26rem;
  height: 26rem;
  -webkit-box-shadow: 2rem 2rem 0px 0px #dfdfdf;
          box-shadow: 2rem 2rem 0px 0px #dfdfdf;
}

@media screen and (max-width: 1025px) {
  .client__singleImg {
    left: -18.73333vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .client__singleImg {
    -webkit-box-shadow: 1rem 1rem 0px 0px #dfdfdf;
            box-shadow: 1rem 1rem 0px 0px #dfdfdf;
  }
}

.client__single:nth-child(even) {
  padding-left: 26rem;
  margin-left: 0;
  margin-right: auto;
}

@media screen and (max-width: 1025px) {
  .client__single:nth-child(even) {
    padding-left: 3rem;
    padding-right: 13rem;
  }
}

.client__single:nth-child(even) .client__singleImg {
  left: auto;
  right: -9.86667vw;
}

@media screen and (max-width: 1025px) {
  .client__single:nth-child(even) .client__singleImg {
    right: -16.73333vw;
  }
}

.client__attention {
  max-width: 100rem;
  width: 90%;
  margin: 0 auto;
  padding: 13.2rem 0 14rem;
  text-align: center;
}

.client__attention h2 {
  font-weight: bold;
  font-size: 3.6rem;
  letter-spacing: 0.13em;
  margin-bottom: 3.5rem;
  background: url(../img/client/att_icon.svg) no-repeat center bottom;
  background-size: 5.6rem;
  padding-bottom: 4rem;
}

.client__attention p {
  line-height: 4rem;
}

.client__attention p:not(:last-child) {
  margin-bottom: 3rem;
}

.client__attention p.stick {
  margin-bottom: 0;
}

.client__btmPh {
  width: 100%;
  margin-bottom: 14rem;
}

.formPage .requied {
  background: #1F1200;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  line-height: 1;
  padding: 0.7rem 1.3rem;
}

@media all and (-ms-high-contrast: none) {
  .formPage .requied {
    padding-top: 0.9rem;
    padding-bottom: 0.5rem;
  }
}

.formPage .form__flow {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 2.5rem;
}

.formPage .form__flow li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  color: #cccccc;
  font-weight: bold;
  font-size: 2.8rem;
  letter-spacing: 0.15em;
}

.formPage .form__flow li:not(:last-child) {
  margin-right: 2.4rem;
}

.formPage .form__flow li:not(:last-child):after {
  content: '';
  width: 3rem;
  height: 1px;
  display: block;
  background: #b1b1b1;
  margin-left: 2.4rem;
}

.formPage .form__flow li.current {
  color: #F29600;
}

.formPage .form__thanks {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
  font-size: 2.1rem;
  letter-spacing: 0.12em;
  margin: 5rem auto 4rem;
}

.formPage .form__lead {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 2.8rem;
  margin-bottom: 3.5rem;
}

.formPage .form__applyInfo {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 5rem;
}

.formPage .form__applyInfo dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.formPage .form__applyInfo dl:not(:last-child) {
  margin-bottom: 2rem;
}

.formPage .form__applyInfo dt {
  width: 15.83333%;
  border-left: 1px solid #1F1200;
  padding-left: 4.5rem;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
}

.formPage .form__applyInfo dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  background: #ffffff;
  width: 84.16667%;
  padding: 1.5rem;
}

.formPage .form__applyInfoNum {
  font-size: 2.1rem;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__applyInfoNum {
    padding-top: 0.3rem;
  }
}

.formPage .form__applyInfoPlace {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.formPage .form__applyInfoPlace li {
  background: #ebebeb;
  line-height: 1;
  margin-right: 1rem;
  padding: 1rem 1.4rem;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__applyInfoPlace li {
    padding-top: 1.2rem;
    padding-bottom: 0.8rem;
  }
}

.formPage .form__input {
  background: #F8F8F8;
  padding-top: 13.5rem;
  padding-bottom: 14rem;
}

.formPage .form__cont {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  background: #ffffff;
  padding: 10rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .formPage .form__cont {
    padding: 5rem;
  }
}

.formPage .form__cont h2 {
  width: 100%;
  font-size: 2.1rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  margin-bottom: 5.5rem;
}

.formPage .form__cont h2 span {
  display: inline-block;
  padding-bottom: 2rem;
  border-bottom: 1px solid #1F1200;
}

.formPage .form__cont dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 2.5rem;
}

.formPage .form__cont dl dt {
  padding-top: 1.7rem;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  width: 26.7%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.formPage .form__cont dl dd {
  font-size: 1.4rem;
  width: 69.4%;
}

.formPage .form__cont input[type="file"]:hover {
  cursor: pointer;
}

.formPage .form__cont input[type="text"], .formPage .form__cont input[type="email"],
.formPage .form__cont textarea {
  padding: 1.9rem;
  border: 1px solid #D5D5D5;
  width: 100%;
}

.formPage .form__cont textarea {
  resize: vertical;
}

.formPage .form__cont .form__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.formPage .form__cont .form__name input[type="text"] {
  width: 48.99135%;
}

.formPage .form__cont .form__att {
  margin-top: 0.7rem;
  font-size: 1.3rem;
}

.formPage .form__cont .form__att br {
  display: none;
}

.formPage .form__cont .form__radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  max-width: 44rem;
}

.formPage .form__cont .form__birth input {
  width: 11.6rem;
  margin-right: 1rem;
}

.formPage .form__cont .form__birth input:not(:first-child) {
  width: 9.1rem;
  margin-left: 2rem;
}

.formPage .form__cont .form__zip input {
  width: 11.6rem;
  margin-right: 1rem;
}

.formPage .form__cont .form__zip input:not(:first-child) {
  margin-left: 1rem;
}

.formPage .form__cont .form__add ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.formPage .form__cont .form__add ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.formPage .form__cont .form__add ul li span:not([class]) {
  width: 6.5rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.2rem;
}

.formPage .form__cont .form__add ul li input {
  width: 87.0317%;
}

.formPage .form__cont .mwform-radio-field label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.formPage .form__cont .mwform-radio-field input {
  display: none;
}

.formPage .form__cont .mwform-radio-field input + span {
  display: block;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  padding: 1.5rem 2rem 1.5rem 5rem;
  font-weight: bold;
  font-size: 1.4rem;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__cont .mwform-radio-field input + span {
    padding-top: 1.7rem;
    padding-bottom: 1.3rem;
  }
}

.formPage .form__cont .mwform-radio-field input + span:before, .formPage .form__cont .mwform-radio-field input + span:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.formPage .form__cont .mwform-radio-field input + span:before {
  background: #ffffff;
  border: 1px solid #1F1200;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 1rem;
  left: 2.6rem;
}

.formPage .form__cont .mwform-radio-field input + span:after {
  background: #F29600;
  border-radius: 0.4rem;
  left: 3rem;
}

.formPage .form__cont .mwform-radio-field input + span:hover {
  cursor: pointer;
}

.formPage .form__cont .mwform-radio-field input:checked + span {
  background: #ececec;
  border-color: #ECECEC;
}

.formPage .form__cont .mwform-radio-field input:checked + span:after {
  width: 0.8rem;
  height: 0.8rem;
}

.formPage .form__privacy {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-top: 5rem;
}

.formPage .form__privacyTtl {
  margin-bottom: 2.5rem;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  text-align: center;
}

.formPage .form__privacyCont {
  overflow-y: scroll;
  height: 19rem;
  padding: 3.5rem 4.5rem;
  font-size: 1.3rem;
  background: #ffffff;
  margin-bottom: 3rem;
}

.formPage .form__privacyAgree {
  width: 22.6rem;
  margin: 0 auto 3rem;
  border: 1px solid #D5D5D5;
  background: #ffffff;
  padding: 1.5rem 0 1.5rem 1.8rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .formPage .form__privacyAgree {
    width: 25rem;
  }
}

.formPage .form__privacy .error {
  text-align: center;
  margin-top: -1.5rem;
  margin-bottom: 1.5rem;
}

.formPage .form__privacy .mwform-checkbox-field {
  position: relative;
}

.formPage .form__privacy .mwform-checkbox-field label {
  margin-left: 2.5rem;
}

.formPage .form__privacy .mwform-checkbox-field label:hover {
  cursor: pointer;
}

.formPage .form__privacy .mwform-checkbox-field label input {
  display: none;
}

.formPage .form__privacy .mwform-checkbox-field label input + span {
  position: relative;
  padding-left: 2.5rem;
}

.formPage .form__privacy .mwform-checkbox-field label input + span:before, .formPage .form__privacy .mwform-checkbox-field label input + span:after {
  content: '';
  position: absolute;
  display: block;
}

.formPage .form__privacy .mwform-checkbox-field label input + span:before {
  width: 1.3rem;
  height: 1.3rem;
  border: 1px solid #1F1200;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.formPage .form__privacy .mwform-checkbox-field label input:checked + span {
  font-weight: bold;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__privacy .mwform-checkbox-field label input:checked + span {
    padding-top: 0.3rem;
  }
}

.formPage .form__privacy .mwform-checkbox-field label input:checked + span::after {
  background-size: cover;
  border-right: 1px solid #1F1200;
  border-bottom: 1px solid #1F1200;
  content: '';
  display: block;
  height: 0.8rem;
  left: 0.4rem;
  margin-top: -0.7rem;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.5rem;
}

.formPage .form__privacy .privacy__cont {
  width: 100%;
}

.formPage .form__privacy .privacy__cont .privacy__ttl {
  margin-bottom: 3rem;
}

.formPage .form__privacy .privacy__cont .privacy__ttl h2 {
  font-size: 1.8rem;
}

.formPage .form__privacy .privacy__cont .privacy__single {
  margin-bottom: 3rem;
}

.formPage .form__privacy .privacy__cont .privacy__single h3 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.formPage .form__privacy .privacy__cont .privacy__single h3 span {
  padding-bottom: 0.5rem;
}

.formPage .form__privacy .privacy__cont .privacy__single ol li ol,
.formPage .form__privacy .privacy__cont .privacy__single p {
  margin-top: 0;
}

.formPage .form__privacy .privacy__cont .privacy__single ol:not([class]) > li,
.formPage .form__privacy .privacy__cont .privacy__single ol.circle > li,
.formPage .form__privacy .privacy__cont .privacy__single ol li {
  margin-bottom: 0;
}

.formPage .form__privacy .privacy__cont .privacy__single dl dt {
  margin-bottom: 0;
}

.formPage .form__btn {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.formPage .form__btn button {
  margin: 0 1.5rem;
}

.formPage .form__btn button:hover {
  cursor: pointer;
}

.formPage .form__btn button[name="submitConfirm"],
.formPage .form__btn button[name="send"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #F29600;
  width: 100%;
  max-width: 33.5rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  font-size: 1.8rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn button[name="submitConfirm"],
  .formPage .form__btn button[name="send"] {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.formPage .form__btn button[name="submitConfirm"] span,
.formPage .form__btn button[name="send"] span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.formPage .form__btn button[name="submitConfirm"]:before, .formPage .form__btn button[name="submitConfirm"]:after,
.formPage .form__btn button[name="send"]:before,
.formPage .form__btn button[name="send"]:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.formPage .form__btn button[name="submitConfirm"]:before,
.formPage .form__btn button[name="send"]:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn button[name="submitConfirm"]:before,
  .formPage .form__btn button[name="send"]:before {
    top: 2.8rem;
  }
}

.formPage .form__btn button[name="submitConfirm"]:after,
.formPage .form__btn button[name="send"]:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn button[name="submitConfirm"]:after,
  .formPage .form__btn button[name="send"]:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .formPage .form__btn button[name="submitConfirm"]:hover,
  .formPage .form__btn button[name="send"]:hover {
    background: #D97F00;
  }
  .formPage .form__btn button[name="submitConfirm"]:hover:after,
  .formPage .form__btn button[name="send"]:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .formPage .form__btn button[name="submitConfirm"],
  .formPage .form__btn button[name="send"] {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .formPage .form__btn button[name="submitConfirm"] span,
  .formPage .form__btn button[name="send"] span {
    padding-right: 7.03125vw;
  }
  .formPage .form__btn button[name="submitConfirm"]:before, .formPage .form__btn button[name="submitConfirm"]:after,
  .formPage .form__btn button[name="send"]:before,
  .formPage .form__btn button[name="send"]:after {
    right: 6.25vw;
  }
  .formPage .form__btn button[name="submitConfirm"]:before,
  .formPage .form__btn button[name="send"]:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .formPage .form__btn button[name="submitConfirm"]:after,
  .formPage .form__btn button[name="send"]:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.formPage .form__btn button[name="submitConfirm"]:before,
.formPage .form__btn button[name="send"]:before {
  background-image: url(../img/arrow_white02.svg);
}

.formPage .form__btn button[name="send"] {
  width: 24rem;
}

.formPage .form__btn button[name="submitBack"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #fff;
  width: 100%;
  max-width: 24rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  border: 1px solid #1F1200;
  color: #1F1200;
  padding-left: 7.5rem;
  padding-right: 2rem;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn button[name="submitBack"] {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.formPage .form__btn button[name="submitBack"] span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.formPage .form__btn button[name="submitBack"]:before, .formPage .form__btn button[name="submitBack"]:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.formPage .form__btn button[name="submitBack"]:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn button[name="submitBack"]:before {
    top: 2.8rem;
  }
}

.formPage .form__btn button[name="submitBack"]:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn button[name="submitBack"]:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .formPage .form__btn button[name="submitBack"]:hover {
    background: #F3F3F3;
  }
  .formPage .form__btn button[name="submitBack"]:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .formPage .form__btn button[name="submitBack"] {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .formPage .form__btn button[name="submitBack"] span {
    padding-right: 7.03125vw;
  }
  .formPage .form__btn button[name="submitBack"]:before, .formPage .form__btn button[name="submitBack"]:after {
    right: 6.25vw;
  }
  .formPage .form__btn button[name="submitBack"]:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .formPage .form__btn button[name="submitBack"]:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.formPage .form__btn button[name="submitBack"]:before, .formPage .form__btn button[name="submitBack"]:after {
  right: auto;
  left: 2.5rem;
}

.formPage .form__btn button[name="submitBack"]:before {
  top: 2.5rem;
  background-image: url(../img/arrow_left.svg);
}

.formPage .form__btn button[name="submitBack"]:after {
  top: 3.5rem;
  background: #1F1200;
}

.formPage .form__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background: #fff;
  width: 100%;
  max-width: 34.5rem;
  padding: 2.1rem 4.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.12em;
  margin-left: 0;
  margin-right: auto;
  border: 1px solid #1F1200;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn a {
    padding-top: 2.3rem;
    padding-bottom: 1.9rem;
  }
}

.formPage .form__btn a span {
  color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
}

.formPage .form__btn a:before, .formPage .form__btn a:after {
  content: '';
  display: block;
  position: absolute;
  right: 3rem;
}

.formPage .form__btn a:before {
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  top: 3rem;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn a:before {
    top: 2.8rem;
  }
}

.formPage .form__btn a:after {
  width: 2.7rem;
  top: 4rem;
  height: 1px;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media all and (-ms-high-contrast: none) {
  .formPage .form__btn a:after {
    top: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .formPage .form__btn a:hover {
    background: #F3F3F3;
  }
  .formPage .form__btn a:hover:after {
    width: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .formPage .form__btn a {
    max-width: inherit;
    padding: 5.46875vw;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .formPage .form__btn a span {
    padding-right: 7.03125vw;
  }
  .formPage .form__btn a:before, .formPage .form__btn a:after {
    right: 6.25vw;
  }
  .formPage .form__btn a:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .formPage .form__btn a:after {
    width: 5vw;
    top: 9.375vw;
  }
}

.formPage .form__btn a span {
  color: #1F1200;
}

.formPage .form__btn a:before {
  background-image: url(../img/arrow.svg);
}

.formPage .form__btn a:after {
  background: #1F1200;
}

.formPage .form__confirm {
  padding-top: 13.5rem;
  padding-bottom: 14rem;
}

.formPage .form__confirm .form__lead {
  margin-bottom: 5.5rem;
}

.formPage .form__confirm .form__applyInfo {
  background: #f8f8f8;
  padding: 4.4rem 5rem;
}

.formPage .form__confirm .form__applyInfo dd {
  background: none;
  padding: 0;
}

.formPage .form__confirm .form__applyInfoPlace li {
  background: #ffffff;
}

.formPage .form__confirm .form__cont {
  padding-top: 0;
}

.formPage .form__confirm .form__cont dl {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.formPage .form__confirm .form__cont dl dt {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 0;
}

.formPage .error {
  width: 100%;
  display: block;
}

.formPage .error + br {
  display: none;
}

.formPage .mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}

.formPage .mwform-checkbox-field input, .formPage .mwform-radio-field input {
  margin-right: 0;
}

.formPage .mw_wp_form_confirm .form__cont {
  margin-bottom: 5rem;
}

.formPage .mw_wp_form_confirm .form__cont .form__add ul li {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.formPage .mw_wp_form_confirm .form__cont .form__add ul li br {
  display: none;
}

.formPage .mw_wp_form_confirm .form__cont .form__add ul li span:not([class]) {
  margin-right: 2rem;
}

.formPage .mw_wp_form_confirm .form__name br {
  display: none;
}

.formPage .mw_wp_form_confirm .form__att,
.formPage .mw_wp_form_confirm .form__privacy {
  display: none;
}

@media screen and (max-width: 768px) {
  .client.formPage .headCont {
    background-image: url(../img/client/form_mv_sp.jpg);
  }
  .client__introTtl {
    font-size: 5.625vw;
    letter-spacing: 0.1em;
    line-height: 9.6875vw;
    margin-bottom: 9.375vw;
  }
  .client__contTtl {
    font-size: 6.25vw;
    letter-spacing: 0.12em;
    line-height: 10vw;
    margin-bottom: 29.6875vw;
    text-align: center;
  }
  .client__contEng {
    margin-bottom: 3.90625vw;
    text-align: center;
  }
  .client__intro {
    width: 100%;
    margin-bottom: 19.53125vw;
  }
  .client__introImg {
    width: 100%;
    margin-bottom: 9.375vw;
  }
  .client__introTxt {
    width: 100%;
  }
  .client__introTtl, .client__introEng, .client__intro p {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .client__introEng {
    margin-bottom: 3.90625vw;
  }
  .client__introTtl {
    margin-bottom: 9.375vw;
  }
  .client__cont {
    padding: 21.875vw 0;
  }
  .client__contTtlBlock {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .client__single {
    width: 100%;
    padding: 32.03125vw 0 13.28125vw;
    margin: 0;
  }
  .client__single:not(:last-child) {
    margin-bottom: 31.25vw;
  }
  .client__singleTtl {
    font-size: 5.625vw;
    letter-spacing: 0.11em;
    line-height: 9.0625vw;
    margin-bottom: 7.5vw;
    text-align: center;
  }
  .client__singleTxt {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .client__singleTxt p {
    margin-left: 0;
  }
  .client__singleTxt p + p {
    margin-left: 0;
    margin-top: 6.25vw;
  }
  .client__singleTxt p + p + p {
    margin-left: 0;
  }
  .client__singleImg {
    left: 0;
    right: 0;
    top: -20.3125vw;
    bottom: auto;
    margin: auto;
    width: 40.625vw;
    height: 40.625vw;
    -webkit-box-shadow: 3.125vw 3.125vw 0px 0px #dfdfdf;
            box-shadow: 3.125vw 3.125vw 0px 0px #dfdfdf;
  }
  .client__single:nth-child(even) {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .client__single:nth-child(even) .client__singleImg {
    left: 0;
    right: 0;
  }
  .client__attention {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 20.3125vw 0 21.09375vw;
  }
  .client__attention h2 {
    font-size: 6.25vw;
    margin-bottom: 8.59375vw;
    background-size: 8.75vw;
    padding-bottom: 8.59375vw;
  }
  .client__attention p {
    line-height: 8.125vw;
    font-size: 3.75vw;
  }
  .client__attention p:not(:last-child) {
    margin-bottom: 7.5vw;
  }
  .client__attention p.stick {
    margin-bottom: 7.5vw;
  }
  .client__btmPh {
    margin-bottom: 21.875vw;
  }
  .formPage .requied {
    font-size: 3.125vw;
    padding: 1.875vw 3.4375vw;
    margin-left: 4.6875vw;
  }
  .formPage .form__flow {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 7.5vw;
  }
  .formPage .form__flow li {
    font-size: 4.6875vw;
    letter-spacing: 0.05em;
  }
  .formPage .form__flow li:not(:last-child) {
    margin-right: 1.5625vw;
  }
  .formPage .form__flow li:not(:last-child):after {
    width: 4.6875vw;
    margin-left: 2.1875vw;
  }
  .formPage .form__thanks {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 4.6875vw;
    margin: 7.8125vw auto 6.25vw;
  }
  .formPage .form__lead {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 4.0625vw;
    line-height: 7.5vw;
    margin-bottom: 9.375vw;
  }
  .formPage .form__applyInfo {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 20.3125vw;
  }
  .formPage .form__applyInfo dl:not(:last-child) {
    margin-bottom: 9.375vw;
  }
  .formPage .form__applyInfo dt {
    width: 100%;
    border-left: none;
    padding-left: 0;
    font-size: 4.6875vw;
    line-height: 1;
    margin-bottom: 3.125vw;
  }
  .formPage .form__applyInfo dd {
    width: 100%;
    padding: 6.25vw;
    border: 1px solid #D5D5D5;
    display: block;
    font-size: 4.6875vw;
  }
  .formPage .form__applyInfoNum {
    font-size: 4.6875vw;
  }
  .formPage .form__applyInfoPlace {
    font-size: 3.4375vw;
    margin-bottom: 3.75vw;
  }
  .formPage .form__applyInfoPlace li {
    margin-right: 1.5625vw;
    padding: 2.8125vw 3.125vw;
  }
  .formPage .form__input {
    padding-top: 21.09375vw;
    padding-bottom: 21.875vw;
  }
  .formPage .form__cont {
    width: 100%;
    padding: 13.28125vw 0;
  }
  .formPage .form__cont h2 {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 5.625vw;
    letter-spacing: 0.1em;
    margin-bottom: 10.9375vw;
  }
  .formPage .form__cont h2 span {
    padding-bottom: 3.125vw;
  }
  .formPage .form__cont dl {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10.9375vw;
  }
  .formPage .form__cont dl dt {
    padding-top: 0;
    font-size: 4.0625vw;
    letter-spacing: 0.06em;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.34375vw;
  }
  .formPage .form__cont dl dd {
    font-size: 4.375vw;
    width: 100%;
  }
  .formPage .form__cont input[type="text"], .formPage .form__cont input[type="email"],
  .formPage .form__cont textarea {
    padding: 3.90625vw 4.6875vw;
  }
  .formPage .form__cont input[type="file"] {
    width: 100%;
  }
  .formPage .form__cont .form__name input[type="text"] {
    width: 48.26923%;
  }
  .formPage .form__cont .form__att {
    margin-top: 3.125vw;
    font-size: 3.125vw;
    line-height: 6.25vw;
  }
  .formPage .form__cont .form__radio {
    display: block;
    max-width: inherit;
  }
  .formPage .form__cont .form__birth {
    font-weight: bold;
  }
  .formPage .form__cont .form__birth input {
    width: 31.25vw;
    margin-right: 1.5625vw;
    margin-bottom: 3.125vw;
  }
  .formPage .form__cont .form__birth input:not(:first-child) {
    width: 31.25vw;
    margin-left: 0;
  }
  .formPage .form__cont .form__zip input {
    width: 31.25vw;
    margin-right: 2.34375vw;
  }
  .formPage .form__cont .form__zip input:not(:first-child) {
    margin-left: 1.5625vw;
  }
  .formPage .form__cont .form__add ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .formPage .form__cont .form__add ul li:not(:last-child) {
    margin-bottom: 3.125vw;
  }
  .formPage .form__cont .form__add ul li span:not([class]) {
    font-size: 4.0625vw;
    line-height: 7.5vw;
    margin-bottom: 0.78125vw;
    width: auto;
  }
  .formPage .form__cont .form__add ul li input {
    width: 100%;
  }
  .formPage .form__cont .mwform-radio-field label {
    margin-bottom: 3.125vw;
  }
  .formPage .form__cont .mwform-radio-field input + span {
    padding: 4.375vw 3.90625vw 3.90625vw 12.96875vw;
    font-size: 4.0625vw;
  }
  .formPage .form__cont .mwform-radio-field input + span:before {
    width: 3.75vw;
    height: 3.75vw;
    border-radius: 3.125vw;
    left: 6.25vw;
  }
  .formPage .form__cont .mwform-radio-field input + span:after {
    border-radius: 2.1875vw;
    left: 7.34375vw;
  }
  .formPage .form__cont .mwform-radio-field input:checked + span:after {
    width: 2.1875vw;
    height: 2.1875vw;
  }
  .formPage .form__privacy {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-top: 19.375vw;
  }
  .formPage .form__privacyTtl {
    margin-bottom: 5.3125vw;
    font-size: 5vw;
  }
  .formPage .form__privacyCont {
    height: 54.6875vw;
    padding: 5.46875vw 7.03125vw;
    font-size: 3.125vw;
    line-height: 6.25vw;
    margin-bottom: 6.25vw;
  }
  .formPage .form__privacyAgree {
    width: 58.4375vw;
    margin: 0 auto 9.375vw;
    padding: 4.21875vw 0;
  }
  .formPage .form__privacy .mwform-checkbox-field label {
    margin-left: 5.15625vw;
  }
  .formPage .form__privacy .mwform-checkbox-field label input + span {
    padding-left: 7.34375vw;
  }
  .formPage .form__privacy .mwform-checkbox-field label input + span:before {
    width: 4.375vw;
    height: 4.375vw;
  }
  .formPage .form__privacy .mwform-checkbox-field label input:checked + span::after {
    height: 2.5vw;
    left: 1.5625vw;
    margin-top: -1.875vw;
    width: 1.5625vw;
  }
  .formPage .form__privacy .privacy__cont p {
    line-height: 5.9375vw;
    font-size: 3.75vw;
  }
  .formPage .form__privacy .privacy__cont .privacy__ttl {
    margin-bottom: 6.25vw;
  }
  .formPage .form__privacy .privacy__cont .privacy__ttl h2 {
    font-size: 4.6875vw;
  }
  .formPage .form__privacy .privacy__cont .privacy__single {
    margin-bottom: 6.25vw;
  }
  .formPage .form__privacy .privacy__cont .privacy__single h3 {
    font-size: 4.0625vw;
    margin-bottom: 3.125vw;
  }
  .formPage .form__privacy .privacy__cont .privacy__single h3 span {
    padding-bottom: 1.5625vw;
  }
  .formPage .form__btn {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .formPage .form__btn button {
    margin: 0 0 3.125vw;
  }
  .formPage .form__btn button[name="submitConfirm"],
  .formPage .form__btn button[name="send"] {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    font-size: 4.375vw;
  }
  .formPage .form__btn button[name="submitBack"] {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    font-size: 4.375vw;
  }
  .formPage .form__btn button[name="submitBack"]:before, .formPage .form__btn button[name="submitBack"]:after {
    left: 7.03125vw;
  }
  .formPage .form__btn button[name="submitBack"]:before {
    background-size: 2.34375vw;
    width: 2.34375vw;
    height: 2.34375vw;
    top: 7.8125vw;
  }
  .formPage .form__btn button[name="submitBack"]:after {
    width: 5vw;
    top: 9.375vw;
  }
  .formPage .form__btn a {
    width: 100%;
  }
  .formPage .form__confirm {
    padding-top: 20.3125vw;
    padding-bottom: 21.875vw;
  }
  .formPage .form__confirm .form__lead {
    margin-bottom: 16.40625vw;
  }
  .formPage .form__confirm .form__applyInfo {
    padding: 6.875vw 7.8125vw;
  }
  .formPage .form__confirm .form__applyInfo dd {
    border: none;
  }
  .formPage .form__confirm .form__cont {
    padding-top: 0;
  }
  .formPage .form__confirm .form__cont dl {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .formPage .form__confirm .form__cont dl dt {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
  }
  .formPage .mw_wp_form_confirm .form__cont {
    margin-bottom: 0;
  }
  .formPage .mw_wp_form .error {
    font-size: 3.125vw;
  }
}

.company {
  padding-bottom: 14rem;
}

.company .headCont {
  background-image: url(../img/company/mv.jpg);
  margin-bottom: 13.5rem;
}

.company__greeting {
  position: relative;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 9.5rem;
}

.company__greetingTxt {
  width: 58.33333%;
}

.company__greetingTxt p {
  font-size: 1.4rem;
}

.company__greetingTxt p + p {
  margin-top: 2.4rem;
}

.company__greeting h2 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.05em;
  font-size: 3.4rem;
  letter-spacing: 0.1em;
  line-height: 5.4rem;
  margin-bottom: 5rem;
}

@media screen and (min-width: 769px) and (max-width: 1225px) {
  .company__greeting h2 br.pc {
    display: none;
  }
}

.company__greetingName {
  margin-top: 2.5rem;
  text-align: right;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.company__greetingName dt {
  font-size: 1.2rem;
  margin-bottom: 0.7rem;
}

.company__greetingName dd {
  font-size: 1.8rem;
}

.company__greetingImg {
  width: 36.33333%;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}

.company__greetingImg:after {
  content: '';
  display: block;
  position: absolute;
  left: -6rem;
  top: -7.8rem;
  background: url(../img/company/message.svg) no-repeat center center;
  background-size: contain;
  width: 31.5rem;
  height: 12.4rem;
}

.company__info {
  background: #f8f8f8;
  padding: 9.7rem 0 14rem;
  margin-bottom: 13rem;
  position: relative;
}

.company__info:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -9.3rem;
  background: url(../img/company/logo.svg) no-repeat center center;
  background-size: contain;
  width: 49.1rem;
  height: 33.7rem;
}

.company__infoEng {
  width: 100%;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.11em;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.11em;
  color: #a1a1a1;
  line-height: 1;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
  .company__infoEng {
    font-size: 2.8125vw;
  }
}

.company__infoTtl {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.13em;
  line-height: 5.6rem;
  margin-bottom: 4rem;
}

.company__infoInner {
  width: 90%;
  background: #ffffff;
  padding: 5rem 7.40741vw 5rem 9.25926vw;
}

.company__info dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.company__info dl dt {
  padding: 2.5rem 0;
}

.company__info dl dd {
  padding: 2.5rem;
}

.company__info dl:last-child dt, .company__info dl:last-child dd {
  border-bottom: none;
}

.company__info dl dt {
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.13em;
  text-align: center;
  width: 16.5%;
  border-bottom: 1px solid #1F1200;
}

.company__info dl dd {
  letter-spacing: 0.1em;
  width: 83.5%;
  padding-left: 4rem;
  border-bottom: 1px solid #E1E1E1;
}

.company__access {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.company__access h2 {
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  margin-bottom: 4rem;
}

.company__access h2 span {
  display: inline-block;
  padding-bottom: 2rem;
  border-bottom: 1px solid #1F1200;
}

.company__single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  margin-bottom: 7rem;
}

.company__single:nth-child(odd) .company__map {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.company__single:nth-child(odd) .company__map:before {
  right: auto;
  left: -11rem;
}

.company__single:nth-child(odd) .company__map:after {
  right: auto;
  left: -9rem;
}

.company__single:nth-child(odd) .company__txt {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.company__single:nth-child(odd) .company__txt:before {
  left: auto;
  top: auto;
  bottom: 0;
  right: -1.3rem;
}

.company__single:nth-child(odd) .company__txt:after {
  top: auto;
  bottom: -1.5rem;
  left: auto;
  right: 0;
}

.company__map {
  width: 58.33333%;
  position: relative;
}

.company__map iframe {
  width: 100%;
  height: 100%;
}

.company__map:before, .company__map:after {
  content: '';
  position: absolute;
  display: block;
}

.company__map:before {
  top: 0;
  height: 1px;
  width: 11rem;
  background: #e1e1e1;
  right: -11rem;
}

.company__map:after {
  width: 1px;
  height: 5.1rem;
  top: -2rem;
  background: #C9C9C9;
  right: -9rem;
}

.company__txt {
  width: 34.5%;
  min-height: 40rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  padding-left: 10rem;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .company__txt {
    padding-left: 0;
  }
}

.company__txt h3 {
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.13em;
  margin-bottom: 3rem;
}

.company__txt p {
  letter-spacing: 0.1em;
}

.company__txt:before, .company__txt:after {
  content: '';
  position: absolute;
  display: block;
}

.company__txt:before {
  bottom: 0;
  height: 1px;
  width: 8.2rem;
  background: #e1e1e1;
  left: -1.3rem;
}

.company__txt:after {
  width: 1px;
  height: 3.1rem;
  bottom: -1.5rem;
  background: #A5A5A5;
  left: 0;
}

.company__zip {
  font-size: 1.3rem;
}

.company__tel {
  font-size: 2rem;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.12em;
  display: inline-block;
  margin-top: 1.8rem;
}

@media screen and (max-width: 768px) {
  .company {
    padding-bottom: 21.875vw;
  }
  .company .headCont {
    background-image: url(../img/company/mv.jpg);
    margin-bottom: 21.09375vw;
  }
  .company__greeting {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 20.3125vw;
  }
  .company__greetingTxt {
    width: 100%;
  }
  .company__greetingTxt p {
    font-size: 4.0625vw;
  }
  .company__greetingTxt p + p {
    margin-top: 5.625vw;
  }
  .company__greeting h2 {
    font-size: 5.625vw;
    line-height: 8.4375vw;
    margin-bottom: 20.3125vw;
  }
  .company__greetingName {
    margin-top: 8.75vw;
  }
  .company__greetingName dt {
    font-size: 3.125vw;
    margin-bottom: 2.5vw;
  }
  .company__greetingName dd {
    font-size: 4.375vw;
  }
  .company__greetingImg {
    width: 68.125vw;
    margin: 0 auto 12.5vw;
    position: relative;
    left: auto;
    bottom: auto;
  }
  .company__greetingImg:after {
    left: -11.25vw;
    top: -10.625vw;
    width: 49.21875vw;
    height: 19.375vw;
  }
  .company__info {
    margin-bottom: 35vw;
  }
  .company__info:after {
    left: 0;
    margin: auto;
    bottom: -12.8125vw;
    width: 68.90625vw;
    height: 47.1875vw;
  }
  .company__infoEng {
    margin-bottom: 3.90625vw;
    text-align: center;
  }
  .company__infoTtl {
    font-size: 6.25vw;
    letter-spacing: 0.12em;
    line-height: 10vw;
    margin-bottom: 7.8125vw;
    text-align: center;
  }
  .company__infoInner {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 6.25vw 9.375vw;
  }
  .company__info dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .company__info dl dt, .company__info dl dd {
    letter-spacing: 0.04em;
    width: 100%;
    border-bottom: none;
  }
  .company__info dl dt {
    padding: 0 0 3.90625vw;
    font-size: 3.75vw;
    margin-bottom: 4.6875vw;
    text-align: left;
    position: relative;
  }
  .company__info dl dt:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(26%, #1f1200), color-stop(26%, #e1e1e1));
    background: -webkit-linear-gradient(left, #1f1200 26%, #e1e1e1 26%);
    background: linear-gradient(to right, #1f1200 26%, #e1e1e1 26%);
  }
  .company__info dl dd {
    font-size: 3.75vw;
    padding: 0 0 11.875vw;
  }
  .company__access {
    width: 100%;
  }
  .company__access h2 {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 5.625vw;
    letter-spacing: 0.1em;
    margin-bottom: 10.9375vw;
  }
  .company__access h2 span {
    padding-bottom: 3.125vw;
  }
  .company__single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
  .company__single:nth-child(odd) .company__map {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .company__single:nth-child(odd) .company__txt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 0;
  }
  .company__map {
    width: 100%;
    height: 59.375vw;
  }
  .company__map:before, .company__map:after {
    display: none;
  }
  .company__txt {
    min-height: inherit;
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 11.71875vw 0;
  }
  .company__txt h3 {
    font-size: 5vw;
    letter-spacing: 0.11em;
    margin-bottom: 10.46875vw;
  }
  .company__txt p {
    font-size: 4.0625vw;
    letter-spacing: 0.04em;
  }
  .company__txt:before, .company__txt:after {
    display: none;
  }
  .company__zip {
    font-size: 4.0625vw;
  }
  .company__tel {
    font-size: 4.6875vw;
    margin-top: 3.59375vw;
    letter-spacing: 0.12em;
  }
}

.apply .headCont {
  background-image: url(../img/job-apply/mv.jpg);
}

.apply .form__thanks {
  background: url(../img/job-apply/thanks_icon.svg) no-repeat left center;
  background-size: 2.9rem;
  padding-left: 4rem;
}

@media screen and (max-width: 768px) {
  .apply .headCont {
    background-image: url(../img/job-apply/mv_sp.jpg);
  }
  .apply .form__thanks {
    background-size: 4.53125vw;
    background-position: left top 1.5625vw;
    padding-left: 6.25vw;
  }
}

.sitemap {
  padding-bottom: 12.5rem;
}

.sitemap .headCont {
  background-image: url(../img/sitemap/mv.jpg);
  background-position: right top;
  margin-bottom: 14rem;
}

.sitemap__cont {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.sitemap__cont dl {
  margin-bottom: 5rem;
}

.sitemap__cont dl dt {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  letter-spacing: 0.12em;
}

.sitemap__cont dl dt a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sitemap__cont dl dt a:hover {
  color: #F29600;
}

.sitemap__cont dl dd {
  font-size: 1.3rem;
}

.sitemap__cont dl dd ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
}

.sitemap__cont dl dd li {
  line-height: 1;
  margin-right: 3rem;
}

.sitemap__cont dl dd li a {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-left: 2.8rem;
}

.sitemap__cont dl dd li a:before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 1.5rem;
  height: 1px;
  background: #9B9B9B;
}

.sitemap__cont dl dd li a:hover {
  padding-left: 4rem;
}

.sitemap__cont dl dd li a:hover:before {
  width: 2rem;
}

@media screen and (max-width: 768px) {
  .sitemap {
    padding-bottom: 19.53125vw;
  }
  .sitemap .headCont {
    margin-bottom: 21.875vw;
  }
  .sitemap__cont {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .sitemap__cont dl {
    margin-bottom: 12.5vw;
  }
  .sitemap__cont dl dt {
    font-size: 4.375vw;
    margin-bottom: 6.25vw;
  }
  .sitemap__cont dl dd {
    font-size: 4.0625vw;
  }
  .sitemap__cont dl dd ul {
    display: block;
  }
  .sitemap__cont dl dd li {
    margin-bottom: 4.6875vw;
    margin-right: 0;
  }
  .sitemap__cont dl dd li a {
    padding-left: 8.75vw;
  }
  .sitemap__cont dl dd li a:before {
    top: 2.1875vw;
    width: 4.6875vw;
  }
  .sitemap__cont dl dd li a:hover {
    padding-left: 8.75vw;
  }
  .sitemap__cont dl dd li a:hover:before {
    width: 4.6875vw;
  }
}

.privacy {
  padding-bottom: 12.5rem;
}

.privacy .headCont {
  background-image: url(../img/privacy/mv.jpg);
  background-position: right top;
  margin-bottom: 14rem;
}

.privacy__cont {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

.privacy__cont p {
  text-align: justify;
  line-height: 2.8rem;
  font-size: 1.4rem;
}

.privacy__ttl {
  margin-bottom: 5.5rem;
}

.privacy__ttl h2 {
  font-size: 3.6rem;
  letter-spacing: 0.13em;
  font-weight: bold;
  margin-bottom: 2rem;
}

.privacy__single {
  margin-bottom: 4rem;
  font-size: 1.3rem;
  line-height: 2.8rem;
}

.privacy__single h3 {
  width: 100%;
  font-size: 2.1rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  margin-bottom: 2.5rem;
}

.privacy__single h3 span {
  display: inline-block;
  padding-bottom: 2rem;
  border-bottom: 1px solid #1F1200;
}

.privacy__single p {
  margin-bottom: 1.5rem;
}

.privacy__single ol li {
  margin-bottom: 1rem;
}

.privacy__single ol li ol {
  margin-top: 1rem;
}

.privacy__single ol:not([class]) {
  list-style: decimal;
  margin-left: 1.4rem;
}

.privacy__single ol:not([class]) > li {
  margin-left: 1em;
  padding-left: .3em;
}

.privacy__single ol.brackets {
  counter-reset: item;
}

.privacy__single ol.brackets > li {
  text-indent: -1.8em;
  padding-left: 1.8em;
}

.privacy__single ol.brackets > li::before {
  counter-increment: item;
  content: counter(item) " ）";
}

.privacy__single ol.circle {
  counter-reset: item2;
}

.privacy__single ol.circle > li {
  position: relative;
  margin-left: 1.4em;
  text-indent: -1.4em;
  margin-bottom: 1rem;
}

.privacy__single dl {
  margin-bottom: 2rem;
}

.privacy__single dl dt {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}

.privacy__single dl dd {
  padding-left: 2rem;
}

@media screen and (max-width: 768px) {
  .privacy {
    padding-bottom: 19.53125vw;
  }
  .privacy .headCont {
    margin-bottom: 21.875vw;
  }
  .privacy__cont {
    width: 81.25%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }
  .privacy__cont p {
    line-height: 6.875vw;
    font-size: 4.375vw;
  }
  .privacy__ttl {
    margin-bottom: 10.9375vw;
  }
  .privacy__ttl h2 {
    font-size: 6.25vw;
    margin-bottom: 6.25vw;
  }
  .privacy__single {
    margin-bottom: 12.5vw;
    line-height: 6.875vw;
    font-size: 4.0625vw;
  }
  .privacy__single h3 {
    font-size: 4.6875vw;
    letter-spacing: 0.1em;
    line-height: 6.25vw;
    margin-bottom: 4.6875vw;
  }
  .privacy__single h3 span {
    padding-bottom: 3.125vw;
  }
  .privacy__single p {
    margin-bottom: 4.6875vw;
  }
  .privacy__single ol li {
    margin-bottom: 1.5625vw;
  }
  .privacy__single ol li ol {
    margin-top: 1.5625vw;
  }
  .privacy__single ol:not([class]) {
    margin-left: 2.1875vw;
  }
  .privacy__single ol.circle > li {
    margin-bottom: 1.5625vw;
  }
  .privacy__single dl {
    margin-bottom: 3.125vw;
  }
  .privacy__single dl dt {
    font-size: 4.375vw;
    margin-bottom: 2.34375vw;
  }
  .privacy__single dl dd {
    padding-left: 3.125vw;
  }
}