@charset "UTF-8";
/*!
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html {
  color: #000;
}

/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

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

fieldset,
img {
  border: 0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

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

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none;
}

/* 
start _module.scss
*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix:before {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  display: block;
}

.clearfloat {
  display: block;
  height: 1px;
  clear: both;
}

.en {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.yugothic {
  font-family: "游ゴシック", "Yu Gothic", sans-serif;
}

.gothic {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mincho {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.inner {
  margin: auto auto;
}
.inner--1220 {
  max-width: 1220px;
  width: 100%;
}
.inner--1010 {
  max-width: 1010px;
  width: 100%;
}
.inner--1050 {
  max-width: 1050px;
  width: 100%;
}
.inner--1090 {
  max-width: 1090px;
  width: 100%;
}

.semibold {
  font-weight: 600 !important;
}

.bold {
  font-weight: 700 !important;
}

.light {
  font-weight: 300 !important;
}

.medium {
  font-weight: 500 !important;
}

.normal {
  font-weight: 400 !important;
}

.tLeft {
  text-align: left;
}

.tCenter {
  text-align: center;
}

.tRight {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .tLeft-sp {
    text-align: left;
  }
  .tCenter-sp {
    text-align: center;
  }
  .tRight-sp {
    text-align: right;
  }
}
.size-large {
  font-size: 1.14rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .size-large {
    font-size: 1.14rem;
  }
}

.size-caption {
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .size-caption {
    font-size: 1rem;
  }
}

.size-lead {
  font-size: 2.2rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .size-lead {
    font-size: 1.8rem;
    line-height: 1.6;
  }
}

.mt0rem {
  margin-top: 0rem !important;
}

.pr0rem {
  padding-right: 0rem;
}

.pl0rem {
  padding-left: 0rem;
}

.mb0rem {
  margin-bottom: 0rem;
}

.mr0rem {
  margin-right: 0rem;
}

.ml0rem {
  margin-left: 0rem;
}

.mt1rem {
  margin-top: 1rem !important;
}

.pr1rem {
  padding-right: 1rem;
}

.pl1rem {
  padding-left: 1rem;
}

.mb1rem {
  margin-bottom: 1rem;
}

.mr1rem {
  margin-right: 1rem;
}

.ml1rem {
  margin-left: 1rem;
}

.mt2rem {
  margin-top: 2rem !important;
}

.pr2rem {
  padding-right: 2rem;
}

.pl2rem {
  padding-left: 2rem;
}

.mb2rem {
  margin-bottom: 2rem;
}

.mr2rem {
  margin-right: 2rem;
}

.ml2rem {
  margin-left: 2rem;
}

.mt3rem {
  margin-top: 3rem !important;
}

.pr3rem {
  padding-right: 3rem;
}

.pl3rem {
  padding-left: 3rem;
}

.mb3rem {
  margin-bottom: 3rem;
}

.mr3rem {
  margin-right: 3rem;
}

.ml3rem {
  margin-left: 3rem;
}

.mt4rem {
  margin-top: 4rem !important;
}

.pr4rem {
  padding-right: 4rem;
}

.pl4rem {
  padding-left: 4rem;
}

.mb4rem {
  margin-bottom: 4rem;
}

.mr4rem {
  margin-right: 4rem;
}

.ml4rem {
  margin-left: 4rem;
}

.mt5rem {
  margin-top: 5rem !important;
}

.pr5rem {
  padding-right: 5rem;
}

.pl5rem {
  padding-left: 5rem;
}

.mb5rem {
  margin-bottom: 5rem;
}

.mr5rem {
  margin-right: 5rem;
}

.ml5rem {
  margin-left: 5rem;
}

.mt6rem {
  margin-top: 6rem !important;
}

.pr6rem {
  padding-right: 6rem;
}

.pl6rem {
  padding-left: 6rem;
}

.mb6rem {
  margin-bottom: 6rem;
}

.mr6rem {
  margin-right: 6rem;
}

.ml6rem {
  margin-left: 6rem;
}

.mt7rem {
  margin-top: 7rem !important;
}

.pr7rem {
  padding-right: 7rem;
}

.pl7rem {
  padding-left: 7rem;
}

.mb7rem {
  margin-bottom: 7rem;
}

.mr7rem {
  margin-right: 7rem;
}

.ml7rem {
  margin-left: 7rem;
}

.mt8rem {
  margin-top: 8rem !important;
}

.pr8rem {
  padding-right: 8rem;
}

.pl8rem {
  padding-left: 8rem;
}

.mb8rem {
  margin-bottom: 8rem;
}

.mr8rem {
  margin-right: 8rem;
}

.ml8rem {
  margin-left: 8rem;
}

.mt9rem {
  margin-top: 9rem !important;
}

.pr9rem {
  padding-right: 9rem;
}

.pl9rem {
  padding-left: 9rem;
}

.mb9rem {
  margin-bottom: 9rem;
}

.mr9rem {
  margin-right: 9rem;
}

.ml9rem {
  margin-left: 9rem;
}

.mt10rem {
  margin-top: 10rem !important;
}

.pr10rem {
  padding-right: 10rem;
}

.pl10rem {
  padding-left: 10rem;
}

.mb10rem {
  margin-bottom: 10rem;
}

.mr10rem {
  margin-right: 10rem;
}

.ml10rem {
  margin-left: 10rem;
}

@media screen and (max-width: 768px) {
  .mt0rem--sp {
    margin-top: 0rem !important;
  }
  .pr0rem--sp {
    padding-right: 0rem !important;
  }
  .pl0rem--sp {
    padding-left: 0rem !important;
  }
  .mb0rem--sp {
    margin-bottom: 0rem !important;
  }
  .mr0rem--sp {
    margin-right: 0rem !important;
  }
  .ml0rem--sp {
    margin-left: 0rem !important;
  }
  .mt1rem--sp {
    margin-top: 1rem !important;
  }
  .pr1rem--sp {
    padding-right: 1rem !important;
  }
  .pl1rem--sp {
    padding-left: 1rem !important;
  }
  .mb1rem--sp {
    margin-bottom: 1rem !important;
  }
  .mr1rem--sp {
    margin-right: 1rem !important;
  }
  .ml1rem--sp {
    margin-left: 1rem !important;
  }
  .mt2rem--sp {
    margin-top: 2rem !important;
  }
  .pr2rem--sp {
    padding-right: 2rem !important;
  }
  .pl2rem--sp {
    padding-left: 2rem !important;
  }
  .mb2rem--sp {
    margin-bottom: 2rem !important;
  }
  .mr2rem--sp {
    margin-right: 2rem !important;
  }
  .ml2rem--sp {
    margin-left: 2rem !important;
  }
  .mt3rem--sp {
    margin-top: 3rem !important;
  }
  .pr3rem--sp {
    padding-right: 3rem !important;
  }
  .pl3rem--sp {
    padding-left: 3rem !important;
  }
  .mb3rem--sp {
    margin-bottom: 3rem !important;
  }
  .mr3rem--sp {
    margin-right: 3rem !important;
  }
  .ml3rem--sp {
    margin-left: 3rem !important;
  }
  .mt4rem--sp {
    margin-top: 4rem !important;
  }
  .pr4rem--sp {
    padding-right: 4rem !important;
  }
  .pl4rem--sp {
    padding-left: 4rem !important;
  }
  .mb4rem--sp {
    margin-bottom: 4rem !important;
  }
  .mr4rem--sp {
    margin-right: 4rem !important;
  }
  .ml4rem--sp {
    margin-left: 4rem !important;
  }
  .mt5rem--sp {
    margin-top: 5rem !important;
  }
  .pr5rem--sp {
    padding-right: 5rem !important;
  }
  .pl5rem--sp {
    padding-left: 5rem !important;
  }
  .mb5rem--sp {
    margin-bottom: 5rem !important;
  }
  .mr5rem--sp {
    margin-right: 5rem !important;
  }
  .ml5rem--sp {
    margin-left: 5rem !important;
  }
  .mt6rem--sp {
    margin-top: 6rem !important;
  }
  .pr6rem--sp {
    padding-right: 6rem !important;
  }
  .pl6rem--sp {
    padding-left: 6rem !important;
  }
  .mb6rem--sp {
    margin-bottom: 6rem !important;
  }
  .mr6rem--sp {
    margin-right: 6rem !important;
  }
  .ml6rem--sp {
    margin-left: 6rem !important;
  }
  .mt7rem--sp {
    margin-top: 7rem !important;
  }
  .pr7rem--sp {
    padding-right: 7rem !important;
  }
  .pl7rem--sp {
    padding-left: 7rem !important;
  }
  .mb7rem--sp {
    margin-bottom: 7rem !important;
  }
  .mr7rem--sp {
    margin-right: 7rem !important;
  }
  .ml7rem--sp {
    margin-left: 7rem !important;
  }
  .mt8rem--sp {
    margin-top: 8rem !important;
  }
  .pr8rem--sp {
    padding-right: 8rem !important;
  }
  .pl8rem--sp {
    padding-left: 8rem !important;
  }
  .mb8rem--sp {
    margin-bottom: 8rem !important;
  }
  .mr8rem--sp {
    margin-right: 8rem !important;
  }
  .ml8rem--sp {
    margin-left: 8rem !important;
  }
  .mt9rem--sp {
    margin-top: 9rem !important;
  }
  .pr9rem--sp {
    padding-right: 9rem !important;
  }
  .pl9rem--sp {
    padding-left: 9rem !important;
  }
  .mb9rem--sp {
    margin-bottom: 9rem !important;
  }
  .mr9rem--sp {
    margin-right: 9rem !important;
  }
  .ml9rem--sp {
    margin-left: 9rem !important;
  }
  .mt10rem--sp {
    margin-top: 10rem !important;
  }
  .pr10rem--sp {
    padding-right: 10rem !important;
  }
  .pl10rem--sp {
    padding-left: 10rem !important;
  }
  .mb10rem--sp {
    margin-bottom: 10rem !important;
  }
  .mr10rem--sp {
    margin-right: 10rem !important;
  }
  .ml10rem--sp {
    margin-left: 10rem !important;
  }
}
.order0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

@media screen and (max-width: 768px) {
  .order0-sp {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order0-pc {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media screen and (max-width: 768px) {
  .order0-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

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

@media screen and (max-width: 768px) {
  .order1-sp {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.order1-pc {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 768px) {
  .order1-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (max-width: 768px) {
  .order2-sp {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.order2-pc {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 768px) {
  .order2-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

@media screen and (max-width: 768px) {
  .order3-sp {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.order3-pc {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media screen and (max-width: 768px) {
  .order3-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

@media screen and (max-width: 768px) {
  .order4-sp {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.order4-pc {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media screen and (max-width: 768px) {
  .order4-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

@media screen and (max-width: 768px) {
  .order5-sp {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}

.order5-pc {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
@media screen and (max-width: 768px) {
  .order5-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

@media screen and (max-width: 768px) {
  .order6-sp {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

.order6-pc {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
@media screen and (max-width: 768px) {
  .order6-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

@media screen and (max-width: 768px) {
  .order7-sp {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
}

.order7-pc {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
@media screen and (max-width: 768px) {
  .order7-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

@media screen and (max-width: 768px) {
  .order8-sp {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
}

.order8-pc {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
@media screen and (max-width: 768px) {
  .order8-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.order9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

@media screen and (max-width: 768px) {
  .order9-sp {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
}

.order9-pc {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
@media screen and (max-width: 768px) {
  .order9-pc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.ulSimple {
  margin-bottom: 2rem;
}
.ulSimple > li {
  text-indent: -1em;
  margin: 0 0 0.5em 1em;
  line-height: 1.5;
}
.ulSimple--style2 > li {
  text-indent: -3em;
  margin-left: 3em;
}

.cRed {
  color: #f00;
}

.anchor {
  display: block;
  margin-top: -9rem;
  padding-top: 9rem;
}
@media screen and (max-width: 768px) {
  .anchor {
    margin-top: -60px;
    padding-top: 60px;
  }
}

a.image-ov .image {
  overflow: hidden;
}
a.image-ov .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  display: block;
}
a.image-ov:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* 
end _module.scss
*/
/* 
start _extend.scss
*/
/* 
end _extend.scss
*/
/* 
start _mixin.scss
*/
/* 
end _mixin.scss
*/
/*@import "animate/_attention-seekers/attention-seekers";
@import "animate/_bouncing-entrances/bouncing-entrances";
@import "animate/_bouncing-exits/bouncing-exits";
@import "animate/_fading-entrances/fading-entrances";*/
/*@import "animate/_zooming-entrances/zooming-entrances";
@import "animate/_zooming-exits/zooming-exits";*/
/* 
start _setting.scss
*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}

body {
  background: #faf5eb;
  width: 100%;
  line-height: 1.6;
  overflow-x: hidden;
  color: #000;
  letter-spacing: 0.04em;
  font-family: "FOT-筑紫AMゴシックL Std B", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
body.fixed {
  position: fixed;
}

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

picture {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  line-height: 1em;
}
picture img {
  width: 100%;
  height: 100%;
}

strong {
  font-weight: 700;
}

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

img {
  -ms-interpolation-mode: bicubic;
}

/*リンク色*/
a {
  color: #000;
}

a:link {
  text-decoration: none;
  color: #000;
}

a:link {
  text-decoration: none;
  color: #000;
}

a.bl {
  color: #000;
}

.linkWhite a:link {
  color: #fff;
}
.linkWhite a:visited {
  color: #fff;
}

.bgWhite {
  background: #fff;
}

.pc-alt,
.pc-hide {
  display: none;
}
@media screen and (max-width: 428px) {
  .pc-alt,
  .pc-hide {
    display: block;
  }
}

.sp-alt,
.sp-hide {
  display: block;
}
@media screen and (max-width: 428px) {
  .sp-alt,
  .sp-hide {
    display: none;
  }
}

.alt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 0;
  line-height: 0;
}

/* 
end _setting.scss
*/
@-webkit-keyframes spNavOn {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  1% {
    display: -webkit-box;
    display: flex;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    display: -webkit-box;
    display: flex;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes spNavOn {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  1% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes spNavOff {
  0% {
    display: -webkit-box;
    display: flex;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  99% {
    display: -webkit-box;
    display: flex;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  1000% {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}
@keyframes spNavOff {
  0% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  99% {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  1000% {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}
@-webkit-keyframes headerIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes headerIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
body:not(#toppage) .header {
  -webkit-animation: 1s "headerIn";
          animation: 1s "headerIn";
}
body:not(#toppage) .sp-button {
  -webkit-animation: 1s "headerIn";
          animation: 1s "headerIn";
}

.header.on {
  -webkit-animation: 1s "headerIn";
          animation: 1s "headerIn";
}
.header a {
  color: #000;
}
.header .logo {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  position: relative;
  z-index: 0;
}
.header .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .logo img {
  width: 7.8rem;
  height: 4rem;
}
.header .logo span {
  white-space: nowrap;
  margin-left: 2rem;
}
.header {
  z-index: 21;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 9rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10rem 0 3rem;
}
.header nav {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 1.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: 1;
          flex-flow: 1;
}
.header h1 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 18rem;
  width: 100%;
}
.header .entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
}
.header .entry > li {
  padding: 0 1rem;
}
.header .entry a {
  background: #fff;
  width: 13rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10em;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header .entry a:hover {
  opacity: 1;
  background: #E54605;
  color: #fff;
}
.header.active .entry a {
  background: #f3e8d0;
}
@media screen and (max-width: 768px) {
  .header .logo {
    font-size: 1.2rem;
  }
  .header .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .logo img {
    width: 5.9rem;
    height: 3rem;
  }
  .header .logo span {
    white-space: nowrap;
    margin-left: 1rem;
  }
  .header {
    padding: 0 10rem 2rem 2rem;
    z-index: 21;
  }
  .header h1 {
    max-width: auto;
  }
  .header .entry {
    display: none;
  }
}

.sp-button {
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9rem;
  height: 9rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #E54605;
  padding-bottom: 2rem;
  border-bottom-left-radius: 2.5rem;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  cursor: pointer;
}
.sp-button.on {
  -webkit-animation: 1s "headerIn";
          animation: 1s "headerIn";
}
.sp-button:before,
.sp-button > span:before,
.sp-button > span:after {
  width: 4rem;
  height: 2px;
  background-color: #fff;
  content: "";
  position: absolute;
  -webkit-transition: background-color 0.2s, top 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.1s;
  transition: background-color 0.2s, top 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.1s;
  transition: background-color 0.2s, top 0.2s, transform 0.2s 0.1s, opacity 0.2s;
  transition: background-color 0.2s, top 0.2s, transform 0.2s 0.1s, opacity 0.2s, -webkit-transform 0.2s 0.1s;
}
.sp-button:after {
  content: "MENU";
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #fff;
  position: absolute;
  bottom: 2.2rem;
  font-size: 1.1rem;
  font-weight: 700;
}
.sp-button span {
  display: block;
  width: 4rem;
  height: 2rem;
  position: relative;
}
.sp-button span:before, .sp-button span:after {
  left: 0;
  content: "";
}
.sp-button span:before {
  top: 0px;
}
.sp-button span:after {
  top: 100%;
}
.sp-button.active:before {
  opacity: 0;
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.sp-button.active > span:before {
  top: 50%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.sp-button.active > span:after {
  top: 50%;
  margin-top: 0px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sp-button.active:after {
  content: "CLOSE";
}

.megamenu {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 10rem 0 25vw 10rem;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  overflow: hidden;
  height: 100%;
}
.megamenu:after {
  content: "";
  position: absolute;
  bottom: 2vw;
  left: -4%;
  width: 104%;
  aspect-ratio: 1366/235;
  background: url(../img/common/menubg.svg) center center/contain no-repeat;
  opacity: 0;
  pointer-events: none;
}
.megamenu.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.megamenu.active:after {
  left: 0;
  opacity: 1;
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
}
.megamenu .logo {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  position: absolute;
  left: 3rem;
  top: 2.5rem;
}
.megamenu .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.megamenu .logo img {
  width: 7.8rem;
  height: 4rem;
}
.megamenu .logo span {
  white-space: nowrap;
  margin-left: 2rem;
}
.megamenu__entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 10rem;
  top: 2.5rem;
  display: none;
}
.megamenu__entry > li {
  padding: 0 1rem;
}
.megamenu__entry a {
  background: #f3e8d0;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10em;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
}
.megamenu a,
.megamenu span {
  color: #000000;
}
.megamenu nav {
  max-width: 110rem;
  padding: 0 0 0 10rem;
  width: 100%;
  margin: 0 auto;
  font-size: 1.4rem;
}
.megamenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 6rem -2rem 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.megamenu__list a {
  font-weight: 400;
}
.megamenu__list > * {
  padding: 2rem 2rem;
}
.megamenu__list > * > span,
.megamenu__list > * > a {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
  color: #E54605;
}
.megamenu__list > * .sub {
  margin-top: 2rem;
  font-size: 1.5rem;
  line-height: 1.5;
}
.megamenu__list > * .sub li {
  margin: 0.8rem 0;
}
.megamenu__list > * .sub--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.2rem -2rem 0;
}
.megamenu__list > * .sub--2 > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  padding: 0 2rem;
}
.megamenu__list > *.home {
  position: absolute;
  -webkit-transform: translateX(-10rem);
          transform: translateX(-10rem);
}
.megamenu__list > *.strategy, .megamenu__list > *.culture {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  max-width: 15%;
}
.megamenu__list > *.special, .megamenu__list > *.internship {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
}
.megamenu__list > *.people {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.megamenu__list > *.career, .megamenu__list > *.recruit {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
@media screen and (max-width: 768px) {
  .megamenu {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 0 0 0rem;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    height: 100vh;
    overflow-y: scroll;
  }
  .megamenu:after {
    display: none;
  }
  .megamenu.active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .megamenu .logo {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 700;
    position: absolute;
    left: 2rem;
    top: 2rem;
  }
  .megamenu .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .megamenu .logo img {
    width: 5.9rem;
    height: 3rem;
  }
  .megamenu .logo span {
    white-space: nowrap;
    margin-left: 1rem;
  }
  .megamenu__entry {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 0 1.5rem;
    font-size: 1.5rem;
    letter-spacing: 0.04em;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 10.5rem;
    max-width: 100%;
    width: 100%;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .megamenu__entry > li {
    padding: 0 1rem;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .megamenu__entry a {
    background: #f3e8d0;
    width: 100%;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10em;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
  }
  .megamenu a,
  .megamenu span {
    color: #000000;
  }
  .megamenu nav {
    width: auto;
    margin: 0 auto;
    font-size: 1.4rem;
    position: relative;
    padding: 14rem 2.5rem 4rem;
  }
  .megamenu__list {
    margin: 2rem auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .megamenu__list > * {
    padding: 0.8rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .megamenu__list > * > a,
  .megamenu__list > * > span {
    font-size: 1.3rem;
    -ms-flex-preferred-size: 8em;
        flex-basis: 8em;
    max-width: 8em;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #E54605;
  }
  .megamenu__list > * .sub {
    margin-top: 0rem;
    line-height: 1.3;
  }
  .megamenu__list > * .sub li {
    margin: 0 0 1.5rem;
  }
  .megamenu__list > * .sub--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0rem 0;
  }
  .megamenu__list > * .sub--2 > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 0;
  }
  .megamenu__list > * .sub--2 > *:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .megamenu__list > * .sub--2 > *:nth-child(2) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .megamenu__list > * .sub--2 > *:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .megamenu__list > * .sub--2 > *:nth-child(4) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .megamenu__list > * .sub--2 > *:nth-child(5) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .megamenu__list > * .sub--2 > *:nth-child(6) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .megamenu__list > *.home {
    position: relative;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .megamenu__list > *.strategy, .megamenu__list > *.culture {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .megamenu__list > *.special, .megamenu__list > *.internship {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .megamenu__list > *.people {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .megamenu__list > *.career, .megamenu__list > *.recruit {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

/*　上に上がる動き　*/
.goTop.UpMove {
  -webkit-animation: goTopUpAnime 0.5s forwards;
          animation: goTopUpAnime 0.5s forwards;
}

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

@keyframes goTopUpAnime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*　下に下がる動き　*/
.goTop.DownMove {
  -webkit-animation: goTopDownAnime 0.5s forwards;
          animation: goTopDownAnime 0.5s forwards;
}

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

@keyframes goTopDownAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.goTop {
  width: 6rem;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  opacity: 0;
  z-index: 101;
  height: 6rem;
  border-radius: 100%;
  overflow: hidden;
  background: #E54605;
}
.goTop a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.goTop a:hover {
  opacity: 1 !important;
}
.goTop a:hover img {
  -webkit-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
}
@media screen and (max-width: 768px) {
  .goTop {
    width: 4.5rem;
    height: 4.5rem;
    right: calc(2vw + 2px);
    bottom: 2vw;
  }
  .goTop a:hover img {
    -webkit-transform: none;
            transform: none;
  }
}

.footer {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 5rem;
}
.footer__inner {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__inner .footerSitemap {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.footer__inner .footerAddress {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.footer a {
  color: #000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer a:hover {
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .footer {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 15vw 2.5rem;
  }
  .footer__inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.footerSitemap {
  font-size: 1.3rem;
  padding-left: 5rem;
  -ms-flex-preferred-size: 85rem;
      flex-basis: 85rem;
  max-width: 85rem;
}
.footerSitemap a:hover {
  color: #E54605;
  opacity: 1;
}
.footerSitemap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0rem -1rem 0;
}
.footerSitemap > ul > * {
  padding: 2rem 1rem;
}
.footerSitemap > ul > * > a,
.footerSitemap > ul > * > span {
  font-weight: 700;
  color: #E54605;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  display: block;
}
.footerSitemap > ul > * .sub {
  line-height: 1.5;
}
.footerSitemap > ul > * .sub li {
  margin: 0 0 1rem;
}
.footerSitemap > ul > * .sub--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0rem -1rem 0;
}
.footerSitemap > ul > * .sub--2 > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  padding: 0 1rem;
}
.footerSitemap > ul > *.home {
  position: absolute;
  -webkit-transform: translateX(-10rem);
          transform: translateX(-10rem);
}
.footerSitemap > ul > *.strategy, .footerSitemap > ul > *.culture {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  max-width: 15%;
}
.footerSitemap > ul > *.special, .footerSitemap > ul > *.internship {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
}
.footerSitemap > ul > *.people {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.footerSitemap > ul > *.career, .footerSitemap > ul > *.recruit {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
@media screen and (max-width: 768px) {
  .footerSitemap {
    font-size: 1.4rem;
    padding-left: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .footerSitemap > ul {
    display: block;
    margin: 0;
  }
  .footerSitemap > ul > * {
    padding: 1rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footerSitemap > ul > * > a,
  .footerSitemap > ul > * > span {
    font-size: 1.3rem;
    -ms-flex-preferred-size: 8em;
        flex-basis: 8em;
    max-width: 8em;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .footerSitemap > ul > * .sub {
    margin-top: 0rem;
    line-height: 1.5;
  }
  .footerSitemap > ul > * .sub li {
    margin: 0 0 1rem;
  }
  .footerSitemap > ul > * .sub--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0rem 0;
  }
  .footerSitemap > ul > * .sub--2 > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 0;
  }
  .footerSitemap > ul > * .sub--2 > *:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .footerSitemap > ul > * .sub--2 > *:nth-child(2) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .footerSitemap > ul > * .sub--2 > *:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footerSitemap > ul > * .sub--2 > *:nth-child(4) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .footerSitemap > ul > * .sub--2 > *:nth-child(5) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .footerSitemap > ul > * .sub--2 > *:nth-child(6) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .footerSitemap > ul > *.home {
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .footerSitemap > ul > *.strategy, .footerSitemap > ul > *.culture {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .footerSitemap > ul > *.special, .footerSitemap > ul > *.internship {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .footerSitemap > ul > *.people {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .footerSitemap > ul > *.career, .footerSitemap > ul > *.recruit {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

.footerAddress {
  -ms-flex-preferred-size: 24rem;
      flex-basis: 24rem;
  max-width: 24rem;
}
.footerAddress .logo {
  max-width: 22.5rem;
}
.footerAddress .entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem -0.5rem 0;
}
.footerAddress .entry > * {
  padding: 0 0.5rem;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.footerAddress .entry > * a {
  background: #f3e8d0;
  font-size: 1.5rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footerAddress .entry > * a:hover {
  opacity: 1;
  background: #E54605;
  color: #fff;
}

.footerBottom {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footerBottom .logo {
  -ms-flex-preferred-size: 7.8rem;
      flex-basis: 7.8rem;
  max-width: 7.8rem;
}
.footerBottom .link {
  font-size: 1.2rem;
  margin-left: 2rem;
  line-height: 2;
}

.footerCopyright {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
}
.footerCopyright .copyright {
  font-size: 1.1rem;
  padding-right: 3em;
}
.footerCopyright ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footerCopyright ul > li:before {
  content: "｜";
  margin: 0 1em;
}
@media screen and (max-width: 768px) {
  .footerCopyright {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footerCopyright .copyright {
    padding-right: 0;
    margin-top: 2rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footerCopyright ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: -1em;
  }
}

.svg-symbol {
  display: none;
}

.c-orange {
  color: #E54605;
}

.commingsoon {
  opacity: 0.4;
  pointer-events: none;
}

.imagemove {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: 0.7s -webkit-transform ease-out;
  transition: 0.7s -webkit-transform ease-out;
  transition: 0.7s transform ease-out;
  transition: 0.7s transform ease-out, 0.7s -webkit-transform ease-out;
}
.imagemove--right {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.imagemove--left {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.imagemove.on {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.outgoing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.outgoing:after {
  content: "";
  display: block;
  background: url(../img/common/icon-outgoing.svg) center center/contain no-repeat;
  height: 0.7em;
  width: 0.7em;
  margin-left: 0.5em;
  margin-top: 0.2em;
}

.fadeupin {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 0.7s ease-out, -webkit-transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, -webkit-transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
}
.fadeupin.on {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

@-webkit-keyframes fadeupin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes fadeupin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.fadeleftin {
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  -webkit-transition: opacity 0.7s ease-out, -webkit-transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, -webkit-transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
}
.fadeleftin.on {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

@keyframes fadeupin {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.fadezoomin {
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: opacity 0.7s ease-out, -webkit-transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, -webkit-transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out, -webkit-transform 0.7s ease-out;
}
.fadezoomin.on {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@-webkit-keyframes fadezoomin {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes fadezoomin {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.main {
  margin-top: 9rem;
  position: relative;
  z-index: 0;
}
.main p + p {
  margin-top: 2em;
}
.main__inner {
  max-width: 124.6rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 5rem;
}
.main__inner2 {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 5rem;
}
.main img {
  display: block;
}
.main__title {
  font-size: 2.8rem;
  margin-bottom: 4rem;
}
.main__title:after {
  margin-top: 0.5rem;
  content: "";
  display: block;
  height: 2px;
  width: 5rem;
  background: #E54605;
}
.main__title2 {
  font-size: 1.7rem;
  margin-bottom: 3rem;
}
.main__title2 span {
  color: #E54605;
}
.main__title3 {
  font-size: 2.8rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .main {
    margin-top: 7rem;
  }
  .main__inner {
    padding: 0;
  }
  .main__inner2 {
    padding: 0;
  }
  .main__title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .main__title:after {
    margin-top: 0.5rem;
    content: "";
    display: block;
    height: 2px;
    width: 5rem;
    background: #E54605;
  }
  .main__title2 {
    font-size: 1.7rem;
    margin-bottom: 3rem;
  }
  .main__title2 span {
    color: #E54605;
  }
  .main__title3 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.simple-table {
  margin: 4rem 0;
  border-top: 1px solid #a0a0a0;
}
.simple-table tr {
  border-bottom: 1px solid #a0a0a0;
}
.simple-table th,
.simple-table td {
  padding: 2rem 0;
  vertical-align: top;
}
.simple-table th {
  font-size: 1.6rem;
  width: 15rem;
}
.simple-table td {
  font-size: 1.5rem;
  padding-left: 1rem;
}
.simple-table .lg {
  font-size: 1.9rem;
}
@media screen and (max-width: 768px) {
  .simple-table {
    margin: 4rem 0;
    border-top: 1px solid #a0a0a0;
  }
  .simple-table tr {
    border-bottom: 1px solid #a0a0a0;
  }
  .simple-table th,
  .simple-table td {
    padding: 1em 0;
    vertical-align: top;
  }
  .simple-table th {
    font-size: 1.4rem;
    width: 6rem;
    line-height: 1.5;
    padding-top: 1.2em;
  }
  .simple-table td {
    font-size: 1.4rem;
    padding-left: 1.5rem;
  }
  .simple-table .lg {
    font-size: 1.6rem;
  }
}

.simple-table2 {
  margin: 4rem 0;
  font-size: 1.5rem;
}
.simple-table2 th,
.simple-table2 td {
  padding: 2rem 2rem;
  vertical-align: top;
}
.simple-table2 th {
  width: 15rem;
  background: #E54605;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.simple-table2 td {
  border-bottom: 1px solid #a0a0a0;
  background: #fff;
}
.simple-table2 tr:last-child th {
  border-bottom: none;
}
.simple-table2 tr:last-child td {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .simple-table2 {
    margin: 2rem 0;
    font-size: 1.4rem;
  }
  .simple-table2 th,
  .simple-table2 td {
    padding: 1rem 1rem;
    line-height: 1.6;
  }
  .simple-table2 th {
    width: 8rem;
    background: #E54605;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
  .simple-table2 td {
    border-bottom: 1px solid #a0a0a0;
    background: #fff;
  }
  .simple-table2 tr:last-child th {
    border-bottom: none;
  }
  .simple-table2 tr:last-child td {
    border-bottom: none;
  }
}

.cntMv {
  margin: 0 auto;
  padding-top: 2rem;
  font-size: 1.7rem;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cntMv .text {
  -ms-flex-preferred-size: 60.5rem;
      flex-basis: 60.5rem;
  max-width: 60.5rem;
  position: relative;
  z-index: 2;
  padding: 0 0 0 5rem;
  margin-right: -5rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.cntMv .text h1 {
  font-size: 5.2rem;
  letter-spacing: 0.025em;
  margin-bottom: 2rem;
}
.cntMv .text h1:before {
  content: attr(data-en);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #E54605;
  font-size: 10rem;
  font-weight: 700;
  display: block;
  letter-spacing: 0.025em;
  line-height: 1;
}
.cntMv .image {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
  position: relative;
  z-index: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.cntMv .image img {
  position: relative;
  z-index: 1;
  border-top-left-radius: 12rem;
  border-bottom-left-radius: 12rem;
}
.cntMv .text {
  opacity: 0;
  -webkit-transition: 1s 0.3s;
  transition: 1s 0.3s;
  -webkit-transform: translateX(-3rem);
          transform: translateX(-3rem);
}
.cntMv .image img {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.cntMv.on .text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.cntMv.on .image img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.cntMv:after {
  content: "";
  width: 67%;
  height: 105%;
  background: #f3e8d0;
  position: absolute;
  z-index: 0;
  top: -11rem;
  left: 0;
  border-bottom-right-radius: 12rem;
}
@media screen and (max-width: 768px) {
  .cntMv {
    padding-top: 0rem;
    font-size: 1.6rem;
    line-height: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .cntMv .text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
    z-index: 1;
    padding: 0 2.5rem;
    margin-top: -3rem;
    margin-right: 0;
  }
  .cntMv .text h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .cntMv .text h1:before {
    font-size: 5rem;
  }
  .cntMv .image {
    -ms-flex-preferred-size: calc(100% - 2.5rem);
        flex-basis: calc(100% - 2.5rem);
    max-width: calc(100% - 2.5rem);
  }
  .cntMv .image img {
    border-top-left-radius: 6rem;
    border-bottom-left-radius: 6rem;
  }
  .cntMv:after {
    width: 80%;
    height: 95%;
    top: 5rem;
    border-bottom-right-radius: 6rem;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.morebutton {
  display: block;
  background: #fff;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  padding: 0 2rem;
  height: 6rem;
  border-radius: 10em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.morebutton:before, .morebutton:after {
  content: "";
  width: 3rem;
  height: 0.8rem;
  display: block;
}
.morebutton:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: url(../img/common/yaji-bk.svg) center center/contain no-repeat;
}
.morebutton:hover {
  background: #E54605;
  color: #fff;
}
.morebutton:hover:after {
  background: url(../img/common/yaji-wh.svg) center center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  .morebutton {
    font-size: 1.4rem;
    padding: 0 2rem;
    height: 5rem;
    border-radius: 10em;
  }
  .morebutton:before, .morebutton:after {
    width: 2rem;
  }
  .morebutton:before {
    display: none;
  }
  .morebutton:after {
    background: url(../img/common/yaji-bk.svg) center center/contain no-repeat;
  }
}

.scroll__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.scroll__blc {
  margin-top: -9rem;
  padding-top: 9rem;
}
.scroll__blc2 {
  margin-top: -9rem;
  padding-top: 9rem;
}
.scrollNav {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: sticky;
  top: 0rem;
  left: 0rem;
  z-index: 9;
  font-size: 1.7rem;
  letter-spacing: 0.025em;
  color: #fff;
  margin-top: -9rem;
  padding-top: 9rem;
}
.scrollNav a {
  display: block;
  padding: 0.5rem 0;
  color: #000;
}
.scrollNav a:hover {
  color: #E54605;
}
.scrollNav ul li.active {
  position: relative;
}
.scrollNav ul li.active a {
  opacity: 1;
  color: #E54605;
}
.scrollNav ul li.active a:before {
  position: absolute;
  top: 0.5rem;
  left: -2rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
@media screen and (max-width: 768px) {
  .scroll__wrapper {
    display: block;
  }
  .scroll__blc {
    margin-top: 0;
    padding-top: 0;
  }
  .scroll__blc2 {
    margin-top: 0;
    padding-top: 0;
  }
  .scrollNav {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: static;
    font-size: 1.6rem;
    margin-top: 0;
    padding: 0 2.5rem;
  }
  .scrollNav a {
    padding: 0.5rem 0;
    color: #000;
  }
  .scrollNav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .scrollNav ul li a:after {
    content: "";
    width: 0.6em;
    height: 0.6em;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .scrollNav ul li.active {
    position: relative;
  }
  .scrollNav ul li.active a {
    opacity: 1;
    color: #E54605;
  }
  .scrollNav ul li.active a:before {
    position: absolute;
    top: 0.5rem;
    left: -2rem;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

@media screen and (max-width: 768px) {
  .wrapper-comment:before {
    content: "";
    width: 13.4rem;
    height: 1.3rem;
    z-index: 1;
    display: block;
    margin-bottom: 1.5rem;
    background: url(../img/common/tablewrapper.png) center center/contain no-repeat;
  }
  .table__wrapper {
    margin-right: -5vw;
    margin-right: -2.5rem;
    overflow-x: scroll;
  }
  .table__wrapper img {
    max-width: none;
    width: 200vw;
    display: block;
  }
}
/* 
start _toppage.scss
*/
.loading {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: #faf5eb;
}
.loading iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  border: none;
}

@-webkit-keyframes slideAnim {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes slideAnim {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes mv1 {
  0% {
    -webkit-transform: translate(-5rem);
            transform: translate(-5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0rem);
            transform: translate(0rem);
    opacity: 1;
  }
}
@keyframes mv1 {
  0% {
    -webkit-transform: translate(-5rem);
            transform: translate(-5rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0rem);
            transform: translate(0rem);
    opacity: 1;
  }
}
@-webkit-keyframes mv2 {
  0% {
    right: 2vw;
    opacity: 0;
  }
  100% {
    right: 5vw;
    opacity: 1;
  }
}
@keyframes mv2 {
  0% {
    right: 2vw;
    opacity: 0;
  }
  100% {
    right: 5vw;
    opacity: 1;
  }
}
.topMv {
  height: calc(100vh - 9rem);
  position: relative;
  min-height: 40vw;
}
.topMv:before {
  content: "";
  width: 72vw;
  height: 79vh;
  display: block;
  border-bottom-right-radius: 9vw;
  background: #f3e8d0;
  position: absolute;
  top: -9rem;
  right: 3vw;
}
.topMv:after {
  content: "";
  background: url(../img/toppage/scroll.svg) center center/contain no-repeat;
  width: 1rem;
  height: 10rem;
  display: block;
  position: absolute;
  left: 2vw;
  bottom: 2vw;
  z-index: 2;
}
.topMv__title {
  max-width: 22vw;
  width: 100%;
  position: absolute;
  bottom: 3vw;
  right: 2vw;
  z-index: 2;
}
.topMv__blc {
  position: relative;
  width: 100vw;
  height: calc(100vh - 9rem);
  z-index: 0;
  min-height: 40vw;
}
.topMv__blc .image {
  overflow: hidden;
  border-top-right-radius: 9vw;
  width: 72vw;
  height: calc(100vh - 9rem);
  min-height: 40vw;
}
.topMv__blc .image img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.topMv__blc--1 .topMv__text {
  background: #ebb400;
}
.topMv__blc--2 .topMv__text {
  background: #00af82;
}
.topMv__blc--3 .topMv__text {
  background: #00b9d7;
}
.topMv__blc--4 .topMv__text {
  background: #3c8cdc;
}
.topMv__blc--5 .topMv__text {
  background: #b464d2;
}
.topMv__text {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(calc((100vh - 25vw) / 2 - 50%));
          transform: translateY(calc((100vh - 25vw) / 2 - 50%));
  right: 6vw;
  border-top-left-radius: 3vw;
  border-bottom-right-radius: 3vw;
  padding: 3rem;
  width: 28vw;
}
.topMv__text a {
  color: #fff;
}
.topMv__text .button--flat {
  color: #fff;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}
.topMv__text .button--flat:after {
  background: url(../img/common/yaji-wh.svg) center center/contain no-repeat;
}
.topMv__text a:hover .button--flat:after {
  background: url(../img/common/yaji-wh.svg) center center/contain no-repeat;
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.topMv__lead {
  font-size: 2vw;
  letter-spacing: 0.08em;
}
.topMv__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2vw;
}
.topMv__bottom dl {
  line-height: 1;
}
.topMv__bottom dl dd {
  font-size: 1.2vw;
}
.topMv__bottom dl dt {
  font-size: 2vw;
  margin-top: 1vw;
}
.topMv .swiper-slide-active .image img {
  -webkit-animation: "slideAnim" 6s linear both;
          animation: "slideAnim" 6s linear both;
}
.topMv .swiper-pagination {
  width: auto;
  position: absolute;
  left: 75.5vw;
  bottom: 19vw;
}
.topMv .swiper-pagination-bullet {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  width: 3rem;
  height: 3rem;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topMv .swiper-pagination-bullet .circle-wrapper-sp {
  position: absolute;
  top: 0;
  left: 0;
  stroke: transparent;
}
.topMv .swiper-pagination-bullet-active {
  background: transparent;
}
.topMv .swiper-pagination-bullet-active .circle-animation {
  stroke: #000;
  stroke-dasharray: 314;
  stroke-dashoffset: 314;
  -webkit-animation: dash 6s linear forwards;
          animation: dash 6s linear forwards;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.topMv.on .image {
  -webkit-animation: "mv1x1" 2s both;
          animation: "mv1x1" 2s both;
}
.topMv.on .topMv__text {
  -webkit-animation: "mv2" 2s 0.3s both;
          animation: "mv2" 2s 0.3s both;
}
.topMv.on .swiper-pagination {
  -webkit-animation: "mv1" 2s 0.6s both;
          animation: "mv1" 2s 0.6s both;
}
.topMv.on .topMv__title {
  -webkit-animation: "mv1" 2s 0.6s both;
          animation: "mv1" 2s 0.6s both;
}
@media screen and (max-width: 768px) {
  .topMv {
    margin-top: 0;
    position: relative;
    height: calc(100vh - 8rem);
    /* 変数をサポートしていないブラウザのフォールバック */
    height: calc(var(--vh, 1vh) * 100 - 8rem);
  }
  .topMv:before {
    height: 70vh;
    width: 68vw;
    border-bottom-right-radius: 8rem;
    top: auto;
    bottom: 2vh;
    right: auto;
    left: 0;
  }
  .topMv:after {
    background: url(../img/toppage/scroll-bk.svg) center center/contain no-repeat;
    left: 2vw;
    bottom: 0;
    z-index: 2;
  }
  .topMv__title {
    visibility: hidden;
    display: none !important;
    -webkit-animation: none;
            animation: none;
  }
  .topMv__blc {
    height: calc(100vh - 9rem);
    height: calc(var(--vh, 1vh) * 100 - 9rem);
  }
  .topMv__blc .image {
    width: 100%;
    border-top-right-radius: 0;
    height: 74vh;
    height: calc(var(--vh, 1vh) * 100 * 0.74);
  }
  .topMv__blc .image img {
    width: 100%;
    height: 100%;
  }
  .topMv__blc--4 .image img {
    -o-object-position: 65% 50%;
       object-position: 65% 50%;
  }
  .topMv__blc--5 .image img {
    -o-object-position: 70% 50%;
       object-position: 70% 50%;
  }
  .topMv__text {
    position: absolute;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    top: auto;
    bottom: 5vh;
    right: 2.5rem;
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
    padding: 2rem;
    width: 71vw;
  }
  .topMv__lead {
    font-size: 2.1rem;
    letter-spacing: 0.08em;
  }
  .topMv__bottom {
    margin-top: 2rem;
  }
  .topMv__bottom dl dd {
    font-size: 1.2rem;
  }
  .topMv__bottom dl dt {
    font-size: 2.1rem;
  }
  .topMv__bottom .button--flat {
    font-size: 1.3rem;
  }
  .topMv__bottom .button--flat:after {
    width: 2.2rem;
    height: 0.6rem;
    margin-left: 1em;
  }
  .topMv .swiper-pagination {
    width: auto;
    position: absolute;
    left: auto;
    right: 3vw;
    bottom: 0vw;
  }
  .topMv .swiper-pagination-bullet {
    font-size: 1rem;
    width: 3rem;
    height: 3rem;
  }
}

.topLead {
  margin: 5rem 0 10rem;
  font-size: 2.5rem;
  letter-spacing: 0.07em;
  line-height: 2.64;
  position: relative;
  overflow: hidden;
}
.topLead:before, .topLead:after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  top: 0;
  opacity: 0;
  -webkit-transform: translateX(-3rem);
          transform: translateX(-3rem);
  -webkit-transition: 1s;
  transition: 1s;
}
.topLead:before {
  width: 27vw;
  left: 0;
  background: url(../img/toppage/copy-left.svg) right center/auto 100% no-repeat;
}
.topLead:after {
  width: 30vw;
  right: 0;
  background: url(../img/toppage/copy-right.svg) left center/auto 100% no-repeat;
}
.topLead.on:before, .topLead.on:after {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.topLead__in {
  position: relative;
  z-index: 1;
  max-width: 58rem;
  width: 100%;
  margin: 0 auto;
  padding: 6.5rem 0;
}
.topLead__in .image {
  margin-top: 5rem;
  max-width: 37.6rem;
}
@media screen and (max-width: 768px) {
  .topLead {
    margin: 10vw 0;
    font-size: 1.8rem;
    letter-spacing: 0.07em;
    line-height: 2.3;
  }
  .topLead:before, .topLead:after {
    content: "";
    position: relative;
    display: block;
    height: auto;
    width: 100%;
  }
  .topLead:before {
    aspect-ratio: 375/220;
    background: url(../img/toppage/copy-left-sp.svg) center center/auto 100% no-repeat;
  }
  .topLead:after {
    aspect-ratio: 375/220;
    background: url(../img/toppage/copy-right-sp.svg) center center/auto 100% no-repeat;
  }
  .topLead__in {
    padding: 10vw 8vw;
  }
  .topLead__in .image {
    margin: 10vw 0 0;
    max-width: auto;
  }
}

a.button,
span.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 21rem;
  height: 6rem;
  color: #fff;
  background: #E54605;
  padding: 2rem;
  font-size: 1.4rem;
  border-radius: 10em;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
a.button:after,
span.button:after {
  content: "";
  width: 3rem;
  height: 1rem;
  background: url(../img/common/yaji-wh.svg) center center/contain no-repeat;
  margin-left: 1em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
a.button--flat,
span.button--flat {
  padding: 0;
  background: transparent;
  color: #000;
  min-width: 0;
  height: auto;
}
a.button--flat:after,
span.button--flat:after {
  margin-left: 1em;
  background: url(../img/common/yaji-bk.svg) center center/contain no-repeat;
}
a.button:hover:after,
span.button:hover:after {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}

.topBlc {
  margin: 12.5rem 0;
  font-size: 1.7rem;
  line-height: 2;
  position: relative;
}
.topBlc h2 {
  font-size: 3.5rem;
  letter-spacing: 0.025em;
  margin-bottom: 2.5rem;
}
.topBlc h2:before {
  content: attr(data-en);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #E54605;
  font-size: 10rem;
  font-weight: 700;
  display: block;
  letter-spacing: 0.025em;
  line-height: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.topBlc__text {
  position: relative;
  z-index: 1;
  padding: 0 5rem;
}
.topBlc__image {
  position: relative;
  z-index: 0;
}
.topBlc .button {
  margin-top: 2.5rem;
}
.topBlc--1, .topBlc--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topBlc--1 h2, .topBlc--2 h2 {
  margin-bottom: 2rem;
}
.topBlc--1 .button, .topBlc--2 .button {
  margin-top: 4rem;
}
.topBlc--1 .topBlc__text, .topBlc--2 .topBlc__text {
  margin-right: -2.5rem;
}
.topBlc--1 .topBlc__image, .topBlc--2 .topBlc__image {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
}
.topBlc--1 .topBlc__image:after, .topBlc--2 .topBlc__image:after {
  content: "";
  width: 150%;
  height: 90%;
  background: #f3e8d0;
  position: absolute;
  z-index: 0;
  bottom: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}
.topBlc--1 .topBlc__image img, .topBlc--2 .topBlc__image img {
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.topBlc--4 h2, .topBlc--5 h2 {
  font-size: 2.5rem;
  letter-spacing: 0.025em;
}
.topBlc--4 h2:before, .topBlc--5 h2:before {
  font-size: 5rem;
  letter-spacing: 0.025em;
}
.topBlc--1 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.topBlc--1 .topBlc__image img {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  border-top-left-radius: 12rem;
  border-bottom-left-radius: 12rem;
}
.topBlc--1 .topBlc__image:after {
  right: 0;
  border-bottom-left-radius: 12rem;
}
.topBlc--1 .topBlc__image.on img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.topBlc--2 .topBlc__text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.topBlc--2 .topBlc__image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.topBlc--2 .topBlc__image img {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  border-top-right-radius: 12rem;
  border-bottom-right-radius: 12rem;
}
.topBlc--2 .topBlc__image:after {
  left: 0;
  border-bottom-right-radius: 12rem;
}
.topBlc--2 .topBlc__image.on img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.topBlc--3 .topBlc__text {
  padding: 0 8rem;
  pointer-events: none;
}
.topBlc--3 .topBlc__text h2 {
  font-size: 2.5rem;
  letter-spacing: 0.025em;
}
.topBlc--3 .topBlc__text h2:before {
  font-size: 8rem;
  letter-spacing: 0.025em;
  display: inline-block;
  margin-right: 4rem;
}
.topBlc--3 .topBlcPeople {
  max-width: 114rem;
}
.topBlc--3 .topBlcPeople__wrapper {
  padding-left: 8rem;
  margin-top: 5rem;
  position: relative;
}
.topBlc--3 .topBlcPeople__wrapper:after {
  content: "";
  display: block;
  height: 90%;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f3e8d0;
}
.topBlc--3 .topBlcPeople a {
  color: #fff;
}
.topBlc--3 .topBlcPeople a:hover .image img {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.topBlc--3 .topBlcPeople a:hover .button:after {
  -webkit-transform: translate(1rem);
          transform: translate(1rem);
}
.topBlc--3 .topBlcPeople__blc {
  max-width: 38rem;
  border-radius: 4.5rem;
  overflow: hidden;
  display: block;
}
.topBlc--3 .topBlcPeople__blc--1 {
  background: #ebb400;
}
.topBlc--3 .topBlcPeople__blc--2 {
  background: #00af82;
}
.topBlc--3 .topBlcPeople__blc--3 {
  background: #00b9d7;
}
.topBlc--3 .topBlcPeople__blc--4 {
  background: #3c8cdc;
}
.topBlc--3 .topBlcPeople__blc--5 {
  background: #b464d2;
}
.topBlc--3 .topBlcPeople__blc .image {
  aspect-ratio: 1/1;
  overflow: hidden;
}
.topBlc--3 .topBlcPeople__blc .image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
.topBlc--3 .topBlcPeople__text {
  padding: 2.5rem 3rem;
}
.topBlc--3 .topBlcPeople__lead {
  font-size: 2.4rem;
  line-height: 1.8;
}
.topBlc--3 .topBlcPeople__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 0.5rem;
}
.topBlc--3 .topBlcPeople__bottom dl dt {
  font-size: 2rem;
}
.topBlc--3 .topBlcPeople__bottom dl dd {
  font-size: 1.7rem;
}
.topBlc--3 .topBlcPeople .button--flat {
  color: #fff;
}
.topBlc--3 .topBlcPeople .button--flat:after {
  margin-left: 1em;
  background: url(../img/common/yaji-wh.svg) center center/contain no-repeat;
}
.topBlc--3 .topBlcPeople .swiper-button-prev,
.topBlc--3 .topBlcPeople .swiper-button-next {
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: -10rem;
  background: #f04e22;
  border-radius: 100%;
  overflow: hidden;
}
.topBlc--3 .topBlcPeople .swiper-button-prev:after,
.topBlc--3 .topBlcPeople .swiper-button-next:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.topBlc--3 .topBlcPeople .swiper-button-prev {
  left: auto;
  right: 16rem;
}
.topBlc--3 .topBlcPeople .swiper-button-prev:after {
  background: url(../img/common/c-left.svg) center center/contain no-repeat;
}
.topBlc--3 .topBlcPeople .swiper-button-prev:hover:after {
  -webkit-transform: translateX(-0.5rem);
          transform: translateX(-0.5rem);
}
.topBlc--3 .topBlcPeople .swiper-button-next {
  right: 8rem;
}
.topBlc--3 .topBlcPeople .swiper-button-next:after {
  background: url(../img/common/c-right.svg) center center/contain no-repeat;
}
.topBlc--3 .topBlcPeople .swiper-button-next:hover:after {
  -webkit-transform: translateX(0.5rem);
          transform: translateX(0.5rem);
}
@media screen and (max-width: 768px) {
  .topBlc--3 {
    margin-top: 10rem !important;
  }
  .topBlc--3:after {
    content: "";
    display: block;
    height: 97%;
    -webkit-transform: translateY(2.5rem);
            transform: translateY(2.5rem);
    width: 100%;
    position: absolute;
    bottom: auto;
    top: 0;
    left: 0;
    z-index: 0;
    background: #f3e8d0;
  }
  .topBlc--3 .topBlc__text {
    padding: 0 2.5rem;
    z-index: 1;
    position: relative;
  }
  .topBlc--3 .topBlc__text h2 {
    font-size: 2rem;
    letter-spacing: 0.025em;
    text-align: center;
  }
  .topBlc--3 .topBlc__text h2:before {
    font-size: 4rem;
    letter-spacing: 0.025em;
    margin-right: 0rem;
    display: block;
  }
  .topBlc--3 .topBlcPeople {
    margin: 0 auto;
    max-width: 90vw;
  }
  .topBlc--3 .topBlcPeople__wrapper {
    padding-left: 0;
    margin-top: 3rem;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    padding-bottom: 13rem;
    z-index: 1;
    position: relative;
  }
  .topBlc--3 .topBlcPeople__wrapper:after {
    display: none;
  }
  .topBlc--3 .topBlcPeople a {
    color: #fff;
  }
  .topBlc--3 .topBlcPeople__blc {
    max-width: auto;
    border-radius: 3.5rem;
  }
  .topBlc--3 .topBlcPeople__text {
    padding: 2rem;
  }
  .topBlc--3 .topBlcPeople__lead {
    font-size: 2.1rem;
    line-height: 1.5;
  }
  .topBlc--3 .topBlcPeople__bottom {
    margin-top: 2rem;
    line-height: 1.5;
  }
  .topBlc--3 .topBlcPeople__bottom dl dt {
    font-size: 2.1rem;
  }
  .topBlc--3 .topBlcPeople__bottom dl dd {
    font-size: 1.2rem;
  }
  .topBlc--3 .topBlcPeople .button--flat {
    color: #fff;
    font-size: 1.3rem;
  }
  .topBlc--3 .topBlcPeople .button--flat:after {
    width: 2.5rem;
    margin-left: 2rem;
  }
  .topBlc--3 .topBlcPeople .swiper-button-prev,
  .topBlc--3 .topBlcPeople .swiper-button-next {
    width: 6rem;
    height: 6rem;
    position: absolute;
    top: auto;
    bottom: 5rem;
    right: auto;
  }
  .topBlc--3 .topBlcPeople .swiper-button-prev:after,
  .topBlc--3 .topBlcPeople .swiper-button-next:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
  }
  .topBlc--3 .topBlcPeople .swiper-button-prev {
    left: calc(50% - 7rem);
  }
  .topBlc--3 .topBlcPeople .swiper-button-prev:after {
    background: url(../img/common/c-left.svg) center center/contain no-repeat;
  }
  .topBlc--3 .topBlcPeople .swiper-button-prev:hover:after {
    -webkit-transform: none;
            transform: none;
  }
  .topBlc--3 .topBlcPeople .swiper-button-next {
    left: calc(50% + 1rem);
  }
  .topBlc--3 .topBlcPeople .swiper-button-next:after {
    background: url(../img/common/c-right.svg) center center/contain no-repeat;
  }
  .topBlc--3 .topBlcPeople .swiper-button-next:hover:after {
    -webkit-transform: none;
            transform: none;
  }
}
.topBlc--4:before {
  content: "";
  width: 67vw;
  height: 90%;
  -webkit-transform: translateY(15%);
          transform: translateY(15%);
  background: #f3e8d0;
  display: block;
  border-bottom-left-radius: 12rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
.topBlc--4 .topBlc__inner {
  max-width: 112rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.topBlc--4 .topBlc4__in {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.topBlc--4 .topBlc4__in--1 {
  padding-right: 3rem;
}
.topBlc--4 .topBlc4__in--2 {
  padding-left: 3rem;
}
.topBlc--4 .topBlc__text {
  padding: 0;
}
.topBlc--4 .topBlc__image {
  margin-bottom: 2.5rem;
  overflow: hidden;
  border-radius: 4.5rem;
}
.topBlc--4 .button {
  margin-top: 0;
}
.topBlc--4 a .topBlc__image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.topBlc--4 a:hover .button:after {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.topBlc--4 a:hover .topBlc__image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.topBlc--5 {
  background: url(../img/toppage/recruit-bg.jpg) center center/cover no-repeat;
  aspect-ratio: 1366/440;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.topBlc--5 h2 {
  margin-bottom: 0;
}
.topBlc--5 .topBlc__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.topBlc--5 .topBlc__text {
  padding: 2rem;
}
.topBlc--5 .topBlc__text a {
  border-radius: 2rem;
  padding: 3.5rem;
  width: 48rem;
  background: #fff;
  display: block;
  color: #000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.topBlc--5 .topBlc__text a:hover {
  background: #E54605;
  color: #fff;
}
.topBlc--5 .topBlc__text a:hover h2:before {
  color: #fff;
}
.topBlc--5 .topBlc__text a:hover .button {
  color: #fff;
}
.topBlc--5 .topBlc__text a:hover .button:after {
  background: url(../img/common/yaji-wh.svg) center center/contain no-repeat;
}
.topBlc--5 .topBlc__text--internship a {
  position: relative;
  display: block;
}
.topBlc--5 .topBlc__text--internship a:after {
  content: "";
  position: absolute;
  display: block;
  top: 2rem;
  right: 2rem;
  width: 1rem;
  height: 1rem;
  background: url(../img/common/icon-outgoing.svg) center center/contain no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.topBlc--5 .topBlc__text--internship a:hover:after {
  background: url(../img/common/icon-outgoing-wh.svg) center center/contain no-repeat;
}
.topBlc--5 .button {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .topBlc {
    margin: 20vw 0;
    font-size: 1.6rem;
  }
  .topBlc h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .topBlc h2:before {
    font-size: 5rem;
    letter-spacing: 0.025em;
    line-height: 1;
  }
  .topBlc__text {
    padding: 0 2.5rem;
  }
  .topBlc .button {
    margin-top: 3rem;
  }
  .topBlc--1, .topBlc--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .topBlc--1 h2, .topBlc--2 h2 {
    margin-bottom: 2rem;
  }
  .topBlc--1 .button, .topBlc--2 .button {
    margin-top: 2rem;
  }
  .topBlc--1 .topBlc__text, .topBlc--2 .topBlc__text {
    position: relative;
    z-index: 2;
    margin-right: 0;
  }
  .topBlc--1 .topBlc__image, .topBlc--2 .topBlc__image {
    -ms-flex-preferred-size: calc(100% - 2.5rem);
        flex-basis: calc(100% - 2.5rem);
    max-width: calc(100% - 2.5rem);
  }
  .topBlc--4 h2, .topBlc--5 h2 {
    font-size: 2rem;
    letter-spacing: 0.025em;
  }
  .topBlc--4 h2:before, .topBlc--5 h2:before {
    font-size: 4rem;
    letter-spacing: 0.025em;
  }
  .topBlc--1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 5vw;
  }
  .topBlc--1 .topBlc__text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: -3.5rem;
  }
  .topBlc--1 .topBlc__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .topBlc--1 .topBlc__image img {
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
  }
  .topBlc--1 .topBlc__image:after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8rem;
    right: auto;
    left: -2.5rem;
    width: 90vw;
    height: 190%;
    bottom: auto;
    top: 10%;
  }
  .topBlc--2 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .topBlc--2 .topBlc__text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: -3.5rem;
  }
  .topBlc--2 .topBlc__image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .topBlc--2 .topBlc__image img {
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
  }
  .topBlc--2 .topBlc__image:after {
    left: auto;
    right: -2.5rem;
    width: 90vw;
    height: 190%;
    bottom: auto;
    top: 10%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 8rem;
  }
  .topBlc--4:before {
    width: 80vw;
    background: #f3e8d0;
    display: block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8rem;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
  }
  .topBlc--4 .topBlc__inner {
    display: block;
  }
  .topBlc--4 .topBlc4__in {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .topBlc--4 .topBlc4__in--1 {
    padding: 0 2.5rem;
    margin-bottom: 20vw;
  }
  .topBlc--4 .topBlc4__in--2 {
    padding: 0 2.5rem;
  }
  .topBlc--4 .topBlc__image {
    margin-bottom: 2.5rem;
    border-radius: 2.5rem;
  }
  .topBlc--4 .topBlc__image img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .topBlc--4 .button {
    margin-top: 0;
  }
  .topBlc--5 {
    background: url(../img/toppage/recruit-bg.jpg) center center/cover no-repeat;
    aspect-ratio: none;
    margin-bottom: 0;
    padding: 0 3rem 30vw;
  }
  .topBlc--5 h2 {
    margin-bottom: 0;
  }
  .topBlc--5 .topBlc__inner {
    max-width: 112rem;
    margin: 0 auto;
    padding-top: 10vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .topBlc--5 .topBlc__text {
    margin-bottom: 0;
    padding: 0 0 5vw;
    width: 100%;
  }
  .topBlc--5 .topBlc__text a {
    border-radius: 2rem;
    width: 100%;
    padding: 2rem 2rem 1.5rem 2rem;
  }
  .topBlc--5 .topBlc__text a:after {
    top: 1.5rem;
    right: 1.5rem;
  }
  .topBlc--5 .button {
    margin-top: 0;
  }
}

.topSpecial {
  position: relative;
  margin-bottom: 15rem;
}
.topSpecial:before {
  content: "";
  width: 55vw;
  height: 82%;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  background: #f3e8d0;
  display: block;
  border-bottom-right-radius: 12rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.topSpecial__inner {
  max-width: 112rem;
  margin: 0 auto;
  padding-left: 15rem;
  position: relative;
}
.topSpecial__inner:before {
  content: "SPECIAL";
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #E54605;
  font-size: 10rem;
  font-weight: 700;
  display: block;
  letter-spacing: 0.025em;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.topSpecial ul {
  max-width: 85rem;
  margin: 0 0 0 auto;
}
.topSpecial ul li:not(:last-child) {
  margin-bottom: 5rem;
}
.topSpecial__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4.5rem;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 85/40;
  background: #fff;
}
.topSpecial__button a .bg img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.topSpecial__button a:hover .bg img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.topSpecial__button a .title {
  position: absolute;
}
.topSpecial__button a.commingsoon {
  opacity: 1;
  position: relative;
}
.topSpecial__button a.commingsoon img {
  -webkit-filter: opacity(20%);
          filter: opacity(20%);
}
.topSpecial__button a.commingsoon:before {
  content: "COMING SOON";
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 2.6rem;
  font-weight: 700;
  color: #E54605;
  white-space: nowrap;
  position: absolute;
  top: 2.5rem;
  left: 3rem;
}
.topSpecial__button--1 a img.title {
  max-width: 56%;
}
.topSpecial__button--2 a img.title {
  max-width: 54%;
}
@media screen and (max-width: 768px) {
  .topSpecial {
    margin-bottom: 0;
  }
  .topSpecial:before {
    display: none;
  }
  .topSpecial__inner {
    padding: 0 5vw;
  }
  .topSpecial__inner:before {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    text-align: center;
    font-size: 5rem;
    position: relative;
    margin-bottom: 2.5rem;
  }
  .topSpecial ul {
    max-width: 85rem;
    margin: 0;
  }
  .topSpecial ul li:not(:last-child) {
    margin-bottom: 5vw;
  }
  .topSpecial__button a {
    border-radius: 2.5rem;
    aspect-ratio: 325/200;
  }
  .topSpecial__button a.commingsoon:before {
    font-size: 1.5rem;
    font-weight: 700;
    color: #E54605;
    white-space: nowrap;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
  }
  .topSpecial__button--1 a .bg {
    width: 100%;
    height: 100%;
  }
  .topSpecial__button--1 a .bg img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .topSpecial__button--1 a img.title {
    max-width: 80%;
    width: 100%;
  }
  .topSpecial__button--2 a .bg {
    width: 100%;
    height: 100%;
  }
  .topSpecial__button--2 a .bg img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .topSpecial__button--2 a img.title {
    max-width: 70%;
  }
}

/* 
end _toppage.scss
*/
/* 
start _strategy.scss
*/
.strategyCnt {
  margin-top: 14rem;
  font-size: 1.6rem;
  line-height: 2;
}
.strategyCnt__blc {
  margin-bottom: 12rem;
}
.strategyCnt__blc .image {
  position: relative;
  margin-bottom: 5rem;
}
.strategyCnt__blc .image img {
  border-radius: 3rem;
}
.strategyCnt__blc .image:after {
  content: "";
  font-size: 8.5rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #E54605;
  font-weight: 600;
  position: absolute;
  bottom: -4rem;
  right: 6rem;
  line-height: 1;
}
.strategyCnt__blc .image__text {
  position: absolute;
  top: 50%;
  left: 4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.strategyCnt__blc .image__text h2 {
  margin-bottom: 2.5rem;
}
.strategyCnt__blc .image__text h2 span {
  font-size: 2.6rem;
  display: inline;
  color: #fff;
  margin-bottom: 2.5rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #f04e22));
  background: linear-gradient(transparent 0%, #f04e22 0%);
}
.strategyCnt__blc .image__text .lead span {
  line-height: 1.5;
  padding: 0.5rem 1rem;
  font-size: 3rem;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff));
  background: linear-gradient(transparent 0%, #fff 0%);
}
.strategyCnt__blc .image--1:after {
  content: "01";
}
.strategyCnt__blc .image--2:after {
  content: "02";
}
.strategyCnt__blc .image--3:after {
  content: "03";
}
.strategyCnt__blc .image--4:after {
  content: "04";
}
.strategyCnt__blc .image--5:after {
  content: "05";
}
.strategyCnt__list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5rem;
}
.strategyCnt__list1 > * {
  padding: 5rem 5rem 5rem;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.strategyCnt__list1 > * dl {
  font-size: 1.7rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.strategyCnt__list1 > * dl dt {
  border-bottom: 1px solid #000;
  font-size: 1.9rem;
  padding-bottom: 1.5rem;
  text-align: center;
}
.strategyCnt__list1 > * dl dd {
  padding-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.strategyCnt__list1 > * dl dd span {
  color: #E54605;
}
.strategyCnt__list1 > *:first-child {
  position: relative;
}
.strategyCnt__list1 > *:first-child:before {
  position: absolute;
  right: -15px;
  top: 50%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 22px solid #E54605;
  border-right: 0;
}
.strategyCnt__addblock {
  background: #fff;
  padding: 2.2rem;
  font-size: 1.8rem;
  line-height: 1.7;
  border-radius: 2rem;
  margin-bottom: 4rem;
}
.strategyCnt__graph1 {
  max-width: 48rem;
  text-align: center;
}
.strategyCnt__graph1 .cap {
  font-size: 1.2rem;
  text-align: left;
  margin-top: 1rem;
  white-space: nowrap;
}
.strategyCnt__list2title {
  font-size: 2.2rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  padding: 1rem 0;
  margin: 5rem 0 2.5rem;
}
.strategyCnt__list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem;
}
.strategyCnt__list2 > * {
  padding: 2rem 1rem;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  position: relative;
}
.strategyCnt__list2 > * dl {
  background: #fff;
  border-radius: 2rem;
  padding: 2.5rem 2.5rem 2rem;
}
.strategyCnt__list2 > * dl dt {
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 1rem;
}
.strategyCnt__list2 > * dl dd {
  font-size: 1.6rem;
  line-height: 2;
}
.strategyCnt__list2 > *:before {
  content: "";
  font-size: 3.7rem;
  font-weight: 600;
  color: #E54605;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  position: absolute;
  top: 0;
  line-height: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.strategyCnt__list2 > *.l1:before {
  content: "01";
}
.strategyCnt__list2 > *.l2:before {
  content: "02";
}
.strategyCnt__list2 > *.l3:before {
  content: "03";
}
.strategyCnt__list2 > *.l4:before {
  content: "04";
}
.strategyCnt__style1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
}
.strategyCnt__style1 h3 {
  font-size: 2.4rem;
  padding-right: 3em;
}
.strategyCnt__style1 h3:before {
  color: #E54605;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  content: attr(data-en);
  font-size: 1.6rem;
  font-weight: 600;
  display: block;
}
.strategyCnt__style1 p {
  margin-bottom: 2em;
}
.strategyCnt__style1 .text {
  padding-top: 1rem;
}
.strategyCnt__style1 .purpose-title {
  margin-top: 2rem;
  max-width: 17.2rem;
}
.strategyCnt__style1 .purpose-body {
  max-width: 47rem;
  display: block;
}
.strategyCnt__style2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 2em -2rem 0;
}
.strategyCnt__style2 > * {
  padding: 2rem;
}
.strategyCnt__style2 h3 {
  -ms-flex-preferred-size: 28%;
      flex-basis: 28%;
  max-width: 28%;
  font-size: 2.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.strategyCnt__style2 h3 span {
  border-bottom: 1px solid #000;
  display: inline-block;
}
.strategyCnt__style2 .text {
  -ms-flex-preferred-size: 72%;
      flex-basis: 72%;
  max-width: 72%;
}
.strategyCnt__style2 ul.style2image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.strategyCnt__style2 ul.style2image li {
  margin: 0 2rem;
  height: 12.5rem;
}
.strategyCnt__style2 ul.style2image li.w {
  height: auto;
  width: 17.5rem;
}
.strategyCnt__style2 ul.style2image li.h2 {
  height: 11rem;
}
.strategyCnt__style2 ul.style2image li.h3 {
  height: 11.5rem;
}
.strategyCnt__style2 ul.style2image--2 {
  width: auto;
}
.strategyCnt__style2 ul.style2image--2 > li {
  margin: 0 3.5rem 0 2rem;
}
.strategyCnt__style3 {
  margin-bottom: 4rem;
}
.strategyCnt__style3 h3 {
  font-size: 2.2rem;
  border: 1px solid #000;
  text-align: center;
  padding: 1rem 0;
  margin: 4rem 0 2.5rem;
}
.strategyCnt__style3 .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2em -1.5rem 0;
}
.strategyCnt__style3 .column > * {
  padding: 1.5rem;
}
.strategyCnt__style3 ul.style2image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2.5rem -1rem;
}
.strategyCnt__style3 ul.style2image li {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  margin: 0 1rem;
}
.strategyCnt__style3 .style3image {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.strategyCnt__style3 .text .title1 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.strategyCnt__style3 .text .title1 span {
  border-bottom: 1px solid #000;
  display: inline-block;
}
.strategyCnt__style3 .text .title2 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
  line-height: 1.7;
  position: relative;
}
.strategyCnt__style3 .text .title2:before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  height: calc(100% - 0.6em);
  width: 1px;
  border-left: 1px solid #000;
}
.strategyCnt__style3 .title3 {
  margin-top: 2em;
}
.strategyCnt__map {
  margin: 5rem 0;
}
@media screen and (max-width: 768px) {
  .strategyCnt {
    margin-top: 5rem;
    font-size: 1.5rem;
  }
  .strategyCnt__blc {
    margin: 4rem 0;
    padding: 0 2.5rem;
  }
  .strategyCnt__blc .image {
    position: relative;
    margin-bottom: 5vw;
    aspect-ratio: 325/240;
    border-radius: 2rem;
  }
  .strategyCnt__blc .image img {
    border-radius: 2rem;
    aspect-ratio: 325/240;
    -o-object-position: center center;
       object-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
    display: none;
  }
  .strategyCnt__blc .image:after {
    font-size: 4.8rem;
    bottom: -2rem;
    right: 3rem;
  }
  .strategyCnt__blc .image__text {
    position: absolute;
    top: 50%;
    left: 2rem;
  }
  .strategyCnt__blc .image__text h2 {
    margin-bottom: 1.5rem;
  }
  .strategyCnt__blc .image__text h2 span {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem 1rem;
  }
  .strategyCnt__blc .image__text .lead span {
    line-height: 1.5;
    padding: 0.5rem 1rem;
    font-size: 1.9rem;
  }
  .strategyCnt__blc .image--1 {
    background: url(../img/strategy/strategy1-img-sp.jpg) center center/cover no-repeat;
  }
  .strategyCnt__blc .image--2 {
    background: url(../img/strategy/strategy2-img-sp.jpg) center center/cover no-repeat;
  }
  .strategyCnt__blc .image--3 {
    background: url(../img/strategy/strategy3-img-sp.jpg) center center/cover no-repeat;
  }
  .strategyCnt__blc .image--4 {
    background: url(../img/strategy/strategy4-img-sp.jpg) center center/cover no-repeat;
  }
  .strategyCnt__blc .image--5 {
    background: url(../img/strategy/strategy5-img-sp.jpg) center center/cover no-repeat;
  }
  .strategyCnt__list1 {
    display: block;
    margin: 0;
  }
  .strategyCnt__list1 > * {
    padding: 3rem 0 3rem;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .strategyCnt__list1 > * dl {
    font-size: 1.6rem;
  }
  .strategyCnt__list1 > * dl dt {
    font-size: 1.7rem;
  }
  .strategyCnt__list1 > * dl dd {
    padding-top: 1.6rem;
  }
  .strategyCnt__list1 > *:first-child:before {
    position: absolute;
    right: 50%;
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(90deg) translate(100%, -50%);
            transform: rotate(90deg) translate(100%, -50%);
  }
  .strategyCnt__addblock {
    padding: 1.8rem;
    font-size: 1.5rem;
    line-height: 1.7;
    border-radius: 1.5rem;
    margin-bottom: 8vw;
  }
  .strategyCnt__graph1 .cap {
    font-size: 1.1rem;
    margin-top: 1rem;
    white-space: normal;
  }
  .strategyCnt__list2title {
    font-size: 2.2rem;
  }
  .strategyCnt__list2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0;
  }
  .strategyCnt__list2 > * {
    padding: 2rem 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .strategyCnt__list2 > * dl {
    background: #fff;
    border-radius: 2rem;
    padding: 2.5rem 2.5rem 2rem;
  }
  .strategyCnt__list2 > * dl dt {
    font-size: 1.9rem;
  }
  .strategyCnt__list2 > * dl dd {
    font-size: 1.5rem;
  }
  .strategyCnt__list2 > *:before {
    content: "";
    font-size: 3.7rem;
    font-weight: 600;
    color: #E54605;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    position: absolute;
    top: 0;
    line-height: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .strategyCnt__list2 > *.l1:before {
    content: "01";
  }
  .strategyCnt__list2 > *.l2:before {
    content: "02";
  }
  .strategyCnt__list2 > *.l3:before {
    content: "03";
  }
  .strategyCnt__list2 > *.l4:before {
    content: "04";
  }
  .strategyCnt__style1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2em;
  }
  .strategyCnt__style1 h3 {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
  .strategyCnt__style1 h3:before {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .strategyCnt__style1 p {
    margin-bottom: 2em;
  }
  .strategyCnt__style1 .purpose-title {
    margin-top: 1.5rem;
    max-width: 17.2rem;
  }
  .strategyCnt__style1 .purpose-body {
    margin-top: 2rem;
    max-width: 28.7rem;
  }
  .strategyCnt__style2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 2em 0rem 0;
  }
  .strategyCnt__style2 > * {
    padding: 0 0 1rem;
  }
  .strategyCnt__style2 h3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    font-size: 1.8rem;
  }
  .strategyCnt__style2 .text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .strategyCnt__style2 ul.style2image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .strategyCnt__style2 ul.style2image li {
    margin: 0;
    padding: 1rem;
    height: 12.5rem;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    text-align: center;
  }
  .strategyCnt__style2 ul.style2image li img {
    display: inline;
  }
  .strategyCnt__style2 ul.style2image li.w {
    height: auto;
    width: 17.5rem;
  }
  .strategyCnt__style2 ul.style2image li.h2 {
    height: 11rem;
  }
  .strategyCnt__style2 ul.style2image--2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .strategyCnt__style2 ul.style2image--2 > li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .strategyCnt__style2 ul.style2image--2 > li.h2 {
    width: 11rem !important;
  }
  .strategyCnt__style2 ul.style2image--2 > li.h3 {
    width: 12rem !important;
  }
  .strategyCnt__style3 {
    margin-bottom: 3rem;
  }
  .strategyCnt__style3 h3 {
    font-size: 1.8rem;
    padding: 0.8rem 0;
    margin: 3rem 0 1.5rem;
  }
  .strategyCnt__style3 .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0em 0 0;
  }
  .strategyCnt__style3 .column > * {
    padding: 0;
  }
  .strategyCnt__style3 .style3image {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    max-width: 35%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .strategyCnt__style3 ul.style2image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .strategyCnt__style3 ul.style2image li {
    margin: 0;
    padding: 1rem;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    text-align: center;
  }
  .strategyCnt__style3 ul.style2image li img {
    display: inline;
  }
  .strategyCnt__style3 .text {
    margin-bottom: 1.5em;
  }
  .strategyCnt__style3 .text .title1 {
    font-size: 1.8rem;
  }
  .strategyCnt__style3 .text .title2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    padding-left: 2rem;
  }
  .strategyCnt__style3 .title3 {
    margin-top: 2em;
  }
  .strategyCnt__style3 p + p {
    margin-top: 1em;
  }
  .strategyCnt__map {
    margin: 5rem 0;
  }
  .strategyCnt__map img {
    max-width: none;
    height: auto;
    width: 200vw;
  }
}

/* 
end _strategy.scss
*/
/* 
start _work.scss
*/
.workCnt {
  margin-top: 14rem;
  padding-bottom: 8rem;
  font-size: 1.6rem;
  line-height: 2;
  width: 100%;
}
.workCnt__nav ul {
  padding-left: 30px;
  position: relative;
}
.workCnt__nav ul:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  background-color: #E54605;
}
.workCnt__nav ul > li {
  position: relative;
  line-height: 1.5;
  margin: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.workCnt__nav ul > li:before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: -24px;
  top: 0.8em;
  background-color: #E54605;
}
.workCnt__cnt {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.workCnt__blc {
  margin-bottom: 12rem;
  position: relative;
  width: 100%;
}
.workCnt__blc:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 27px solid transparent;
  border-left: 27px solid transparent;
  border-top: 33px solid #E54605;
  border-bottom: 0;
  position: absolute;
  left: calc(50% - 27px);
  bottom: -8rem;
}
.workCnt__blc--no:after {
  display: none;
}
.workCnt__lead {
  margin-bottom: 8rem;
}
.workCnt__title {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.5rem;
  height: 7rem;
  font-size: 2.7rem;
  margin-bottom: 5rem;
}
.workCnt__title--2 {
  border: 1px solid #000;
  background: transparent;
}
.workCnt__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  cursor: pointer;
}
.workCnt__dl:hover .tglbtn {
  opacity: 0.8;
}
.workCnt__dl > dt {
  font-size: 2.5rem;
  -ms-flex-preferred-size: 26rem;
      flex-basis: 26rem;
  max-width: 26rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-right: 1px solid #000;
  padding-right: 2rem;
}
.workCnt__dl > dt span {
  font-size: 1.4rem;
  display: block;
}
.workCnt__dl > dd {
  padding-right: 7rem;
  padding-left: 2rem;
  position: relative;
  width: 100%;
}
.workCnt__dl > dd .tglbtn {
  position: absolute;
  z-index: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5.2rem;
  height: 5.2rem;
  display: block;
  border-radius: 10em;
  background: #E54605;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.workCnt__dl > dd .tglbtn:before, .workCnt__dl > dd .tglbtn:after {
  content: "";
  display: block;
  width: 1.7rem;
  height: 2px;
  background: #fff;
  position: absolute;
  z-index: 1;
  top: calc(50% - 1px);
  left: 1.7rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.workCnt__dl > dd .tglbtn:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.workCnt__dl.active .tglbtn:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.workCnt__dl--line {
  border-top: 1px solid #000;
  padding-top: 5rem;
  margin-top: 5rem;
}
.workCnt__tgl {
  padding: 5rem 0 0;
  display: none;
}
.workCnt__katsuyaku {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5rem -1rem 0;
}
.workCnt__katsuyaku > * {
  padding: 0 1rem;
}
.workCnt__katsuyaku h3 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.workCnt__katsuyaku h3 span {
  width: 16rem;
  height: 15rem;
  background: #f3e8d0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2rem;
  font-size: 1.7rem;
  line-height: 1.4;
}
.workCnt__katsuyaku .katsuyaku {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.workCnt__katsuyaku .katsuyaku > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 2rem;
}
.workCnt__katsuyaku .katsuyaku > a:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.workCnt__katsuyaku .katsuyaku > a .image {
  -ms-flex-preferred-size: 22rem;
      flex-basis: 22rem;
  max-width: 22rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.workCnt__katsuyaku .katsuyaku > a .image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.workCnt__katsuyaku .katsuyaku > a .text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  color: #fff;
  font-size: 1.4rem;
  padding: 0 2rem 2rem;
  line-height: 1.5;
}
.workCnt__katsuyaku .katsuyaku > a .text h4 {
  font-size: 3rem;
  line-height: 1.5;
}
.workCnt__katsuyaku .katsuyaku > a .text .button {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  color: #fff;
}
.workCnt__katsuyaku .katsuyaku > a .text .button:after {
  margin-left: 1em;
  background: url(../img/common/yaji-wh.svg) center center/contain no-repeat;
}
.workCnt__katsuyaku .katsuyaku > a:hover .button:after {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.workCnt__katsuyaku .katsuyaku--1 .text {
  background: #ebb400;
}
.workCnt__katsuyaku .katsuyaku--2 .text {
  background: #00af82;
}
.workCnt__katsuyaku .katsuyaku--3 .text {
  background: #00b9d7;
}
.workCnt__katsuyaku .katsuyaku--4 .text {
  background: #3c8cdc;
}
.workCnt__katsuyaku .katsuyaku--5 .text {
  background: #b464d2;
}
@media screen and (max-width: 768px) {
  .workCnt {
    margin-top: 5rem;
    padding-bottom: 8rem;
    font-size: 1.6rem;
    line-height: 2;
  }
  .workCnt__nav {
    display: none;
  }
  .workCnt__blc {
    margin-bottom: 6rem;
    padding: 0 2.5rem;
  }
  .workCnt__blc:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 28px solid #E54605;
    border-bottom: 0;
    position: absolute;
    left: calc(50% - 20px);
    bottom: -4rem;
  }
  .workCnt__blc--no:after {
    display: none;
  }
  .workCnt__lead {
    margin-bottom: 4rem;
    padding: 0 2.5rem;
    text-align: left;
  }
  .workCnt__title {
    border-radius: 1.2rem;
    height: 6rem;
    font-size: 2.1rem;
    margin-bottom: 3rem;
  }
  .workCnt__dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    cursor: pointer;
  }
  .workCnt__dl > dt {
    font-size: 2rem;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    border-right: none;
    padding-right: 0;
  }
  .workCnt__dl > dt:after {
    content: "";
    width: 3rem;
    height: 1px;
    background: #a0a0a0;
    display: block;
    margin: 1.2rem 0;
  }
  .workCnt__dl > dd {
    padding-right: 7rem;
    padding-left: 0;
  }
  .workCnt__dl--line {
    padding-top: 3rem;
    margin-top: 3rem;
  }
  .workCnt__tgl {
    padding: 2.5rem 0 0;
    display: none;
  }
  .workCnt__katsuyaku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 5rem -1rem 0;
  }
  .workCnt__katsuyaku > * {
    padding: 0 1rem;
  }
  .workCnt__katsuyaku h3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .workCnt__katsuyaku h3 span {
    width: 100%;
    height: 4rem;
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .workCnt__katsuyaku .katsuyaku {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .workCnt__katsuyaku .katsuyaku > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow: hidden;
    border-radius: 2rem;
  }
  .workCnt__katsuyaku .katsuyaku > a .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
  }
  .workCnt__katsuyaku .katsuyaku > a .image img {
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
  .workCnt__katsuyaku .katsuyaku > a .text {
    padding: 1rem 2rem 4rem;
  }
  .workCnt__katsuyaku .katsuyaku > a .text .button {
    right: 2rem;
    bottom: 1.5rem;
  }
  .workCnt__katsuyaku .katsuyaku > a .text .button:after {
    margin-left: 1em;
  }
}

/* 
end _work.scss
*/
/* 
start _people.scss
*/
.cntMvPeople {
  position: relative;
  width: 100vw;
  height: calc(100vh - 9rem);
  z-index: 1;
  margin-bottom: 10rem;
}
.cntMvPeople:after {
  content: "PEOPLE";
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 8.1vw;
  line-height: 1;
  position: absolute;
  left: 2vw;
  bottom: 5vw;
  color: #fff;
  z-index: 1;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
}
.cntMvPeople .image {
  position: relative;
  z-index: 1;
}
.cntMvPeople .image img {
  width: 82vw;
  height: calc(100vh - 9rem);
  border-top-right-radius: 9vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.cntMvPeople--1 .cntMvPeople__text {
  background: #ebb400;
}
.cntMvPeople--2 .cntMvPeople__text {
  background: #00af82;
}
.cntMvPeople--3 .cntMvPeople__text {
  background: #00b9d7;
}
.cntMvPeople--4 .cntMvPeople__text {
  background: #3c8cdc;
}
.cntMvPeople--5 .cntMvPeople__text {
  background: #b464d2;
}
.cntMvPeople__text {
  position: absolute;
  bottom: 5vw;
  right: 5vw;
  z-index: 2;
  border-top-left-radius: 3vw;
  border-bottom-right-radius: 3vw;
  padding: 3rem;
  width: 28vw;
  color: #fff;
}
.cntMvPeople__lead {
  font-size: 2vw;
  letter-spacing: 0.08em;
}
.cntMvPeople__section {
  margin-top: 2vw;
}
.cntMvPeople__section dl dd {
  font-size: 1.2vw;
}
.cntMvPeople__section dl dt {
  font-size: 1.8vw;
}
.cntMvPeople__name {
  margin-top: 1vw;
}
.cntMvPeople__name dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-center;
      -ms-flex-align: flex-center;
          align-items: flex-center;
  line-height: 1.5;
}
.cntMvPeople__name dl dd {
  font-size: 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cntMvPeople__name dl dd:before {
  content: "";
  display: block;
  background: #fff;
  height: 80%;
  width: 1px;
  margin-right: 1vw;
}
.cntMvPeople__name dl dt {
  font-size: 2.2vw;
  padding-right: 2vw;
  font-weight: 600;
}
.cntMvPeople:after {
  opacity: 0;
  -webkit-transition: 1s 0.6s;
  transition: 1s 0.6s;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}
.cntMvPeople .cntMvPeople__text {
  -webkit-transition: 1s 0.3s;
  transition: 1s 0.3s;
  opacity: 0;
  -webkit-transform: translateX(3rem);
          transform: translateX(3rem);
}
.cntMvPeople .image img {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.cntMvPeople.on:after {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.cntMvPeople.on .cntMvPeople__text {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.cntMvPeople.on .image img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 768px) {
  .cntMvPeople {
    height: auto;
    z-index: 1;
    margin-bottom: 6rem;
    width: 100%;
  }
  .cntMvPeople:after {
    font-size: 4rem;
    left: 4vw;
    bottom: auto;
    top: 5vw;
  }
  .cntMvPeople .image img {
    width: 100vw;
    height: auto;
    border-top-right-radius: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .cntMvPeople__text {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    margin: 0 0rem 0 auto;
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding: 2rem;
    width: 70vw;
    color: #fff;
    margin-top: -12rem;
    z-index: 1;
  }
  .cntMvPeople__lead {
    font-size: 2.1rem;
    letter-spacing: 0.08em;
  }
  .cntMvPeople__section {
    margin-top: 2vw;
  }
  .cntMvPeople__section dl dd {
    font-size: 1.2rem;
  }
  .cntMvPeople__section dl dt {
    font-size: 1.75rem;
  }
  .cntMvPeople__name {
    margin-top: 1rem;
  }
  .cntMvPeople__name dl {
    display: block;
  }
  .cntMvPeople__name dl dd {
    font-size: 1.2rem;
    padding-left: 0;
  }
  .cntMvPeople__name dl dd:before {
    display: none;
  }
  .cntMvPeople__name dl dt {
    font-size: 2.1rem;
    border-right: none;
    padding-right: 0;
  }
  .cntMvPeople--5 .image img {
    -o-object-position: 60% center;
       object-position: 60% center;
  }
}

.peopleCnt {
  position: relative;
  z-index: 0;
  font-size: 1.6rem;
  line-height: 2;
}
.peopleCnt p + p {
  margin-top: 2em;
}
.peopleCnt__text, .peopleCnt__image, .peopleCnt__left {
  position: relative;
  z-index: 1;
}
.peopleCnt__h2 {
  margin-bottom: 1.5rem;
}
.peopleCnt__h2 p {
  display: inline-block;
  background: #E54605;
  color: #fff;
  border-radius: 10em;
  line-height: 1;
  padding: 0.5em 1em;
  margin-bottom: 1rem;
}
.peopleCnt__h2 h2 {
  font-size: 2.4rem;
  line-height: 1.7;
}
.peopleCnt__blc {
  position: relative;
  z-index: 0;
  margin-bottom: 9rem;
}
.peopleCnt__blc--1, .peopleCnt__blc--2, .peopleCnt__blc--3, .peopleCnt__blc--5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.peopleCnt__blc--1, .peopleCnt__blc--5 {
  margin-left: calc(50% - 50vw);
  padding-bottom: 3rem;
}
.peopleCnt__blc--1:before, .peopleCnt__blc--5:before {
  content: "";
  width: 65%;
  aspect-ratio: 820/520;
  display: block;
  border-bottom-left-radius: 13rem;
  border-top-right-radius: 13rem;
  background: #f3e8d0;
  position: absolute;
  bottom: 0;
  right: 25%;
  z-index: 0;
}
.peopleCnt__blc--1 .peopleCnt__text, .peopleCnt__blc--5 .peopleCnt__text {
  -ms-flex-preferred-size: 54rem;
      flex-basis: 54rem;
  max-width: 54rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 7rem;
}
.peopleCnt__blc--1 .peopleCnt__text:before, .peopleCnt__blc--5 .peopleCnt__text:before {
  content: "";
  width: 28.5rem;
  height: 9.6rem;
  display: block;
  background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
  position: absolute;
  top: 0;
  right: -10%;
  z-index: 0;
}
.peopleCnt__blc--1 .peopleCnt__image, .peopleCnt__blc--5 .peopleCnt__image {
  padding-right: 7rem;
}
.peopleCnt__blc--1 .peopleCnt__image img, .peopleCnt__blc--5 .peopleCnt__image img {
  border-top-right-radius: 4.5rem;
  border-bottom-right-radius: 4.5rem;
}
.peopleCnt__blc--1 .peopleCnt__image:before, .peopleCnt__blc--5 .peopleCnt__image:before {
  content: "";
  width: 23.8rem;
  height: 7.7rem;
  display: block;
  background: url(../img/people/people1/y-1.svg) center center/contain no-repeat;
  position: absolute;
  top: 105%;
  left: 15%;
  z-index: 0;
}
.peopleCnt__blc--5 {
  margin-bottom: 15rem;
}
.peopleCnt__blc--5:before {
  content: "";
  width: 65%;
  aspect-ratio: 810/480;
  display: block;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 9vw;
  bottom: 0;
  right: auto;
  left: 0%;
}
.peopleCnt__blc--5 .peopleCnt__text:before {
  content: "";
  width: 32.4rem;
  height: 13.3rem;
  background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
  top: -10%;
  right: -5%;
}
.peopleCnt__blc--5 .peopleCnt__image:before {
  content: "";
  width: 32.6rem;
  height: 13.2rem;
  background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
  top: 105%;
  left: 15%;
}
.peopleCnt__blc--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
}
.peopleCnt__blc--2:before {
  content: "";
  width: 70%;
  aspect-ratio: 980/480;
  display: block;
  border-bottom-left-radius: 13rem;
  background: #f3e8d0;
  position: absolute;
  top: -9rem;
  right: 0;
  z-index: 0;
}
.peopleCnt__blc--2 > * {
  padding: 0 3.5rem;
}
.peopleCnt__blc--2 .peopleCnt__text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  max-width: 45%;
  padding-top: 7rem;
}
.peopleCnt__blc--2 .peopleCnt__image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
}
.peopleCnt__blc--2 .peopleCnt__image img {
  border-radius: 4.5rem;
}
.peopleCnt__blc--2 .peopleCnt__image:before {
  content: "";
  width: 27rem;
  height: 10.4rem;
  display: block;
  background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
  position: absolute;
  top: 0;
  left: -15%;
  z-index: 0;
}
.peopleCnt__blc--3 {
  margin-right: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-bottom: 6rem;
}
.peopleCnt__blc--3 .peopleCnt__left {
  -ms-flex-preferred-size: 58rem;
      flex-basis: 58rem;
  max-width: 58rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.peopleCnt__blc--3 .peopleCnt__left:before {
  content: "";
  width: 19.6rem;
  height: 6rem;
  display: block;
  background: url(../img/people/people1/y-1.svg) center center/contain no-repeat;
  position: absolute;
  top: 150%;
  left: 0;
  z-index: 0;
}
.peopleCnt__blc--3:before {
  content: "";
  width: 82%;
  aspect-ratio: 1060/1028;
  display: block;
  border-bottom-left-radius: 13rem;
  background: #f3e8d0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.peopleCnt__blc--4 {
  margin-top: 15rem;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
.peopleCnt__schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.8rem;
  font-size: 1.5rem;
}
.peopleCnt__schedule > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  padding: 0 1.8rem;
}
.peopleCnt__schedule .schedule,
.peopleCnt__schedule .offtime {
  background: #fff;
  border-radius: 3rem;
  padding: 4rem;
  position: relative;
}
.peopleCnt__schedule .schedule h3,
.peopleCnt__schedule .offtime h3 {
  font-size: 2.1rem;
  margin-bottom: 1rem;
}
.peopleCnt__schedule .schedule:before,
.peopleCnt__schedule .offtime:before {
  content: "";
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #E54605;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  position: absolute;
  left: -1.5rem;
  top: 4rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}
.peopleCnt__schedule .schedule:before {
  content: "SCHEDULE";
}
.peopleCnt__schedule .schedule ol {
  padding-left: 30px;
  position: relative;
}
.peopleCnt__schedule .schedule ol:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  background-color: #ebb400;
}
.peopleCnt__schedule .schedule ol > li {
  position: relative;
  line-height: 1.5;
  margin: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peopleCnt__schedule .schedule ol > li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: -23px;
  top: 0.5em;
  background-color: #ebb400;
}
.peopleCnt__schedule .schedule ol > li span {
  display: inline-block;
  width: 4em;
  text-align: right;
  padding-right: 1em;
  color: #ebb400;
}
.peopleCnt__schedule .offtime:before {
  content: "OFFTIME";
}
.peopleCnt__schedule .offtime p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peopleCnt__schedule .offtime p img {
  display: block;
  width: 46%;
  height: auto;
  margin-left: 8%;
}
.peopleCnt__nav {
  padding: 7rem 0 12rem;
}
.peopleCnt__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 2.4rem;
  max-width: 36rem;
  width: 100%;
  margin: 0 auto;
}
.peopleCnt__nav ul .prev a:before,
.peopleCnt__nav ul .next a:after {
  content: "";
  width: 3rem;
  height: 0.8rem;
  display: block;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.peopleCnt__nav ul .prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.peopleCnt__nav ul .prev a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peopleCnt__nav ul .prev a:before {
  background: url(../img/common/yaji-bk.svg) center center/contain no-repeat;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  margin-right: 2rem;
}
.peopleCnt__nav ul .prev a:hover:before {
  -webkit-transform: translateX(-0.5rem) scaleX(-1);
          transform: translateX(-0.5rem) scaleX(-1);
}
.peopleCnt__nav ul .next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.peopleCnt__nav ul .next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.peopleCnt__nav ul .next a:after {
  margin-left: 2rem;
  background: url(../img/common/yaji-bk.svg) center center/contain no-repeat;
}
.peopleCnt__nav ul .next a:hover:after {
  -webkit-transform: translateX(0.5rem);
          transform: translateX(0.5rem);
}
.peopleCnt__nav ul .top {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.peopleCnt--2 .peopleCnt__blc--1 .peopleCnt__text:before {
  background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--2 .peopleCnt__blc--1 .peopleCnt__image:before {
  background: url(../img/people/people2/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--2 .peopleCnt__blc--2 .peopleCnt__image:before {
  background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--2 .peopleCnt__blc--3 .peopleCnt__left:before {
  background: url(../img/people/people2/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--2 .peopleCnt__blc--5 .peopleCnt__text:before {
  background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--2 .peopleCnt__blc--5 .peopleCnt__image:before {
  background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--2 .peopleCnt__schedule .schedule ol:before {
  background-color: #00af82;
}
.peopleCnt--2 .peopleCnt__schedule .schedule ol > li:before {
  background-color: #00af82;
}
.peopleCnt--2 .peopleCnt__schedule .schedule ol > li span {
  color: #00af82;
}
.peopleCnt--3 .peopleCnt__blc--1 .peopleCnt__text:before {
  background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--3 .peopleCnt__blc--1 .peopleCnt__image:before {
  background: url(../img/people/people3/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--3 .peopleCnt__blc--2 .peopleCnt__image:before {
  background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--3 .peopleCnt__blc--3 .peopleCnt__left:before {
  background: url(../img/people/people3/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--3 .peopleCnt__blc--5 .peopleCnt__text:before {
  background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--3 .peopleCnt__blc--5 .peopleCnt__image:before {
  background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--3 .peopleCnt__schedule .schedule ol:before {
  background-color: #00b9d7;
}
.peopleCnt--3 .peopleCnt__schedule .schedule ol > li:before {
  background-color: #00b9d7;
}
.peopleCnt--3 .peopleCnt__schedule .schedule ol > li span {
  color: #00b9d7;
}
.peopleCnt--4 .peopleCnt__blc--1 .peopleCnt__text:before {
  background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--4 .peopleCnt__blc--1 .peopleCnt__image:before {
  background: url(../img/people/people4/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--4 .peopleCnt__blc--2 .peopleCnt__image:before {
  background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--4 .peopleCnt__blc--3 .peopleCnt__left:before {
  background: url(../img/people/people4/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--4 .peopleCnt__blc--5 .peopleCnt__text:before {
  background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--4 .peopleCnt__blc--5 .peopleCnt__image:before {
  background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--4 .peopleCnt__schedule .schedule ol:before {
  background-color: #3c8cdc;
}
.peopleCnt--4 .peopleCnt__schedule .schedule ol > li:before {
  background-color: #3c8cdc;
}
.peopleCnt--4 .peopleCnt__schedule .schedule ol > li span {
  color: #3c8cdc;
}
.peopleCnt--5 .peopleCnt__blc--1 .peopleCnt__text:before {
  background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--5 .peopleCnt__blc--1 .peopleCnt__image:before {
  background: url(../img/people/people5/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--5 .peopleCnt__blc--2 .peopleCnt__image:before {
  background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--5 .peopleCnt__blc--3 .peopleCnt__left:before {
  background: url(../img/people/people5/y-1.svg) center center/contain no-repeat;
}
.peopleCnt--5 .peopleCnt__blc--5 .peopleCnt__text:before {
  background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--5 .peopleCnt__blc--5 .peopleCnt__image:before {
  background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
}
.peopleCnt--5 .peopleCnt__schedule .schedule ol:before {
  background-color: #b464d2;
}
.peopleCnt--5 .peopleCnt__schedule .schedule ol > li:before {
  background-color: #b464d2;
}
.peopleCnt--5 .peopleCnt__schedule .schedule ol > li span {
  color: #b464d2;
}
@media screen and (max-width: 768px) {
  .peopleCnt {
    font-size: 1.5rem;
  }
  .peopleCnt p + p {
    margin-top: 2em;
  }
  .peopleCnt__h2 {
    margin-bottom: 1rem;
  }
  .peopleCnt__h2 h2 {
    font-size: 1.9rem;
  }
  .peopleCnt__blc {
    position: relative;
    z-index: 0;
    margin-bottom: 5rem;
  }
  .peopleCnt__blc--1, .peopleCnt__blc--2, .peopleCnt__blc--3, .peopleCnt__blc--5 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .peopleCnt__blc--1, .peopleCnt__blc--5 {
    margin-left: 0;
    padding-bottom: 0;
  }
  .peopleCnt__blc--1:before, .peopleCnt__blc--5:before {
    content: "";
    width: 80%;
    aspect-ratio: 300/700;
    display: block;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6rem;
    border-top-left-radius: 6rem;
    bottom: 20%;
    right: 0;
    z-index: 0;
  }
  .peopleCnt__blc--1 .peopleCnt__text, .peopleCnt__blc--5 .peopleCnt__text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 2.5rem 5vw;
  }
  .peopleCnt__blc--1 .peopleCnt__text:before, .peopleCnt__blc--5 .peopleCnt__text:before {
    content: "";
    width: 17.1rem;
    height: 5.76rem;
    display: block;
    background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
    position: absolute;
    top: -25rem;
    right: auto;
    left: 0;
    z-index: 0;
  }
  .peopleCnt__blc--1 .peopleCnt__image, .peopleCnt__blc--5 .peopleCnt__image {
    padding-right: 2.5rem;
    margin-bottom: 5rem;
  }
  .peopleCnt__blc--1 .peopleCnt__image img, .peopleCnt__blc--5 .peopleCnt__image img {
    border-top-right-radius: 4.5rem;
    border-bottom-right-radius: 4.5rem;
  }
  .peopleCnt__blc--1 .peopleCnt__image:before, .peopleCnt__blc--5 .peopleCnt__image:before {
    content: "";
    width: 14rem;
    height: 4rem;
    display: block;
    background: url(../img/people/people1/y-1.svg) center center/contain no-repeat;
    position: absolute;
    top: 30rem;
    left: auto;
    right: 2.5rem;
    z-index: 0;
  }
  .peopleCnt__blc--5 {
    margin-bottom: 10rem;
  }
  .peopleCnt__blc--5:before {
    content: "";
    width: 80%;
    aspect-ratio: 300/700;
    display: block;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6rem;
    border-top-left-radius: 6rem;
    bottom: 20%;
    right: 0;
    left: auto;
    z-index: 0;
  }
  .peopleCnt__blc--5 .peopleCnt__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .peopleCnt__blc--5 .peopleCnt__text:before {
    display: none;
    content: "";
    width: 19.44rem;
    height: 7.98rem;
    background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
    top: 0%;
    right: -5%;
  }
  .peopleCnt__blc--5 .peopleCnt__image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 3rem;
  }
  .peopleCnt__blc--5 .peopleCnt__image:before {
    content: "";
    width: 19.56rem;
    height: 7.92rem;
    background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
    top: 85%;
    left: 0%;
  }
  .peopleCnt__blc--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 0;
    padding-right: 0;
  }
  .peopleCnt__blc--2:before {
    content: "";
    width: 80%;
    aspect-ratio: 300/800;
    display: block;
    border-bottom-right-radius: 6rem;
    border-top-right-radius: 6rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    bottom: 10%;
    top: auto;
    left: 0;
    z-index: 0;
  }
  .peopleCnt__blc--2 > * {
    padding: 0 5vw;
    padding: 0 2.5rem;
  }
  .peopleCnt__blc--2 .peopleCnt__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding-top: 0;
  }
  .peopleCnt__blc--2 .peopleCnt__image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-top: 3rem;
  }
  .peopleCnt__blc--2 .peopleCnt__image img {
    border-radius: 4.5rem;
  }
  .peopleCnt__blc--2 .peopleCnt__image:before {
    content: "";
    width: 16.2rem;
    height: 6.24rem;
    display: block;
    background: url(../img/people/people1/y-3.svg) center center/contain no-repeat;
    position: absolute;
    top: auto;
    bottom: -5vw;
    left: auto;
    right: 0;
    z-index: 0;
  }
  .peopleCnt__blc--3 {
    margin-right: 0;
    padding: 0 2.5rem 5vw;
  }
  .peopleCnt__blc--3 .peopleCnt__left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .peopleCnt__blc--3 .peopleCnt__left:before {
    content: "";
    width: 11.7rem;
    height: 3.5rem;
    top: -10vw;
    left: auto;
    right: 2.5rem;
    z-index: 0;
  }
  .peopleCnt__blc--3:before {
    display: none;
  }
  .peopleCnt__blc--4 {
    margin-top: 0rem;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    z-index: 1;
  }
  .peopleCnt__blc--4 img {
    aspect-ratio: 3/2;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .peopleCnt__schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 3rem;
    font-size: 1.5rem;
  }
  .peopleCnt__schedule > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 0 0;
  }
  .peopleCnt__schedule .schedule,
  .peopleCnt__schedule .offtime {
    border-radius: 0;
    padding: 5vw 2.5rem 10vw;
    margin-bottom: 2rem;
  }
  .peopleCnt__schedule .schedule h3,
  .peopleCnt__schedule .offtime h3 {
    font-size: 1.9rem;
  }
  .peopleCnt__schedule .schedule:before,
  .peopleCnt__schedule .offtime:before {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    position: static;
    font-size: 1.2rem;
  }
  .peopleCnt__schedule .schedule:before {
    content: "SCHEDULE";
  }
  .peopleCnt__schedule .offtime p {
    display: block;
  }
  .peopleCnt__schedule .offtime p img {
    width: 100%;
    margin: 2rem 0 0;
  }
  .peopleCnt__nav {
    padding: 0rem 2.5rem 10rem;
  }
  .peopleCnt__nav ul {
    font-size: 1.7rem;
    max-width: 24rem;
  }
  .peopleCnt__nav ul .prev a:before,
  .peopleCnt__nav ul .next a:after {
    content: "";
    width: 3rem;
    height: 0.8rem;
    display: block;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .peopleCnt__nav ul .prev {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .peopleCnt__nav ul .prev a:before {
    margin-right: 1.5rem;
  }
  .peopleCnt__nav ul .next {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .peopleCnt__nav ul .next a:after {
    margin-left: 1.5rem;
  }
  .peopleCnt__nav ul .top {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .peopleCnt--2 .peopleCnt__blc--1 .peopleCnt__text:before {
    background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--2 .peopleCnt__blc--1 .peopleCnt__image:before {
    background: url(../img/people/people2/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--2 .peopleCnt__blc--2 .peopleCnt__image:before {
    background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--2 .peopleCnt__blc--3 .peopleCnt__left:before {
    background: url(../img/people/people2/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--2 .peopleCnt__blc--5 .peopleCnt__text:before {
    background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--2 .peopleCnt__blc--5 .peopleCnt__image:before {
    background: url(../img/people/people2/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--2 .peopleCnt__schedule .schedule ol:before {
    background-color: #00af82;
  }
  .peopleCnt--2 .peopleCnt__schedule .schedule ol > li:before {
    background-color: #00af82;
  }
  .peopleCnt--2 .peopleCnt__schedule .schedule ol > li span {
    color: #00af82;
  }
  .peopleCnt--3 .peopleCnt__blc--1 .peopleCnt__text:before {
    background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--3 .peopleCnt__blc--1 .peopleCnt__image:before {
    background: url(../img/people/people3/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--3 .peopleCnt__blc--2 .peopleCnt__image:before {
    background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--3 .peopleCnt__blc--3 .peopleCnt__left:before {
    background: url(../img/people/people3/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--3 .peopleCnt__blc--5 .peopleCnt__text:before {
    background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--3 .peopleCnt__blc--5 .peopleCnt__image:before {
    background: url(../img/people/people3/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--3 .peopleCnt__schedule .schedule ol:before {
    background-color: #00b9d7;
  }
  .peopleCnt--3 .peopleCnt__schedule .schedule ol > li:before {
    background-color: #00b9d7;
  }
  .peopleCnt--3 .peopleCnt__schedule .schedule ol > li span {
    color: #00b9d7;
  }
  .peopleCnt--4 .peopleCnt__blc--1 .peopleCnt__text:before {
    background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--4 .peopleCnt__blc--1 .peopleCnt__image:before {
    background: url(../img/people/people4/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--4 .peopleCnt__blc--2 .peopleCnt__image:before {
    background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--4 .peopleCnt__blc--3 .peopleCnt__left:before {
    background: url(../img/people/people4/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--4 .peopleCnt__blc--5 .peopleCnt__text:before {
    background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--4 .peopleCnt__blc--5 .peopleCnt__image:before {
    background: url(../img/people/people4/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--4 .peopleCnt__schedule .schedule ol:before {
    background-color: #3c8cdc;
  }
  .peopleCnt--4 .peopleCnt__schedule .schedule ol > li:before {
    background-color: #3c8cdc;
  }
  .peopleCnt--4 .peopleCnt__schedule .schedule ol > li span {
    color: #3c8cdc;
  }
  .peopleCnt--5 .peopleCnt__blc--1 .peopleCnt__text:before {
    background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--5 .peopleCnt__blc--1 .peopleCnt__image:before {
    background: url(../img/people/people5/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--5 .peopleCnt__blc--2 .peopleCnt__image:before {
    background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--5 .peopleCnt__blc--3 .peopleCnt__left:before {
    background: url(../img/people/people5/y-1.svg) center center/contain no-repeat;
  }
  .peopleCnt--5 .peopleCnt__blc--5 .peopleCnt__text:before {
    background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--5 .peopleCnt__blc--5 .peopleCnt__image:before {
    background: url(../img/people/people5/y-3.svg) center center/contain no-repeat;
  }
  .peopleCnt--5 .peopleCnt__schedule .schedule ol:before {
    background-color: #b464d2;
  }
  .peopleCnt--5 .peopleCnt__schedule .schedule ol > li:before {
    background-color: #b464d2;
  }
  .peopleCnt--5 .peopleCnt__schedule .schedule ol > li span {
    color: #b464d2;
  }
}

/* 
end _people.scss
*/
/* 
start _special.scss
*/
@-webkit-keyframes specialOpen {
  0% {
    background-size: 120% 120%;
    opacity: 0;
  }
  100% {
    background-size: 100% 100%;
    opacity: 1;
  }
}
@keyframes specialOpen {
  0% {
    background-size: 120% 120%;
    opacity: 0;
  }
  100% {
    background-size: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes specialOpen2 {
  0% {
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes specialOpen2 {
  0% {
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.cntMvTalk {
  margin-top: 12rem;
  background: url(../img/special/mv-talk-bg.png) center center/100% 100% no-repeat;
  background-image: url(../img/special/mv-talk-bg.png);
  aspect-ratio: 1366/500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: 2s "specialOpen" both;
          animation: 2s "specialOpen" both;
}
.cntMvTalk .text {
  max-width: 39%;
  -webkit-animation: 1.5s 0.5s "specialOpen2" both;
          animation: 1.5s 0.5s "specialOpen2" both;
}
@media screen and (max-width: 768px) {
  .cntMvTalk {
    margin-top: 0rem;
    aspect-ratio: 375/270;
    background: url(../img/special/mv-talk-bg-sp.png) center center/cover no-repeat;
  }
  .cntMvTalk .text {
    max-width: 73%;
    padding-bottom: 1vw;
  }
}

.talkCnt {
  margin-top: 8rem;
  margin-bottom: 14rem;
  line-height: 2;
  max-width: 102rem;
  margin: 8rem auto 14rem;
}
.talkCnt .lead {
  font-size: 1.7rem;
  margin-bottom: 6rem;
}
.talkCnt__list {
  margin: 8rem -3rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.talkCnt__list > * {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  padding: 0 3rem 4rem;
}
.talkCnt__list > li > a,
.talkCnt__list > li > span {
  display: block;
  cursor: pointer;
}
.talkCnt__list > li > a .image,
.talkCnt__list > li > span .image {
  overflow: hidden;
  border-radius: 2rem;
  position: relative;
}
.talkCnt__list > li > a .image .bg,
.talkCnt__list > li > span .image .bg {
  -webkit-transition: 1s;
  transition: 1s;
}
.talkCnt__list > li > a .image .title,
.talkCnt__list > li > span .image .title {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.talkCnt__list > li > a .image .title img,
.talkCnt__list > li > span .image .title img {
  display: block;
  max-width: 67%;
}
.talkCnt__list > li > a .text,
.talkCnt__list > li > span .text {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  line-height: 1.2;
}
.talkCnt__list > li > a .text .section,
.talkCnt__list > li > span .text .section {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  font-size: 2.5rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.talkCnt__list > li > a .text .name,
.talkCnt__list > li > span .text .name {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  font-size: 3rem;
}
.talkCnt__list > li > a .text .year,
.talkCnt__list > li > span .text .year {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  font-size: 1.4rem;
}
.talkCnt__list > li > a:hover .image .bg,
.talkCnt__list > li > span:hover .image .bg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .talkCnt {
    margin-top: 3rem;
    margin-bottom: 8rem;
    padding: 0 2.5rem;
  }
  .talkCnt .lead {
    font-size: 1.5rem;
    margin-bottom: 3.5rem;
    text-align: left !important;
  }
  .talkCnt__list {
    margin: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .talkCnt__list > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 0 0 3rem;
  }
  .talkCnt__list > li > a .image,
  .talkCnt__list > li > span .image {
    border-radius: 1.5rem;
  }
  .talkCnt__list > li > a .text,
  .talkCnt__list > li > span .text {
    margin-top: 1.5rem;
  }
  .talkCnt__list > li > a .text .section,
  .talkCnt__list > li > span .text .section {
    font-size: 2.1rem;
  }
  .talkCnt__list > li > a .text .name,
  .talkCnt__list > li > span .text .name {
    font-size: 2.6rem;
  }
  .talkCnt__list > li > a .text .year,
  .talkCnt__list > li > span .text .year {
    font-size: 1.4rem;
    padding-left: 1.5rem;
  }
  .talkCnt__list > li > a:hover .image .bg,
  .talkCnt__list > li > span:hover .image .bg {
    -webkit-transform: none;
            transform: none;
  }
}

body.challenge {
  background: url(../img/special/challenge-bg.png) center top/100% auto repeat-y;
}

.cntMvChallenge {
  margin: 12rem 0 6rem;
  background: url(../img/special/mv-challange-bg.jpg) center center/100% 100% no-repeat;
  aspect-ratio: 1366/620;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: 2s "specialOpen" both;
          animation: 2s "specialOpen" both;
}
.cntMvChallenge .text {
  font-size: 1.7rem;
  line-height: 2;
  max-width: 63.5rem;
  background: #fff;
  border-top-left-radius: 7rem;
  border-bottom-right-radius: 7rem;
  padding: 5rem;
  -webkit-animation: 1.5s 0.5s "specialOpen2" both;
          animation: 1.5s 0.5s "specialOpen2" both;
}
.cntMvChallenge .text h1 {
  max-width: 51.4rem;
  display: block;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .cntMvChallenge {
    margin: 6rem 0 0rem;
    aspect-ratio: none;
    padding: 3rem 2.5rem;
  }
  .cntMvChallenge .text {
    font-size: 1.5rem;
    border-top-left-radius: 3.5rem;
    border-bottom-right-radius: 3.5rem;
    padding: 3rem;
    line-height: 1.8;
  }
  .cntMvChallenge .text h1 {
    margin-bottom: 2rem;
  }
}

.challengeCnt__blc {
  margin: 13rem 0;
  font-size: 1.6rem;
  line-height: 2;
}
.challengeCnt .block__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.challengeCnt .block__title:hover .title__button span:before, .challengeCnt .block__title:hover .title__button span:after {
  color: #fff;
}
.challengeCnt .block__title:hover .title__button span:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.challengeCnt .block__title:hover .image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.challengeCnt .block__title .image {
  -ms-flex-preferred-size: 76%;
      flex-basis: 76%;
  max-width: 76%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 3rem;
}
.challengeCnt .block__title .image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.challengeCnt .block__title .title {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
  position: relative;
  z-index: 1;
}
.challengeCnt .block__title .title__num {
  color: #fff;
  border-radius: 1rem;
  width: 7rem;
  height: 7rem;
  font-size: 3.7rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.challengeCnt .block__title .title h2 {
  display: inline-block;
  background: #fff;
  font-size: 4.8rem;
  border-radius: 1rem;
  padding: 2rem;
  line-height: 1;
  white-space: nowrap;
}
.challengeCnt .block__title .title .title__button {
  width: 21rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2rem;
  background: #fff;
  border-radius: 10em;
  margin-top: 3rem;
  font-size: 1.4rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.challengeCnt .block__title .title .title__button:before {
  content: "READ MORE";
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}
.challengeCnt .block__title .title .title__button span {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.challengeCnt .block__title .title .title__button span:before, .challengeCnt .block__title .title .title__button span:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.challengeCnt .block__title .title .title__button span:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.challengeCnt .block__title .title .in {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.challengeCnt .block__title.active .title .title__button:before {
  content: "CLOSE";
}
.challengeCnt .block__title.active .title .title__button span:before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.challengeCnt .block__text {
  padding-top: 5rem;
  display: none;
}
.challengeCnt .block__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5rem;
  padding: 5rem 8rem;
  display: flex;
  background: #fff;
  border-radius: 4.5rem;
}
.challengeCnt .block__column .left {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
}
.challengeCnt .block__column .left h3 {
  font-size: 2.4rem;
  line-height: 1.6;
}
.challengeCnt .block__column .left h3:before {
  font-size: 1.6rem;
  content: "INTERVIEW";
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  display: block;
  margin-bottom: 1rem;
}
.challengeCnt .block__column .left .personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3rem 0;
}
.challengeCnt .block__column .left .personal h4 {
  padding-right: 3rem;
  margin-right: 2rem;
  font-size: 3rem;
  border-right: 1px solid #000;
}
.challengeCnt .block__column .right {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  max-width: 60%;
  padding-left: 5rem;
}
.challengeCnt .block--1 .title__num {
  background: #3c8cdc;
}
.challengeCnt .block--1 .title__button span:before,
.challengeCnt .block--1 .title__button span:after {
  background: #3c8cdc;
}
.challengeCnt .block--1 .block__title:hover .title__button {
  background: #3c8cdc;
  color: #fff;
}
.challengeCnt .block--1 .block__title:hover .title__button span:before, .challengeCnt .block--1 .block__title:hover .title__button span:after {
  background: #fff;
}
.challengeCnt .block--1 .block__column .left h3:before {
  color: #3c8cdc;
}
.challengeCnt .block--2 .block__title .title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.challengeCnt .block--2 .block__title .title .in {
  left: -10rem;
}
.challengeCnt .block--2 .block__title .image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.challengeCnt .block--2 .title__num {
  background: #ebb400;
}
.challengeCnt .block--2 .title__button span:before,
.challengeCnt .block--2 .title__button span:after {
  background: #ebb400;
}
.challengeCnt .block--2 .block__title:hover .title__button {
  background: #ebb400;
  color: #fff;
}
.challengeCnt .block--2 .block__title:hover .title__button span:before, .challengeCnt .block--2 .block__title:hover .title__button span:after {
  background: #fff;
}
.challengeCnt .block--2 .block__column .left h3:before {
  color: #ebb400;
}
.challengeCnt .block--3 .title__num {
  background: #00b9d7;
}
.challengeCnt .block--3 .title__button span:before,
.challengeCnt .block--3 .title__button span:after {
  background: #00b9d7;
}
.challengeCnt .block--3 .block__title:hover .title__button {
  background: #00b9d7;
  color: #fff;
}
.challengeCnt .block--3 .block__title:hover .title__button span:before, .challengeCnt .block--3 .block__title:hover .title__button span:after {
  background: #fff;
}
.challengeCnt .block--3 .block__column .left h3:before {
  color: #00b9d7;
}
.challengeCnt .block--4 .block__title .title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.challengeCnt .block--4 .block__title .title .in {
  left: -10rem;
}
.challengeCnt .block--4 .block__title .image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.challengeCnt .block--4 .title__num {
  background: #b464d2;
}
.challengeCnt .block--4 .title__button span:before,
.challengeCnt .block--4 .title__button span:after {
  background: #b464d2;
}
.challengeCnt .block--4 .block__title:hover .title__button {
  background: #b464d2;
  color: #fff;
}
.challengeCnt .block--4 .block__title:hover .title__button span:before, .challengeCnt .block--4 .block__title:hover .title__button span:after {
  background: #fff;
}
.challengeCnt .block--4 .block__column .left h3:before {
  color: #b464d2;
}
.challengeCnt .block--5 .title__num {
  background: #00af82;
}
.challengeCnt .block--5 .title__button span:before,
.challengeCnt .block--5 .title__button span:after {
  background: #00af82;
}
.challengeCnt .block--5 .block__title:hover .title__button {
  background: #00af82;
  color: #fff;
}
.challengeCnt .block--5 .block__title:hover .title__button span:before, .challengeCnt .block--5 .block__title:hover .title__button span:after {
  background: #fff;
}
.challengeCnt .block--5 .block__column .left h3:before {
  color: #00af82;
}
@media screen and (max-width: 768px) {
  .challengeCnt__blc {
    margin: 5rem 0;
    font-size: 1.5rem;
    padding: 0 5vw;
    padding: 0 2.5rem;
  }
  .challengeCnt .block:hover .image img {
    -webkit-transform: none;
            transform: none;
  }
  .challengeCnt .block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    padding-bottom: 8rem;
  }
  .challengeCnt .block__title .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .challengeCnt .block__title .image img {
    border-radius: 2rem;
  }
  .challengeCnt .block__title .title {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    position: static;
    margin-bottom: 1rem;
  }
  .challengeCnt .block__title .title__num {
    border-radius: 1rem;
    width: 4.5rem;
    height: 4.5rem;
    font-size: 2.2rem;
  }
  .challengeCnt .block__title .title h2 {
    font-size: 2.9rem;
    border-radius: 1rem;
    padding: 1.5rem;
  }
  .challengeCnt .block__title .title .title__button {
    width: 100%;
    position: absolute;
    top: 82vw;
    left: 0;
    margin-top: 0;
  }
  .challengeCnt .block__title .title .in {
    position: static;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .challengeCnt .block__text {
    padding-top: 2rem;
    display: none;
  }
  .challengeCnt .block__text .lead {
    text-align: left;
  }
  .challengeCnt .block__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 3rem;
    padding: 3rem 2rem;
    border-radius: 2.5rem;
  }
  .challengeCnt .block__column .left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .challengeCnt .block__column .left h3 {
    font-size: 1.8rem;
  }
  .challengeCnt .block__column .left h3:before {
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
  }
  .challengeCnt .block__column .left .personal {
    margin: 2rem 0;
    font-size: 1.2rem;
  }
  .challengeCnt .block__column .left .personal h4 {
    padding-right: 3rem;
    margin-right: 2rem;
    font-size: 2.1rem;
  }
  .challengeCnt .block__column .left .image {
    margin-bottom: 3rem;
  }
  .challengeCnt .block__column .right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding-left: 0rem;
  }
  .challengeCnt .block__column .right p + p {
    margin-top: 2em;
  }
  .challengeCnt .block--1 .title__num {
    background: #3c8cdc;
  }
  .challengeCnt .block--1 .title__button span:before,
  .challengeCnt .block--1 .title__button span:after {
    background: #3c8cdc;
  }
  .challengeCnt .block--1 .block__title:hover .title__button {
    background: #fff;
    color: #000;
  }
  .challengeCnt .block--1 .block__title:hover .title__button span:before, .challengeCnt .block--1 .block__title:hover .title__button span:after {
    background: #3c8cdc;
  }
  .challengeCnt .block--1 .block__title.active .title__button {
    background: #3c8cdc;
    color: #fff;
  }
  .challengeCnt .block--1 .block__title.active .title__button span:before, .challengeCnt .block--1 .block__title.active .title__button span:after {
    background: #fff;
  }
  .challengeCnt .block--1 .block__column .left h3:before {
    color: #3c8cdc;
  }
  .challengeCnt .block--2 .block__title .title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .challengeCnt .block--2 .block__title .title .in {
    left: -10rem;
  }
  .challengeCnt .block--2 .block__title .image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .challengeCnt .block--2 .title__num {
    background: #ebb400;
  }
  .challengeCnt .block--2 .title__button span:before,
  .challengeCnt .block--2 .title__button span:after {
    background: #ebb400;
  }
  .challengeCnt .block--2 .block__title:hover .title__button {
    background: #fff;
    color: #000;
  }
  .challengeCnt .block--2 .block__title:hover .title__button span:before, .challengeCnt .block--2 .block__title:hover .title__button span:after {
    background: #ebb400;
  }
  .challengeCnt .block--2 .block__title.active .title__button {
    background: #ebb400;
    color: #fff;
  }
  .challengeCnt .block--2 .block__title.active .title__button span:before, .challengeCnt .block--2 .block__title.active .title__button span:after {
    background: #fff;
  }
  .challengeCnt .block--2 .block__column .left h3:before {
    color: #ebb400;
  }
  .challengeCnt .block--3 .title__num {
    background: #00b9d7;
  }
  .challengeCnt .block--3 .title__button span:before,
  .challengeCnt .block--3 .title__button span:after {
    background: #00b9d7;
  }
  .challengeCnt .block--3 .block__title:hover .title__button {
    background: #fff;
    color: #000;
  }
  .challengeCnt .block--3 .block__title:hover .title__button span:before, .challengeCnt .block--3 .block__title:hover .title__button span:after {
    background: #00b9d7;
  }
  .challengeCnt .block--3 .block__title.active .title__button {
    background: #00b9d7;
    color: #fff;
  }
  .challengeCnt .block--3 .block__title.active .title__button span:before, .challengeCnt .block--3 .block__title.active .title__button span:after {
    background: #fff;
  }
  .challengeCnt .block--3 .block__column .left h3:before {
    color: #00b9d7;
  }
  .challengeCnt .block--4 .block__title .title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .challengeCnt .block--4 .block__title .title .in {
    left: -10rem;
  }
  .challengeCnt .block--4 .block__title .image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .challengeCnt .block--4 .title__num {
    background: #b464d2;
  }
  .challengeCnt .block--4 .title__button span:before,
  .challengeCnt .block--4 .title__button span:after {
    background: #b464d2;
  }
  .challengeCnt .block--4 .block__title:hover .title__button {
    background: #fff;
    color: #000;
  }
  .challengeCnt .block--4 .block__title:hover .title__button span:before, .challengeCnt .block--4 .block__title:hover .title__button span:after {
    background: #b464d2;
  }
  .challengeCnt .block--4 .block__title.active .title__button {
    background: #b464d2;
    color: #fff;
  }
  .challengeCnt .block--4 .block__title.active .title__button span:before, .challengeCnt .block--4 .block__title.active .title__button span:after {
    background: #fff;
  }
  .challengeCnt .block--4 .block__column .left h3:before {
    color: #b464d2;
  }
  .challengeCnt .block--5 .title__num {
    background: #00af82;
  }
  .challengeCnt .block--5 .title__button span:before,
  .challengeCnt .block--5 .title__button span:after {
    background: #00af82;
  }
  .challengeCnt .block--5 .block__title:hover .title__button {
    background: #fff;
    color: #000;
  }
  .challengeCnt .block--5 .block__title:hover .title__button span:before, .challengeCnt .block--5 .block__title:hover .title__button span:after {
    background: #00af82;
  }
  .challengeCnt .block--5 .block__title.active .title__button {
    background: #00af82;
    color: #fff;
  }
  .challengeCnt .block--5 .block__title.active .title__button span:before, .challengeCnt .block--5 .block__title.active .title__button span:after {
    background: #fff;
  }
  .challengeCnt .block--5 .block__column .left h3:before {
    color: #00af82;
  }
}

/* 
end _special.scss
*/
/* 
start _culture.scss
*/
.cultureCnt {
  margin-top: 14rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
  line-height: 2;
}
.cultureCnt__blc {
  margin-bottom: 10rem;
}
.cultureCnt__voice {
  background: #fff;
  border-radius: 2.5rem;
  padding: 4rem 3rem 2rem 3rem;
  margin-top: 5rem;
}
.cultureCnt__voice .voice__title {
  font-size: 2rem;
  color: #E54605;
  line-height: 1;
}
.cultureCnt__voice .voice {
  padding: 4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cultureCnt__voice .voice .image {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
  font-size: 1.4rem;
}
.cultureCnt__voice .voice .image .name {
  font-size: 2.2rem;
  margin-top: 1.5rem;
  line-height: 1.5;
}
.cultureCnt__voice .voice .text {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  max-width: 65%;
  font-size: 1.5rem;
  padding-left: 3rem;
}
.cultureCnt__voice .voice .text h3 {
  font-size: 1.8rem;
  margin-bottom: 1em;
}
.cultureCnt__voice .voice + .voice {
  border-top: 1px solid #a0a0a0;
}
@media screen and (max-width: 768px) {
  .cultureCnt {
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-size: 1.5rem;
    line-height: 2;
  }
  .cultureCnt__blc {
    margin: 5rem 0;
    padding: 0 2.5rem;
  }
  .cultureCnt__voice {
    border-radius: 2rem;
    padding: 3rem 2rem 2rem;
    margin-top: 5rem;
  }
  .cultureCnt__voice .voice__title {
    font-size: 2rem;
    color: #E54605;
    line-height: 1;
  }
  .cultureCnt__voice .voice {
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cultureCnt__voice .voice .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
  }
  .cultureCnt__voice .voice .image .name {
    font-size: 2.1rem;
    line-height: 1.5;
    margin-top: 0;
  }
  .cultureCnt__voice .voice .image dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.5rem;
  }
  .cultureCnt__voice .voice .image dl dt {
    padding-right: 1em;
  }
  .cultureCnt__voice .voice .image dl dd {
    padding-left: 1em;
    line-height: 1.5;
    position: relative;
  }
  .cultureCnt__voice .voice .image dl dd:before {
    content: "";
    width: 1px;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 0;
    display: block;
    background: #000;
  }
  .cultureCnt__voice .voice .text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    font-size: 1.5rem;
    padding-left: 0rem;
  }
  .cultureCnt__voice .voice .text h3 {
    font-size: 1.8rem;
    margin-bottom: 1em;
  }
  .cultureCnt__voice .voice + .voice {
    border-top: none;
  }
}

/* 
end _culture.scss
*/
/* 
start _career.scss
*/
.careerCnt {
  margin-top: 14rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
  line-height: 2;
}
.careerCnt__blc {
  margin-bottom: 10rem;
}
.careerCnt__titleblock {
  position: relative;
  margin-bottom: 6rem;
}
.careerCnt__titleblock:after {
  content: attr(data-en);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #E54605;
  line-height: 1;
  font-size: 6.5rem;
  position: absolute;
  bottom: -2.5rem;
  right: 1rem;
}
.careerCnt__titleblock .in {
  overflow: hidden;
  background: #fff;
  border-radius: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.careerCnt__titleblock .text {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  max-width: 45%;
  padding: 0 3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.careerCnt__titleblock .text h2 {
  font-size: 5.6rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}
.careerCnt__titleblock .text h2:before {
  content: "INTERVIEW";
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #E54605;
  display: block;
  font-size: 1.8rem;
}
.careerCnt__titleblock .text dl dd {
  font-size: 1.4rem;
}
.careerCnt__titleblock .text dl dt {
  font-size: 3rem;
}
.careerCnt__titleblock .image {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
}
.careerCnt__title {
  font-size: 2.4rem;
  line-height: 1.8;
  padding-left: 1em;
  margin: 6rem 0 3rem;
  position: relative;
}
.careerCnt__title:before {
  content: "";
  height: calc(100% - 0.8em);
  width: 0.7rem;
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  background: #E54605;
}
.careerCnt__figure1 {
  max-width: 58rem;
  margin: 3rem auto;
}
.careerCnt__figure2 {
  margin: 3rem auto;
}
.careerCnt__figure2 p {
  font-size: 1.9rem;
  margin-bottom: 2rem;
}
.careerCnt__table1 .th {
  font-size: 1.4rem;
}
.careerCnt__table1 .th span {
  font-size: 2.2rem;
  line-height: 1.2;
}
.careerCnt__table1 td ul > li {
  text-indent: -1em;
  margin-left: 1em;
}
.careerCnt__table1 .lead {
  font-size: 1.9rem;
}
.careerCnt__block {
  margin: 3rem 0 5rem;
}
.careerCnt__block .block__title {
  font-size: 2.2rem;
}
.careerCnt__block .block__title sub,
.careerCnt__block .block__title sup {
  font-size: 0.5em;
}
.careerCnt__block .block__title .cap {
  font-size: 1.3rem;
  margin-top: 0rem;
  line-height: 1.5;
  display: block;
}
.careerCnt__block .block__title2 {
  font-size: 1.7rem;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.careerCnt__block .block__title2:after {
  width: 100%;
  content: "";
  height: 1px;
  display: block;
  background: #000;
}
.careerCnt__block .blocklist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
}
.careerCnt__block .blocklist + .blocklist {
  margin: 3em 0;
}
.careerCnt__block .blocklist .image {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.careerCnt__block .blocklist .text h4 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  line-height: 1.8;
}
.careerCnt__block .blocklist .image + .text {
  padding-left: 3rem;
}
.careerCnt__block .blocklist + .block__title2 {
  margin-top: 4rem;
}
.careerCnt__block .blockcolumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 4rem -2rem;
}
.careerCnt__block .blockcolumn > * {
  padding: 0 2rem;
  font-size: 1.5rem;
}
.careerCnt__block .blockcolumn > * h4 {
  text-align: center;
  font-size: 1.7rem;
  margin-bottom: 1rem;
}
.careerCnt__block .blockcolumn > * h4 > span {
  display: inline-block;
  border-radius: 10em;
  color: #fff;
  background: #000;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0.5rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .careerCnt {
    margin-top: 5rem;
    margin-bottom: 4rem;
    font-size: 1.5rem;
    line-height: 2;
  }
  .careerCnt__blc {
    margin: 5rem 0;
    padding: 0 2.5rem;
  }
  .careerCnt__titleblock {
    position: relative;
    margin-bottom: 3rem;
  }
  .careerCnt__titleblock:after {
    font-size: 3.2rem;
    position: absolute;
    top: 19.5rem;
    bottom: auto;
    right: 1rem;
  }
  .careerCnt__titleblock .in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .careerCnt__titleblock .text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 2rem 2rem 2rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .careerCnt__titleblock .text h2 {
    font-size: 2.7rem;
    line-height: 1.2;
    margin-bottom: 1rem;
  }
  .careerCnt__titleblock .text h2:before {
    font-size: 1.2rem;
  }
  .careerCnt__titleblock .text dl {
    line-height: 1.5;
  }
  .careerCnt__titleblock .text dl dd {
    font-size: 1.2rem;
  }
  .careerCnt__titleblock .text dl dt {
    font-size: 2.1rem;
  }
  .careerCnt__titleblock .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .careerCnt__titleblock .image img {
    width: 100%;
    height: 21rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
  }
  .careerCnt__title {
    font-size: 1.9rem;
    line-height: 1.7;
    padding-left: 1em;
    margin: 4rem 0 2rem;
    position: relative;
  }
  .careerCnt__title:before {
    content: "";
    height: calc(100% - 0.8em);
    width: 0.6rem;
    display: block;
    position: absolute;
    top: 0.4em;
    left: 0;
    background: #E54605;
  }
  .careerCnt__figure1 {
    max-width: 58rem;
    margin: 2rem auto;
  }
  .careerCnt__figure2 {
    margin: 2rem auto;
  }
  .careerCnt__figure2 p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .careerCnt .table__wrapper {
    margin-right: -2.5rem;
  }
  .careerCnt__figure3 {
    width: 200vw;
    max-width: none;
  }
  .careerCnt__table1 tr {
    display: block;
  }
  .careerCnt__table1 .th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 1rem;
    font-size: 1.4rem;
  }
  .careerCnt__table1 .th span {
    font-size: 2rem;
    line-height: 1.2;
    margin-right: 1rem;
  }
  .careerCnt__table1 td {
    padding-left: 0;
    padding-top: 0;
  }
  .careerCnt__table1 .lead {
    font-size: 1.4rem;
  }
  .careerCnt__block {
    margin: 3rem 0 5rem;
  }
  .careerCnt__block .block__title {
    font-size: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
  }
  .careerCnt__block .block__title .cap {
    font-size: 1.2rem;
  }
  .careerCnt__block .block__title2 {
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: inline-block;
  }
  .careerCnt__block .blocklist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 1.5rem;
  }
  .careerCnt__block .blocklist + .blocklist {
    margin: 3em 0;
  }
  .careerCnt__block .blocklist .image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .careerCnt__block .blocklist .text h4 {
    font-size: 1.6rem;
  }
  .careerCnt__block .blocklist .image + .text {
    margin-top: 1rem;
    padding-left: 0rem;
  }
  .careerCnt__block .blocklist + .block__title2 {
    margin-top: 3rem;
  }
  .careerCnt__block .blockcolumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 4rem 0;
  }
  .careerCnt__block .blockcolumn > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    margin: 2rem 0;
    font-size: 1.5rem;
  }
  .careerCnt__block .blockcolumn > * h4 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .careerCnt__block .blockcolumn > * h4 > span {
    display: inline-block;
    border-radius: 10em;
    color: #fff;
    background: #000;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0.5rem 1.5rem;
  }
}

/* 
end _career.scss
*/
/* 
start _recruit.scss
*/
.cntMvRecruit {
  max-width: 94vw;
  aspect-ratio: 1286/350;
  background: url(../img/recruit/mv-recruit.jpg) center center/cover no-repeat;
  border-radius: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 11rem auto 0;
}
.cntMvRecruit h1 {
  font-size: 3rem;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.cntMvRecruit h1:before {
  content: attr(data-en);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 7rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 768px) {
  .cntMvRecruit {
    max-width: 94vw;
    aspect-ratio: 1286/650;
    border-radius: 2rem;
    margin: 0rem auto 0;
    background: url(../img/recruit/mv-recruit.jpg) center 10%/cover no-repeat;
  }
  .cntMvRecruit h1 {
    font-size: 2rem;
  }
  .cntMvRecruit h1:before {
    font-size: 4.5rem;
    margin-bottom: 1rem;
    letter-spacing: 0.025em;
  }
}

.recruitCnt {
  margin-top: 10rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
  line-height: 2;
}
.recruitCnt__blc {
  margin-bottom: 10rem;
}
.recruitCnt__blc a {
  border-bottom: 1px solid #000;
}
.recruitCnt__flow {
  margin-bottom: 1rem;
}
.recruitCnt__flow > li {
  background: #fff;
  padding: 1rem 2rem;
  border-radius: 1rem;
  position: relative;
}
.recruitCnt__flow > li:not(:last-child) {
  margin-bottom: 3rem;
}
.recruitCnt__flow > li:not(:last-child):after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 13px solid #E54605;
  border-bottom: 0;
  position: absolute;
  left: 3rem;
  bottom: -2rem;
}
.recruitCnt .caption {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .recruitCnt {
    margin-top: 5rem;
    margin-bottom: 4rem;
    font-size: 1.5rem;
    line-height: 2;
    padding: 0 2.5rem;
  }
  .recruitCnt__blc {
    margin: 5rem 0;
  }
  .recruitCnt__blc a {
    border-bottom: 1px solid #000;
  }
  .recruitCnt__nav {
    padding: 0;
  }
  .recruitCnt__flow {
    margin-bottom: 1rem;
  }
  .recruitCnt__flow > li:not(:last-child) {
    margin-bottom: 3rem;
  }
  .recruitCnt__flow > li:not(:last-child):after {
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 13px solid #E54605;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    bottom: -2rem;
  }
  .recruitCnt .caption {
    font-size: 1.2rem;
  }
}

/* 
end _recruit.scss
*/