@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Master Style CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* ---------------------------------------------------------------------------
BEM記述方法のマニュアル的なもの
https://qiita.com/Takuan_Oishii/items/0f0d2c5dc33a9b2d9cb1

フォントサイズの単位は、pxではなく、remを使ってください。
--------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Noto+Sans+JP:wght@400;700;900&family=Roboto:wght@100;500;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;400;900&family=Noto+Sans+JP:wght@400;700;900&family=Noto+Serif+JP:wght@300&display=swap");
@import url(./plugins/slick.css);
@import url(./plugins/slick-theme.css);
@import url(./plugins/simplebar.min.css);
@use 'sass:math';
/* CSS Import */
/* Settings */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Variables - グローバル変数の定義
-------------------------------------------- */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

FUNCTIONS CSS function & mixin

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Responsive
-------------------------------------------- */
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Common CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Common
-------------------------------------------- */
/* Fonts
[ Noto Sans JP ]
weights : 400 , 700 , 900

[ Lato ]
weights : 100 , 400 , 900
*/
.common__ttl, .reason__popup-ui-current, .reason__popup-ui-total, .keywords__popup-ui-current, .keywords__popup-ui-total {
  font-family: 'Lato', sans-serif;
  font-weight: 900; }

.f-nav-action__link {
  display: block;
  position: relative;
  width: 100%;
  max-width: 220px;
  color: #000;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 21px 80px 21px 20px;
  margin: 0 auto;
  background: #ED1450;
  transition: background .3s ease-in-out; }
  @media (max-width: 600px) {
    .f-nav-action__link {
      padding: 16px 80px 16px 20px; } }
  .f-nav-action__link::before, .f-nav-action__link::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    height: 11px;
    margin: -6px 0 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .f-nav-action__link::after {
    right: 60px;
    width: 0;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }

.f-nav-action__link:hover {
  background: #FFF; }
  .f-nav-action__link:hover::before {
    width: 0;
    transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .f-nav-action__link:hover::after {
    right: 20px;
    width: 40px;
    transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }

.common-link, .footer__nav-link, .common-link--block {
  color: #ED1450;
  opacity: 1;
  transition: opacity .4s;
  border-bottom: #ED1450 solid 1px; }

.common-link--block {
  display: table; }
  .common-link--block:hover {
    opacity: .7; }
.common-link:hover, .footer__nav-link:hover {
  opacity: .7; }

.a-slicetext2 span {
  display: inline-block;
  transition: all 0.6s ease;
  transform: translate(0, 100%);
  position: relative;
  z-index: 1;
  opacity: 0; }
  .a-slicetext2 span.row {
    overflow: hidden;
    line-height: 1.2;
    display: block;
    transform: none;
    opacity: 1; }
  .a-slicetext2 span:nth-child(1) {
    transition: opacity 0.4s 0.4806962912s ease-in-out, transform 0.4s 0.4806962912s ease-in-out; }
  .a-slicetext2 span:nth-child(2) {
    transition: opacity 0.4s 0.360210188s ease-in-out, transform 0.4s 0.360210188s ease-in-out; }
  .a-slicetext2 span:nth-child(3) {
    transition: opacity 0.4s 0.3365690524s ease-in-out, transform 0.4s 0.3365690524s ease-in-out; }
  .a-slicetext2 span:nth-child(4) {
    transition: opacity 0.4s 0.2829944283s ease-in-out, transform 0.4s 0.2829944283s ease-in-out; }
  .a-slicetext2 span:nth-child(5) {
    transition: opacity 0.4s 0.0649125231s ease-in-out, transform 0.4s 0.0649125231s ease-in-out; }
  .a-slicetext2 span:nth-child(6) {
    transition: opacity 0.4s 0.4965306052s ease-in-out, transform 0.4s 0.4965306052s ease-in-out; }
  .a-slicetext2 span:nth-child(7) {
    transition: opacity 0.4s 0.0103162363s ease-in-out, transform 0.4s 0.0103162363s ease-in-out; }
  .a-slicetext2 span:nth-child(8) {
    transition: opacity 0.4s 0.4852941779s ease-in-out, transform 0.4s 0.4852941779s ease-in-out; }
  .a-slicetext2 span:nth-child(9) {
    transition: opacity 0.4s 0.055073108s ease-in-out, transform 0.4s 0.055073108s ease-in-out; }
  .a-slicetext2 span:nth-child(10) {
    transition: opacity 0.4s 0.2193964213s ease-in-out, transform 0.4s 0.2193964213s ease-in-out; }
  .a-slicetext2 span:nth-child(11) {
    transition: opacity 0.4s 0.028246182s ease-in-out, transform 0.4s 0.028246182s ease-in-out; }
  .a-slicetext2 span:nth-child(12) {
    transition: opacity 0.4s 0.0084433652s ease-in-out, transform 0.4s 0.0084433652s ease-in-out; }
  .a-slicetext2 span:nth-child(13) {
    transition: opacity 0.4s 0.283432271s ease-in-out, transform 0.4s 0.283432271s ease-in-out; }
  .a-slicetext2 span:nth-child(14) {
    transition: opacity 0.4s 0.3420472766s ease-in-out, transform 0.4s 0.3420472766s ease-in-out; }
  .a-slicetext2 span:nth-child(15) {
    transition: opacity 0.4s 0.4811396188s ease-in-out, transform 0.4s 0.4811396188s ease-in-out; }
  .a-slicetext2 span:nth-child(16) {
    transition: opacity 0.4s 0.0837122914s ease-in-out, transform 0.4s 0.0837122914s ease-in-out; }
  .js-anim-init .a-slicetext2 span {
    transform: translate(0, 0);
    opacity: 1; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Reset CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
:root {
  font-size: 10px; }

html {
  width: 100%;
  color: #000;
  scroll-behavior: smooth; }

body {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  text-align: justify;
  letter-spacing: .05em;
  font-feature-settings: "palt";
  width: 100%;
  background: #FFF; }
  body.bg-no {
    background: #F8F8F8; }
    body.bg-no .wrapper, body.bg-no .container {
      background: #F8F8F8; }
  body.bg-white {
    background: #FFF; }

body > img,
body > noscript > img,
body > iframe {
  display: none; }

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,
figure, address, label {
  margin: 0;
  padding: 0;
  word-break: break-word;
  -webkit-overflow-scrolling: touch; }

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

table br {
  display: none !important; }

table th br,
table td br {
  display: inline !important; }

fieldset,
img {
  border: 0; }

*,
::before,
::after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

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

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: sub;
  font-size: 80%; }

input[type=tel],
input[type=text],
input[type=file],
input[type=email],
input[type=reset],
input[type=image],
input[type=button],
input[type=submit],
input[type=number],
input[type=password],
textarea, select, optgroup {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

input {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  outline: none; }

select {
  outline: none;
  color: #000;
  text-overflow: '';
  text-indent: .01rem;
  vertical-align: middle;
  padding: 10px;
  padding-right: 31px !important;
  border: #DDD 1px solid;
  outline: none;
  background: #FFF url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C0V1H1V0ZM1%2C1V2H2V1ZM2%2C2V3H3V2ZM3%2C3V4H4V3ZM4%2C4V5H5V4ZM5%2C5V6H6V5ZM6%2C6V7H7V6ZM7%2C7V8H8V7ZM8%2C8V9H9V8ZM9%2C9v1h1V9Zm1%2C1v1h1V10Zm1%2C2h1V11H11ZM22%2C0V1h1V0ZM21%2C2h1V1H21ZM20%2C3h1V2H20ZM19%2C4h1V3H19ZM18%2C5h1V4H18ZM17%2C6h1V5H17ZM16%2C7h1V6H16ZM15%2C8h1V7H15ZM14%2C9h1V8H14Zm-1%2C1h1V9H13Zm-1%2C1h1V10H12Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right 10px; }
  select optgroup, select option {
    color: #000;
    outline: none; }
  select::-ms-expand {
    display: none; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

textarea {
  resize: vertical; }

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

img, svg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  height: auto; }

/* clearfix */
.clearfix {
  min-height: 1px; }
  .clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden; }

.js-tab-content {
  display: none; }
  .js-tab-content.js-active {
    display: block; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  cursor: pointer;
  color: #000; }

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

#fb-root {
  display: none; }

/* Plugins */
/* Pages */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

br CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media (max-width: 900px) {
  .br__pc {
    display: none; } }
.br__pc-under {
  display: none; }
  @media (max-width: 1280px) {
    .br__pc-under {
      display: block; } }
@media (max-width: 600px) {
  .br__pc-tb {
    display: none; } }
@media (max-width: 900px) {
  .br__pc-sp {
    display: none; } }
@media (max-width: 600px) {
  .br__pc-sp {
    display: block; } }
.br__tb {
  display: none; }
  @media (max-width: 900px) {
    .br__tb {
      display: block; } }
  @media (max-width: 600px) {
    .br__tb {
      display: none; } }
.br__tb-sp {
  display: none; }
  @media (max-width: 900px) {
    .br__tb-sp {
      display: block; } }
.br__sp {
  display: none; }
  @media (max-width: 600px) {
    .br__sp {
      display: block; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common__ttl {
  margin-top: 100px;
  font-weight: 400;
  font-size: 10rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center; }
  @media (max-width: 1280px) {
    .common__ttl {
      font-size: 8rem; } }
  @media (max-width: 900px) {
    .common__ttl {
      margin-top: 10vw;
      font-size: 6rem; } }
  @media (max-width: 600px) {
    .common__ttl {
      margin-top: 15vw;
      font-size: 8vw; } }
.common__ttl-sub {
  display: block;
  margin-top: 20px;
  color: #ED1450;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
  @media (max-width: 900px) {
    .common__ttl-sub {
      margin-top: 2vw;
      font-size: 1.6rem; } }
  @media (max-width: 600px) {
    .common__ttl-sub {
      margin-top: 3vw;
      font-size: 3.2vw; } }
  .common__ttl-sub.js-anim-init {
    opacity: 1;
    transform: translateY(0); }
.common__btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px;
  max-width: 240px;
  color: #000;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  border: 2px solid #000; }
  .common__btn::before, .common__btn::after {
    content: "";
    display: block;
    width: 38px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .common__btn::after {
    right: 58px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23ED1450%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  @media (max-width: 600px) {
    .common__btn {
      max-width: 200px;
      padding: 12px 15px; } }
.common__btn--w, .home-works__hero-btn, .home-office__btn-w {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px;
  max-width: 240px;
  color: #FFF;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  border: 2px solid #FFF; }
  .common__btn--w::before, .home-works__hero-btn::before, .home-office__btn-w::before, .common__btn--w::after, .home-works__hero-btn::after, .home-office__btn-w::after {
    content: "";
    display: block;
    width: 38px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .common__btn--w::after, .home-works__hero-btn::after, .home-office__btn-w::after {
    right: 58px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23ED1450%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  @media (max-width: 600px) {
    .common__btn--w, .home-works__hero-btn, .home-office__btn-w {
      max-width: 200px;
      padding: 12px 15px; } }
.common__btn--noLine, .common__smenu-ttl, .home-environ__item-btn, .home-info__ttl {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 0;
  max-width: 160px;
  color: #000;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem; }
  .common__btn--noLine::before, .common__smenu-ttl::before, .home-environ__item-btn::before, .home-info__ttl::before, .common__btn--noLine::after, .common__smenu-ttl::after, .home-environ__item-btn::after, .home-info__ttl::after {
    content: "";
    display: block;
    width: 38px;
    height: 15px;
    position: absolute;
    right: 0;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .common__btn--noLine::after, .common__smenu-ttl::after, .home-environ__item-btn::after, .home-info__ttl::after {
    right: 58px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23ED1450%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  @media (max-width: 600px) {
    .common__btn--noLine, .common__smenu-ttl, .home-environ__item-btn, .home-info__ttl {
      max-width: 140px;
      padding: 12px 0; } }
.common__smenu {
  max-width: 1260px;
  margin: 100px auto;
  padding: 0 30px; }
  @media (max-width: 900px) {
    .common__smenu {
      margin: 10vw 0;
      padding: 0 20px; } }
  @media (max-width: 600px) {
    .common__smenu {
      margin: 15vw 0;
      padding: 0 15px; } }
  .common__smenu .common__ttl {
    font-size: 8rem; }
    @media (max-width: 1280px) {
      .common__smenu .common__ttl {
        font-size: 6.4rem; } }
    @media (max-width: 900px) {
      .common__smenu .common__ttl {
        margin-top: 10vw;
        font-size: 4.8rem; } }
    @media (max-width: 600px) {
      .common__smenu .common__ttl {
        margin-top: 15vw;
        font-size: 6.4vw; } }
  .common__smenu .home-works {
    padding: 0; }
  .common__smenu .home-works__hero-ttl {
    font-size: 4.8rem; }
    @media (max-width: 1260px) {
      .common__smenu .home-works__hero-ttl {
        font-size: 4vw; } }
    @media (max-width: 900px) {
      .common__smenu .home-works__hero-ttl {
        font-size: 6vw; } }
    @media (max-width: 600px) {
      .common__smenu .home-works__hero-ttl {
        font-size: 5.8vw; } }
  .common__smenu .home-works__hero-num {
    left: 20px;
    top: 20px;
    font-size: 5.5rem; }
    @media (max-width: 1260px) {
      .common__smenu .home-works__hero-num {
        left: 2vw;
        top: 2vw;
        font-size: 4vw; } }
.common__smenu-cat {
  margin: 100px auto 0; }
  @media (max-width: 900px) {
    .common__smenu-cat {
      margin-top: 10vw; } }
  @media (max-width: 600px) {
    .common__smenu-cat {
      margin-top: 15vw; } }
.common__smenu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px auto 0; }
  @media (max-width: 900px) {
    .common__smenu-list {
      margin: 5vw auto 0; } }
  @media (max-width: 600px) {
    .common__smenu-list {
      margin: 7.5vw auto 0; } }
  .common__smenu-list.js-anim-init .common__smenu-item {
    opacity: 1;
    transform: translateY(0); }
.common__smenu-item {
  width: calc((100% - 60px) / 3);
  background: #FFF;
  border: 1px solid #000;
  opacity: 0;
  transform: translateY(30px); }
  .common__smenu-item:nth-child(n+4) {
    margin-top: 30px; }
  @media (max-width: 1280px) {
    .common__smenu-item {
      width: calc((100% - 30px) / 2); }
      .common__smenu-item:nth-child(n+3) {
        margin-top: 3vw; } }
  @media (max-width: 600px) {
    .common__smenu-item {
      width: 100%; }
      .common__smenu-item:nth-child(n+2) {
        margin-top: 4.5vw; } }
  .common__smenu-item:nth-child(1) {
    transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
  .common__smenu-item:nth-child(2) {
    transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
  .common__smenu-item:nth-child(3) {
    transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
  .common__smenu-item:nth-child(4) {
    transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
  .mynavi .common__smenu-item {
    width: calc((100% - 60px) / 4); }
    @media (max-width: 1280px) {
      .mynavi .common__smenu-item {
        width: calc((100% - 30px) / 2); } }
    @media (max-width: 600px) {
      .mynavi .common__smenu-item {
        width: 100%; } }
.common__smenu-link {
  display: block; }
.common__smenu-banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .common__smenu-banner:hover .common__smenu-img {
    transform: scale(1.1); }
  .common__smenu-banner:hover .common__smenu-ttl {
    color: #ED1450; }
    .common__smenu-banner:hover .common__smenu-ttl::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .common__smenu-banner:hover .common__smenu-ttl::after {
      right: 15px;
      width: 38px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
.common__smenu-imgarea {
  position: relative;
  display: block;
  width: 120px;
  height: 100%;
  overflow: hidden;
  z-index: 1; }
  @media (max-width: 1280px) {
    .common__smenu-imgarea {
      width: 12vw; } }
  @media (max-width: 600px) {
    .common__smenu-imgarea {
      width: 18vw; } }
  .mynavi .common__smenu-imgarea {
    width: 100px; }
    @media (max-width: 1280px) {
      .mynavi .common__smenu-imgarea {
        width: 10vw; } }
    @media (max-width: 600px) {
      .mynavi .common__smenu-imgarea {
        width: 15vw; } }
.common__smenu-img {
  height: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease-in-out; }
.common__smenu-ttl {
  display: flex;
  align-items: center;
  width: calc(100% - 120px);
  max-width: inherit;
  padding: 0 20px;
  font-size: 2.2rem;
  font-weight: bold;
  transition: color .4s ease-in-out; }
  @media (max-width: 1280px) {
    .common__smenu-ttl {
      width: calc(100% - 12vw);
      font-size: 1.8vw; } }
  @media (max-width: 900px) {
    .common__smenu-ttl {
      font-size: 2.8vw; } }
  @media (max-width: 600px) {
    .common__smenu-ttl {
      width: calc(100% - 18vw);
      font-size: 3.2vw; } }
  .common__smenu-ttl::before, .common__smenu-ttl::after {
    top: auto;
    bottom: 20px;
    transform: none; }
  .common__smenu-ttl::before {
    right: 15px; }
  .mynavi .common__smenu-ttl {
    width: calc(100% - 100px);
    font-size: 1.8rem; }
    .mynavi .common__smenu-ttl::before, .mynavi .common__smenu-ttl::after {
      bottom: 10px; }
      @media (max-width: 1280px) {
        .mynavi .common__smenu-ttl::before, .mynavi .common__smenu-ttl::after {
          bottom: 20px; } }
    @media (max-width: 1280px) {
      .mynavi .common__smenu-ttl {
        width: calc(100% - 10vw); } }
    @media (max-width: 600px) {
      .mynavi .common__smenu-ttl {
        width: calc(100% - 15vw); } }
.common__btn-return {
  display: block;
  max-width: 240px;
  margin: 80px auto 0;
  padding: 6px 0;
  text-align: center;
  border: 1px solid #000;
  opacity: 0;
  transition: opacity 1s ease-in-out; }
  @media (max-width: 900px) {
    .common__btn-return {
      margin-top: 8vw;
      font-size: 1.3rem; } }
  @media (max-width: 1280px) {
    .common__btn-return {
      margin-top: 12vw;
      font-size: 1.2rem; } }
  .common__btn-return.js-anim-init {
    opacity: 1; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

wrapper CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.wrapper {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #FFF; }
  .wrapper__icon-page-top {
    display: block;
    position: fixed;
    top: 50%;
    right: 0;
    width: 29px;
    height: 125px;
    background: url(/assets/img/common/icon-page-top.svg) no-repeat center center/9px auto;
    transform: translateY(-50%);
    transition: opacity .3s ease-in-out;
    z-index: 80; }
    .wrapper__icon-page-top:hover {
      opacity: .7; }
    @media (max-width: 900px) {
      .wrapper__icon-page-top {
        display: none; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

container CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.container {
  position: relative;
  width: 100%;
  padding-top: 100px;
  overflow: hidden;
  background: #FFF;
  z-index: 1; }
  @media (max-width: 900px) {
    .container {
      padding-top: 80px; } }
  @media (max-width: 600px) {
    .container {
      padding-top: 60px; } }
  .container__inner {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px; }
    @media (max-width: 900px) {
      .container__inner {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 600px) {
      .container__inner {
        padding-left: 15px;
        padding-right: 15px; } }
  .container__inner--full {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

f-nav-action CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.f-nav-action__list {
  width: 100%; }
.f-nav-action__item {
  margin: 20px 0 0; }
  .f-nav-action__item:first-child {
    margin: 0; }
.f-nav-action__link {
  max-width: none;
  background: #FFF; }
  .f-nav-action__link:hover {
    background: #ED1450;
    color: #FFF; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

f-nav CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.f-nav__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: -10px; }
.f-nav__item {
  margin: 0 10px 0 0; }
.f-nav__link {
  display: block;
  color: #FFF;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px;
  transition: color .3s ease-in-out; }
  .f-nav__link:hover {
    color: #DDD; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

footer CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.footer {
  position: relative;
  color: #FFF;
  background: #000;
  z-index: 50;
  	/*&__icon-page-top {
  		display: block;
  		position: relative;
  		width: 59px;
  		height: 42px;
  		margin: 0 auto;
  		overflow: hidden;
  
  		&::before,
  		&::after {
  			display: block;
  			content: "";
  			position: absolute;
  			top: 0;
  			left: 0;
  			width: 59px;
  			height: 42px;
  			background: url(/assets/img/common/icon-arrow-up.svg) no-repeat center center / 39px auto;
  		}
  
  		&::after {
  			top: 42px;
  		}
  
  		&:hover {
  			&::before,
  			&::after {
  				transition: top .3s ease-in-out;
  			}
  
  			&::before {
  				top: -42px;
  			}
  
  			&::after {
  				top: 0;
  			}
  		}
  	}*/ }
  .footer__inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 60px 30px;
    z-index: 1; }
    @media (max-width: 900px) {
      .footer__inner {
        padding: 6vw 20px; } }
    @media (max-width: 600px) {
      .footer__inner {
        padding: 9vw 15px; } }
  .footer__information {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start; }
  .footer__logo {
    display: block;
    width: 135px;
    opacity: 1;
    transition: opacity .3s ease-in-out; }
    .footer__logo:hover {
      opacity: .6; }
  .footer__add {
    margin-top: 60px;
    font-size: 1.3rem;
    font-weight: bold; }
    @media (max-width: 900px) {
      .footer__add {
        margin-top: 6vw; } }
    @media (max-width: 600px) {
      .footer__add {
        margin-top: 9vw; } }
  .footer__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.4; }
    @media (max-width: 900px) {
      .footer__bottom {
        margin-top: 6vw; } }
    @media (max-width: 600px) {
      .footer__bottom {
        margin-top: 9vw;
        flex-direction: column-reverse; } }
  .footer__nav-menu {
    display: flex; }
  .footer__nav-item:nth-child(n+2) {
    margin-left: 30px; }
    @media (max-width: 900px) {
      .footer__nav-item:nth-child(n+2) {
        margin-top: 3vw; } }
    @media (max-width: 600px) {
      .footer__nav-item:nth-child(n+2) {
        margin-top: 4.5vw; } }
  .footer__nav-link {
    border-bottom: none;
    color: #FFF; }
  .footer__copy {
    color: #999;
    font-size: 1.3rem;
    line-height: 1.4; }
    @media (max-width: 600px) {
      .footer__copy {
        font-size: 2.2vw;
        margin-top: 4vw; } }
  .footer__banner {
    position: relative;
    width: 100%;
    height: 25vw;
    margin-top: 150px;
    overflow: hidden;
    	/*background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		background-image: url(/assets/img/recruit/career/common/bg-footer-banner.jpg);
		clip-path: inset(0 100% 0 0);
		transition: clip-path .6s ease-in-out;*/ }
    @media (max-width: 900px) {
      .footer__banner {
        margin-top: 15vw; } }
    @media (max-width: 768px) {
      .footer__banner {
        display: flex;
        flex-direction: column;
        height: auto; } }
    @media (max-width: 600px) {
      .footer__banner {
        margin-top: 20vw; } }
    .footer__banner.js-anim-init {
      clip-path: inset(0); }
      .footer__banner.js-anim-init .footer__banner-ttl {
        opacity: 1;
        transform: translateY(-50%); }
        @media (max-width: 768px) {
          .footer__banner.js-anim-init .footer__banner-ttl {
            transform: translateY(0); } }
      .footer__banner.js-anim-init .footer__banner-item {
        opacity: 1;
        transform: translateX(0); }
    .footer__banner::after {
      position: fixed;
      content: '';
      top: 0;
      left: 0;
      z-index: -1;
      width: 100vw;
      height: 100vh;
      background: url(/assets/img/recruit/career/common/bg-footer-banner.jpg) no-repeat;
      -webkit-background-size: cover;
      background-size: cover; }
  .footer__banner-ttl {
    position: absolute;
    width: 40.88%;
    left: 6.6%;
    top: 50%;
    opacity: 0;
    transform: translateY(calc(-50% + 30px));
    transition: opacity .6s .3s ease-in-out, transform .6s .3s ease-in-out; }
    @media (max-width: 768px) {
      .footer__banner-ttl {
        position: relative;
        width: 80%;
        left: 0;
        padding: 10vw 0;
        margin: 0 auto; } }
  .footer__banner-list {
    position: absolute;
    right: 6.6%;
    top: 50%;
    width: 45.92%;
    transform: translateY(-50%); }
    @media (max-width: 768px) {
      .footer__banner-list {
        position: relative;
        display: flex;
        justify-content: space-between;
        right: 0;
        width: calc(100% - 30px);
        padding-bottom: 10vw;
        margin: 0 auto;
        top: 0;
        transform: none; } }
  .footer__banner-item {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .6s ease-in-out, transform .6s ease-in-out; }
    .footer__banner-item:nth-child(2) {
      margin-top: 20px;
      transition: opacity .6s .6s ease-in-out, transform .6s .6s ease-in-out; }
      @media (max-width: 768px) {
        .footer__banner-item:nth-child(2) {
          margin-top: 0; } }
    @media (max-width: 768px) {
      .footer__banner-item {
        width: calc(50% - 5px); } }
  .footer__btn-link, .footer__btn-link--w {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    line-height: 36px;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    background: #000;
    transition: color .3s ease-in-out, background .3s ease-in-out; }
    @media (max-width: 768px) {
      .footer__btn-link, .footer__btn-link--w {
        max-width: inherit; } }
    @media (max-width: 600px) {
      .footer__btn-link, .footer__btn-link--w {
        width: 100%;
        height: 48px; } }
    .footer__btn-link:hover, .footer__btn-link--w:hover {
      color: #000;
      background: #FFF; }
    .footer__btn-link--w {
      color: #000;
      background: #FFF; }
      .footer__btn-link--w:hover {
        color: #FFF;
        background: #000; }
  .footer__categoryarea {
    display: flex;
    flex-wrap: wrap;
    max-width: 1620px;
    margin: 0 auto; }
    @media (max-width: 1180px) {
      .footer__categoryarea {
        flex-direction: column; } }
  .footer__category {
    width: calc(20% - 5px); }
    @media (max-width: 1180px) {
      .footer__category {
        width: 100%; }
        .footer__category:nth-child(1) {
          order: 1; }
        .footer__category:nth-child(2) {
          order: 3; }
        .footer__category:nth-child(3) {
          order: 2; }
        .footer__category:nth-child(4) {
          order: 5; }
        .footer__category:nth-child(5) {
          order: 4; } }
  .footer__list-ttl {
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 1.6rem; }
    @media (max-width: 1180px) {
      .footer__list-ttl {
        padding: 20px 0;
        border-bottom: 1px solid #333;
        cursor: pointer; }
        .footer__list-ttl::before {
          position: absolute;
          content: '';
          right: 0;
          top: 50%;
          width: 20px;
          height: 2px;
          background: #FFF;
          transform: translateY(-50%); }
        .footer__list-ttl::after {
          position: absolute;
          content: '';
          right: 9px;
          top: 50%;
          width: 2px;
          height: 20px;
          background: #FFF;
          transform: translateY(-50%);
          transition: height .4s ease-in-out; }
        .footer__list-ttl:last-child {
          border: none; }
        .footer__list-ttl.open::after {
          height: 0; } }
  .footer__list {
    display: block; }
    @media (max-width: 1180px) {
      .footer__list {
        display: none;
        padding: 20px 0; } }
  .footer__list-sub {
    display: block;
    padding-left: 10px; }
    .footer__list-sub .footer__list-link {
      font-size: 90%; }
  .footer__list-item {
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
    font-size: 1.5rem;
    color: #999; }
    .footer__list-item::before {
      position: absolute;
      content: '';
      left: 0;
      top: calc(0.75rem * 1.4);
      width: 10px;
      height: 2px;
      background: #666;
      transition: left 0.4s ease-in-out, color 0.4s ease-in-out; }
    .footer__list-item:hover {
      color: #FFF; }
      .footer__list-item:hover::before {
        left: 5px;
        background: #CCC; }
      .footer__list-item:hover .footer__list-link {
        color: #FFF; }
    @media (max-width: 1280px) {
      .footer__list-item {
        font-size: 1.4rem; } }
  .footer__list-item-sub {
    position: relative;
    margin-top: 8px;
    padding-left: 12px;
    font-size: 1.5rem;
    color: #999; }
    .footer__list-item-sub::before {
      position: absolute;
      content: '';
      left: 0;
      top: calc(0.675rem * 1.4);
      width: 5px;
      height: 1px;
      background: #666;
      transition: left 0.4s ease-in-out, color 0.4s ease-in-out; }
    .footer__list-item-sub:hover {
      color: #FFF; }
      .footer__list-item-sub:hover::before {
        left: 5px;
        background: #CCC; }
      .footer__list-item-sub:hover .footer__list-link {
        color: #FFF; }
  .footer__list-link {
    color: #AAA;
    display: block;
    line-height: 1.4;
    transition: color 0.4s ease-in-out; }
  .footer__list-small {
    display: block;
    font-size: 70%; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

g-nav-trigger CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.g-nav-trigger {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 45px;
  height: 45px;
  cursor: pointer;
  z-index: 10;
  transform: translateY(-50%); }
  @media (max-width: 1100px) {
    .g-nav-trigger {
      display: block;
      width: 35px;
      height: 35px;
      right: 24px; } }
  @media (max-width: 900px) {
    .g-nav-trigger {
      right: 10px; } }
  @media (max-width: 600px) {
    .g-nav-trigger {
      right: 6px;
      width: 31px;
      height: 31px; } }
  .g-nav-trigger__inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 21px;
    height: 1px;
    margin: -0.5px 0 0;
    background: none; }
    @media (max-width: 1100px) {
      .g-nav-trigger__inner {
        left: 8px; } }
    @media (max-width: 900px) {
      .g-nav-trigger__inner {
        width: 17px; } }
    @media (max-width: 600px) {
      .g-nav-trigger__inner {
        left: 4px;
        width: 20px; } }
    .g-nav-trigger__inner::before, .g-nav-trigger__inner::after {
      content: "";
      display: block;
      position: absolute;
      top: -4px;
      left: 0;
      width: 100%;
      height: 1px;
      background: #333;
      transform: rotate(0);
      transition: top 0.3s 0.3s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      @media (max-width: 600px) {
        .g-nav-trigger__inner::before, .g-nav-trigger__inner::after {
          top: -3px;
          height: 1px; } }
    .g-nav-trigger__inner::after {
      top: 4px; }
      @media (max-width: 600px) {
        .g-nav-trigger__inner::after {
          top: 3px; } }
    .js-header-fix .g-nav-trigger__inner::before, .js-header-fix .g-nav-trigger__inner::after {
      top: 0;
      transform: rotate(45deg);
      transition: top 0.3s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .js-header-fix .g-nav-trigger__inner::after {
      transform: rotate(-45deg); }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

g-nav CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.g-nav {
  position: fixed;
  width: 100%;
  max-height: calc(100vh - 100px);
  top: 100px;
  top: -100%;
  padding: 100px;
  z-index: 101;
  background: #000;
  overflow: auto;
  transition: top .3s ease-in-out;
  /*.js-header-hide & {
  	transform: translateY(-100%);
  	@include mq($width: 1100px) {
  		transform: translateY(0);
  	}
  }*/ }
  .js-header-fix .g-nav {
    top: 100px; }
    @media (max-width: 900px) {
      .js-header-fix .g-nav {
        top: 80px; } }
    @media (max-width: 600px) {
      .js-header-fix .g-nav {
        top: 60px; } }
  @media (max-width: 1680px) {
    .g-nav {
      padding: 100px 30px; } }
  @media (max-width: 900px) {
    .g-nav {
      max-height: calc(100vh - 80px);
      padding: 12.5vw 20px 8vw; } }
  @media (max-width: 600px) {
    .g-nav {
      max-height: calc(100vh - 60px);
      padding: 20vw 15px 30vw; } }
  .g-nav__box {
    display: flex;
    justify-content: space-between; }
  .g-nav__list {
    display: flex;
    flex-wrap: wrap;
    width: calc(60% - 20px);
    color: #FFF; }
    @media (max-width: 1100px) {
      .g-nav__list {
        width: 100%; } }
    @media (max-width: 600px) {
      .g-nav__list {
        flex-direction: column; } }
  .g-nav__list-sp {
    display: none; }
    @media (max-width: 900px) {
      .g-nav__list-sp {
        display: block;
        width: 100%; } }
  .g-nav__item {
    position: relative; }
    .g-nav__item:nth-child(even) {
      width: 45%; }
      @media (max-width: 1100px) {
        .g-nav__item:nth-child(even) {
          width: 50%; } }
      @media (max-width: 600px) {
        .g-nav__item:nth-child(even) {
          width: 100%; } }
    .g-nav__item:nth-child(odd) {
      width: 55%; }
      @media (max-width: 1100px) {
        .g-nav__item:nth-child(odd) {
          width: 50%; } }
      @media (max-width: 600px) {
        .g-nav__item:nth-child(odd) {
          width: 100%; } }
    .g-nav__item:nth-child(n+4) {
      margin-top: 30px; }
      @media (max-width: 1100px) {
        .g-nav__item:nth-child(n+4) {
          margin-top: 4vw; } }
    @media (max-width: 600px) {
      .g-nav__item:nth-child(n+3) {
        margin-top: 8vw; }
      .g-nav__item:nth-child(2) {
        order: 1; }
      .g-nav__item:nth-child(3) {
        order: 3; }
      .g-nav__item:nth-child(4) {
        order: 2; }
      .g-nav__item:nth-child(5) {
        order: 5; }
      .g-nav__item:nth-child(6) {
        order: 4; } }
    .g-nav__item .no-link {
      opacity: .5;
      pointer-events: none; }
    .g-nav__item .icon-movie {
      display: flex;
      padding-right: 35px; }
      .g-nav__item .icon-movie::after {
        display: inline-block;
        vertical-align: middle;
        content: '';
        width: 15px;
        height: 1em;
        margin-left: 6px;
        margin-bottom: 0;
        background: url(/assets/img/common/icon-movie.png) center bottom/cover no-repeat;
        background-size: 100% auto; }
        @media (max-width: 600px) {
          .g-nav__item .icon-movie::after {
            margin-bottom: -2px; } }
  .g-nav__inner-ttl {
    font-family: "Lato", sans-serif;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1;
    color: #777; }
    @media (max-width: 1680px) {
      .g-nav__inner-ttl {
        font-size: 2.6vw; } }
    @media (max-width: 1100px) {
      .g-nav__inner-ttl {
        font-size: 4.2vw; } }
    @media (max-width: 600px) {
      .g-nav__inner-ttl {
        font-size: 6.4vw; } }
  .g-nav__inner-link {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    align-items: center;
    font-size: 2rem;
    line-height: 1;
    color: #FFF;
    transition: color .3s ease-in-out; }
    @media (max-width: 1100px) {
      .g-nav__inner-link {
        font-size: 2.6vw; } }
    @media (max-width: 600px) {
      .g-nav__inner-link {
        margin-top: 3.5vw;
        font-size: 4vw; } }
    .g-nav__inner-link:hover {
      color: #ED1450; }
  .g-nav__inner-link-small {
    font-size: 1.4rem; }
  .g-nav__inner-link-line {
    display: block;
    width: 100%;
    padding-bottom: 6px;
    font-size: 1.4rem; }
  .g-nav__inner-sub {
    margin-top: 20px;
    padding-left: 15px;
    border-left: 1px solid #666; }
    .g-nav__inner-sub li {
      line-height: 1; }
      .g-nav__inner-sub li:nth-child(n+2) {
        margin-top: 12px; }
        @media (max-width: 600px) {
          .g-nav__inner-sub li:nth-child(n+2) {
            margin-top: 3vw; } }
  .g-nav__inner-link-sub {
    font-size: 1.5rem;
    color: #CCC;
    transition: color .3s ease-in-out; }
    .g-nav__inner-link-sub:hover {
      color: #ED1450; }
  .g-nav__imgarea {
    width: 40%; }
    @media (max-width: 1100px) {
      .g-nav__imgarea {
        display: none; } }
  .g-nav__img-list {
    position: relative;
    padding-top: 56.25%; }
  .g-nav__img-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    .g-nav__img-item.active {
      display: block;
      opacity: 1; }
  .g-nav__cap-list {
    position: relative; }
  .g-nav__cap-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 30px 20px;
    color: #FFF;
    background: #ED1450;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    .g-nav__cap-item.active {
      display: block;
      opacity: 1; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

header CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  transition: top 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 102; }
  .js-header-hide .header {
    top: -100px; }
  @media (max-width: 900px) {
    .header {
      height: 80px; }
      .js-header-hide .header {
        top: -80px; } }
  @media (max-width: 600px) {
    .header {
      height: 60px; }
      .js-header-hide .header {
        top: -60px; } }
  .header__inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF; }
  .header__logo {
    display: block;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px;
    padding: 22px;
    z-index: 2;
    background: #FFF;
    transition: all .3s ease-in-out; }
    .header__logo[href*="/"] {
      transition: opacity .3s ease-in-out; }
      .header__logo[href*="/"]:hover {
        opacity: .7; }
    @media (max-width: 900px) {
      .header__logo {
        width: 140px;
        height: 140px; } }
    @media (max-width: 600px) {
      .header__logo {
        padding: 15px 10px 10px 15px;
        width: 100px;
        height: 90px; } }
    .js-header-hide .header__logo {
      transform: translateY(-80px); }
      @media (max-width: 900px) {
        .js-header-hide .header__logo {
          transform: translateY(-60px); } }
  .header__copy {
    position: absolute;
    display: flex;
    align-items: center;
    left: 180px;
    top: 50px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1;
    transform: translateY(-50%); }
    @media (max-width: 900px) {
      .header__copy {
        top: 40px;
        left: 112px;
        transform: scale(0.8) translateY(-65%); } }
    @media (max-width: 600px) {
      .header__copy {
        top: 30px;
        left: 72px;
        transform: scale(0.6) translateY(-85%); } }
  .header__copy-year {
    display: inline-block;
    padding-left: 10px;
    font-size: 4.5rem;
    font-weight: 400; }
  .header__btn-list {
    position: absolute;
    display: flex;
    right: 81px;
    top: 50px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1;
    transform: translateY(-50%); }
    @media (max-width: 900px) {
      .header__btn-list {
        display: none; }
        .g-nav__list-sp .header__btn-list {
          display: flex;
          right: 20px;
          top: 40px; } }
    @media (max-width: 600px) {
      .g-nav__list-sp .header__btn-list {
        right: 15px;
        top: 40px; } }
  .header__btn {
    width: 50%; }
    @media (max-width: 600px) {
      .header__btn {
        width: calc(50vw - 70px); } }
  .header__btn-link, .header__btn-link--w {
    display: block;
    width: 150px;
    height: 40px;
    border: 2px solid #000;
    border-right: none;
    text-align: center;
    line-height: 36px;
    color: #FFF;
    background: #000;
    transition: color .3s ease-in-out, background .3s ease-in-out; }
    @media (max-width: 900px) {
      .header__btn-link, .header__btn-link--w {
        border: 1px solid #CCC; } }
    @media (max-width: 600px) {
      .header__btn-link, .header__btn-link--w {
        width: 100%; } }
    .header__btn-link:hover, .header__btn-link--w:hover {
      color: #000;
      background: #FFF; }
    .header__btn-link--w {
      color: #000;
      border-right: 2px solid #000;
      background: #FFF; }
      @media (max-width: 900px) {
        .header__btn-link--w {
          border-right: 1px solid #CCC; } }
      .header__btn-link--w:hover {
        color: #FFF;
        background: #000; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

loading CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.loading {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  background: #ED1450 url(/assets/img/common/loading.gif) no-repeat center center/40px auto; }
  .js-preload .loading {
    opacity: 1;
    pointer-events: auto; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

persons-list CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.persons-list {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 100px 40px 0; }
  @media (max-width: 900px) {
    .persons-list {
      padding: 10vw 20px 0; } }
  @media (max-width: 600px) {
    .persons-list {
      padding: 15vw 15px 0; } }
  .persons-list__item {
    width: 100%;
    padding: 50px 0 0;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .persons-list__item {
        padding: 5vw 0 0; } }
    @media (max-width: 600px) {
      .persons-list__item {
        padding: 7.5vw 0 0; } }
    .persons-list__item.js-anim-init {
      opacity: 1; }
      .persons-list__item.js-anim-init .persons-list__person-img, .persons-list__item.js-anim-init .persons-detail__other-person-img {
        clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
      .persons-list__item.js-anim-init .persons-list__person-class, .persons-list__item.js-anim-init .persons-detail__other-person-class, .persons-list__item.js-anim-init .persons-list__person-name, .persons-list__item.js-anim-init .persons-detail__other-person-name {
        opacity: 1;
        transform: translateX(0); }
      .persons-list__item.js-anim-init .persons-list__person-concept {
        clip-path: inset(0); }
  .persons-list__link, .persons-detail__other-link {
    display: block; }
    .persons-list__link:hover .persons-list__person-img, .persons-detail__other-link:hover .persons-list__person-img, .persons-list__link:hover .persons-detail__other-person-img, .persons-detail__other-link:hover .persons-detail__other-person-img {
      transform: rotate(0.0001deg) scale(1.05); }
    .persons-list__link:hover .persons-list__person-btn::before, .persons-detail__other-link:hover .persons-list__person-btn::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .persons-list__link:hover .persons-list__person-btn::after, .persons-detail__other-link:hover .persons-list__person-btn::after {
      right: 0;
      width: 38px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .persons-list__img-box, .persons-detail__other-img-box {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden; }
    @media (max-width: 600px) {
      .persons-list__img-box, .persons-detail__other-img-box {
        height: 60vw; } }
  .persons-list__person-img, .persons-detail__other-person-img {
    transform: rotate(0.0001deg);
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .3s .8s ease-in-out, transform 1s ease-in-out; }
    .persons-list__person-img.js-anim-init, .js-anim-init.persons-detail__other-person-img {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
    @media (max-width: 600px) {
      .persons-list__person-img, .persons-detail__other-person-img {
        height: 100%;
        object-fit: cover;
        object-position: -75vw 0; } }
  .persons-list__person-inner, .persons-detail__other-person-inner {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 600px) {
      .persons-list__person-inner, .persons-detail__other-person-inner {
        display: block; } }
  .persons-list__person-txtleft, .persons-detail__other-person-txtleft {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 33%;
    padding: 30px 20px;
    background: #ED1651; }
    @media (max-width: 600px) {
      .persons-list__person-txtleft, .persons-detail__other-person-txtleft {
        width: 100%;
        padding: 2vw 10px; } }
  .persons-list__person-class, .persons-detail__other-person-class {
    display: block;
    font-size: 1.8rem;
    color: #FFF;
    font-weight: bold;
    opacity: 0;
    transform: translateX(20px);
    transition: all .8s .3s ease-in-out; }
    @media (max-width: 900px) {
      .persons-list__person-class, .persons-detail__other-person-class {
        font-size: 1.6rem; } }
    @media (max-width: 600px) {
      .persons-list__person-class, .persons-detail__other-person-class {
        font-size: 1.3rem; } }
  .persons-list__person-name, .persons-detail__other-person-name {
    display: block;
    font-size: 3rem;
    color: #FFF;
    font-weight: bold;
    opacity: 0;
    transform: translateX(20px);
    transition: all .8s .3s ease-in-out; }
    @media (max-width: 600px) {
      .persons-list__person-name, .persons-detail__other-person-name {
        font-size: 1.6rem;
        line-height: 1.4; } }
  .persons-list__person-furi, .persons-detail__other-person-furi {
    display: inline-block;
    font-size: 1.8rem;
    vertical-align: baseline; }
    @media (max-width: 600px) {
      .persons-list__person-furi, .persons-detail__other-person-furi {
        font-size: 1.2rem; } }
  .persons-list__person-txtright {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 67%;
    padding: 30px 160px 30px 20px;
    background: #000;
    position: relative; }
    @media (max-width: 600px) {
      .persons-list__person-txtright {
        width: 100%;
        padding: 10px 10px 40px 10px; } }
  .persons-list__person-btn {
    display: inline-block;
    padding: 0 54px 0 0;
    font-size: 1.5rem;
    color: #FFF;
    position: absolute;
    bottom: 40px;
    right: 20px; }
    @media (max-width: 600px) {
      .persons-list__person-btn {
        font-size: 1.2rem;
        bottom: 5px;
        right: 10px; } }
    .persons-list__person-btn::before, .persons-list__person-btn::after {
      content: "";
      display: block;
      width: 38px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
      transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    .persons-list__person-btn::after {
      right: 38px;
      width: 0;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
      transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .persons-list__person-concept {
    font-size: 3.4rem;
    color: #FFF;
    font-weight: bold;
    line-height: 1.2;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .8s .3s ease-in-out; }
    @media (max-width: 900px) {
      .persons-list__person-concept {
        font-size: 2.4rem; } }
    @media (max-width: 600px) {
      .persons-list__person-concept {
        font-size: 1.6rem;
        line-height: 1.6; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

persons-detail CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.persons-detail__hero, .home-works__item {
  margin-top: 100px;
  padding: 0 30px; }
  @media (max-width: 900px) {
    .persons-detail__hero, .home-works__item {
      margin-top: 10vw;
      padding: 0 20px; } }
  @media (max-width: 600px) {
    .persons-detail__hero, .home-works__item {
      margin-top: 15vw;
      padding: 0 15px; } }
  .persons-detail__hero.js-anim-init .persons-detail__hero-main::after, .js-anim-init.home-works__item .persons-detail__hero-main::after, .persons-detail__hero.js-anim-init .home-works__hero-main::after, .js-anim-init.home-works__item .home-works__hero-main::after {
    width: 50%; }
    @media (max-width: 900px) {
      .persons-detail__hero.js-anim-init .persons-detail__hero-main::after, .js-anim-init.home-works__item .persons-detail__hero-main::after, .persons-detail__hero.js-anim-init .home-works__hero-main::after, .js-anim-init.home-works__item .home-works__hero-main::after {
        width: 95%; } }
  .persons-detail__hero.js-anim-init .persons-detail__hero-ttl-line, .js-anim-init.home-works__item .persons-detail__hero-ttl-line, .persons-detail__hero.js-anim-init .home-works__hero-ttl-line, .js-anim-init.home-works__item .home-works__hero-ttl-line {
    opacity: 1; }
  .persons-detail__hero.js-anim-init .persons-detail__hero-dept-txt, .js-anim-init.home-works__item .persons-detail__hero-dept-txt, .persons-detail__hero.js-anim-init .home-works__hero-dept-txt, .js-anim-init.home-works__item .home-works__hero-dept-txt, .persons-detail__hero.js-anim-init .persons-detail__hero-name-txt, .js-anim-init.home-works__item .persons-detail__hero-name-txt, .persons-detail__hero.js-anim-init .home-works__hero-name-txt, .js-anim-init.home-works__item .home-works__hero-name-txt {
    transform: translateY(0); }
  .persons-detail__hero.js-anim-init .persons-detail__hero-img, .js-anim-init.home-works__item .persons-detail__hero-img, .persons-detail__hero.js-anim-init .home-works__hero-img, .js-anim-init.home-works__item .home-works__hero-img {
    clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
.persons-detail__hero-inner, .home-works__hero-inner {
  margin: 50px auto 0; }
  @media (max-width: 900px) {
    .persons-detail__hero-inner, .home-works__hero-inner {
      margin-top: 5vw; } }
  @media (max-width: 600px) {
    .persons-detail__hero-inner, .home-works__hero-inner {
      margin-top: 7.5vw; } }
.persons-detail__hero-main, .home-works__hero-main {
  position: relative;
  padding-bottom: 50px; }
  .persons-detail__hero-main::after, .home-works__hero-main::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0;
    height: 85%;
    background: #ED1450;
    transition: width .3s ease-in-out; }
  @media (max-width: 900px) {
    .persons-detail__hero-main, .home-works__hero-main {
      padding-bottom: 30vw; } }
.persons-detail__hero-info, .home-works__hero-info {
  position: absolute;
  left: 4vw;
  bottom: 0;
  color: #FFF;
  z-index: 2; }
  @media (max-width: 1280px) {
    .persons-detail__hero-info, .home-works__hero-info {
      bottom: -5vw; } }
  @media (max-width: 900px) {
    .persons-detail__hero-info, .home-works__hero-info {
      bottom: -3vw; } }
  @media (max-width: 600px) {
    .persons-detail__hero-info, .home-works__hero-info {
      bottom: 0; } }
.persons-detail__hero-ttl, .home-works__hero-ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 7.8rem;
  font-weight: bold;
  line-height: 1.1; }
  @media (max-width: 1850px) {
    .persons-detail__hero-ttl, .home-works__hero-ttl {
      font-size: 4vw; } }
  @media (max-width: 900px) {
    .persons-detail__hero-ttl, .home-works__hero-ttl {
      font-size: 6vw; } }
  @media (max-width: 600px) {
    .persons-detail__hero-ttl, .home-works__hero-ttl {
      font-size: 5.8vw;
      line-height: 1.3; } }
.persons-detail__hero-ttl-area, .home-works__hero-ttl-area {
  display: inline-block;
  position: relative; }
  .persons-detail__hero-ttl-area::after, .home-works__hero-ttl-area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ED1450;
    transform: scaleX(0);
    transform-origin: left top; }
  .persons-detail__hero-ttl-area:nth-child(1)::after, .home-works__hero-ttl-area:nth-child(1)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0s; }
  .persons-detail__hero-ttl-area:nth-child(2)::after, .home-works__hero-ttl-area:nth-child(2)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0.2s; }
  .persons-detail__hero-ttl-area:nth-child(3)::after, .home-works__hero-ttl-area:nth-child(3)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0.4s; }
  .persons-detail__hero-ttl-area:nth-child(4)::after, .home-works__hero-ttl-area:nth-child(4)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0.6s; }
.persons-detail__hero-ttl-line, .home-works__hero-ttl-line {
  display: block;
  opacity: 0; }
.persons-detail__hero-dept, .home-works__hero-dept {
  margin-top: 40px;
  font-size: 1.8rem;
  font-weight: bold;
  overflow: hidden; }
  @media (max-width: 900px) {
    .persons-detail__hero-dept, .home-works__hero-dept {
      margin-top: 4vw;
      font-size: 1.6rem; } }
  @media (max-width: 600px) {
    .persons-detail__hero-dept, .home-works__hero-dept {
      margin-top: 6vw;
      font-size: 3.2vw; } }
.persons-detail__hero-dept-txt, .home-works__hero-dept-txt {
  display: inline-block;
  transform: translateY(100%);
  transition: transform .3s .5s ease-in-out; }
.persons-detail__hero-name, .home-works__hero-name {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  overflow: hidden; }
  @media (max-width: 900px) {
    .persons-detail__hero-name, .home-works__hero-name {
      margin-bottom: 8vw;
      font-size: 2.4rem; } }
  @media (max-width: 600px) {
    .persons-detail__hero-name, .home-works__hero-name {
      margin-bottom: 5vw;
      font-size: 4.8vw; } }
.persons-detail__hero-name-txt, .home-works__hero-name-txt {
  transform: translateY(100%);
  transition: transform .3s .7s ease-in-out; }
.persons-detail__hero-name-kana, .home-works__hero-name-kana {
  display: inline-block;
  padding-left: 20px;
  font-size: 60%;
  font-weight: normal; }
  @media (max-width: 900px) {
    .persons-detail__hero-name-kana, .home-works__hero-name-kana {
      padding-left: 2vw; } }
  @media (max-width: 600px) {
    .persons-detail__hero-name-kana, .home-works__hero-name-kana {
      padding-left: 1vw; } }
.persons-detail__hero-img, .home-works__hero-img {
  position: relative;
  padding-left: 29.4%;
  clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
  transition: clip-path .6s ease-in-out;
  z-index: 1; }
  @media (max-width: 900px) {
    .persons-detail__hero-img, .home-works__hero-img {
      padding-left: 5%; } }
.persons-detail__hero-prof {
  position: relative;
  max-width: 1200px;
  padding: 15px 0;
  margin: 90px auto 0;
  font-size: 1.6rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  opacity: 0;
  transform: translateY(30px);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
  @media (max-width: 900px) {
    .persons-detail__hero-prof {
      margin-top: 12vw;
      font-size: 1.5rem; } }
  @media (max-width: 600px) {
    .persons-detail__hero-prof {
      margin-top: 20vw;
      font-size: 1.4rem; } }
  .persons-detail__hero-prof.js-anim-init {
    opacity: 1;
    transform: translateY(0); }
    .persons-detail__hero-prof.js-anim-init .persons-detail__hero-prof-ttl {
      opacity: 1;
      transform: translate(0, -100%); }
.persons-detail__hero-prof-ttl {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 3rem;
  font-family: "Lato", sans-serif;
  opacity: 0;
  transform: translate(30px, -100%);
  transition: transform .3s .25s ease-in-out, opacity .3s .25s ease-in-out; }
  @media (max-width: 900px) {
    .persons-detail__hero-prof-ttl {
      font-size: 2.4rem; } }
  @media (max-width: 600px) {
    .persons-detail__hero-prof-ttl {
      font-size: 5.8vw; } }
.persons-detail__lmenu {
  margin: 50px 30px 0;
  padding: 50px 30px;
  background: #FFF;
  transition: background .5s ease-in-out; }
  @media (max-width: 900px) {
    .persons-detail__lmenu {
      margin: 5vw 20px 0;
      padding: 5vw 20px; } }
  @media (max-width: 600px) {
    .persons-detail__lmenu {
      margin: 7.5vw 15px 0;
      padding: 7.5vw 15px; } }
  .persons-detail__lmenu.js-anim-init {
    background: #F7F7F7; }
    .persons-detail__lmenu.js-anim-init .persons-detail__lmenu-item {
      opacity: 1;
      transform: translateX(0); }
.persons-detail__lmenu-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto; }
.persons-detail__lmenu-item {
  width: calc(50% - 10px);
  opacity: 0;
  transform: translateX(30px); }
  .persons-detail__lmenu-item:nth-child(1) {
    transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
  .persons-detail__lmenu-item:nth-child(2) {
    transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
  .persons-detail__lmenu-item:nth-child(3) {
    transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
  .persons-detail__lmenu-item:nth-child(4) {
    transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
  .persons-detail__lmenu-item:nth-child(n+3) {
    margin-top: 20px; }
  @media (max-width: 900px) {
    .persons-detail__lmenu-item {
      width: 100%; }
      .persons-detail__lmenu-item:nth-child(n+2) {
        margin-top: 2vw; } }
.persons-detail__lmenu-link {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #FFF;
  background: #ED1450; }
  @media (max-width: 1280px) {
    .persons-detail__lmenu-link {
      flex-direction: column;
      align-items: flex-start; } }
  @media (max-width: 900px) {
    .persons-detail__lmenu-link {
      font-size: 1.5rem; } }
  @media (max-width: 600px) {
    .persons-detail__lmenu-link {
      padding: 2vw 3vw;
      font-size: 3.4vw; } }
.persons-detail__lmenu-scene {
  display: inline-block;
  padding-right: 15px;
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.5); }
  @media (max-width: 600px) {
    .persons-detail__lmenu-scene {
      font-size: 1rem; } }
.persons-detail__scene {
  max-width: 1200px;
  margin: 100px auto 0;
  scroll-margin-top: 100px; }
  @media (max-width: 1280px) {
    .persons-detail__scene {
      padding: 0 30px; } }
  @media (max-width: 900px) {
    .persons-detail__scene {
      margin: 10vw auto 0;
      padding: 0 20px;
      scroll-margin-top: 10vw; } }
  @media (max-width: 600px) {
    .persons-detail__scene {
      margin: 15vw auto 0;
      padding: 0 15px; } }
.persons-detail__scene-ttl {
  padding-left: 30px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #ED1450;
  line-height: 1;
  border-left: 5px solid #ED1450;
  opacity: 0;
  transform: translateX(30px);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
  @media (max-width: 900px) {
    .persons-detail__scene-ttl {
      padding-left: 3vw;
      font-size: 2rem; } }
  @media (max-width: 600px) {
    .persons-detail__scene-ttl {
      border-left: 3px solid #ED1450;
      font-size: 3.2vw; } }
  .persons-detail__scene-ttl.js-anim-init {
    opacity: 1;
    transform: translateX(0); }
.persons-detail__scene-num {
  display: block;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #878787;
  opacity: 0;
  transform: translateX(30px);
  transition: transform .3s .2s ease-in-out, opacity .3s .2s ease-in-out; }
  @media (max-width: 900px) {
    .persons-detail__scene-num {
      font-size: 1.4rem; } }
  @media (max-width: 600px) {
    .persons-detail__scene-num {
      font-size: 1.2rem; } }
  .persons-detail__scene-num.js-anim-init {
    opacity: 1;
    transform: translateX(0); }
.persons-detail__scene-lead, .education__ttl, .workstyle__ttl, .welfare__ttl, .movie__ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 30px auto 40px;
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 1.3; }
  @media (max-width: 1280px) {
    .persons-detail__scene-lead, .education__ttl, .workstyle__ttl, .welfare__ttl, .movie__ttl {
      font-size: 4vw; } }
  @media (max-width: 900px) {
    .persons-detail__scene-lead, .education__ttl, .workstyle__ttl, .welfare__ttl, .movie__ttl {
      margin: 3vw auto 4vw; } }
  @media (max-width: 600px) {
    .persons-detail__scene-lead, .education__ttl, .workstyle__ttl, .welfare__ttl, .movie__ttl {
      margin: 4.5vw auto 6vw;
      font-size: 5.3vw;
      line-height: 1.5;
      display: block; } }
  .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-txt, .js-anim-init.education__ttl .persons-detail__scene-lead-txt, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-txt, .js-anim-init.welfare__ttl .persons-detail__scene-lead-txt, .js-anim-init.movie__ttl .persons-detail__scene-lead-txt, .persons-detail__scene-lead.js-anim-init .education__ttl-txt, .js-anim-init.education__ttl .education__ttl-txt, .js-anim-init.workstyle__ttl .education__ttl-txt, .js-anim-init.welfare__ttl .education__ttl-txt, .js-anim-init.movie__ttl .education__ttl-txt, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-txt, .js-anim-init.education__ttl .workstyle__ttl-txt, .js-anim-init.workstyle__ttl .workstyle__ttl-txt, .js-anim-init.welfare__ttl .workstyle__ttl-txt, .js-anim-init.movie__ttl .workstyle__ttl-txt, .persons-detail__scene-lead.js-anim-init .welfare__ttl-txt, .js-anim-init.education__ttl .welfare__ttl-txt, .js-anim-init.workstyle__ttl .welfare__ttl-txt, .js-anim-init.welfare__ttl .welfare__ttl-txt, .js-anim-init.movie__ttl .welfare__ttl-txt, .persons-detail__scene-lead.js-anim-init .movie__ttl-txt, .js-anim-init.education__ttl .movie__ttl-txt, .js-anim-init.workstyle__ttl .movie__ttl-txt, .js-anim-init.welfare__ttl .movie__ttl-txt, .js-anim-init.movie__ttl .movie__ttl-txt {
    opacity: 1; }
  @media (max-width: 600px) {
    .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area, .js-anim-init.education__ttl .persons-detail__scene-lead-area, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area, .js-anim-init.movie__ttl .persons-detail__scene-lead-area, .persons-detail__scene-lead.js-anim-init .education__ttl-area, .js-anim-init.education__ttl .education__ttl-area, .js-anim-init.workstyle__ttl .education__ttl-area, .js-anim-init.welfare__ttl .education__ttl-area, .js-anim-init.movie__ttl .education__ttl-area, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area, .js-anim-init.education__ttl .workstyle__ttl-area, .js-anim-init.workstyle__ttl .workstyle__ttl-area, .js-anim-init.welfare__ttl .workstyle__ttl-area, .js-anim-init.movie__ttl .workstyle__ttl-area, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area, .js-anim-init.education__ttl .welfare__ttl-area, .js-anim-init.workstyle__ttl .welfare__ttl-area, .js-anim-init.welfare__ttl .welfare__ttl-area, .js-anim-init.movie__ttl .welfare__ttl-area, .persons-detail__scene-lead.js-anim-init .movie__ttl-area, .js-anim-init.education__ttl .movie__ttl-area, .js-anim-init.workstyle__ttl .movie__ttl-area, .js-anim-init.welfare__ttl .movie__ttl-area, .js-anim-init.movie__ttl .movie__ttl-area {
      opacity: 1; } }
.persons-detail__scene-lead-area, .education__ttl-area, .workstyle__ttl-area, .welfare__ttl-area, .movie__ttl-area {
  display: inline-block;
  position: relative; }
  .persons-detail__scene-lead-area::after, .education__ttl-area::after, .workstyle__ttl-area::after, .welfare__ttl-area::after, .movie__ttl-area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ED1450;
    transform: scaleX(0);
    transform-origin: left top; }
  .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(1)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0s; }
  .persons-detail__scene-lead-area:nth-child(1) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(1) .education__ttl-txt, .education__ttl-area:nth-child(1) .education__ttl-txt, .workstyle__ttl-area:nth-child(1) .education__ttl-txt, .welfare__ttl-area:nth-child(1) .education__ttl-txt, .movie__ttl-area:nth-child(1) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(1) .workstyle__ttl-txt, .education__ttl-area:nth-child(1) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(1) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(1) .workstyle__ttl-txt, .movie__ttl-area:nth-child(1) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(1) .welfare__ttl-txt, .education__ttl-area:nth-child(1) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(1) .welfare__ttl-txt, .welfare__ttl-area:nth-child(1) .welfare__ttl-txt, .movie__ttl-area:nth-child(1) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(1) .movie__ttl-txt, .education__ttl-area:nth-child(1) .movie__ttl-txt, .workstyle__ttl-area:nth-child(1) .movie__ttl-txt, .welfare__ttl-area:nth-child(1) .movie__ttl-txt, .movie__ttl-area:nth-child(1) .movie__ttl-txt {
    transition: opacity 0.1s 0.5s ease-in-out; }
  .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(2)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0.2s; }
  .persons-detail__scene-lead-area:nth-child(2) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(2) .education__ttl-txt, .education__ttl-area:nth-child(2) .education__ttl-txt, .workstyle__ttl-area:nth-child(2) .education__ttl-txt, .welfare__ttl-area:nth-child(2) .education__ttl-txt, .movie__ttl-area:nth-child(2) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(2) .workstyle__ttl-txt, .education__ttl-area:nth-child(2) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(2) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(2) .workstyle__ttl-txt, .movie__ttl-area:nth-child(2) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(2) .welfare__ttl-txt, .education__ttl-area:nth-child(2) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(2) .welfare__ttl-txt, .welfare__ttl-area:nth-child(2) .welfare__ttl-txt, .movie__ttl-area:nth-child(2) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(2) .movie__ttl-txt, .education__ttl-area:nth-child(2) .movie__ttl-txt, .workstyle__ttl-area:nth-child(2) .movie__ttl-txt, .welfare__ttl-area:nth-child(2) .movie__ttl-txt, .movie__ttl-area:nth-child(2) .movie__ttl-txt {
    transition: opacity 0.1s 0.7s ease-in-out; }
  .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(3)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0.4s; }
  .persons-detail__scene-lead-area:nth-child(3) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(3) .education__ttl-txt, .education__ttl-area:nth-child(3) .education__ttl-txt, .workstyle__ttl-area:nth-child(3) .education__ttl-txt, .welfare__ttl-area:nth-child(3) .education__ttl-txt, .movie__ttl-area:nth-child(3) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(3) .workstyle__ttl-txt, .education__ttl-area:nth-child(3) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(3) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(3) .workstyle__ttl-txt, .movie__ttl-area:nth-child(3) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(3) .welfare__ttl-txt, .education__ttl-area:nth-child(3) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(3) .welfare__ttl-txt, .welfare__ttl-area:nth-child(3) .welfare__ttl-txt, .movie__ttl-area:nth-child(3) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(3) .movie__ttl-txt, .education__ttl-area:nth-child(3) .movie__ttl-txt, .workstyle__ttl-area:nth-child(3) .movie__ttl-txt, .welfare__ttl-area:nth-child(3) .movie__ttl-txt, .movie__ttl-area:nth-child(3) .movie__ttl-txt {
    transition: opacity 0.1s 0.9s ease-in-out; }
  .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(4)::after {
    animation: anim_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards 0.6s; }
  .persons-detail__scene-lead-area:nth-child(4) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(4) .education__ttl-txt, .education__ttl-area:nth-child(4) .education__ttl-txt, .workstyle__ttl-area:nth-child(4) .education__ttl-txt, .welfare__ttl-area:nth-child(4) .education__ttl-txt, .movie__ttl-area:nth-child(4) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(4) .workstyle__ttl-txt, .education__ttl-area:nth-child(4) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(4) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(4) .workstyle__ttl-txt, .movie__ttl-area:nth-child(4) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(4) .welfare__ttl-txt, .education__ttl-area:nth-child(4) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(4) .welfare__ttl-txt, .welfare__ttl-area:nth-child(4) .welfare__ttl-txt, .movie__ttl-area:nth-child(4) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(4) .movie__ttl-txt, .education__ttl-area:nth-child(4) .movie__ttl-txt, .workstyle__ttl-area:nth-child(4) .movie__ttl-txt, .welfare__ttl-area:nth-child(4) .movie__ttl-txt, .movie__ttl-area:nth-child(4) .movie__ttl-txt {
    transition: opacity 0.1s 1.1s ease-in-out; }
  @media (max-width: 600px) {
    .persons-detail__scene-lead-area, .education__ttl-area, .workstyle__ttl-area, .welfare__ttl-area, .movie__ttl-area {
      display: inline;
      opacity: 0; }
      .persons-detail__scene-lead-area:nth-child(1), .education__ttl-area:nth-child(1), .workstyle__ttl-area:nth-child(1), .welfare__ttl-area:nth-child(1), .movie__ttl-area:nth-child(1) {
        transition: opacity 0.4s 0s ease-in-out; }
      .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(1)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(1)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(1)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(1)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(1)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(1)::after {
        animation: none; }
      .persons-detail__scene-lead-area:nth-child(1) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(1) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(1) .education__ttl-txt, .education__ttl-area:nth-child(1) .education__ttl-txt, .workstyle__ttl-area:nth-child(1) .education__ttl-txt, .welfare__ttl-area:nth-child(1) .education__ttl-txt, .movie__ttl-area:nth-child(1) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(1) .workstyle__ttl-txt, .education__ttl-area:nth-child(1) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(1) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(1) .workstyle__ttl-txt, .movie__ttl-area:nth-child(1) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(1) .welfare__ttl-txt, .education__ttl-area:nth-child(1) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(1) .welfare__ttl-txt, .welfare__ttl-area:nth-child(1) .welfare__ttl-txt, .movie__ttl-area:nth-child(1) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(1) .movie__ttl-txt, .education__ttl-area:nth-child(1) .movie__ttl-txt, .workstyle__ttl-area:nth-child(1) .movie__ttl-txt, .welfare__ttl-area:nth-child(1) .movie__ttl-txt, .movie__ttl-area:nth-child(1) .movie__ttl-txt {
        transition: none; }
      .persons-detail__scene-lead-area:nth-child(2), .education__ttl-area:nth-child(2), .workstyle__ttl-area:nth-child(2), .welfare__ttl-area:nth-child(2), .movie__ttl-area:nth-child(2) {
        transition: opacity 0.4s 0.2s ease-in-out; }
      .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(2)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(2)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(2)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(2)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(2)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(2)::after {
        animation: none; }
      .persons-detail__scene-lead-area:nth-child(2) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(2) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(2) .education__ttl-txt, .education__ttl-area:nth-child(2) .education__ttl-txt, .workstyle__ttl-area:nth-child(2) .education__ttl-txt, .welfare__ttl-area:nth-child(2) .education__ttl-txt, .movie__ttl-area:nth-child(2) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(2) .workstyle__ttl-txt, .education__ttl-area:nth-child(2) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(2) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(2) .workstyle__ttl-txt, .movie__ttl-area:nth-child(2) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(2) .welfare__ttl-txt, .education__ttl-area:nth-child(2) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(2) .welfare__ttl-txt, .welfare__ttl-area:nth-child(2) .welfare__ttl-txt, .movie__ttl-area:nth-child(2) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(2) .movie__ttl-txt, .education__ttl-area:nth-child(2) .movie__ttl-txt, .workstyle__ttl-area:nth-child(2) .movie__ttl-txt, .welfare__ttl-area:nth-child(2) .movie__ttl-txt, .movie__ttl-area:nth-child(2) .movie__ttl-txt {
        transition: none; }
      .persons-detail__scene-lead-area:nth-child(3), .education__ttl-area:nth-child(3), .workstyle__ttl-area:nth-child(3), .welfare__ttl-area:nth-child(3), .movie__ttl-area:nth-child(3) {
        transition: opacity 0.4s 0.4s ease-in-out; }
      .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(3)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(3)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(3)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(3)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(3)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(3)::after {
        animation: none; }
      .persons-detail__scene-lead-area:nth-child(3) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(3) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(3) .education__ttl-txt, .education__ttl-area:nth-child(3) .education__ttl-txt, .workstyle__ttl-area:nth-child(3) .education__ttl-txt, .welfare__ttl-area:nth-child(3) .education__ttl-txt, .movie__ttl-area:nth-child(3) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(3) .workstyle__ttl-txt, .education__ttl-area:nth-child(3) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(3) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(3) .workstyle__ttl-txt, .movie__ttl-area:nth-child(3) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(3) .welfare__ttl-txt, .education__ttl-area:nth-child(3) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(3) .welfare__ttl-txt, .welfare__ttl-area:nth-child(3) .welfare__ttl-txt, .movie__ttl-area:nth-child(3) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(3) .movie__ttl-txt, .education__ttl-area:nth-child(3) .movie__ttl-txt, .workstyle__ttl-area:nth-child(3) .movie__ttl-txt, .welfare__ttl-area:nth-child(3) .movie__ttl-txt, .movie__ttl-area:nth-child(3) .movie__ttl-txt {
        transition: none; }
      .persons-detail__scene-lead-area:nth-child(4), .education__ttl-area:nth-child(4), .workstyle__ttl-area:nth-child(4), .welfare__ttl-area:nth-child(4), .movie__ttl-area:nth-child(4) {
        transition: opacity 0.4s 0.6s ease-in-out; }
      .persons-detail__scene-lead.js-anim-init .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.education__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.welfare__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .js-anim-init.movie__ttl .persons-detail__scene-lead-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .education__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .education__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .education__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .education__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .education__ttl-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .workstyle__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .workstyle__ttl-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .welfare__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .welfare__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .welfare__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .welfare__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .welfare__ttl-area:nth-child(4)::after, .persons-detail__scene-lead.js-anim-init .movie__ttl-area:nth-child(4)::after, .js-anim-init.education__ttl .movie__ttl-area:nth-child(4)::after, .js-anim-init.workstyle__ttl .movie__ttl-area:nth-child(4)::after, .js-anim-init.welfare__ttl .movie__ttl-area:nth-child(4)::after, .js-anim-init.movie__ttl .movie__ttl-area:nth-child(4)::after {
        animation: none; }
      .persons-detail__scene-lead-area:nth-child(4) .persons-detail__scene-lead-txt, .education__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .workstyle__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .welfare__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .movie__ttl-area:nth-child(4) .persons-detail__scene-lead-txt, .persons-detail__scene-lead-area:nth-child(4) .education__ttl-txt, .education__ttl-area:nth-child(4) .education__ttl-txt, .workstyle__ttl-area:nth-child(4) .education__ttl-txt, .welfare__ttl-area:nth-child(4) .education__ttl-txt, .movie__ttl-area:nth-child(4) .education__ttl-txt, .persons-detail__scene-lead-area:nth-child(4) .workstyle__ttl-txt, .education__ttl-area:nth-child(4) .workstyle__ttl-txt, .workstyle__ttl-area:nth-child(4) .workstyle__ttl-txt, .welfare__ttl-area:nth-child(4) .workstyle__ttl-txt, .movie__ttl-area:nth-child(4) .workstyle__ttl-txt, .persons-detail__scene-lead-area:nth-child(4) .welfare__ttl-txt, .education__ttl-area:nth-child(4) .welfare__ttl-txt, .workstyle__ttl-area:nth-child(4) .welfare__ttl-txt, .welfare__ttl-area:nth-child(4) .welfare__ttl-txt, .movie__ttl-area:nth-child(4) .welfare__ttl-txt, .persons-detail__scene-lead-area:nth-child(4) .movie__ttl-txt, .education__ttl-area:nth-child(4) .movie__ttl-txt, .workstyle__ttl-area:nth-child(4) .movie__ttl-txt, .welfare__ttl-area:nth-child(4) .movie__ttl-txt, .movie__ttl-area:nth-child(4) .movie__ttl-txt {
        transition: none; }
      .persons-detail__scene-lead-area::after, .education__ttl-area::after, .workstyle__ttl-area::after, .welfare__ttl-area::after, .movie__ttl-area::after {
        content: none; } }
.persons-detail__scene-lead-txt, .education__ttl-txt, .workstyle__ttl-txt, .welfare__ttl-txt, .movie__ttl-txt {
  display: block;
  opacity: 0; }
  @media (max-width: 600px) {
    .persons-detail__scene-lead-txt, .education__ttl-txt, .workstyle__ttl-txt, .welfare__ttl-txt, .movie__ttl-txt {
      display: inline;
      opacity: 1; } }
.persons-detail__scene-img {
  clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
  transition: clip-path .6s ease-in-out; }
  .persons-detail__scene-img.js-anim-init {
    clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
.persons-detail__scene-txt {
  margin-top: 40px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
  opacity: 0;
  transform: translateY(30px);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
  @media (max-width: 900px) {
    .persons-detail__scene-txt {
      font-size: 1.6rem; } }
  @media (max-width: 600px) {
    .persons-detail__scene-txt {
      font-size: 1.5rem; } }
  .persons-detail__scene-txt.js-anim-init {
    opacity: 1;
    transform: translateY(0); }
.persons-detail__smenu {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2; }
  @media (max-width: 600px) {
    .persons-detail__smenu {
      display: none; } }
.persons-detail__smenu-item {
  position: relative;
  background: #000;
  transition: background .3s ease-in-out; }
  .persons-detail__smenu-item:nth-child(n+2) {
    margin-top: 1px; }
  .persons-detail__smenu-item.active {
    background: #ED1450; }
.persons-detail__smenu-num {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 70px;
  font-size: 1.2rem;
  color: #FFF;
  z-index: 2; }
.persons-detail__smenu-btn {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 17px;
  top: 0;
  padding: 0 15px;
  height: 100%;
  white-space: nowrap;
  border: 1px solid #DDD;
  transform: translateX(100%);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
  background: #FFF;
  z-index: -1;
  /*box-sizing: content-box;*/ }
  .persons-detail__smenu-btn:hover {
    opacity: .6; }
  .active .persons-detail__smenu-btn {
    transform: translateX(0); }
.persons-detail__smenu-link {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2; }
.persons-detail__smenu-scene {
  padding-bottom: 4px;
  font-size: 1rem;
  font-weight: bold;
  color: #878787; }
.persons-detail__other {
  max-width: 1260px;
  margin: 0 auto;
  padding: 100px 30px 0; }
  @media (max-width: 900px) {
    .persons-detail__other {
      padding: 10vw 20px 0; } }
  @media (max-width: 600px) {
    .persons-detail__other {
      padding: 15vw 15px 0; } }
.persons-detail__other-ttl {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
  .persons-detail__other-ttl.js-anim-init {
    opacity: 1;
    transform: translateY(0); }
  @media (max-width: 900px) {
    .persons-detail__other-ttl {
      font-size: 3.2vw; } }
  @media (max-width: 600px) {
    .persons-detail__other-ttl {
      font-size: 4.8vw; } }
.persons-detail__other-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px; }
  @media (max-width: 900px) {
    .persons-detail__other-list {
      margin-top: 5vw; } }
  @media (max-width: 600px) {
    .persons-detail__other-list {
      margin-top: 7.5vw; } }
.persons-detail__other-item {
  width: calc(50% - 10px);
  opacity: 0;
  transition: opacity .3s ease-in-out; }
  .persons-detail__other-item:nth-child(n+3) {
    margin-top: 20px; }
    @media (max-width: 900px) {
      .persons-detail__other-item:nth-child(n+3) {
        margin-top: 2vw; } }
  @media (max-width: 600px) {
    .persons-detail__other-item {
      width: 100%; }
      .persons-detail__other-item:nth-child(n+2) {
        margin-top: 3vw; } }
  .persons-detail__other-item.js-anim-init {
    opacity: 1; }
    .persons-detail__other-item.js-anim-init .persons-detail__other-person-img {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
    .persons-detail__other-item.js-anim-init .persons-detail__other-person-class, .persons-detail__other-item.js-anim-init .persons-detail__other-person-name {
      opacity: 1;
      transform: translateX(0); }
    .persons-detail__other-item.js-anim-init .persons-detail__other-person-concept {
      clip-path: inset(0); }
.persons-detail__other-link:hover .persons-detail__other-person-txtleft::before {
  width: 0;
  transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
.persons-detail__other-link:hover .persons-detail__other-person-txtleft::after {
  right: 20px;
  width: 38px;
  transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
.persons-detail__other-person-img {
  transition: clip-path .3s .2s ease-in-out, transform 1s ease-in-out; }
.persons-detail__other-person-txtleft {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: #FFF;
  background: #ED1450; }
  .persons-detail__other-person-txtleft::before, .persons-detail__other-person-txtleft::after {
    content: "";
    display: block;
    width: 38px;
    height: 15px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 600px) {
      .persons-detail__other-person-txtleft::before, .persons-detail__other-person-txtleft::after {
        bottom: 0; } }
  .persons-detail__other-person-txtleft::after {
    right: 58px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  @media (max-width: 600px) {
    .persons-detail__other-person-txtleft {
      padding: 1.5vw 3vw; } }
.persons-detail__other-person-class {
  font-size: 1.4rem; }
  @media (max-width: 600px) {
    .persons-detail__other-person-class {
      font-size: 1.2rem; } }
.persons-detail__other-person-name {
  font-size: 2.2rem; }
  @media (max-width: 600px) {
    .persons-detail__other-person-name {
      font-size: 1.6rem; } }
.persons-detail__other-person-furi {
  font-size: 1.4rem;
  font-weight: lighter; }
  @media (max-width: 600px) {
    .persons-detail__other-person-furi {
      font-size: 1.2rem; } }

@keyframes anim_cover {
  0% {
    transform: scaleX(0);
    transform-origin: left top; }
  49% {
    transform: scaleX(1);
    transform-origin: left top; }
  51% {
    transform: scaleX(1);
    transform-origin: right top; }
  100% {
    transform: scaleX(0);
    transform-origin: right top; } }
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Culture DNA CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.culture-dna {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 80px 30px 0; }
  @media (max-width: 900px) {
    .culture-dna {
      padding: 60px 20px 0; } }
  @media (max-width: 600px) {
    .culture-dna {
      padding: 30px 15px 0; } }
  .culture-dna__hero {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 500px;
    background-size: 100% auto;
    background: url("../../assets/img/recruit/career/culture/dna/bg-main.png") center center/cover no-repeat; }
    @media (max-width: 1280px) {
      .culture-dna__hero {
        height: 30.3vw; } }
    @media (max-width: 1080px) {
      .culture-dna__hero {
        flex-direction: column;
        height: auto; } }
    @media (max-width: 600px) {
      .culture-dna__hero {
        background-size: 125% auto; } }
  .culture-dna__hero-ttl {
    padding-right: 91px; }
    .culture-dna__hero-ttl .common__ttl {
      margin-top: 0;
      display: inline-block; }
    .culture-dna__hero-ttl .common__ttl-sub {
      text-align: left; }
      @media (max-width: 1080px) {
        .culture-dna__hero-ttl .common__ttl-sub {
          text-align: center; } }
    @media (max-width: 1680px) {
      .culture-dna__hero-ttl {
        padding-right: 5vw; } }
    @media (max-width: 1080px) {
      .culture-dna__hero-ttl {
        padding: 0; } }
  .culture-dna__hero-img {
    width: 45%;
    height: auto;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .6s ease-in-out; }
    @media (max-width: 1080px) {
      .culture-dna__hero-img {
        width: 90%;
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .culture-dna__hero-img {
        margin-top: 7.5vw; } }
    .culture-dna__hero-img.js-anim-init {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .culture-dna__sub-ttl {
    width: fit-content;
    margin: 150px auto 0;
    padding: 0;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .culture-dna__sub-ttl {
        margin-top: 10vw;
        padding: 0 20px;
        text-align: center; } }
    @media (max-width: 600px) {
      .culture-dna__sub-ttl {
        margin-top: 12.5vw;
        padding: 0 15px;
        font-size: 4.2vw; } }
    .culture-dna__sub-ttl.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .culture-dna__sub-ttl-op {
    display: inline-block;
    padding: 0 10px; }
    @media (max-width: 900px) {
      .culture-dna__sub-ttl-op {
        width: 100%;
        display: block;
        line-height: 1;
        padding: 0 10px;
        transform: rotate(90deg); } }
  .culture-dna__sub-ttl-red {
    color: #ED1450; }
    @media (max-width: 900px) {
      .culture-dna__sub-ttl-red {
        display: block; } }
  .culture-dna__lead, .about-movie__lead, .reason__lead {
    max-width: 1260px;
    margin: 50px auto 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .culture-dna__lead, .about-movie__lead, .reason__lead {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .culture-dna__lead, .about-movie__lead, .reason__lead {
        margin-top: 7.5vw;
        font-size: 1.4rem; } }
    .culture-dna__lead.js-anim-init, .js-anim-init.about-movie__lead, .js-anim-init.reason__lead {
      opacity: 1;
      transform: translateY(0); }
  .culture-dna__list {
    display: flex;
    flex-direction: column;
    max-width: 1500px;
    margin: 100px auto 0;
    background: url("../../assets/img/recruit/career/culture/dna/bg-content.png") center top/cover repeat-y;
    background-size: 200px auto;
    opacity: 0;
    transform: translateY(100px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .culture-dna__list {
        margin-top: 10vw;
        background-size: 150px auto; } }
    @media (max-width: 600px) {
      .culture-dna__list {
        margin-top: 15vw;
        background-size: 100px auto; } }
    .culture-dna__list.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .culture-dna__item {
    max-width: 800px;
    margin: 0 auto 0 0;
    padding: 30px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #AAA;
    overflow: hidden;
    opacity: 0;
    transform: translateX(50px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .culture-dna__item {
        padding: 3vw;
        width: 75%; } }
    @media (max-width: 600px) {
      .culture-dna__item {
        padding: 4.5vw;
        width: 90%;
        background: rgba(255, 255, 255, 0.7); } }
    .culture-dna__item:nth-child(even) {
      margin: 0 0 0 auto;
      transform: translateX(-50px); }
    .culture-dna__item:nth-child(n+2) {
      margin-top: 30px; }
      @media (max-width: 900px) {
        .culture-dna__item:nth-child(n+2) {
          margin-top: 3vw; } }
      @media (max-width: 600px) {
        .culture-dna__item:nth-child(n+2) {
          margin-top: 4.5vw; } }
    .culture-dna__item.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
      .culture-dna__item.js-anim-init .culture-dna__inner-dd {
        clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
      .culture-dna__item.js-anim-init .culture-dna__item-num {
        opacity: 1;
        transform: translateY(0); }
      .culture-dna__item.js-anim-init .culture-dna__item-ttl, .culture-dna__item.js-anim-init .culture-dna__item-txt {
        opacity: 1;
        transform: translateX(0); }
  .culture-dna__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 900px) {
      .culture-dna__inner {
        flex-direction: column; } }
  .culture-dna__inner-dt {
    width: calc(100% - 330px); }
    @media (max-width: 900px) {
      .culture-dna__inner-dt {
        width: 100%; } }
  .culture-dna__item-info {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
    color: #878787;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    overflow: hidden;
    /*
    @include tb {
    	font-size: 1.4rem;
    }*/ }
    .culture-dna__item-info::after {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      width: 26px;
      height: 2px;
      background: #ED1450; }
    @media (max-width: 600px) {
      .culture-dna__item-info {
        font-size: 4vw; } }
  .culture-dna__item-num {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-size: 3.2rem;
    margin-left: 3px;
    margin-bottom: -.4rem;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .4s .3s ease-in-out, transform .4s .3s ease-in-out; }
  .culture-dna__item-ttl {
    font-size: 3rem;
    font-weight: bold;
    color: #ED1450;
    opacity: 0;
    margin-top: 15px;
    line-height: 1.4;
    transform: translateX(30px);
    transition: opacity .5s .5s ease-in-out, transform .5s .5s ease-in-out; }
    @media (max-width: 600px) {
      .culture-dna__item-ttl {
        font-size: 5vw; } }
  .culture-dna__item-txt {
    margin-top: 10px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .5s .6s ease-in-out, transform .5s .6s ease-in-out; }
    @media (max-width: 900px) {
      .culture-dna__item-txt {
        margin-top: 2vw;
        font-size: 1.4rem; } }
    @media (max-width: 600px) {
      .culture-dna__item-txt {
        margin-top: 3vw;
        font-size: 1.3rem; } }
  .culture-dna__inner-dd {
    width: 300px;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s .3s ease-in-out; }
    @media (max-width: 900px) {
      .culture-dna__inner-dd {
        margin-top: 3vw;
        width: 100%; } }
    @media (max-width: 600px) {
      .culture-dna__inner-dd {
        margin-top: 4.5vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

About Movie CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.about-movie {
  position: relative;
  margin: 0 auto;
  padding: 100px 0 0; }
  @media (max-width: 900px) {
    .about-movie {
      padding: 10vw 0 0; } }
  @media (max-width: 600px) {
    .about-movie {
      padding: 15vw 0 0; } }
  .about-movie__lead {
    padding: 0 30px;
    font-size: 1.8rem;
    text-align: center;
    transition: opacity .3s .2s ease-in-out, transform .3s .2s ease-in-out; }
    @media (max-width: 900px) {
      .about-movie__lead {
        padding: 0 20px;
        font-size: 1.6rem; } }
    @media (max-width: 600px) {
      .about-movie__lead {
        padding: 0 15px;
        font-size: 3.2vw;
        text-align: left; }
        .about-movie__lead br {
          display: none; } }
  .about-movie__bg {
    position: absolute;
    width: 100%;
    height: 640px;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1; }
    @media (max-width: 1280px) {
      .about-movie__bg {
        height: 51vw; } }
  .about-movie__bg-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360vw;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
    border: none; }
  .about-movie__movie {
    position: relative;
    margin-top: 50px;
    padding-bottom: 80px;
    opacity: 0;
    transform: translateY(50px);
    clip-path: inset(0 100% 0 0);
    transition: opacity .3s, transform .5s, clip-path .5s;
    z-index: 2; }
    @media (max-width: 1280px) {
      .about-movie__movie {
        padding: 0 30px 80px; } }
    @media (max-width: 900px) {
      .about-movie__movie {
        margin-top: 5vw;
        padding: 0 20px 8vw; } }
    @media (max-width: 600px) {
      .about-movie__movie {
        margin-top: 7.5vw;
        padding: 0 15px 12vw; } }
    .about-movie__movie.js-anim-init {
      opacity: 1;
      transform: translateY(0);
      clip-path: inset(0); }
  .about-movie__movie-wrap {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 673px; }
    @media (max-width: 1280px) {
      .about-movie__movie-wrap {
        padding-top: 56.25%; } }
  .about-movie__movie-iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
    border: 1px solid #EEE; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

reason CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.reason {
  max-width: 1260px;
  margin: 0 auto;
  padding: 60px 30px 0; }
  @media (max-width: 900px) {
    .reason {
      padding: 6vw 20px 0; } }
  @media (max-width: 600px) {
    .reason {
      padding: 9vw 15px 0; } }
  .reason__lead {
    padding: 0 !important;
    font-size: 1.8rem;
    text-align: center;
    transition: opacity .3s .2s ease-in-out, transform .3s .2s ease-in-out; }
    @media (max-width: 900px) {
      .reason__lead {
        font-size: 1.6rem; } }
    @media (max-width: 600px) {
      .reason__lead {
        font-size: 3.2vw;
        text-align: left; }
        .reason__lead br {
          display: none; } }
  .reason__popup-tag-list {
    padding: 0 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
  .reason__popup-tag-item {
    margin: 10px 10px 0 0;
    font-size: 1.4rem;
    line-height: 1; }
    @media (max-width: 600px) {
      .reason__popup-tag-item {
        font-size: 3vw; } }
    .reason__popup-tag-item:last-child {
      margin-right: 0; }
  .reason__tmenu, .keywords__tmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 74px;
    padding: 10px;
    background: #FFF; }
    @media (max-width: 900px) {
      .reason__tmenu, .keywords__tmenu {
        margin-top: 7.4vw; } }
    @media (max-width: 600px) {
      .reason__tmenu, .keywords__tmenu {
        margin-top: 10vw;
        padding: 1vw 0 3vw; } }
    .reason__tmenu.js-anim-init .reason__tmenu-tag, .js-anim-init.keywords__tmenu .reason__tmenu-tag, .reason__tmenu.js-anim-init .keywords__tmenu-tag, .js-anim-init.keywords__tmenu .keywords__tmenu-tag {
      opacity: 1; }
  .reason__tmenu-tag, .keywords__tmenu-tag {
    margin: 10px;
    font-size: 1.6rem;
    cursor: pointer;
    opacity: 0; }
    .reason__tmenu-tag:hover, .keywords__tmenu-tag:hover {
      opacity: .7; }
    @media (max-width: 900px) {
      .reason__tmenu-tag, .keywords__tmenu-tag {
        margin: 2vw 1vw;
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .reason__tmenu-tag, .keywords__tmenu-tag {
        margin: 3vw 1.5vw 0;
        font-size: 3vw; } }
    .reason__tmenu-tag.select, .select.keywords__tmenu-tag {
      color: #ED1450; }
    .reason__tmenu-tag:nth-child(1), .keywords__tmenu-tag:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(2), .keywords__tmenu-tag:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(3), .keywords__tmenu-tag:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(4), .keywords__tmenu-tag:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(5), .keywords__tmenu-tag:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(6), .keywords__tmenu-tag:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(7), .keywords__tmenu-tag:nth-child(7) {
      transition: opacity 0.3s 0.6s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(8), .keywords__tmenu-tag:nth-child(8) {
      transition: opacity 0.3s 0.7s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(9), .keywords__tmenu-tag:nth-child(9) {
      transition: opacity 0.3s 0.8s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(10), .keywords__tmenu-tag:nth-child(10) {
      transition: opacity 0.3s 0.9s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(11), .keywords__tmenu-tag:nth-child(11) {
      transition: opacity 0.3s 1s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(12), .keywords__tmenu-tag:nth-child(12) {
      transition: opacity 0.3s 1.1s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(13), .keywords__tmenu-tag:nth-child(13) {
      transition: opacity 0.3s 1.2s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(14), .keywords__tmenu-tag:nth-child(14) {
      transition: opacity 0.3s 1.3s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(15), .keywords__tmenu-tag:nth-child(15) {
      transition: opacity 0.3s 1.4s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(16), .keywords__tmenu-tag:nth-child(16) {
      transition: opacity 0.3s 1.5s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(17), .keywords__tmenu-tag:nth-child(17) {
      transition: opacity 0.3s 1.6s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(18), .keywords__tmenu-tag:nth-child(18) {
      transition: opacity 0.3s 1.7s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(19), .keywords__tmenu-tag:nth-child(19) {
      transition: opacity 0.3s 1.8s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(20), .keywords__tmenu-tag:nth-child(20) {
      transition: opacity 0.3s 1.9s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(21), .keywords__tmenu-tag:nth-child(21) {
      transition: opacity 0.3s 2s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(22), .keywords__tmenu-tag:nth-child(22) {
      transition: opacity 0.3s 2.1s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(23), .keywords__tmenu-tag:nth-child(23) {
      transition: opacity 0.3s 2.2s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(24), .keywords__tmenu-tag:nth-child(24) {
      transition: opacity 0.3s 2.3s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(25), .keywords__tmenu-tag:nth-child(25) {
      transition: opacity 0.3s 2.4s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(26), .keywords__tmenu-tag:nth-child(26) {
      transition: opacity 0.3s 2.5s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(27), .keywords__tmenu-tag:nth-child(27) {
      transition: opacity 0.3s 2.6s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(28), .keywords__tmenu-tag:nth-child(28) {
      transition: opacity 0.3s 2.7s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(29), .keywords__tmenu-tag:nth-child(29) {
      transition: opacity 0.3s 2.8s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(30), .keywords__tmenu-tag:nth-child(30) {
      transition: opacity 0.3s 2.9s ease-in-out, color 0.3s ease-in-out; }
    .reason__tmenu-tag:nth-child(31), .keywords__tmenu-tag:nth-child(31) {
      transition: opacity 0.3s 3s ease-in-out, color 0.3s ease-in-out; }
  .reason__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: calc(100% + 8px);
    margin: 0 -4px;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out, clip-path .5s ease-in-out; }
    @media (max-width: 600px) {
      .reason__list {
        margin: 30px -2px 0;
        justify-content: space-between; } }
    @media (max-width: 600px) {
      .reason__list::after {
        display: block;
        content: "";
        z-index: 1;
        width: calc(33.333% - 4px); } }
    @media (max-width: 600px) {
      .reason__list::before {
        display: block;
        content: "";
        z-index: 1;
        order: 1;
        width: calc(33.333% - 4px); } }
    .reason__list.js-anim-init .reason__item {
      opacity: 1;
      transform: translateY(0); }
  .reason__item {
    margin: 50px 4px 0;
    width: calc(16.666% - 8px);
    z-index: 1;
    opacity: 0;
    transform: translateY(30px);
    cursor: pointer; }
    @media (max-width: 900px) {
      .reason__item {
        margin: 25px 4px 0;
        width: calc(25% - 8px); } }
    @media (max-width: 600px) {
      .reason__item {
        margin: 15px 2px 0;
        width: calc(33.333% - 4px); } }
    .reason__item:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
    .reason__item:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out; }
    .reason__item:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
    .reason__item:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s 0.3s ease-in-out; }
    .reason__item:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
    .reason__item:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, transform 0.3s 0.5s ease-in-out; }
    .reason__item:nth-child(7) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
    .reason__item:nth-child(8) {
      transition: opacity 0.3s 0.7s ease-in-out, transform 0.3s 0.7s ease-in-out; }
    .reason__item:nth-child(9) {
      transition: opacity 0.3s 0.8s ease-in-out, transform 0.3s 0.8s ease-in-out; }
    .reason__item:nth-child(10) {
      transition: opacity 0.3s 0.9s ease-in-out, transform 0.3s 0.9s ease-in-out; }
    .reason__item:nth-child(11) {
      transition: opacity 0.3s 1s ease-in-out, transform 0.3s 1s ease-in-out; }
    .reason__item:nth-child(12) {
      transition: opacity 0.3s 1.1s ease-in-out, transform 0.3s 1.1s ease-in-out; }
    .reason__item:nth-child(13) {
      transition: opacity 0.3s 1.2s ease-in-out, transform 0.3s 1.2s ease-in-out; }
    .reason__item:nth-child(14) {
      transition: opacity 0.3s 1.3s ease-in-out, transform 0.3s 1.3s ease-in-out; }
    .reason__item:nth-child(15) {
      transition: opacity 0.3s 1.4s ease-in-out, transform 0.3s 1.4s ease-in-out; }
    .reason__item:nth-child(16) {
      transition: opacity 0.3s 1.5s ease-in-out, transform 0.3s 1.5s ease-in-out; }
    .reason__item:nth-child(17) {
      transition: opacity 0.3s 1.6s ease-in-out, transform 0.3s 1.6s ease-in-out; }
    .reason__item:nth-child(18) {
      transition: opacity 0.3s 1.7s ease-in-out, transform 0.3s 1.7s ease-in-out; }
    .reason__item:nth-child(19) {
      transition: opacity 0.3s 1.8s ease-in-out, transform 0.3s 1.8s ease-in-out; }
    .reason__item:nth-child(20) {
      transition: opacity 0.3s 1.9s ease-in-out, transform 0.3s 1.9s ease-in-out; }
    .reason__item:nth-child(21) {
      transition: opacity 0.3s 2s ease-in-out, transform 0.3s 2s ease-in-out; }
    .reason__item:nth-child(22) {
      transition: opacity 0.3s 2.1s ease-in-out, transform 0.3s 2.1s ease-in-out; }
    .reason__item:nth-child(23) {
      transition: opacity 0.3s 2.2s ease-in-out, transform 0.3s 2.2s ease-in-out; }
    .reason__item:nth-child(24) {
      transition: opacity 0.3s 2.3s ease-in-out, transform 0.3s 2.3s ease-in-out; }
    .reason__item:nth-child(25) {
      transition: opacity 0.3s 2.4s ease-in-out, transform 0.3s 2.4s ease-in-out; }
    .reason__item:nth-child(26) {
      transition: opacity 0.3s 2.5s ease-in-out, transform 0.3s 2.5s ease-in-out; }
    .reason__item:nth-child(27) {
      transition: opacity 0.3s 2.6s ease-in-out, transform 0.3s 2.6s ease-in-out; }
    .reason__item:nth-child(28) {
      transition: opacity 0.3s 2.7s ease-in-out, transform 0.3s 2.7s ease-in-out; }
    .reason__item:nth-child(29) {
      transition: opacity 0.3s 2.8s ease-in-out, transform 0.3s 2.8s ease-in-out; }
    .reason__item:nth-child(30) {
      transition: opacity 0.3s 2.9s ease-in-out, transform 0.3s 2.9s ease-in-out; }
  .reason__item-tag-list {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0; }
  .reason__item-tag-item {
    font-size: 1.1rem;
    margin-right: 5px; }
    @media (max-width: 600px) {
      .reason__item-tag-item {
        font-size: 1.4vw; } }
  .reason__movie-wrap {
    position: relative;
    width: 100%;
    padding-top: 178.25%; }
    @media (max-width: 600px) {
      .reason__movie-wrap {
        width: 70vw; } }
  .reason__movie-iframe iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0; }
  .reason__popup {
    position: fixed;
    display: grid;
    place-items: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 200; }
  .reason__popup-inner {
    position: relative;
    display: block;
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
    pointer-events: auto; }
    @media (max-width: 900px) {
      .reason__popup-inner {
        max-width: 450px; } }
    @media (max-width: 600px) {
      .reason__popup-inner {
        width: 70vw;
        max-width: none; } }
  .reason__popup-img-wrapper {
    width: 100%;
    overflow: hidden; }
    @media (max-width: 900px) {
      .reason__popup-img-wrapper {
        width: 100%;
        height: 56.25vw; } }
    @media (max-width: 900px) {
      .reason__popup-img-wrapper {
        width: 100%;
        height: 100%; } }
  .reason__popup-imgarea {
    position: relative;
    display: flex;
    height: 100%;
    transition: left .3s ease-in-out; }
  .reason__popup-imgitem {
    width: 100%;
    height: 100%; }
  .reason__popup-txt-wrapper {
    width: 50%;
    overflow: hidden; }
    @media (max-width: 900px) {
      .reason__popup-txt-wrapper {
        width: 100%; } }
  .reason__popup-txtarea {
    position: relative;
    display: flex;
    transition: left .3s .1s ease-in-out; }
  .reason__popup-txtitem {
    width: 100%; }
  .reason__popup-ttl {
    position: relative;
    padding: 80px 40px 0;
    font-size: 3rem;
    font-weight: bolder;
    line-height: 1.4; }
    @media (max-width: 900px) {
      .reason__popup-ttl {
        padding: 8vw 4vw 0; } }
    @media (max-width: 600px) {
      .reason__popup-ttl {
        font-size: 6vw;
        padding: 10vw 15px 0; } }
    .reason__popup-ttl::after {
      position: absolute;
      content: "";
      width: 36px;
      height: 30px;
      top: 30px;
      left: 40px;
      background: url("../img/recruit/career/about/keywords/img-dc.png") left top/cover no-repeat;
      background-size: 100% auto; }
      @media (max-width: 900px) {
        .reason__popup-ttl::after {
          top: 2vw;
          left: 4vw; } }
      @media (max-width: 600px) {
        .reason__popup-ttl::after {
          top: 3vw;
          width: 24px;
          left: 15px; } }
  .reason__popup-txt {
    padding: 30px 40px 120px;
    font-size: 1.6rem;
    line-height: 1.8; }
    @media (max-width: 900px) {
      .reason__popup-txt {
        padding: 3vw 4vw 12vw;
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .reason__popup-txt {
        padding: 4.5vw 15px 4.5vw;
        font-size: 3.6vw; } }
  .reason__popup-ui {
    display: flex;
    justify-content: space-between;
    width: 98%;
    margin: 0 auto; }
    @media (max-width: 900px) {
      .reason__popup-ui {
        bottom: 3vw;
        right: 4vw;
        width: calc(100% - 8vw); } }
    @media (max-width: 600px) {
      .reason__popup-ui {
        right: 15px;
        width: calc(100% - (15px * 2)); } }
  .reason__popup-ui-back {
    position: relative;
    width: 40px;
    height: 36px;
    margin: 0 auto 0 0;
    cursor: pointer; }
    .reason__popup-ui-back:hover::before {
      left: 0; }
    .reason__popup-ui-back::before {
      position: absolute;
      content: "";
      top: calc(50% - 4px);
      left: 5px;
      width: 10px;
      height: 10px;
      border-top: 3px solid #ED1450;
      border-right: 3px solid #ED1450;
      transform: rotate(-135deg);
      transition: left .3s ease-in-out; }
  .reason__popup-ui-num {
    margin: 0 auto; }
  .reason__popup-ui-current {
    font-size: 2rem;
    font-weight: 400; }
  .reason__popup-ui-total {
    font-size: 1.4rem;
    font-weight: 300; }
  .reason__popup-ui-next {
    position: relative;
    width: 40px;
    height: 36px;
    margin: 0 0 0 auto;
    cursor: pointer; }
    .reason__popup-ui-next:hover::before {
      right: 0; }
    .reason__popup-ui-next::before {
      position: absolute;
      content: "";
      top: calc(50% - 4px);
      right: 5px;
      width: 10px;
      height: 10px;
      border-top: 3px solid #ED1450;
      border-right: 3px solid #ED1450;
      transform: rotate(45deg);
      transition: right .3s ease-in-out; }
  .reason__popup-close {
    position: absolute;
    content: "";
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
    background: #ED1450;
    border-radius: 25px;
    transition: transform .3s ease-in-out;
    cursor: pointer; }
    @media (max-width: 900px) {
      .reason__popup-close {
        right: -15px;
        width: 45px;
        height: 45px; } }
    @media (max-width: 600px) {
      .reason__popup-close {
        top: -15px;
        right: -10px;
        width: 40px;
        height: 40px; } }
    .reason__popup-close:hover {
      transform: scale(0.9); }
      .reason__popup-close:hover::before {
        transform: translate(-50%, -50%) rotate(135deg); }
      .reason__popup-close:hover::after {
        transform: translate(-50%, -50%) rotate(45deg); }
    .reason__popup-close::before, .reason__popup-close::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 3px;
      height: 32px;
      background: #FFF;
      transform: translate(-50%, -50%) rotate(45deg);
      transition: transform .3s ease-in-out; }
      @media (max-width: 900px) {
        .reason__popup-close::before, .reason__popup-close::after {
          height: 30px; } }
      @media (max-width: 600px) {
        .reason__popup-close::before, .reason__popup-close::after {
          height: 28px; } }
    .reason__popup-close::after {
      transform: translate(-50%, -50%) rotate(-45deg); }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

About-number CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.about-number__list-num, .about-number__list-num--01, .about-number__list-num--01_1, .about-number__list-num--03, .about-number__list-num--04, .about-number__list-num--05, .about-number__list-num--06, .about-number__list-num--07, .about-number__list-num--08, .about-number__list-num--08-1, .about-number__list-num--08-2, .about-number__list-num--08-3, .about-number__list-num--08-4, .about-number__list-num--08-5, .about-number__list-num--09, .about-number__list-num--9-2, .about-number__list-num--9-3, .about-number__list-num--10, .about-number__list-num--11-1, .about-number__list-num--11-2, .about-number__list-num--12-1, .about-number__list-num--12-2, .about-number__list-num--12-3, .about-number__list-num--13-1, .about-number__list-num--13-2, .about-number__list-num--14, .about-number__list-num--15, .about-number__list-num--16-1, .about-number__list-num--16-2, .about-number__list-num--16-3, .about-number__list-num--17, .about-number__list-num--18-1, .about-number__list-num--18-2, .about-number__list-num--19, .about-number__list-num--20-1, .about-number__list-num--20-2, .about-number__list-num--21, .about-number__list-num--23, .about-number__list-num--02-1, .about-number__list-num--02-2, .about-number__list-num--07-1, .about-number__list-num--07-2, .about-number__list-num--07-3, .about-number__list-num--07-4, .about-number__list-num--22-1, .about-number__list-num--22-2, .about-number__list-num--22-3, .about-number__list-num-comma {
  font-family: "Lato", sans-serif;
  font-size: 8rem;
  font-weight: 400;
  letter-spacing: -0.2rem; }
  @media (max-width: 1280px) {
    .about-number__list-num, .about-number__list-num--01, .about-number__list-num--01_1, .about-number__list-num--03, .about-number__list-num--04, .about-number__list-num--05, .about-number__list-num--06, .about-number__list-num--07, .about-number__list-num--08, .about-number__list-num--08-1, .about-number__list-num--08-2, .about-number__list-num--08-3, .about-number__list-num--08-4, .about-number__list-num--08-5, .about-number__list-num--09, .about-number__list-num--9-2, .about-number__list-num--9-3, .about-number__list-num--10, .about-number__list-num--11-1, .about-number__list-num--11-2, .about-number__list-num--12-1, .about-number__list-num--12-2, .about-number__list-num--12-3, .about-number__list-num--13-1, .about-number__list-num--13-2, .about-number__list-num--14, .about-number__list-num--15, .about-number__list-num--16-1, .about-number__list-num--16-2, .about-number__list-num--16-3, .about-number__list-num--17, .about-number__list-num--18-1, .about-number__list-num--18-2, .about-number__list-num--19, .about-number__list-num--20-1, .about-number__list-num--20-2, .about-number__list-num--21, .about-number__list-num--23, .about-number__list-num--02-1, .about-number__list-num--02-2, .about-number__list-num--07-1, .about-number__list-num--07-2, .about-number__list-num--07-3, .about-number__list-num--07-4, .about-number__list-num--22-1, .about-number__list-num--22-2, .about-number__list-num--22-3, .about-number__list-num-comma {
      font-size: 6.25vw; } }
  @media (max-width: 900px) {
    .about-number__list-num, .about-number__list-num--01, .about-number__list-num--01_1, .about-number__list-num--03, .about-number__list-num--04, .about-number__list-num--05, .about-number__list-num--06, .about-number__list-num--07, .about-number__list-num--08, .about-number__list-num--08-1, .about-number__list-num--08-2, .about-number__list-num--08-3, .about-number__list-num--08-4, .about-number__list-num--08-5, .about-number__list-num--09, .about-number__list-num--9-2, .about-number__list-num--9-3, .about-number__list-num--10, .about-number__list-num--11-1, .about-number__list-num--11-2, .about-number__list-num--12-1, .about-number__list-num--12-2, .about-number__list-num--12-3, .about-number__list-num--13-1, .about-number__list-num--13-2, .about-number__list-num--14, .about-number__list-num--15, .about-number__list-num--16-1, .about-number__list-num--16-2, .about-number__list-num--16-3, .about-number__list-num--17, .about-number__list-num--18-1, .about-number__list-num--18-2, .about-number__list-num--19, .about-number__list-num--20-1, .about-number__list-num--20-2, .about-number__list-num--21, .about-number__list-num--23, .about-number__list-num--02-1, .about-number__list-num--02-2, .about-number__list-num--07-1, .about-number__list-num--07-2, .about-number__list-num--07-3, .about-number__list-num--07-4, .about-number__list-num--22-1, .about-number__list-num--22-2, .about-number__list-num--22-3, .about-number__list-num-comma {
      font-size: 11vw; } }

.about-number {
  max-width: 1260px;
  margin: 0 auto;
  padding: 100px 30px 0; }
  @media (max-width: 900px) {
    .about-number {
      padding: 10vw 20px 0; } }
  @media (max-width: 600px) {
    .about-number {
      padding: 15vw 15px 0; } }
  .about-number__warp {
    padding: 74px 0 0; }
    @media (max-width: 900px) {
      .about-number__warp {
        padding-top: 7.4vw; } }
    @media (max-width: 600px) {
      .about-number__warp {
        padding-top: 10vw; } }
  .about-number__list, .about-number__list2, .about-number__list3 {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
  .about-number__list2, .about-number__list3 {
    margin-top: 50px; }
  .about-number__list .about-number__item:nth-child(n+5) {
    margin-top: 2px; }
  @media (max-width: 900px) {
    .about-number__list .about-number__item:nth-child(n+3) {
      margin-top: 2px; } }
  .about-number__list2 .about-number__item:nth-child(n+4) {
    margin-top: 2px; }
  @media (max-width: 900px) {
    .about-number__list2 .about-number__item:nth-child(n+1) {
      margin-top: 2px; } }
  .about-number__list3 .about-number__item:nth-child(n+4) {
    margin-top: 2px; }
  @media (max-width: 900px) {
    .about-number__list3 .about-number__item:nth-child(n+1) {
      margin-top: 2px; } }
  .about-number__item {
    display: block;
    position: relative;
    margin: 0 1px;
    z-index: 1;
    background: #FFF;
    clip-path: inset(0 100% 0 100%);
    transition: opacity .3s .2s ease-in-out,clip-path .3s .2s ease-in-out; }
    .about-number__item.full {
      width: calc(100% - 2px); }
    .about-number__item.half {
      width: calc(50% - 2px); }
      @media (max-width: 900px) {
        .about-number__item.half {
          width: calc(100% - 2px); } }
    .about-number__item.quarter {
      width: calc(25% - 2px); }
      @media (max-width: 900px) {
        .about-number__item.quarter {
          width: calc(50% - 2px); } }
    .about-number__item.js-anim-init {
      clip-path: inset(0); }
      .about-number__item.js-anim-init .about-number__ttl {
        opacity: 1 !important; }
    .about-number__item .js-num {
      white-space: nowrap; }
    .about-number__item.num-01 .about-number__list-num-warp {
      top: 12%;
      left: 36%; }
      @media (max-width: 900px) {
        .about-number__item.num-01 .about-number__list-num-warp {
          left: 44%; } }
    .about-number__item.num-01 .about-number__list-num-text {
      top: 43%;
      left: 49%; }
      @media (max-width: 900px) {
        .about-number__item.num-01 .about-number__list-num-text {
          top: 39%;
          left: 45%; } }
      @media (max-width: 600px) {
        .about-number__item.num-01 .about-number__list-num-text {
          top: 42%;
          left: auto;
          right: 8%; } }
    .about-number__item.num-02 .about-number__list-num-warp {
      top: 19%;
      left: 12%; }
      @media (max-width: 900px) {
        .about-number__item.num-02 .about-number__list-num-warp {
          left: 16%; } }
      .about-number__item.num-02 .about-number__list-num-warp:last-of-type {
        top: 36%;
        left: 42%; }
    .about-number__item.num-02 .about-number__list-num-text {
      top: 56%;
      left: 57%; }
      @media (max-width: 900px) {
        .about-number__item.num-02 .about-number__list-num-text {
          top: 55%;
          left: 54%; } }
      @media (max-width: 600px) {
        .about-number__item.num-02 .about-number__list-num-text {
          top: 56%;
          left: auto;
          right: 12%; } }
    .about-number__item.num-03 .about-number__list-num-warp {
      top: 12%;
      left: 23%; }
      @media (max-width: 900px) {
        .about-number__item.num-03 .about-number__list-num-warp {
          left: 30%; } }
    .about-number__item.num-03 .about-number__list-num-text {
      top: 44%;
      left: 42%; }
      @media (max-width: 900px) {
        .about-number__item.num-03 .about-number__list-num-text {
          top: 40%; } }
      @media (max-width: 600px) {
        .about-number__item.num-03 .about-number__list-num-text {
          top: 41%;
          left: auto;
          right: 19%; } }
    .about-number__item.num-04 .about-number__list-num-warp {
      top: 12%;
      left: 37%;
      position: absolute; }
    .about-number__item.num-04 .about-number__list-num-text {
      top: 44%;
      left: 27%; }
      @media (max-width: 900px) {
        .about-number__item.num-04 .about-number__list-num-text {
          top: 40%;
          left: 31%; } }
      @media (max-width: 600px) {
        .about-number__item.num-04 .about-number__list-num-text {
          top: 41%;
          left: 33%; } }
    .about-number__item.num-05 .about-number__count-num-1 {
      top: 8%;
      left: 6%;
      position: absolute; }
    .about-number__item.num-05 .about-number__count-num-2 {
      top: 53%;
      right: 11%;
      position: absolute;
      left: auto; }
      @media (max-width: 600px) {
        .about-number__item.num-05 .about-number__count-num-2 {
          top: 55%;
          right: 13%; } }
    .about-number__item.num-05 .about-number__other-ttl {
      position: absolute;
      left: 73%;
      top: 54%;
      font-size: clamp(1rem, 1.5vw, 2rem);
      font-weight: bold; }
      @media (max-width: 900px) {
        .about-number__item.num-05 .about-number__other-ttl {
          font-size: 3vw;
          top: 53%;
          left: 74%; } }
      @media (max-width: 600px) {
        .about-number__item.num-05 .about-number__other-ttl {
          left: 72%;
          top: 55%; } }
    .about-number__item.num-05 .about-number__list-num-text {
      position: absolute;
      left: 5%;
      top: 40%; }
      @media (max-width: 900px) {
        .about-number__item.num-05 .about-number__list-num-text {
          top: 38%; } }
    .about-number__item.num-05 .about-number__list-num-text2 {
      position: absolute;
      left: 68%;
      top: 85%;
      font-size: clamp(1rem, 1.2vw, 1.4rem); }
      @media (max-width: 900px) {
        .about-number__item.num-05 .about-number__list-num-text2 {
          font-size: 2.5vw;
          left: 66%;
          top: 81%; } }
      @media (max-width: 600px) {
        .about-number__item.num-05 .about-number__list-num-text2 {
          top: 83%;
          left: 64%; } }
    .about-number__item.num-06 .about-number__list-num-warp {
      top: 10%;
      left: 4%;
      position: absolute; }
      @media (max-width: 1280px) {
        .about-number__item.num-06 .about-number__list-num-warp .about-number__list-num--09 {
          font-size: 6vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-06 .about-number__list-num-warp .about-number__list-num--09 {
          font-size: 11vw; } }
      .about-number__item.num-06 .about-number__list-num-warp.second {
        top: 10%;
        left: 54%;
        position: absolute; }
        @media (max-width: 1280px) {
          .about-number__item.num-06 .about-number__list-num-warp.second .about-number__list-num--08 {
            font-size: 6vw; } }
        @media (max-width: 900px) {
          .about-number__item.num-06 .about-number__list-num-warp.second .about-number__list-num--08 {
            font-size: 11vw; } }
    .about-number__item.num-07 .about-number__sub-ttl {
      font-weight: 600; }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__sub-ttl {
          font-size: 3vw; } }
    .about-number__item.num-07 .about-number__count-num-1,
    .about-number__item.num-07 .about-number__count-num-1_1 {
      position: absolute;
      top: 18%;
      left: 45%;
      line-height: 1; }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__count-num-1,
        .about-number__item.num-07 .about-number__count-num-1_1 {
          left: 42%; } }
    .about-number__item.num-07 .about-number__count-num-1_1 {
      left: 72%; }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__count-num-1_1 {
          left: 71%; } }
    .about-number__item.num-07 .about-number__list-num-text {
      position: absolute;
      top: 41%;
      right: 4%;
      font-size: clamp(1rem, 1.2vw, 1.4rem); }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__list-num-text {
          top: 45%;
          left: auto;
          right: 4%;
          font-size: 2.5vw; } }
      @media (max-width: 600px) {
        .about-number__item.num-07 .about-number__list-num-text {
          top: 43%; } }
    .about-number__item.num-07 .about-number__list-num-warp.first {
      top: 23%;
      left: auto;
      right: 3%;
      font-size: 4rem; }
      @media (max-width: 1280px) {
        .about-number__item.num-07 .about-number__list-num-warp.first {
          font-size: 3vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__list-num-warp.first {
          font-size: 6vw;
          top: 20%; } }
    @media (max-width: 1280px) {
      .about-number__item.num-07 .about-number__list-num--07-1,
      .about-number__item.num-07 .about-number__list-num--07-2 {
        font-size: 4.7vw; } }
    @media (max-width: 900px) {
      .about-number__item.num-07 .about-number__list-num--07-1,
      .about-number__item.num-07 .about-number__list-num--07-2 {
        font-size: 10vw; } }
    .about-number__item.num-07 .about-number__ttl2 {
      position: absolute;
      top: 59%;
      right: 5%;
      font-size: clamp(1rem, 1.6vw, 2rem);
      font-weight: 600; }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__ttl2 {
          right: 4%;
          font-size: 3vw; } }
      @media (max-width: 600px) {
        .about-number__item.num-07 .about-number__ttl2 {
          top: 61%; } }
    .about-number__item.num-07 .about-number__list-num-warp.second {
      top: 69%;
      left: auto;
      right: 20%;
      align-items: center;
      line-height: 1; }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__list-num-warp.second {
          left: 61%; } }
      @media (max-width: 600px) {
        .about-number__item.num-07 .about-number__list-num-warp.second {
          left: 57%; } }
    .about-number__item.num-07 .about-number__list-num-font {
      font-size: 5rem;
      padding: 0 10px; }
      @media (max-width: 1280px) {
        .about-number__item.num-07 .about-number__list-num-font {
          font-size: 4vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__list-num-font {
          font-size: 9vw;
          padding: 0 5px; } }
    .about-number__item.num-07 .about-number__list-num-text2 {
      position: absolute;
      top: 71%;
      left: auto;
      right: 5%;
      text-align: right;
      font-size: clamp(0.8rem, 1.1vw, 1.4rem); }
      @media (max-width: 900px) {
        .about-number__item.num-07 .about-number__list-num-text2 {
          right: 4%;
          font-size: 2.5vw; } }
    .about-number__item.num-08 .about-number__list-num-warp {
      top: 12%;
      left: 9%; }
      @media (max-width: 600px) {
        .about-number__item.num-08 .about-number__list-num-warp {
          top: 10%; } }
    .about-number__item.num-08 .about-number__list-num-text {
      top: 45%;
      left: 20%;
      font-size: clamp(0.8rem, 1.2vw, 1.4rem); }
      @media (max-width: 900px) {
        .about-number__item.num-08 .about-number__list-num-text {
          top: 40%;
          left: 17%;
          font-size: 2.5vw; } }
      @media (max-width: 600px) {
        .about-number__item.num-08 .about-number__list-num-text {
          top: 38%;
          left: 23%;
          font-size: 2vw; } }
    .about-number__item.num-08 .about-number__era-list {
      position: absolute;
      left: 55%;
      top: 29%;
      width: 20vw;
      max-width: 270px;
      display: flex;
      flex-wrap: wrap; }
      @media (max-width: 1280px) {
        .about-number__item.num-08 .about-number__era-list {
          width: 20vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-08 .about-number__era-list {
          width: 41vw;
          max-width: none; } }
    .about-number__item.num-08 .about-number__era-list-item {
      width: 50%; }
      @media (max-width: 1280px) {
        .about-number__item.num-08 .about-number__era-list-item {
          width: 10vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-08 .about-number__era-list-item {
          width: 50%; } }
      .about-number__item.num-08 .about-number__era-list-item .about-number__list-num-warp {
        position: relative;
        top: auto;
        left: auto; }
    .about-number__item.num-08 .about-number__list-num-text3 {
      font-size: clamp(1.1rem, 1.4vw, 1.6rem); }
      @media (max-width: 900px) {
        .about-number__item.num-08 .about-number__list-num-text3 {
          font-size: 3vw; } }
    .about-number__item.num-08 .about-number__list-num-text4 {
      position: absolute;
      bottom: 4%;
      left: 57%;
      text-align: center;
      font-size: clamp(1rem, 1.2vw, 1.4rem);
      line-height: 1.6; }
      @media (max-width: 900px) {
        .about-number__item.num-08 .about-number__list-num-text4 {
          font-size: 2.2vw; } }
    .about-number__item.num-09 .about-number__list-num-warp {
      top: 10%;
      left: 54%; }
    .about-number__item.num-09 .about-number__list-num-text {
      left: 58%;
      top: 42%; }
      @media (max-width: 1280px) {
        .about-number__item.num-09 .about-number__list-num-text {
          font-size: clamp(1rem, 1.1vw, 1.4rem); } }
      @media (max-width: 900px) {
        .about-number__item.num-09 .about-number__list-num-text {
          top: 39%;
          font-size: 2.5vw; } }
      @media (max-width: 600px) {
        .about-number__item.num-09 .about-number__list-num-text {
          font-size: 2vw;
          left: auto;
          top: 38%;
          right: 11%; } }
    .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num-sub-ttl {
      font-weight: 600;
      font-size: clamp(1rem, 1.2vw, 1.3rem);
      line-height: 1; }
      @media (max-width: 900px) {
        .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num-sub-ttl {
          font-size: 2.5vw; } }
      .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num-sub-ttl.right {
        text-align: right; }
    .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num-warp {
      position: static;
      line-height: 1; }
    .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num-small-font {
      padding: 0 0 0 5px; }
    .about-number__item.num-09 .about-number__list-num-outer:nth-of-type(2) {
      position: absolute;
      top: 54%;
      left: 67%; }
      @media (max-width: 600px) {
        .about-number__item.num-09 .about-number__list-num-outer:nth-of-type(2) {
          top: 51%;
          left: 61%; } }
    .about-number__item.num-09 .about-number__list-num-outer:nth-of-type(3) {
      position: absolute;
      top: 75%;
      left: 67%; }
      @media (max-width: 600px) {
        .about-number__item.num-09 .about-number__list-num-outer:nth-of-type(3) {
          top: 72%;
          left: 61%; } }
    .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num--9-2, .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num--9-3 {
      font-size: 4.5rem; }
      @media (max-width: 1280px) {
        .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num--9-2, .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num--9-3 {
          font-size: 3.7vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num--9-2, .about-number__item.num-09 .about-number__list-num-outer .about-number__list-num--9-3 {
          font-size: 7vw; } }
    .about-number__item.num-10 .about-number__list-num-warp {
      top: 10%;
      left: 56%; }
    .about-number__item.num-10 .about-number__list-num-text {
      top: auto;
      bottom: 5%;
      left: 41%; }
      @media (max-width: 900px) {
        .about-number__item.num-10 .about-number__list-num-text {
          left: 30%; } }
      @media (max-width: 600px) {
        .about-number__item.num-10 .about-number__list-num-text {
          left: auto;
          right: 7%; } }
    .about-number__item.num-11 .about-number__list-num-warp {
      left: 33%;
      top: 10%; }
      @media (max-width: 600px) {
        .about-number__item.num-11 .about-number__list-num-warp {
          left: 39%; } }
    .about-number__item.num-11 .about-number__list-num-text {
      position: absolute;
      top: 43%;
      left: 48%;
      line-height: 1.4;
      font-size: clamp(1rem, 1.1vw, 1.2rem);
      padding: 0 10px 0 0; }
      @media (max-width: 900px) {
        .about-number__item.num-11 .about-number__list-num-text {
          top: 38%;
          left: 45%;
          font-size: 2.5vw; } }
      @media (max-width: 600px) {
        .about-number__item.num-11 .about-number__list-num-text {
          top: 39%;
          left: 53%;
          font-size: 2vw; } }
    .about-number__item.num-12 .about-number__list-num-outer {
      line-height: 1;
      position: absolute;
      top: 60%;
      left: 10%;
      text-align: right; }
      .about-number__item.num-12 .about-number__list-num-outer .about-number__sub-ttl {
        width: fit-content;
        font-weight: 600;
        position: relative; }
        @media (max-width: 900px) {
          .about-number__item.num-12 .about-number__list-num-outer .about-number__sub-ttl {
            font-size: 2.5vw; } }
      .about-number__item.num-12 .about-number__list-num-outer .about-number__list-num-warp {
        position: static;
        line-height: 1;
        flex-wrap: wrap;
        /*.about-number__list-num--12-1,.about-number__list-num--12-2 {
            font-size: 6rem;
            @include pc {
                font-size: 4vw;
            }
            @include tb {
                font-size: 9vw;
            }
        }*/ }
      .about-number__item.num-12 .about-number__list-num-outer:nth-of-type(2) {
        left: 65%; }
        @media (max-width: 1280px) {
          .about-number__item.num-12 .about-number__list-num-outer:nth-of-type(2) {
            left: auto;
            right: 2%; } }
    .about-number__item.num-12 .about-number__list-num-text {
      top: 88%;
      left: 11%; }
      @media (max-width: 900px) {
        .about-number__item.num-12 .about-number__list-num-text {
          left: 6%; } }
      @media (max-width: 600px) {
        .about-number__item.num-12 .about-number__list-num-text {
          left: 13%; } }
    .about-number__item.num-13 .about-number__ttl-bottom {
      position: static;
      display: flex;
      align-items: flex-end;
      width: auto;
      color: #000;
      font-size: clamp(1rem, 1.5vw, 2rem);
      font-weight: bold;
      text-align: center;
      line-height: 1.4;
      letter-spacing: .2rem;
      z-index: 2; }
      @media (max-width: 900px) {
        .about-number__item.num-13 .about-number__ttl-bottom {
          font-size: 3.5vw; } }
    .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(1) {
      position: absolute;
      top: 22%;
      left: 7%; }
      .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(1) .about-number__list-num-warp {
        position: static;
        line-height: 0.9;
        justify-content: end;
        padding: 0; }
      .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(1) .about-number__list-num-text {
        position: static;
        padding: 0; }
      @media (max-width: 900px) {
        .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(1) .about-number__list-num-small-font {
          padding: 0 0 0 5px; } }
    .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(2) {
      position: absolute;
      top: 60%;
      left: 7%; }
      @media (max-width: 600px) {
        .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(2) {
          top: 57%; } }
      .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(2) .about-number__list-num-warp {
        position: static;
        line-height: 0.9;
        justify-content: end;
        padding: 0; }
      .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(2) .about-number__list-num-text2 {
        position: static;
        padding: 0;
        font-size: clamp(1rem, 1.1vw, 1.4rem); }
        @media (max-width: 900px) {
          .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(2) .about-number__list-num-text2 {
            font-size: 2.5vw; } }
        @media (max-width: 600px) {
          .about-number__item.num-13 .about-number__list-num-outer:nth-of-type(2) .about-number__list-num-text2 {
            font-size: 2vw; } }
    .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num-sub-ttl {
      font-weight: 600;
      font-size: clamp(1rem, 1.7vw, 1.5rem); }
      @media (max-width: 900px) {
        .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num-sub-ttl {
          font-size: 3vw; } }
      .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num-sub-ttl.right {
        text-align: right; }
    .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num-warp {
      position: static;
      line-height: 1; }
    .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num-small-font {
      padding: 0 0 0 5px; }
    .about-number__item.num-16 .about-number__list-num-outer:nth-of-type(1) {
      position: absolute;
      top: 18%;
      left: 6%; }
    .about-number__item.num-16 .about-number__list-num-outer:nth-of-type(2) {
      position: absolute;
      top: 18%;
      left: 71%; }
    .about-number__item.num-16 .about-number__list-num-outer:nth-of-type(3) {
      position: absolute;
      top: 51%;
      left: 71%; }
    .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num--16-2, .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num--16-3 {
      font-size: 7rem; }
      @media (max-width: 1280px) {
        .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num--16-2, .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num--16-3 {
          font-size: 5.5vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num--16-2, .about-number__item.num-16 .about-number__list-num-outer .about-number__list-num--16-3 {
          font-size: 11vw; } }
    .about-number__item.num-16 .about-number__list-num-text {
      position: absolute;
      top: 80%;
      left: 71%;
      font-size: clamp(1rem, 1.1vw, 1.4rem); }
      @media (max-width: 900px) {
        .about-number__item.num-16 .about-number__list-num-text {
          font-size: 2.5vw; } }
      @media (max-width: 600px) {
        .about-number__item.num-16 .about-number__list-num-text {
          font-size: 2vw;
          left: auto;
          top: 82%;
          right: 1.5%; } }
    .about-number__item.num-17 .about-number__list-num-warp {
      line-height: 1;
      top: 18%;
      left: 36%; }
    .about-number__item.num-17 .about-number__list-num-text {
      top: 42%;
      left: 49%; }
      @media (max-width: 900px) {
        .about-number__item.num-17 .about-number__list-num-text {
          left: 41%;
          top: 39%; } }
      @media (max-width: 600px) {
        .about-number__item.num-17 .about-number__list-num-text {
          top: 40%;
          left: auto;
          right: 16%; } }
    .about-number__item.num-18 .about-number__list-num-warp {
      top: 18%;
      line-height: 1;
      left: 27%; }
    .about-number__item.num-18 .about-number__list-num-text {
      top: 42%;
      left: 59%; }
      @media (max-width: 900px) {
        .about-number__item.num-18 .about-number__list-num-text {
          left: 54%;
          top: 39%; } }
      @media (max-width: 600px) {
        .about-number__item.num-18 .about-number__list-num-text {
          top: 40%;
          left: auto;
          right: 10%; } }
    .about-number__item.num-18 .about-number__list-num-font {
      font-size: 6rem;
      font-weight: 400;
      letter-spacing: -0.9rem;
      padding: 0;
      line-height: 1;
      margin-left: -9px; }
      @media (max-width: 900px) {
        .about-number__item.num-18 .about-number__list-num-font {
          font-size: 11vw;
          margin-left: 0;
          letter-spacing: -0.2vw; } }
    .about-number__item.num-19 .about-number__list-num-warp {
      line-height: 1;
      top: 19%;
      left: 33%; }
      @media (max-width: 900px) {
        .about-number__item.num-19 .about-number__list-num-warp {
          left: 26%; } }
    .about-number__item.num-19 .about-number__list-num-text {
      top: 42%;
      left: 48%; }
      @media (max-width: 900px) {
        .about-number__item.num-19 .about-number__list-num-text {
          left: 28%;
          top: 39%; } }
      @media (max-width: 600px) {
        .about-number__item.num-19 .about-number__list-num-text {
          top: 40%;
          left: auto;
          right: 22%; } }
    .about-number__item.num-20 .about-number__list-num-warp {
      line-height: 1;
      top: 19%;
      left: auto;
      right: 6%; }
      @media (max-width: 900px) {
        .about-number__item.num-20 .about-number__list-num-warp {
          right: 4%; } }
      .about-number__item.num-20 .about-number__list-num-warp:nth-of-type(2) {
        line-height: 1;
        top: 40%;
        left: auto;
        right: 6%; }
        @media (max-width: 900px) {
          .about-number__item.num-20 .about-number__list-num-warp:nth-of-type(2) {
            right: 4%; } }
        @media (max-width: 600px) {
          .about-number__item.num-20 .about-number__list-num-warp:nth-of-type(2) {
            top: 39%; } }
    .about-number__item.num-20 .about-number__sub-ttl {
      margin: auto 0; }
      @media (max-width: 900px) {
        .about-number__item.num-20 .about-number__sub-ttl {
          font-size: 2.5vw; } }
    .about-number__item.num-20 .about-number__list-num-text {
      top: 42%;
      left: 40.5%; }
      @media (max-width: 900px) {
        .about-number__item.num-20 .about-number__list-num-text {
          left: 38%;
          top: 39%; } }
      @media (max-width: 600px) {
        .about-number__item.num-20 .about-number__list-num-text {
          top: 40%;
          left: auto;
          right: 6%; } }
      .about-number__item.num-20 .about-number__list-num-text.second {
        top: 92%;
        left: 10%; }
        @media (max-width: 900px) {
          .about-number__item.num-20 .about-number__list-num-text.second {
            left: 5%;
            top: 90%; } }
    .about-number__item.num-21 .about-number__list-num-warp {
      line-height: 1;
      top: 19%;
      left: 67%; }
    .about-number__item.num-21 .about-number__list-num-text {
      top: 42%;
      left: 60%; }
      @media (max-width: 900px) {
        .about-number__item.num-21 .about-number__list-num-text {
          left: 54%;
          top: 39%; } }
      @media (max-width: 600px) {
        .about-number__item.num-21 .about-number__list-num-text {
          top: 40%;
          left: auto;
          right: 11%; } }
    .about-number__item.num-22 .about-number__list {
      position: absolute;
      left: 53%;
      top: 13%; }
      @media (max-width: 600px) {
        .about-number__item.num-22 .about-number__list {
          left: 51%;
          top: 11%; } }
    .about-number__item.num-22 .about-number__list-ttl {
      margin: 0 0 0 100px;
      font-size: 1.7rem;
      font-weight: bold; }
      @media (max-width: 1280px) {
        .about-number__item.num-22 .about-number__list-ttl {
          margin: 0 0 0 7vw;
          font-size: 1.3vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-22 .about-number__list-ttl {
          margin: 0 0 0 15vw;
          font-size: 2.5vw; } }
    .about-number__item.num-22 .about-number__list-item {
      display: flex;
      align-items: center;
      margin-top: 5px; }
      @media (max-width: 1280px) {
        .about-number__item.num-22 .about-number__list-item {
          margin-top: .2vw; } }
    .about-number__item.num-22 .about-number__list-item-ttl {
      padding: 0 25px 0 0;
      font-size: 1.7rem; }
      @media (max-width: 1280px) {
        .about-number__item.num-22 .about-number__list-item-ttl {
          padding: 0 1vw 0 0;
          font-size: 1.3vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-22 .about-number__list-item-ttl {
          padding: 0 3vw 0 0;
          font-size: 2.3vw; } }
    .about-number__item.num-22 .about-number__count-num-1,
    .about-number__item.num-22 .about-number__count-num-1_1 {
      display: flex;
      align-items: baseline; }
    .about-number__item.num-22 .about-number__count-num-1_1 {
      padding: 0 0 0 15px; }
      @media (max-width: 1280px) {
        .about-number__item.num-22 .about-number__count-num-1_1 {
          padding: 0 0 0 .75vw;
          font-size: 1.3vw; } }
      @media (max-width: 900px) {
        .about-number__item.num-22 .about-number__count-num-1_1 {
          padding: 0 0 0 2vw;
          font-size: 1.3vw; } }
    .about-number__item.num-23 .about-number__list-num-warp {
      position: absolute;
      line-height: 0.8;
      top: 16%;
      right: 3%;
      left: auto; }
      @media (max-width: 900px) {
        .about-number__item.num-23 .about-number__list-num-warp .about-number__list-num--23 {
          right: 1%;
          font-size: 11vw; } }
    .about-number__item.num-23 .about-number__list-num-text {
      bottom: 5%;
      left: auto;
      right: 5%;
      top: auto;
      padding: 0; }
      @media (max-width: 900px) {
        .about-number__item.num-23 .about-number__list-num-text {
          right: 3%; } }
      @media (max-width: 600px) {
        .about-number__item.num-23 .about-number__list-num-text {
          right: 4%; } }
  .about-number__ttl {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    height: 52px;
    padding: 0 0 0 10px;
    margin-left: 15px;
    width: auto;
    color: #000;
    font-size: clamp(1rem, 1.5vw, 2rem);
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    border-left: 5px #ED1450 solid;
    letter-spacing: .2rem;
    z-index: 2; }
    @media (max-width: 1280px) {
      .about-number__ttl {
        height: 4vw; } }
    @media (max-width: 900px) {
      .about-number__ttl {
        height: 7vw;
        font-size: 3.5vw;
        letter-spacing: normal;
        margin-left: 7px;
        padding: 0 0 0 5px; } }
    .about-number__ttl.right {
      position: absolute;
      left: 50.2%;
      top: 0; }
    @media (max-width: 600px) {
      .about-number__ttl {
        border-left: 3px #ED1450 solid; } }
  .about-number__list--col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .about-number__full-item {
    position: relative;
    width: 50%; }
    .about-number__full-item:last-child::before {
      position: absolute;
      content: "";
      width: 1px;
      height: 80%;
      left: 0;
      top: 10%;
      border-left: 3px dotted #ED1450;
      z-index: 3;
      clip-path: inset(0 0 100% 0);
      transition: clip-path .3s .2s ease-in-out; }
    @media (max-width: 900px) {
      .about-number__full-item {
        width: 100%; }
        .about-number__full-item:last-child::before {
          width: 92%;
          top: 0;
          left: 4%;
          border-left: none;
          border-top: 3px dotted #ED1450; } }
  .about-number__list-num-warp {
    display: flex;
    align-items: baseline;
    position: absolute;
    top: 0;
    left: 0; }
  .about-number__list-num-small-font {
    font-size: clamp(1vw, 2vw, 1.8rem);
    font-weight: bold;
    padding: 0 5px; }
    @media (max-width: 900px) {
      .about-number__list-num-small-font {
        font-size: 3vw; } }
    .about-number__list-num-small-font--nopad {
      font-size: clamp(1vw, 2vw, 1.8rem);
      font-weight: bold;
      padding: 0; }
      @media (max-width: 900px) {
        .about-number__list-num-small-font--nopad {
          font-size: 3vw; } }
  .about-number__list-num-text {
    font-size: clamp(1rem, 1.1vw, 1.4rem);
    text-align: right;
    line-height: 1.4;
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 900px) {
      .about-number__list-num-text {
        font-size: 2.5vw; } }
    @media (max-width: 600px) {
      .about-number__list-num-text {
        font-size: 2vw; } }
  .about-number__list-num--02-1, .about-number__list-num--02-2 {
    font-size: 6.6rem;
    line-height: 1; }
    @media (max-width: 1280px) {
      .about-number__list-num--02-1, .about-number__list-num--02-2 {
        font-size: 5vw; } }
    @media (max-width: 900px) {
      .about-number__list-num--02-1, .about-number__list-num--02-2 {
        font-size: 10vw; } }
  .about-number__list-num--07-1, .about-number__list-num--07-2, .about-number__list-num--07-3, .about-number__list-num--07-4 {
    font-size: 6rem;
    line-height: 1; }
    @media (max-width: 1280px) {
      .about-number__list-num--07-1, .about-number__list-num--07-2, .about-number__list-num--07-3, .about-number__list-num--07-4 {
        font-size: 4.7vw; } }
    @media (max-width: 900px) {
      .about-number__list-num--07-1, .about-number__list-num--07-2, .about-number__list-num--07-3, .about-number__list-num--07-4 {
        font-size: 10vw; } }
  .about-number__list-num--08-2, .about-number__list-num--08-3, .about-number__list-num--08-4, .about-number__list-num--08-5 {
    font-size: clamp(2rem, 4vw, 5rem);
    line-height: 1; }
    @media (max-width: 900px) {
      .about-number__list-num--08-2, .about-number__list-num--08-3, .about-number__list-num--08-4, .about-number__list-num--08-5 {
        font-size: 8vw; } }
  .about-number__list-num--22-1, .about-number__list-num--22-2, .about-number__list-num--22-3 {
    font-size: 4rem;
    line-height: 1; }
    @media (max-width: 1280px) {
      .about-number__list-num--22-1, .about-number__list-num--22-2, .about-number__list-num--22-3 {
        font-size: 3.2vw; } }
    @media (max-width: 900px) {
      .about-number__list-num--22-1, .about-number__list-num--22-2, .about-number__list-num--22-3 {
        font-size: 7.5vw; } }
  .about-number__list-num--12-1, .about-number__list-num--12-2 {
    font-size: 5rem;
    line-height: 1; }
    @media (max-width: 1280px) {
      .about-number__list-num--12-1, .about-number__list-num--12-2 {
        font-size: 4vw; } }
    @media (max-width: 900px) {
      .about-number__list-num--12-1, .about-number__list-num--12-2 {
        font-size: 9.2vw; } }
  .about-number__notice {
    margin-top: 20px;
    font-size: 1.6rem;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .3s .2s ease-in-out; }
    @media (max-width: 1280px) {
      .about-number__notice {
        margin-top: 2vw;
        font-size: 1.5rem; } }
    @media (max-width: 900px) {
      .about-number__notice {
        margin-top: 3vw;
        font-size: 1.4rem; } }
    .about-number__notice.js-anim-init {
      clip-path: inset(0); }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

keywords CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.keywords {
  max-width: 1260px;
  margin: 0 auto;
  padding: 100px 30px 0; }
  @media (max-width: 900px) {
    .keywords {
      padding: 10vw 20px 0; } }
  @media (max-width: 600px) {
    .keywords {
      padding: 15vw 15px 0; } }
  .keywords__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
    height: auto; }
    @media (max-width: 900px) {
      .keywords__list {
        margin-top: 6vw;
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .keywords__list {
        margin-top: 8vw;
        font-size: 3vw; } }
    .keywords__list.js-anim-init .keywords__item {
      opacity: 1;
      transform: translateY(0); }
    .keywords__list::before {
      content: "";
      display: block;
      width: calc(25% - 2px);
      order: 1; }
    .keywords__list::after {
      content: "";
      display: block;
      width: calc(25% - 2px); }
  .keywords__item {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 158px;
    margin-top: 20px;
    padding: 10px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    width: calc(25% - 2px);
    background: #FFF;
    opacity: 0;
    transform: translateY(30px);
    cursor: pointer; }
    .keywords__item:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
    .keywords__item:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out; }
    .keywords__item:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
    .keywords__item:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s 0.3s ease-in-out; }
    .keywords__item:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
    .keywords__item:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, transform 0.3s 0.5s ease-in-out; }
    .keywords__item:nth-child(7) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
    .keywords__item:nth-child(8) {
      transition: opacity 0.3s 0.7s ease-in-out, transform 0.3s 0.7s ease-in-out; }
    .keywords__item:nth-child(9) {
      transition: opacity 0.3s 0.8s ease-in-out, transform 0.3s 0.8s ease-in-out; }
    .keywords__item:nth-child(10) {
      transition: opacity 0.3s 0.9s ease-in-out, transform 0.3s 0.9s ease-in-out; }
    .keywords__item:nth-child(11) {
      transition: opacity 0.3s 1s ease-in-out, transform 0.3s 1s ease-in-out; }
    .keywords__item:nth-child(12) {
      transition: opacity 0.3s 1.1s ease-in-out, transform 0.3s 1.1s ease-in-out; }
    .keywords__item:nth-child(13) {
      transition: opacity 0.3s 1.2s ease-in-out, transform 0.3s 1.2s ease-in-out; }
    .keywords__item:nth-child(14) {
      transition: opacity 0.3s 1.3s ease-in-out, transform 0.3s 1.3s ease-in-out; }
    .keywords__item:nth-child(15) {
      transition: opacity 0.3s 1.4s ease-in-out, transform 0.3s 1.4s ease-in-out; }
    .keywords__item:nth-child(16) {
      transition: opacity 0.3s 1.5s ease-in-out, transform 0.3s 1.5s ease-in-out; }
    @media (max-width: 900px) {
      .keywords__item {
        width: calc(33.33% - 2px);
        margin-top: 2vw;
        font-size: 1.8rem; } }
    @media (max-width: 600px) {
      .keywords__item {
        min-height: 110px;
        width: calc(50% - 1px);
        margin-top: 4vw;
        font-size: 3.6vw; } }
    .keywords__item::after {
      position: absolute;
      content: "";
      width: 36px;
      height: 30px;
      top: -15px;
      left: 10px;
      background: url("../img/recruit/career/about/keywords/img-dc.png") left top/cover no-repeat;
      background-size: 100% auto; }
      @media (max-width: 900px) {
        .keywords__item::after {
          left: 1vw; } }
      @media (max-width: 600px) {
        .keywords__item::after {
          left: 15px;
          width: 26px;
          top: -12px; } }
  .keywords__popup {
    position: fixed;
    display: grid;
    place-items: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 105; }
    .keywords__popup .simplebar-wrapper {
      height: 400px; }
      @media (max-width: 900px) {
        .keywords__popup .simplebar-wrapper {
          height: calc(95vh - 60vw - 50px); } }
      @media (max-width: 600px) {
        .keywords__popup .simplebar-wrapper {
          height: calc(85vh - 60vw - 50px); } }
    .keywords__popup .simplebar-placeholder {
      display: none; }
  .keywords__popup-inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100vw - (30px * 2));
    max-width: 1000px;
    height: 500px;
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
    pointer-events: auto; }
    @media (max-width: 900px) {
      .keywords__popup-inner {
        width: calc(100vw - (20px * 2));
        height: 95vh;
        flex-direction: column;
        justify-content: flex-start; } }
    @media (max-width: 600px) {
      .keywords__popup-inner {
        width: calc(100vw - (15px * 2));
        height: 85vh; } }
  .keywords__popup-img-wrapper {
    width: 50%;
    overflow: hidden; }
    @media (max-width: 900px) {
      .keywords__popup-img-wrapper {
        width: 100%;
        height: 60vw; } }
  .keywords__popup-imgarea {
    position: relative;
    display: flex;
    height: 100%;
    transition: left .3s ease-in-out; }
  .keywords__popup-imgitem {
    width: 100%;
    height: 100%;
    max-height: 500px; }
    @media (max-width: 900px) {
      .keywords__popup-imgitem {
        max-height: inherit; } }
  .keywords__popup-img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .keywords__popup-txt-wrapper {
    width: 50%;
    overflow: hidden; }
    @media (max-width: 900px) {
      .keywords__popup-txt-wrapper {
        width: 100%;
        height: calc(95vh - 60vw); } }
    @media (max-width: 600px) {
      .keywords__popup-txt-wrapper {
        height: calc(85vh - 60vw); } }
  .keywords__popup-txtarea {
    position: relative;
    display: flex;
    transition: left .3s .1s ease-in-out;
    /*max-height: calc(100vh - 200px);
    
    @include tb {
    	max-height: calc(55vh - 200px);
    }
    @include sp {
    	max-height: calc(82vh - 200px);
    }*/ }
  .keywords__popup-txtitem {
    width: 100%;
    height: 400px;
    overflow: auto;
    /*max-height: calc(100vh - 300px);
    
    @include tb {
    	max-height: calc(55vh - 300px);
    }
    @include sp {
    	max-height: calc(82vh - 250px);
    }*/ }
    @media (max-width: 900px) {
      .keywords__popup-txtitem {
        height: calc(95vh - 60vw - 50px); } }
    @media (max-width: 600px) {
      .keywords__popup-txtitem {
        height: calc(85vh - 60vw - 50px); } }
  .keywords__popup-ttl {
    position: relative;
    padding: 80px 40px 0;
    font-size: 3rem;
    font-weight: bolder;
    line-height: 1.4; }
    @media (max-width: 900px) {
      .keywords__popup-ttl {
        padding: 8vw 4vw 0; } }
    @media (max-width: 600px) {
      .keywords__popup-ttl {
        font-size: 6vw;
        padding: 10vw 15px 0; } }
    .keywords__popup-ttl::after {
      position: absolute;
      content: "";
      width: 36px;
      height: 30px;
      top: 30px;
      left: 40px;
      background: url("../img/recruit/career/about/keywords/img-dc.png") left top/cover no-repeat;
      background-size: 100% auto; }
      @media (max-width: 900px) {
        .keywords__popup-ttl::after {
          top: 2vw;
          left: 4vw; } }
      @media (max-width: 600px) {
        .keywords__popup-ttl::after {
          top: 3vw;
          width: 24px;
          left: 15px; } }
  .keywords__popup-txt {
    padding: 30px 40px 20px;
    font-size: 1.6rem;
    line-height: 1.8;
    overflow: auto; }
    @media (max-width: 900px) {
      .keywords__popup-txt {
        padding: 3vw 4vw 2vw;
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .keywords__popup-txt {
        padding: 4.5vw 15px 3vw;
        font-size: 3.6vw; } }
  .keywords__popup-ui {
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 30px;
    right: 40px;
    width: calc(50% - 80px); }
    @media (max-width: 900px) {
      .keywords__popup-ui {
        bottom: 3vw;
        right: 4vw;
        width: calc(100% - 8vw); } }
    @media (max-width: 600px) {
      .keywords__popup-ui {
        right: 15px;
        width: calc(100% - (15px * 2)); } }
  .keywords__popup-ui-back {
    position: relative;
    width: 40px;
    height: 36px;
    margin: 0 auto 0 0;
    cursor: pointer; }
    .keywords__popup-ui-back:hover::before {
      left: 0; }
    .keywords__popup-ui-back::before {
      position: absolute;
      content: "";
      top: calc(50% - 4px);
      left: 5px;
      width: 10px;
      height: 10px;
      border-top: 3px solid #ED1450;
      border-right: 3px solid #ED1450;
      transform: rotate(-135deg);
      transition: left .3s ease-in-out; }
  .keywords__popup-ui-num {
    margin: 0 auto; }
  .keywords__popup-ui-current {
    font-size: 2rem;
    font-weight: 400; }
  .keywords__popup-ui-total {
    font-size: 1.4rem;
    font-weight: 300; }
  .keywords__popup-ui-next {
    position: relative;
    width: 40px;
    height: 36px;
    margin: 0 0 0 auto;
    cursor: pointer; }
    .keywords__popup-ui-next:hover::before {
      right: 0; }
    .keywords__popup-ui-next::before {
      position: absolute;
      content: "";
      top: calc(50% - 4px);
      right: 5px;
      width: 10px;
      height: 10px;
      border-top: 3px solid #ED1450;
      border-right: 3px solid #ED1450;
      transform: rotate(45deg);
      transition: right .3s ease-in-out; }
  .keywords__popup-close {
    position: absolute;
    content: "";
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
    background: #ED1450;
    border-radius: 25px;
    transition: transform .3s ease-in-out;
    cursor: pointer; }
    @media (max-width: 900px) {
      .keywords__popup-close {
        right: -15px;
        width: 45px;
        height: 45px; } }
    @media (max-width: 600px) {
      .keywords__popup-close {
        top: -15px;
        right: -10px;
        width: 40px;
        height: 40px; } }
    .keywords__popup-close:hover {
      transform: scale(0.9); }
      .keywords__popup-close:hover::before {
        transform: translate(-50%, -50%) rotate(135deg); }
      .keywords__popup-close:hover::after {
        transform: translate(-50%, -50%) rotate(45deg); }
    .keywords__popup-close::before, .keywords__popup-close::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 3px;
      height: 32px;
      background: #FFF;
      transform: translate(-50%, -50%) rotate(45deg);
      transition: transform .3s ease-in-out; }
      @media (max-width: 900px) {
        .keywords__popup-close::before, .keywords__popup-close::after {
          height: 30px; } }
      @media (max-width: 600px) {
        .keywords__popup-close::before, .keywords__popup-close::after {
          height: 28px; } }
    .keywords__popup-close::after {
      transform: translate(-50%, -50%) rotate(-45deg); }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Office Tour CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.about-tour {
  margin: 0 auto;
  padding: 100px 0 0; }
  @media (max-width: 900px) {
    .about-tour {
      padding: 10vw 0 0; } }
  @media (max-width: 600px) {
    .about-tour {
      padding: 15vw 0 0; } }
  .about-tour__movie {
    margin-top: 50px;
    padding-bottom: 50px;
    opacity: 0;
    transform: translateY(50px);
    background: linear-gradient(180deg, #FFF 0%, #FFF 15.5%, #EEE 15.5%, #EEE 100%);
    clip-path: inset(0 100% 0 0);
    transition: opacity .3s, transform .5s, clip-path .5s; }
    @media (max-width: 1280px) {
      .about-tour__movie {
        padding: 0 30px 50px; } }
    @media (max-width: 900px) {
      .about-tour__movie {
        margin-top: 5vw;
        padding: 0 20px 5vw; } }
    @media (max-width: 600px) {
      .about-tour__movie {
        margin-top: 7.5vw;
        padding: 0 15px 7.5vw; } }
    .about-tour__movie.js-anim-init {
      opacity: 1;
      transform: translateY(0);
      clip-path: inset(0); }
  .about-tour__movie-wrap {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 673px; }
    @media (max-width: 1280px) {
      .about-tour__movie-wrap {
        padding-top: 56.25%; } }
  .about-tour__movie-iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
    border: 1px solid #EEE; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Office Tour CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.about-learn {
  margin: 0 auto;
  padding: 100px 30px 0; }
  @media (max-width: 900px) {
    .about-learn {
      padding: 10vw 20px 0; } }
  @media (max-width: 600px) {
    .about-learn {
      padding: 15vw 15px 0; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

requirements CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.requirements__header, .requirements__header--ideal, .requirements__header--req, .requirements__header--message, .faq__header, .education__header, .workstyle__header, .welfare__header, .movie__header {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 500px;
  padding: 0;
  background: #EEE no-repeat center right / cover;
  position: relative;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  color: #FFF; }
  @media (max-width: 1280px) {
    .requirements__header, .requirements__header--ideal, .requirements__header--req, .requirements__header--message, .faq__header, .education__header, .workstyle__header, .welfare__header, .movie__header {
      height: 30.3vw;
      padding: 0 0 0 7%; } }
  @media (max-width: 600px) {
    .requirements__header, .requirements__header--ideal, .requirements__header--req, .requirements__header--message, .faq__header, .education__header, .workstyle__header, .welfare__header, .movie__header {
      height: auto;
      padding: 75.362% 0 0; } }
  .js-anim-init.requirements__header, .js-anim-init.requirements__header--ideal, .js-anim-init.requirements__header--req, .js-anim-init.requirements__header--message, .js-anim-init.faq__header, .js-anim-init.education__header, .js-anim-init.workstyle__header, .js-anim-init.welfare__header, .js-anim-init.movie__header {
    opacity: 1; }
  .requirements__header .common__ttl-sub, .requirements__header--ideal .common__ttl-sub, .requirements__header--req .common__ttl-sub, .requirements__header--message .common__ttl-sub, .faq__header .common__ttl-sub, .education__header .common__ttl-sub, .workstyle__header .common__ttl-sub, .welfare__header .common__ttl-sub, .movie__header .common__ttl-sub {
    text-align: center;
    color: #FFF; }

.requirements {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 80px 30px 0; }
  @media (max-width: 900px) {
    .requirements {
      padding: 60px 20px 0; } }
  @media (max-width: 600px) {
    .requirements {
      padding: 30px 15px 0; } }
  .home-message .requirements {
    padding-top: 0; }
  .requirements__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
  .requirements__header--ideal {
    background-image: url("/assets/img/recruit/career/requirements/head_bg1.png");
    background-size: auto 100%; }
    @media (max-width: 600px) {
      .requirements__header--ideal {
        background-size: 95% auto;
        background-position: center 85%; } }
  .requirements__header--req {
    background-image: url("../img/recruit/career/information/requirements/img-main_pc.jpg"); }
    @media (max-width: 600px) {
      .requirements__header--req {
        background-image: url("../img/recruit/career/information/requirements/img-main_sp.jpg"); } }
  .requirements__header--message {
    background-image: url("../img/recruit/career/information/message/img-main_pc.jpg"); }
    @media (max-width: 600px) {
      .requirements__header--message {
        background-image: url("../img/recruit/career/information/message/img-main_sp.jpg"); } }
  @media (max-width: 600px) {
    .requirements__header-ttl {
      display: block;
      width: 100%;
      text-align: center;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
      .requirements__header-ttl .common__ttl-sub {
        text-align: center; } }
  .requirements__ideal-cont {
    display: flex;
    position: relative;
    margin: 100px auto 50px;
    padding: 0; }
    @media (max-width: 900px) {
      .requirements__ideal-cont {
        margin: 10vw auto 5vw; } }
    @media (max-width: 600px) {
      .requirements__ideal-cont {
        display: block;
        margin: 15vw auto 7.5vw;
        padding: 0 0 0; } }
    .requirements__ideal-cont.js-anim-init .requirements__ideal-img {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
    .requirements__ideal-cont.js-anim-init .requirements__ideal-txtbox {
      opacity: 1; }
    .requirements__ideal-cont.js-anim-init .requirements__ideal-inner {
      transform: translateX(0px);
      opacity: 1; }
    .home-message .requirements__ideal-cont {
      margin-top: 0; }
  .requirements__ideal-imgbox, .requirements__ideal-txtbox {
    box-sizing: border-box;
    width: 52.727%;
    position: relative; }
    @media (max-width: 600px) {
      .requirements__ideal-imgbox, .requirements__ideal-txtbox {
        width: 100%; } }
  .requirements__ideal-imgbox {
    overflow: hidden;
    z-index: 0; }
  .requirements__ideal-img {
    transform: rotate(0.0001deg);
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .8s ease-in-out, transform 1s ease-in-out; }
  .requirements__ideal-txtbox {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    padding: 0 20px;
    background: #EE1752;
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    @media (max-width: 600px) {
      .requirements__ideal-txtbox {
        display: block;
        padding: 20px 10px;
        position: static; } }
  .requirements__ideal-inner {
    display: inline-block;
    transform: translateX(20px);
    opacity: 0;
    transition: all .3s .3s ease-in-out; }
  .requirements__ideal-txt {
    font-size: 6rem;
    font-weight: bold;
    line-height: 1.4;
    color: #FFF; }
    @media (max-width: 1280px) {
      .requirements__ideal-txt {
        font-size: 4vw; } }
    @media (max-width: 600px) {
      .requirements__ideal-txt {
        font-size: 5.8vw; } }
  .requirements__ideal-name {
    font-size: 3rem;
    font-weight: bold;
    color: #FFF; }
    @media (max-width: 900px) {
      .requirements__ideal-name {
        font-size: 2.4rem; } }
    @media (max-width: 600px) {
      .requirements__ideal-name {
        padding: 1em 0 0;
        font-size: 1.8rem; } }
  .requirements__ideal-class {
    font-size: 2rem; }
    @media (max-width: 900px) {
      .requirements__ideal-class {
        font-size: 1.8rem; } }
    @media (max-width: 600px) {
      .requirements__ideal-class {
        font-size: 1.4rem; } }
  .requirements__ideal-maintxt {
    display: block;
    max-width: 1200px;
    margin: 150px auto 0;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2;
    transform: translateY(20px);
    opacity: 0;
    transition: all .3s .3s ease-in-out; }
    @media (max-width: 900px) {
      .requirements__ideal-maintxt {
        font-size: 1.6rem;
        margin: 15vw auto 0; } }
    @media (max-width: 600px) {
      .requirements__ideal-maintxt {
        font-size: 1.5rem;
        margin: 15vw auto 0; } }
    .requirements__ideal-maintxt.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .requirements__list {
    opacity: 0;
    transform: translateY(20px);
    transition: all .3s .3s ease-in-out; }
    .requirements__list.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .requirements__list-item {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    border: solid 1px #DDD; }
  .requirements__list-ttlbox {
    display: flex;
    width: 100%;
    border-bottom: solid 1px #DDD; }
  .requirements__list-ttlsub {
    width: 5em;
    text-align: center;
    font-size: 2rem;
    border-right: solid 1px #DDD;
    padding: 10px 20px; }
    @media (max-width: 600px) {
      .requirements__list-ttlsub {
        font-size: 1.6rem; } }
  .requirements__list-ttl {
    width: calc(100% - 5em);
    padding: 10px 20px;
    font-size: 2rem;
    font-weight: bold;
    color: #ED1450; }
    @media (max-width: 600px) {
      .requirements__list-ttl {
        font-size: 1.6rem; } }
  .requirements__list-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 20px; }
    @media (max-width: 600px) {
      .requirements__list-inner {
        display: block;
        padding: 20px 10px; } }
  .requirements__list-thumb {
    width: 46.052%;
    padding: 25.90425% 0 0;
    background-position: center center;
    background-size: cover;
    position: relative; }
    @media (max-width: 600px) {
      .requirements__list-thumb {
        width: 100%;
        padding: 56.25% 0 0; } }
  .requirements__list-txtbox {
    width: 51.5789%; }
    @media (max-width: 600px) {
      .requirements__list-txtbox {
        width: 100%;
        padding: 20px 0 0; } }
  .requirements__list-txt {
    margin: 1em 0 0; }
  .requirements__detail-cont {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 0; }
  .requirements__infobox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 100px auto 0;
    border-top: solid 1px #DDD;
    opacity: 0;
    transition: opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .requirements__infobox {
        margin: 10vw auto 0; } }
    @media (max-width: 600px) {
      .requirements__infobox {
        margin: 15vw auto 0; } }
    .requirements__infobox.js-anim-init {
      opacity: 1; }
  .requirements__infobox-name, .requirements__infobox-txt {
    box-sizing: border-box;
    padding: 30px 0;
    border-bottom: solid 1px #DDD; }
    .requirements__infobox-name a, .requirements__infobox-txt a {
      text-decoration: underline;
      transition: opacity .3s ease-in-out; }
      .requirements__infobox-name a:hover, .requirements__infobox-txt a:hover {
        opacity: .7; }
  .requirements__infobox-name {
    width: 15%; }
    @media (max-width: 600px) {
      .requirements__infobox-name {
        width: 100%;
        padding: 15px 0 10px;
        font-weight: bold;
        border-bottom: none; } }
  .requirements__infobox-txt {
    width: 85%; }
    @media (max-width: 600px) {
      .requirements__infobox-txt {
        width: 100%;
        padding: 10px 0 15px;
        font-size: 1.4rem; } }
    .requirements__infobox-txt p + p {
      margin-top: 20px; }
      @media (max-width: 900px) {
        .requirements__infobox-txt p + p {
          margin-top: 2vw; } }
      @media (max-width: 600px) {
        .requirements__infobox-txt p + p {
          margin-top: 3vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Information FAQ CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.faq {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 80px 30px 0; }
  @media (max-width: 900px) {
    .faq {
      padding: 5vw 20px 0; } }
  @media (max-width: 600px) {
    .faq {
      padding: 30px 15px 0; } }
  .faq__header {
    justify-content: center;
    background-image: url("../img/recruit/career/information/faq/img-main_pc.jpg"); }
    @media (max-width: 600px) {
      .faq__header {
        background-image: url("../img/recruit/career/information/faq/img-main_sp.jpg"); } }
  .faq__header-ttl {
    color: #FFF;
    text-align: center; }
    @media (max-width: 600px) {
      .faq__header-ttl {
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); } }
    .faq__header-ttl .common__ttl-sub {
      color: #FFF;
      text-align: center; }
  .faq__cont {
    max-width: 1260px;
    margin: 100px auto 0; }
    @media (max-width: 900px) {
      .faq__cont {
        margin-top: 10vw; } }
    @media (max-width: 600px) {
      .faq__cont {
        margin-top: 15vw;
        font-size: 1.4rem; } }
  .faq__cont-lnav {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1080px) {
      .faq__cont-lnav {
        flex-wrap: wrap; } }
    .faq__cont-lnav.js-anim-init .faq__cont-lnav-link {
      opacity: 1;
      transform: translateY(0); }
  .faq__cont-lnav-link {
    display: block;
    width: calc(16.66% - 16.66px);
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    border: 1px solid #DDD;
    opacity: 0;
    transform: translateY(30px); }
    .faq__cont-lnav-link:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; }
    .faq__cont-lnav-link:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; }
    .faq__cont-lnav-link:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; }
    .faq__cont-lnav-link:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s 0.3s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; }
    .faq__cont-lnav-link:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; }
    .faq__cont-lnav-link:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, transform 0.3s 0.5s ease-in-out, color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out; }
    .faq__cont-lnav-link:hover {
      color: #FFF;
      background: #ED1450; }
    @media (max-width: 1080px) {
      .faq__cont-lnav-link {
        width: calc(33.33% - 13.33px); }
        .faq__cont-lnav-link:nth-child(n+4) {
          margin-top: 20px; } }
    @media (max-width: 900px) {
      .faq__cont-lnav-link {
        width: calc(33.33% - 8px); } }
    @media (max-width: 600px) {
      .faq__cont-lnav-link {
        width: calc(50% - 5px); }
        .faq__cont-lnav-link:nth-child(n+3) {
          margin-top: 10px; } }
  .faq__cont-category {
    margin-top: 100px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
    scroll-margin-top: 100px;
    opacity: 0;
    transform: translateX(-30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .faq__cont-category {
        margin-top: 10vw;
        scroll-margin-top: 10vw; } }
    @media (max-width: 600px) {
      .faq__cont-category {
        margin-top: 15vw;
        scroll-margin-top: 15vw;
        font-size: 6.0vw; } }
    .faq__cont-category.js-anim-init {
      opacity: 1;
      transform: translateX(0); }
  .faq__list {
    display: flex;
    flex-direction: column;
    max-width: 1260px;
    margin: 50px auto 0; }
    @media (max-width: 900px) {
      .faq__list {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .faq__list {
        margin-top: 7.5vw; } }
    .faq__list.js-anim-init .faq__item-q, .faq__list.js-anim-init .faq__item-a {
      opacity: 1;
      transform: translateY(0); }
  .faq__item-q {
    position: relative;
    padding: 30px 50px 30px 60px;
    font-size: 1.6rem;
    font-weight: bold;
    opacity: 0;
    transform: translateY(30px);
    cursor: pointer; }
    .faq__item-q:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
    .faq__item-q:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out; }
    .faq__item-q:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
    .faq__item-q:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s 0.3s ease-in-out; }
    .faq__item-q:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
    .faq__item-q:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, transform 0.3s 0.5s ease-in-out; }
    .faq__item-q:nth-child(7) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
    .faq__item-q:nth-child(8) {
      transition: opacity 0.3s 0.7s ease-in-out, transform 0.3s 0.7s ease-in-out; }
    .faq__item-q:nth-child(9) {
      transition: opacity 0.3s 0.8s ease-in-out, transform 0.3s 0.8s ease-in-out; }
    .faq__item-q:nth-child(10) {
      transition: opacity 0.3s 0.9s ease-in-out, transform 0.3s 0.9s ease-in-out; }
    .faq__item-q:nth-child(11) {
      transition: opacity 0.3s 1s ease-in-out, transform 0.3s 1s ease-in-out; }
    .faq__item-q:nth-child(12) {
      transition: opacity 0.3s 1.1s ease-in-out, transform 0.3s 1.1s ease-in-out; }
    .faq__item-q:nth-child(4n + 1) {
      background: #F5F5F5; }
    .faq__item-q::after {
      position: absolute;
      content: "";
      right: 20px;
      top: calc(50% - 4px);
      width: 7px;
      height: 7px;
      border-top: 1px solid #ED1450;
      border-right: 1px solid #ED1450;
      transform: rotate(135deg);
      transition: transform .3s ease-in-out; }
    .faq__item-q.open::after {
      transform: rotate(-45deg); }
    @media (max-width: 600px) {
      .faq__item-q {
        padding: 4vw 10vw 4vw 10vw;
        font-size: 1.4rem; } }
  .faq__item-q-ttl {
    position: absolute;
    left: 20px;
    top: 30px;
    font-size: 3.0rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1;
    color: #ED1450; }
    @media (max-width: 600px) {
      .faq__item-q-ttl {
        left: 3vw;
        top: 4vw;
        font-size: 6.4vw; } }
  .faq__item-a {
    position: relative;
    padding: 0 50px 30px 60px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    display: none; }
    .faq__item-a:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
    .faq__item-a:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out; }
    .faq__item-a:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
    .faq__item-a:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s 0.3s ease-in-out; }
    .faq__item-a:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
    .faq__item-a:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, transform 0.3s 0.5s ease-in-out; }
    .faq__item-a:nth-child(7) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
    .faq__item-a:nth-child(8) {
      transition: opacity 0.3s 0.7s ease-in-out, transform 0.3s 0.7s ease-in-out; }
    .faq__item-a:nth-child(9) {
      transition: opacity 0.3s 0.8s ease-in-out, transform 0.3s 0.8s ease-in-out; }
    .faq__item-a:nth-child(10) {
      transition: opacity 0.3s 0.9s ease-in-out, transform 0.3s 0.9s ease-in-out; }
    .faq__item-a:nth-child(11) {
      transition: opacity 0.3s 1s ease-in-out, transform 0.3s 1s ease-in-out; }
    .faq__item-a:nth-child(12) {
      transition: opacity 0.3s 1.1s ease-in-out, transform 0.3s 1.1s ease-in-out; }
    .faq__item-a:nth-child(4n + 2) {
      background: #F5F5F5; }
    @media (max-width: 600px) {
      .faq__item-a {
        padding: 0 4.5vw 4vw 10vw;
        font-size: 1.3rem; } }
  .faq__item-a-ttl {
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 3.0rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1;
    color: #878787; }
    @media (max-width: 600px) {
      .faq__item-a-ttl {
        left: 3vw;
        font-size: 6.4vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

News CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.news {
  max-width: 1260px;
  margin: 0 auto;
  padding: 100px 30px 0; }
  @media (max-width: 900px) {
    .news {
      padding: 10vw 20px 0; } }
  @media (max-width: 600px) {
    .news {
      padding: 15vw 15px 0; } }
  .news__list {
    margin-top: 50px;
    border-bottom: 1px solid #CCC; }
    @media (max-width: 900px) {
      .news__list {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .news__list {
        margin-top: 7.5vw; } }
    .news__list.js-anim-init .news__list-date, .news__list.js-anim-init .news__list-ttl {
      opacity: 1;
      transform: translateY(0); }
  .news__item-link {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #CCC; }
  .news__list-date {
    width: 180px;
    padding: 20px 0;
    font-size: 1.2rem;
    font-weight: bold;
    opacity: 0;
    transform: translateY(30px); }
    .news__list-date:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(7) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(8) {
      transition: opacity 0.3s 0.7s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(9) {
      transition: opacity 0.3s 0.8s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(10) {
      transition: opacity 0.3s 0.9s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(11) {
      transition: opacity 0.3s 1s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(12) {
      transition: opacity 0.3s 1.1s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(13) {
      transition: opacity 0.3s 1.2s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(14) {
      transition: opacity 0.3s 1.3s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(15) {
      transition: opacity 0.3s 1.4s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(16) {
      transition: opacity 0.3s 1.5s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(17) {
      transition: opacity 0.3s 1.6s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(18) {
      transition: opacity 0.3s 1.7s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(19) {
      transition: opacity 0.3s 1.8s ease-in-out, transform 0.3s ease-in-out; }
    .news__list-date:nth-child(20) {
      transition: opacity 0.3s 1.9s ease-in-out, transform 0.3s ease-in-out; }
    @media (max-width: 900px) {
      .news__list-date {
        width: 100%;
        padding-bottom: 10px; } }
  .news__list-icon {
    display: inline-block;
    width: 72px;
    height: 25px;
    margin-right: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFF;
    line-height: 25px;
    text-align: center;
    background: #ED1450; }
  .news__list-ttl {
    width: calc(100% - 180px);
    padding: 20px 50px 20px 0;
    font-size: 1.5rem;
    font-weight: bold;
    opacity: 0;
    transform: translateY(30px);
    cursor: pointer; }
    @media (max-width: 900px) {
      .news__list-ttl {
        width: 100%;
        padding-top: 0; } }
    @media (max-width: 600px) {
      .news__list-ttl {
        padding-right: 0;
        font-size: 1.4rem;
        line-height: 1.5; } }
    .news__list-ttl:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(2) {
      transition: opacity 0.3s 0.1s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(3) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(4) {
      transition: opacity 0.3s 0.3s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(5) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(6) {
      transition: opacity 0.3s 0.5s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(7) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(8) {
      transition: opacity 0.3s 0.7s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(9) {
      transition: opacity 0.3s 0.8s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(10) {
      transition: opacity 0.3s 0.9s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(11) {
      transition: opacity 0.3s 1s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(12) {
      transition: opacity 0.3s 1.1s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(13) {
      transition: opacity 0.3s 1.2s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(14) {
      transition: opacity 0.3s 1.3s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(15) {
      transition: opacity 0.3s 1.4s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(16) {
      transition: opacity 0.3s 1.5s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(17) {
      transition: opacity 0.3s 1.6s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(18) {
      transition: opacity 0.3s 1.7s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(19) {
      transition: opacity 0.3s 1.8s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl:nth-child(20) {
      transition: opacity 0.3s 1.9s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out; }
    .news__list-ttl::before, .news__list-ttl::after {
      content: "";
      display: block;
      width: 38px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
      transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
      @media (max-width: 600px) {
        .news__list-ttl::before, .news__list-ttl::after {
          top: -21px; } }
    .news__list-ttl::after {
      right: 38px;
      width: 0;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23ED1450%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
      transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .news__list-ttl:hover::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .news__list-ttl:hover::after {
      right: 0;
      width: 38px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .news__pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
    .news__pager.js-anim-init {
      opacity: 1;
      transform: translateX(0); }
  .news__pager-prev-link, .news__pager-next-link {
    display: block;
    position: relative;
    width: 40px;
    height: 60px;
    margin: 0 5px; }
    @media (max-width: 600px) {
      .news__pager-prev-link, .news__pager-next-link {
        width: 30px;
        height: 45px; } }
    .news__pager-prev-link::after, .news__pager-next-link::after {
      position: absolute;
      content: '';
      left: 50%;
      top: 50%;
      width: 10px;
      height: 10px;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      transform: rotate(-135deg) translate(25%, 25%); }
      @media (max-width: 600px) {
        .news__pager-prev-link::after, .news__pager-next-link::after {
          transform: rotate(-135deg) translate(50%, 25%); } }
  .news__pager-next-link::after {
    transform: rotate(45deg) translate(-75%, 0%); }
    @media (max-width: 600px) {
      .news__pager-next-link::after {
        transform: rotate(45deg) translate(-100%, 25%); } }
  .news__pager-btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 60px;
    margin: 0 5px;
    font-family: "Lato", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    border: 1px solid #CCC;
    transition: color .3s ease-in-out, background .3s ease-in-out; }
    @media (max-width: 600px) {
      .news__pager-btn-link {
        width: 30px;
        height: 45px;
        font-size: 1.4rem; } }
    .news__pager-btn-link:hover {
      color: #FFF;
      background: #ED1450; }
    .active .news__pager-btn-link {
      color: #FFF;
      background: #ED1450; }
  .news .navigation.pagination {
    margin-top: 80px; }
    @media (max-width: 900px) {
      .news .navigation.pagination {
        margin-top: 8vw; } }
    @media (max-width: 600px) {
      .news .navigation.pagination {
        margin-top: 12vw; } }
    .news .navigation.pagination .screen-reader-text {
      display: none; }
    .news .navigation.pagination .nav-links {
      display: flex;
      justify-content: center;
      align-items: center; }
      .news .navigation.pagination .nav-links .page-numbers {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 60px;
        margin: 0 5px;
        font-family: "Lato", sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        border: 1px solid #CCC;
        transition: color .3s ease-in-out, background .3s ease-in-out; }
        @media (max-width: 600px) {
          .news .navigation.pagination .nav-links .page-numbers {
            width: 30px;
            height: 45px;
            font-size: 1.4rem; } }
        .news .navigation.pagination .nav-links .page-numbers:hover {
          color: #FFF;
          background: #ED1450; }
        .news .navigation.pagination .nav-links .page-numbers.current {
          color: #FFF;
          background: #ED1450;
          pointer-events: none; }
      .news .navigation.pagination .nav-links .next, .news .navigation.pagination .nav-links .prev {
        display: block;
        position: relative;
        width: 40px;
        height: 60px;
        margin: 0 5px;
        background: none;
        border: none; }
        @media (max-width: 600px) {
          .news .navigation.pagination .nav-links .next, .news .navigation.pagination .nav-links .prev {
            width: 30px;
            height: 45px; } }
        .news .navigation.pagination .nav-links .next::after, .news .navigation.pagination .nav-links .prev::after {
          position: absolute;
          content: '';
          left: 50%;
          top: 50%;
          width: 10px;
          height: 10px;
          border-top: 1px solid #000;
          border-right: 1px solid #000;
          transform: rotate(-135deg) translate(25%, 25%);
          transition: border .3s ease-in-out; }
          @media (max-width: 600px) {
            .news .navigation.pagination .nav-links .next::after, .news .navigation.pagination .nav-links .prev::after {
              transform: rotate(-135deg) translate(50%, 25%); } }
        .news .navigation.pagination .nav-links .next:hover, .news .navigation.pagination .nav-links .prev:hover {
          background: none; }
          .news .navigation.pagination .nav-links .next:hover::after, .news .navigation.pagination .nav-links .prev:hover::after {
            border-top: 1px solid #ED1450;
            border-right: 1px solid #ED1450; }
      .news .navigation.pagination .nav-links .next::after {
        transform: rotate(45deg) translate(-75%, 0%); }
        @media (max-width: 600px) {
          .news .navigation.pagination .nav-links .next::after {
            transform: rotate(45deg) translate(-100%, 25%); } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

News Detail CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.news-detail {
  max-width: 1060px;
  margin: 0 auto;
  padding: 100px 30px 0; }
  @media (max-width: 900px) {
    .news-detail {
      padding: 10vw 20px 0; } }
  @media (max-width: 600px) {
    .news-detail {
      padding: 15vw 15px 0; } }
  .news-detail__cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 50px; }
    @media (max-width: 900px) {
      .news-detail__cont {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .news-detail__cont {
        margin-top: 7.5vw; } }
  .news-detail__icon {
    display: inline-block;
    width: 100px;
    height: 29px;
    margin: 0 15px 0 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    line-height: 29px;
    text-align: center;
    background: #ED1450;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
    @media (max-width: 600px) {
      .news-detail__icon {
        width: 72px;
        height: 25px;
        font-size: 1.2rem;
        line-height: 25px; } }
    .news-detail__icon.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .news-detail__date {
    margin: 0 auto 0 0;
    font-family: "Lato", sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: #212121;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s .2s ease-in-out, transform .3s .2s ease-in-out; }
    @media (max-width: 600px) {
      .news-detail__date {
        font-size: 1.2rem; } }
    .news-detail__date.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .news-detail__img, .news-detail__ttl, .news-detail__txt {
    margin-top: 50px; }
    @media (max-width: 900px) {
      .news-detail__img, .news-detail__ttl, .news-detail__txt {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .news-detail__img, .news-detail__ttl, .news-detail__txt {
        margin-top: 7.5vw; } }
  .news-detail__img {
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .6s ease-in-out; }
    .news-detail__img.js-anim-init {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .news-detail__ttl {
    width: 100%;
    font-size: 3.2rem;
    font-weight: bold;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s .2s ease-in-out, transform .3s .2s ease-in-out; }
    @media (max-width: 600px) {
      .news-detail__ttl {
        font-size: 4.8vw; } }
    .news-detail__ttl.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .news-detail__txt {
    width: 100%;
    font-size: 1.5rem;
    font-weight: bold;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s .2s ease-in-out, transform .3s .2s ease-in-out; }
    @media (max-width: 600px) {
      .news-detail__txt {
        font-size: 1.4rem; } }
    .news-detail__txt.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
    .news-detail__txt p a {
      color: #ED1450;
      text-decoration: underline;
      transition: opacity .3s ease-in-out; }
      .news-detail__txt p a:hover {
        opacity: .7; }
  .news-detail__menu {
    margin: 100px 30px 0;
    padding: 20px 30px;
    background: #F5F5F5; }
    @media (max-width: 900px) {
      .news-detail__menu {
        margin: 10vw 20px 0;
        padding: 2vw 20px; } }
    @media (max-width: 600px) {
      .news-detail__menu {
        margin: 15vw 15px 0;
        padding: 3vw 15px; } }
  .news-detail__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  .news-detail__list-prev {
    position: relative;
    margin: 0 auto 0 0;
    padding-left: 30px;
    width: calc(50% - 120px);
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
    @media (max-width: 900px) {
      .news-detail__list-prev {
        display: none; } }
    .news-detail__list-prev.js-anim-init {
      opacity: 1;
      transform: translateX(0); }
    .news-detail__list-prev::after {
      position: absolute;
      content: '';
      left: 6px;
      top: calc(50% - 8px);
      width: 10px;
      height: 10px;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      transform: rotate(-135deg) translateY(-50%);
      transition: left .3s ease-in-out; }
    .news-detail__list-prev:hover::after {
      left: 0; }
  .news-detail__list-next {
    position: relative;
    margin: 0 0 0 auto;
    padding-right: 30px;
    width: calc(50% - 120px);
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
    @media (max-width: 900px) {
      .news-detail__list-next {
        display: none; } }
    .news-detail__list-next.js-anim-init {
      opacity: 1;
      transform: translateX(0); }
    .news-detail__list-next::after {
      position: absolute;
      content: '';
      right: 6px;
      top: calc(50% - 1px);
      width: 10px;
      height: 10px;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      transform: rotate(45deg) translateY(-50%);
      transition: right .3s ease-in-out; }
    .news-detail__list-next:hover::after {
      right: 0; }
  .news-detail__list-prev-link {
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
    border-left: 1px solid #000; }
  .news-detail__list-next-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-right: 30px;
    text-align: right;
    border-right: 1px solid #000; }
  .news-detail__list-icon {
    display: inline-block;
    width: 72px;
    height: 25px;
    margin-right: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFF;
    line-height: 25px;
    text-align: center;
    background: #ED1450; }
  .news-detail__list-date {
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap; }
  .news-detail__list-ttl {
    width: 100%;
    padding-top: 15px;
    font-size: 1.5rem;
    font-weight: bold; }
  .news-detail__list-index {
    width: 240px;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
    .news-detail__list-index.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .news-detail__list-index-link {
    position: relative;
    display: block;
    padding-top: 30px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center; }
    .news-detail__list-index-link::after {
      position: absolute;
      content: '';
      left: calc(50% - 3px);
      top: 6px;
      width: 10px;
      height: 10px;
      border-top: 1px solid #ED1450;
      border-right: 1px solid #ED1450;
      transform: rotate(-45deg);
      transition: top .3s ease-in-out; }
    .news-detail__list-index-link:hover::after {
      top: 0; }
  .news-detail__latest {
    max-width: 1260px;
    margin: 0 auto;
    padding: 100px 30px 0; }
    @media (max-width: 900px) {
      .news-detail__latest {
        padding: 10vw 20px 0; } }
    @media (max-width: 600px) {
      .news-detail__latest {
        padding: 15vw 15px 0; } }
  .news-detail__latest-ttl {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
    .news-detail__latest-ttl.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 900px) {
      .news-detail__latest-ttl {
        font-size: 3.2vw; } }
    @media (max-width: 600px) {
      .news-detail__latest-ttl {
        font-size: 4.8vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Home CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.home-hero {
  margin: 0 auto;
  padding: 0 30px; }
  @media (max-width: 900px) {
    .home-hero {
      padding: 0 20px; } }
  @media (max-width: 600px) {
    .home-hero {
      padding: 0 15px; } }
  .home-hero__video {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden; }
    .home-hero__video iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    @media (max-width: 600px) {
      .home-hero__video {
        padding-top: 168.67%; } }
  .home-hero__img {
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s .3s ease-in-out; }
    .js-anim-init .home-hero__img {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }

.home-intern__wrap {
  max-width: 1260px;
  padding: 0 30px;
  margin: 50px auto 0;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
  @media (max-width: 900px) {
    .home-intern__wrap {
      padding: 0 20px; } }
  @media (max-width: 600px) {
    .home-intern__wrap {
      margin: 5vw auto 0;
      padding: 0 15px; } }
  .home-intern__wrap.js-anim-init {
    opacity: 1;
    transform: translateY(0); }
  .home-intern__wrap:hover .home-intern__img {
    transform: scale(1.05); }
.home-intern__inner {
  overflow: hidden; }
.home-intern__img {
  transition: transform .4s ease-in-out; }

.home-news {
  max-width: 1260px;
  margin: 150px auto 0;
  padding: 0 30px; }
  @media (max-width: 900px) {
    .home-news {
      margin: 15vw auto 0;
      padding: 0 20px; } }
  @media (max-width: 600px) {
    .home-news {
      margin: 17.5vw auto 0;
      padding: 0 15px; } }
  .home-news .common__ttl {
    font-size: 3rem;
    text-align: left; }
    @media (max-width: 900px) {
      .home-news .common__ttl {
        font-size: 3vw; } }
    @media (max-width: 600px) {
      .home-news .common__ttl {
        font-size: 4.5vw; } }
  .home-news .news__list {
    margin-top: 20px; }
    @media (max-width: 900px) {
      .home-news .news__list {
        margin-top: 2vw; } }
    @media (max-width: 600px) {
      .home-news .news__list {
        margin-top: 3vw; } }
  .home-news .news__list-ttl:hover {
    color: #ED1450; }

.home-message {
  position: relative;
  margin: 150px 30px 0;
  background: url("../img/recruit/career/home/bg-message.jpg") center center/cover no-repeat;
  /*.home-works__hero-btn {
  	position: relative;
  	right: 0;
  	bottom: 0;
  	margin: 10px 0 0 auto;
  }*/ }
  @media (max-width: 900px) {
    .home-message {
      margin: 15vw 20px 0; } }
  @media (max-width: 600px) {
    .home-message {
      margin: 17.5vw 15px 0; } }
  .home-message .common__ttl, .home-message .common__ttl-sub {
    color: #000; }
  .home-message .common__ttl {
    display: block;
    padding-top: 100px; }
    @media (max-width: 900px) {
      .home-message .common__ttl {
        padding-top: 10vw; } }
    @media (max-width: 600px) {
      .home-message .common__ttl {
        padding-top: 15vw; } }
  .home-message__movie-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden; }
  .home-message__movie-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 360vw;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
    border: none; }
    @media (max-width: 600px) {
      .home-message__movie-iframe {
        /* width: 600vw; */
        aspect-ratio: 16 / 9;
        height: 100%;
        width: auto; } }
  .home-message__copy {
    position: relative;
    display: block;
    max-width: 650px;
    padding: 70px 0;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 900px) {
      .home-message__copy {
        width: 80%;
        padding: 7vw 0; } }
    @media (max-width: 600px) {
      .home-message__copy {
        padding: 10vw 0; } }
    .home-message__copy.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .home-message__txt {
    position: relative;
    padding: 0 30px 100px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 900px) {
      .home-message__txt {
        padding: 0 20px 10vw; } }
    @media (max-width: 600px) {
      .home-message__txt {
        padding: 0 15px 15vw;
        font-size: 3.2vw;
        text-align: left; }
        .home-message__txt br {
          display: none; } }
    .home-message__txt.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .home-message__banner {
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 100px; }
    @media (max-width: 900px) {
      .home-message__banner {
        padding-bottom: 10vw; } }
    @media (max-width: 600px) {
      .home-message__banner {
        padding-bottom: 15vw; } }
  .home-message__banner-cont {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .4s ease-in-out;
    background: #ED1450; }
    .home-message__banner-cont.js-anim-init {
      clip-path: inset(0); }
      .home-message__banner-cont.js-anim-init .home-message__btn-wrap {
        clip-path: inset(0); }
  .home-message__banner-imgbox {
    width: 40%; }
    @media (max-width: 768px) {
      .home-message__banner-imgbox {
        width: 100%; } }
  .home-message__banner-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .home-message__banner-txtbox {
    width: 60%;
    padding: 20px 50px;
    color: #FFF; }
    @media (max-width: 1060px) {
      .home-message__banner-txtbox {
        padding: 2vw 5vw; } }
    @media (max-width: 768px) {
      .home-message__banner-txtbox {
        width: 100%;
        padding: 4vw 15px; } }
    @media (max-width: 600px) {
      .home-message__banner-txtbox {
        padding: 4vw 15px 0; } }
  .home-message__banner-inner {
    position: relative; }
  .home-message__banner-txt {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.3; }
    @media (max-width: 1060px) {
      .home-message__banner-txt {
        font-size: 3vw; } }
    @media (max-width: 768px) {
      .home-message__banner-txt {
        font-size: 4.5vw; } }
  .home-message__banner-name {
    margin-top: 10px;
    font-size: 1.4rem; }
    @media (max-width: 768px) {
      .home-message__banner-name {
        font-size: 3.2vw; } }
  .home-message__banner-class {
    display: inline-block;
    padding-right: 15px;
    font-size: 1.3rem; }
    @media (max-width: 768px) {
      .home-message__banner-class {
        font-size: 2.4vw; } }
  .home-message__btn-wrap {
    position: relative;
    width: 100%;
    max-width: 240px;
    right: 0;
    bottom: 0;
    margin: 10px 0 0 auto;
    z-index: 3; }
    @media (max-width: 600px) {
      .home-message__btn-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        width: calc(100% + 30px);
        max-width: inherit;
        height: 100px;
        margin-top: 4vw;
        background: #000;
        clip-path: inset(0 100% 0 0);
        position: relative;
        right: auto;
        left: -15px;
        transition: clip-path .3s .5s ease-in-out; } }
    .home-message__btn-wrap .home-works__hero-btn {
      position: relative;
      right: inherit;
      bottom: inherit; }
      @media (max-width: 1200px) {
        .home-message__btn-wrap .home-works__hero-btn {
          right: inherit;
          bottom: inherit; } }

.home-focus {
  margin-top: 150px;
  padding: 0 30px; }
  @media (max-width: 900px) {
    .home-focus {
      margin-top: 15vw;
      padding: 0 20px; } }
  @media (max-width: 600px) {
    .home-focus {
      margin-top: 22.5vw;
      padding: 0 15px; } }
  .home-focus__head {
    padding: 180px 0;
    background: url("../img/recruit/career/home/bg-focus.jpg") center center/cover no-repeat;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s ease-in-out; }
    @media (max-width: 900px) {
      .home-focus__head {
        padding: 18vw 0; } }
    @media (max-width: 600px) {
      .home-focus__head {
        padding: 27vw 0; } }
    .home-focus__head .common__ttl, .home-focus__head .common__ttl-sub {
      color: #FFF; }
    .home-focus__head.js-anim-init {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .home-focus__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px; }
    @media (max-width: 900px) {
      .home-focus__list {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .home-focus__list {
        margin-top: 7.5vw; } }
    .home-focus__list.js-anim-init .home-focus__item {
      opacity: 1;
      transform: translateY(0); }
    .home-focus__list.js-anim-init .home-focus__ttl {
      opacity: 1;
      transform: translateX(0); }
  .home-focus__item {
    width: calc(25% - 24px);
    opacity: 0;
    transform: translateY(30px); }
    @media (max-width: 1280px) {
      .home-focus__item {
        width: calc(25% - 16px); } }
    @media (max-width: 900px) {
      .home-focus__item {
        width: calc(50% - 1vw); }
        .home-focus__item:nth-child(n+3) {
          margin-top: 3vw; } }
    @media (max-width: 600px) {
      .home-focus__item:nth-child(n+3) {
        margin-top: 4.5vw; } }
    .home-focus__item:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
      .home-focus__item:nth-child(1) .home-focus__ttl {
        transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, padding 0.4s ease-in-out; }
    .home-focus__item:nth-child(2) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
      .home-focus__item:nth-child(2) .home-focus__ttl {
        transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, padding 0.4s ease-in-out; }
    .home-focus__item:nth-child(3) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
      .home-focus__item:nth-child(3) .home-focus__ttl {
        transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, padding 0.4s ease-in-out; }
    .home-focus__item:nth-child(4) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
      .home-focus__item:nth-child(4) .home-focus__ttl {
        transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, padding 0.4s ease-in-out; }
  .home-focus__link {
    display: block; }
    .home-focus__link:hover .home-focus__img {
      transform: scale(1.05); }
    .home-focus__link:hover .home-focus__ttl {
      color: #ED1450;
      padding-left: 23px; }
      .home-focus__link:hover .home-focus__ttl::after {
        width: 8px; }
  .home-focus__img-wrap {
    display: block;
    overflow: hidden; }
  .home-focus__img {
    transition: transform .4s ease-in-out; }
  .home-focus__ttl {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 25px;
    padding-left: 18px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.4;
    opacity: 0;
    transform: translateX(30px); }
    .home-focus__ttl::after {
      position: absolute;
      content: '';
      left: 0;
      top: 50%;
      width: 5px;
      height: 6.7rem;
      background: #ED1450;
      transform: translateY(-50%);
      transition: width .4s ease-in-out; }
      @media (max-width: 1500px) {
        .home-focus__ttl::after {
          height: 4.3vw; } }
      @media (max-width: 900px) {
        .home-focus__ttl::after {
          height: 5.7vw; } }
      @media (max-width: 900px) {
        .home-focus__ttl::after {
          height: 7.35vw; } }
    @media (max-width: 1500px) {
      .home-focus__ttl {
        font-size: 1.8vw; } }
    @media (max-width: 900px) {
      .home-focus__ttl {
        margin-top: 2.5vw;
        padding-left: 1.8vw;
        font-size: 2.4vw; } }
    @media (max-width: 600px) {
      .home-focus__ttl {
        padding-left: 2.7vw;
        font-size: 3.2vw; } }

.home-works {
  position: relative;
  margin-top: 150px;
  padding: 0 30px; }
  @media (max-width: 900px) {
    .home-works {
      margin-top: 15vw;
      padding: 0 20px; } }
  @media (max-width: 600px) {
    .home-works {
      margin-top: 22.5vw;
      padding: 0 15px; } }
  .home-works__head {
    padding: 180px 0;
    background: url("../img/recruit/career/home/bg-works.jpg") center center/cover no-repeat;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s ease-in-out; }
    @media (max-width: 900px) {
      .home-works__head {
        padding: 18vw 0; } }
    @media (max-width: 600px) {
      .home-works__head {
        padding: 27vw 0; } }
    .home-works__head .common__ttl, .home-works__head .common__ttl-sub {
      color: #FFF; }
    .home-works__head.js-anim-init {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .home-works__list {
    margin-top: 50px; }
    @media (max-width: 900px) {
      .home-works__list {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .home-works__list {
        margin-top: 7.5vw; } }
    .home-works__list::after {
      position: absolute;
      content: '';
      left: auto;
      right: 0;
      bottom: 0;
      width: 0;
      height: 85%;
      background: #ED1450;
      transition: width .3s ease-in-out;
      z-index: -1; }
    .home-works__list.js-anim-init::after {
      width: 50%; }
      @media (max-width: 900px) {
        .home-works__list.js-anim-init::after {
          width: 95%; } }
  .home-works__item {
    margin-top: 0;
    padding: 0;
    z-index: 2; }
  .home-works__hero-main::after {
    content: none; }
  .home-works__hero-info {
    left: auto;
    right: 4vw; }
    @media (max-width: 1280px) {
      .home-works__hero-info {
        bottom: 5vw; } }
    @media (max-width: 900px) {
      .home-works__hero-info {
        bottom: 8vw; } }
    @media (max-width: 600px) {
      .home-works__hero-info {
        bottom: 10vw; } }
  .home-works__hero-num {
    position: absolute;
    left: 50px;
    top: 60px;
    color: #FFF;
    font-size: 7.5rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1;
    z-index: 2; }
    @media (max-width: 1850px) {
      .home-works__hero-num {
        left: 2vw;
        top: 2vw;
        font-size: 4vw; } }
    @media (max-width: 900px) {
      .home-works__hero-num {
        font-size: 6vw; } }
  .home-works__hero-num-txt {
    display: block;
    font-weight: 100; }
  @media (max-width: 600px) {
    .home-works__hero-ttl {
      margin-bottom: 10vw; } }
  .home-works__hero-ttl-line {
    opacity: 1; }
  @media (max-width: 1280px) {
    .home-works__hero-dept {
      margin-top: 3vw; } }
  @media (max-width: 600px) {
    .home-works__hero-dept {
      display: none; } }
  .home-works__hero-dept-txt {
    transform: translateY(0); }
  @media (max-width: 1280px) {
    .home-works__hero-name {
      margin-bottom: 4vw; } }
  @media (max-width: 600px) {
    .home-works__hero-name {
      display: none; } }
  .home-works__hero-name-txt {
    transform: translateY(0); }
  .home-works__hero-btn {
    position: absolute;
    right: 80px;
    bottom: 50px;
    z-index: 3; }
    .home-works__hero-btn::after {
      right: 58px;
      width: 0;
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
      transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .home-works__hero-btn:hover::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .home-works__hero-btn:hover::after {
      right: 15px;
      width: 38px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 1200px) {
      .home-works__hero-btn {
        right: 8%;
        bottom: 10px; } }
    @media (max-width: 900px) {
      .home-works__hero-btn {
        right: calc(4vw + 20px); } }
    @media (max-width: 600px) {
      .home-works__hero-btn {
        right: calc(4vw + 15px); } }
  .home-works__hero-img {
    padding-left: 0;
    padding-right: 29.4%;
    clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
    @media (max-width: 900px) {
      .home-works__hero-img {
        padding-right: 4vw; } }
  .home-works .slick-prev, .home-works .slick-next {
    width: 43px;
    height: 43px;
    bottom: 50px;
    background: #FFF;
    z-index: 2;
    transform: none;
    transition: background .4s ease-in-out; }
    @media (max-width: 900px) {
      .home-works .slick-prev, .home-works .slick-next {
        bottom: 10px; } }
    @media (max-width: 600px) {
      .home-works .slick-prev, .home-works .slick-next {
        width: 30px;
        height: 30px; } }
    .home-works .slick-prev::before, .home-works .slick-next::before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      transition: transform .4s ease-in-out, border .4s ease-in-out; }
  .home-works .slick-prev {
    left: 50px;
    top: auto; }
    @media (max-width: 900px) {
      .home-works .slick-prev {
        left: calc(5% + 10px); } }
    .home-works .slick-prev::before {
      border-bottom: solid 1px #000;
      border-left: solid 1px #000; }
    .home-works .slick-prev:hover {
      background: #ED1450; }
      .home-works .slick-prev:hover::before {
        border-bottom: solid 1px #FFF;
        border-left: solid 1px #FFF;
        transform: translate(-100%, -50%) rotate(45deg); }
  .home-works .slick-next {
    left: 94px;
    top: auto;
    right: auto; }
    @media (max-width: 900px) {
      .home-works .slick-next {
        left: calc(5% + 54px); } }
    @media (max-width: 600px) {
      .home-works .slick-next {
        left: calc(5% + 41px); } }
    .home-works .slick-next::before {
      border-top: solid 1px #000;
      border-right: solid 1px #000; }
    .home-works .slick-next:hover {
      background: #ED1450; }
      .home-works .slick-next:hover::before {
        border-top: solid 1px #FFF;
        border-right: solid 1px #FFF;
        transform: translate(0, -50%) rotate(45deg); }

.home-environ {
  margin-top: 80px;
  background: #EEE;
  padding: 80px 30px; }
  @media (max-width: 900px) {
    .home-environ {
      margin-top: 8vw;
      padding: 8vw 20px; } }
  @media (max-width: 600px) {
    .home-environ {
      margin-top: 12vw;
      padding: 12vw 15px; } }
  .home-environ__head {
    padding: 180px 0;
    background: url("../img/recruit/career/home/bg-environment.jpg") center center/cover no-repeat;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s ease-in-out; }
    @media (max-width: 900px) {
      .home-environ__head {
        padding: 18vw 0; } }
    @media (max-width: 600px) {
      .home-environ__head {
        padding: 27vw 0; } }
    .home-environ__head.js-anim-init {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .home-environ .common__ttl, .home-environ .common__ttl-sub {
    color: #FFF; }
  .home-environ__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px; }
    @media (max-width: 900px) {
      .home-environ__list {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .home-environ__list {
        margin-top: 7.5vw; } }
    .home-environ__list.js-anim-init .home-environ__item {
      opacity: 1;
      transform: translateX(0); }
    .home-environ__list.js-anim-init .home-environ__img {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
    .home-environ__list.js-anim-init .home-environ__txtarea {
      opacity: 1;
      transform: translateX(0); }
  .home-environ__item {
    width: calc(33.33% - 20px);
    background: #FFF;
    opacity: 0;
    transform: translateX(30px);
    /*width: calc(50% - 16px); //未来コンテンツ用
    background: #FFF;
    opacity: 0;
    transform: translateX(30px);
    
    &:nth-child(n+3) {
    	margin-top: 30px;
    }
    
    @include pc {
    	width: calc(50% - 10px);
    }
    */ }
    @media (max-width: 900px) {
      .home-environ__item {
        width: calc(50% - 16px); }
        .home-environ__item:nth-child(n+3) {
          margin-top: 30px; } }
    @media (max-width: 600px) {
      .home-environ__item {
        width: 100%; }
        .home-environ__item:nth-child(n+2) {
          margin-top: 3vw; } }
    .home-environ__item:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
      .home-environ__item:nth-child(1) .home-environ__img {
        transition: all .4s ease-in-out; }
      .home-environ__item:nth-child(1) .home-environ__txtarea {
        transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
    .home-environ__item:nth-child(2) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
      .home-environ__item:nth-child(2) .home-environ__img {
        transition: all .4s ease-in-out; }
      .home-environ__item:nth-child(2) .home-environ__txtarea {
        transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
    .home-environ__item:nth-child(3) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
      .home-environ__item:nth-child(3) .home-environ__img {
        transition: all .4s ease-in-out; }
      .home-environ__item:nth-child(3) .home-environ__txtarea {
        transition: opacity 0.3s 0.8s ease-in-out, transform 0.3s 0.8s ease-in-out; }
    .home-environ__item:nth-child(4) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
      .home-environ__item:nth-child(4) .home-environ__img {
        transition: all .4s ease-in-out; }
      .home-environ__item:nth-child(4) .home-environ__txtarea {
        transition: opacity 0.3s 1s ease-in-out, transform 0.3s 1s ease-in-out; }
  .home-environ__link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 1280px) {
      .home-environ__link {
        height: inherit; } }
    .home-environ__link:hover .home-environ__img {
      transform: scale(1.05); }
    .home-environ__link:hover .home-environ__item-ttl {
      color: #ED1450; }
      .home-environ__link:hover .home-environ__item-ttl::after {
        height: 8px; }
    .home-environ__link:hover .home-environ__item-btn::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .home-environ__link:hover .home-environ__item-btn::after {
      right: 0;
      width: 38px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .home-environ__img, .home-environ__txtarea {
    width: 100%;
    /*width: 50%; //未来コンテンツ用
    @include pc {
    	width: 100%;
    }*/ }
  .home-environ__img-wrap {
    display: block;
    overflow: hidden; }
  .home-environ__img {
    height: 100%;
    object-fit: cover;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s ease-in-out, transform .4s ease-in-out; }
  .home-environ__txtarea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 100px);
    padding: 0 40px;
    align-items: center;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s .25s ease-in-out, transform .3s .25s ease-in-out; }
    @media (max-width: 1280px) {
      .home-environ__txtarea {
        height: 100%; } }
    @media (max-width: 900px) {
      .home-environ__txtarea {
        padding: 5vw 20px; } }
    @media (max-width: 600px) {
      .home-environ__txtarea {
        padding: 5vw 10px; } }
  .home-environ__item-ttl {
    font-size: 5rem;
    font-weight: bold; }
    @media (max-width: 1500px) {
      .home-environ__item-ttl {
        font-size: 4vw; } }
    @media (max-width: 1280px) {
      .home-environ__item-ttl {
        height: 100%; } }
    @media (max-width: 900px) {
      .home-environ__item-ttl {
        font-size: 6.8vw; } }
  .home-environ__item-txt {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 15px 0 0; }
    @media (max-width: 900px) {
      .home-environ__item-txt {
        font-size: 2vw; } }
    @media (max-width: 600px) {
      .home-environ__item-txt {
        font-size: 3.2vw;
        margin: 10px 0 0; } }

.home-office {
  margin-top: 30px; }
  .home-office__link {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .home-office__link:hover .home-office__img {
      transform: scale(1.05); }
    .home-office__link:hover .home-office__btn-w::before {
      width: 0;
      transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .home-office__link:hover .home-office__btn-w::after {
      right: 15px;
      width: 38px;
      transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    .home-office__link.reverse {
      flex-direction: row-reverse; }
      @media (max-width: 600px) {
        .home-office__link.reverse {
          flex-direction: initial; } }
      .home-office__link.reverse .home-office__ttl {
        color: #000;
        background: #FFF; }
        @media (max-width: 900px) {
          .home-office__link.reverse .home-office__ttl {
            width: 100%; } }
        .home-office__link.reverse .home-office__ttl.js-anim-init .home-environ__txtarea {
          opacity: 1;
          transform: translateY(0); }
  .home-office__img-wrap {
    display: block;
    width: 50%;
    clip-path: inset(0 0 0 100%);
    overflow: hidden;
    transition: clip-path .3s ease-in-out; }
    @media (max-width: 900px) {
      .home-office__img-wrap {
        width: 100%; } }
    .home-office__img-wrap.js-anim-init {
      clip-path: inset(0); }
  .home-office__img {
    transition: transform .4s ease-in-out; }
  .home-office__ttl {
    display: flex;
    flex-direction: column;
    width: 50%;
    color: #FFF;
    background: #ED1450;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .3s ease-in-out; }
    @media (max-width: 900px) {
      .home-office__ttl {
        width: 100%; } }
    .home-office__ttl.js-anim-init {
      clip-path: inset(0); }
      .home-office__ttl.js-anim-init .home-office__txt {
        opacity: 1;
        transform: translateY(0); }
      .home-office__ttl.js-anim-init .home-office__btn {
        clip-path: inset(0); }
  .home-office__txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 100px);
    align-items: center;
    font-size: 6rem;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s .25s ease-in-out, transform .3s .25s ease-in-out; }
    @media (max-width: 1500px) {
      .home-office__txt {
        font-size: 4vw; } }
    @media (max-width: 1280px) {
      .home-office__txt {
        height: 100%; } }
    @media (max-width: 900px) {
      .home-office__txt {
        padding: 5vw 0;
        font-size: 6.8vw; } }
  .home-office__txt-sub {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 1500px) {
      .home-office__txt-sub {
        font-size: 2vw; } }
    @media (max-width: 900px) {
      .home-office__txt-sub {
        font-size: 3.2vw; } }
  .home-office__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    background: #000;
    clip-path: inset(0 100% 0 0);
    transition: clip-path .3s .5s ease-in-out; }
    @media (max-width: 1280px) {
      .home-office__btn {
        height: auto;
        padding: 1.5vw 0; } }
    @media (max-width: 900px) {
      .home-office__btn {
        padding: 3vw 0; } }
  .home-office__btn-w::after {
    right: 58px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }

.home-info {
  background: #EEE;
  padding: 80px 30px; }
  @media (max-width: 900px) {
    .home-info {
      margin-top: 8vw;
      padding: 8vw 20px; } }
  @media (max-width: 600px) {
    .home-info {
      margin-top: 12vw;
      padding: 12vw 15px; } }
  .home-info__head {
    padding: 180px 0;
    background: url("../img/recruit/career/home/bg-info.jpg") center center/cover no-repeat;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s ease-in-out; }
    @media (max-width: 900px) {
      .home-info__head {
        padding: 18vw 0; } }
    @media (max-width: 600px) {
      .home-info__head {
        padding: 27vw 0; } }
    .home-info__head.js-anim-init {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .home-info .common__ttl, .home-info .common__ttl-sub {
    color: #FFF; }
  .home-info__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 50px auto 0; }
    @media (max-width: 900px) {
      .home-info__list {
        margin: 5vw auto 0; } }
    @media (max-width: 600px) {
      .home-info__list {
        margin: 7.5vw auto 0; } }
    .home-info__list.js-anim-init .home-info__item {
      opacity: 1;
      transform: translateY(0); }
  .home-info__item {
    width: calc(50% - 16px);
    background: #FFF;
    opacity: 0;
    transform: translateY(30px); }
    .home-info__item:nth-child(n+3) {
      margin-top: 30px; }
    @media (max-width: 1280px) {
      .home-info__item {
        width: calc(50% - 10px); } }
    @media (max-width: 900px) {
      .home-info__item {
        width: 100%; }
        .home-info__item:nth-child(n+2) {
          margin-top: 3vw; } }
    .home-info__item:nth-child(1) {
      transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out; }
    .home-info__item:nth-child(2) {
      transition: opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; }
    .home-info__item:nth-child(3) {
      transition: opacity 0.3s 0.4s ease-in-out, transform 0.3s 0.4s ease-in-out; }
    .home-info__item:nth-child(4) {
      transition: opacity 0.3s 0.6s ease-in-out, transform 0.3s 0.6s ease-in-out; }
  .home-info__link {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    .home-info__link::after {
      position: absolute;
      content: '';
      left: 50%;
      top: 0;
      width: 50%;
      height: 5px;
      background: #ED1450;
      transition: height .4s ease-in-out; }
      @media (max-width: 600px) {
        .home-info__link::after {
          height: 3px; } }
    .home-info__link:hover::after {
      height: 8px; }
    .home-info__link:hover .home-info__img {
      transform: scale(1.05); }
    .home-info__link:hover .home-info__ttl {
      color: #ED1450; }
      .home-info__link:hover .home-info__ttl::before {
        width: 0;
        transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .home-info__link:hover .home-info__ttl::after {
        right: 15px;
        width: 38px;
        transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .home-info__img-wrap {
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
    overflow: hidden;
    z-index: 1; }
  .home-info__img {
    height: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease-in-out; }
  .home-info__ttl {
    width: 50%;
    max-width: inherit;
    padding: 0 20px;
    font-size: 2.2rem;
    line-height: 1.4;
    font-weight: bold;
    transition: color .4s ease-in-out; }
    @media (max-width: 1280px) {
      .home-info__ttl {
        padding-left: 1.2vw;
        font-size: 1.8vw; } }
    @media (max-width: 900px) {
      .home-info__ttl {
        font-size: 2.8vw; } }
    @media (max-width: 600px) {
      .home-info__ttl {
        font-size: 3.2vw;
        padding-left: 2.4vw;
        padding-bottom: 5vw; } }
    .home-info__ttl::before {
      right: 15px; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Education CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.education {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 80px 30px 0; }
  @media (max-width: 900px) {
    .education {
      padding: 60px 20px 0; } }
  @media (max-width: 600px) {
    .education {
      padding: 30px 15px 0; } }
  .education__header {
    justify-content: center;
    background-image: url("../img/recruit/career/culture/education/img-main.jpg"); }
    @media (max-width: 600px) {
      .education__header {
        background-image: url("../img/recruit/career/culture/education/img-main_sp.jpg"); } }
  .education__header-ttl {
    color: #FFF;
    text-align: center; }
    @media (max-width: 600px) {
      .education__header-ttl {
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); } }
    .education__header-ttl .common__ttl-sub {
      color: #FFF;
      text-align: center; }
  .education__cont {
    max-width: 1260px;
    margin: 80px auto 0; }
    @media (max-width: 900px) {
      .education__cont {
        margin-top: 8vw; } }
    @media (max-width: 600px) {
      .education__cont {
        margin-top: 12vw; } }
  .education__ttl {
    font-size: 6rem;
    align-items: center;
    color: #ED1450; }
    @media (max-width: 1280px) {
      .education__ttl {
        font-size: 5.3vw;
        align-items: flex-start; } }
  .education__lead {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 600px) {
      .education__lead {
        font-size: 1.4rem; } }
    .education__lead.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .education__system, .workstyle__environment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px; }
    @media (max-width: 900px) {
      .education__system, .workstyle__environment {
        margin-top: 10vw; } }
    @media (max-width: 600px) {
      .education__system, .workstyle__environment {
        margin-top: 15vw; } }
  .education__system-item {
    width: 31.66%;
    border-right: 1px solid #CCC; }
    @media (max-width: 900px) {
      .education__system-item {
        width: 100%;
        border: none; } }
    .education__system-item:nth-child(2) {
      width: calc(68.34% - 40px);
      border: none; }
      @media (max-width: 900px) {
        .education__system-item:nth-child(2) {
          width: 100%;
          padding-top: 3vw;
          border-top: 1px solid #CCC; } }
      @media (max-width: 600px) {
        .education__system-item:nth-child(2) {
          padding-top: 4.5vw; } }
    .education__system-item.js-anim-init .education__system-num, .education__system-item.js-anim-init .workstyle__environment-num, .education__system-item.js-anim-init .education__system-num::after, .education__system-item.js-anim-init .workstyle__environment-num::after, .education__system-item.js-anim-init .education__system-ttl, .education__system-item.js-anim-init .workstyle__environment-ttl {
      opacity: 1;
      transform: translateX(0); }
    .education__system-item.js-anim-init .education__system-txtlist {
      opacity: 1;
      transform: translateY(0); }
    .education__system-item.js-anim-init .education__system-imgarea {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  @media (max-width: 900px) {
    .education__system-innerlist {
      display: flex;
      flex-wrap: wrap; } }
  .education__system-inneritem {
    padding-right: 30px; }
    @media (max-width: 900px) {
      .education__system-inneritem {
        width: 50%;
        padding: 0 3vw 3vw 0;
        border-right: 1px solid #CCC; } }
    @media (max-width: 600px) {
      .education__system-inneritem {
        width: 100%;
        padding: 0 0 4.5vw 0;
        border: none; } }
    .education__system-inneritem:nth-child(2) {
      margin-top: 30px;
      padding: 30px 30px 0 0;
      border-top: 1px solid #CCC; }
      @media (max-width: 900px) {
        .education__system-inneritem:nth-child(2) {
          margin-top: 0;
          padding: 0 0 3vw 3vw;
          border: none; } }
      @media (max-width: 600px) {
        .education__system-inneritem:nth-child(2) {
          padding: 4.5vw 0;
          border-top: 1px solid #CCC; } }
  .education__system-num, .workstyle__environment-num {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #858585;
    font-size: 3.6rem;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 1;
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 1320px) {
      .education__system-num, .workstyle__environment-num {
        font-size: 2.8vw; } }
    @media (max-width: 900px) {
      .education__system-num, .workstyle__environment-num {
        font-size: 4.8vw; } }
    @media (max-width: 600px) {
      .education__system-num, .workstyle__environment-num {
        font-size: 6.4vw;
        padding-bottom: 2.2vw;
        margin-bottom: 3vw; } }
    .education__system-num::after, .workstyle__environment-num::after {
      position: absolute;
      content: '';
      width: 50px;
      height: 5px;
      left: 0;
      bottom: 0;
      background: #ED1450;
      opacity: 0;
      transform: translateX(30px);
      transition: opacity .4s .2s ease-in-out, transform .4s .2s ease-in-out; }
      @media (max-width: 600px) {
        .education__system-num::after, .workstyle__environment-num::after {
          height: 3px; } }
  .education__system-ttl, .workstyle__environment-ttl {
    color: #ED1450;
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 1320px) {
      .education__system-ttl, .workstyle__environment-ttl {
        margin-bottom: 2.4vw;
        font-size: 1.8vw; } }
    @media (max-width: 900px) {
      .education__system-ttl, .workstyle__environment-ttl {
        margin-bottom: 3vw;
        font-size: 3vw; } }
    @media (max-width: 600px) {
      .education__system-ttl, .workstyle__environment-ttl {
        margin-bottom: 4.5vw;
        font-size: 4.8vw; } }
  .education__system-txtlist {
    padding-left: 30px;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 1320px) {
      .education__system-txtlist {
        padding-left: 2.4vw; } }
    @media (max-width: 600px) {
      .education__system-txtlist {
        padding-left: 4vw; } }
  .education__system-txtitem {
    font-size: 1.6rem;
    font-weight: bold;
    list-style-type: disc; }
    @media (max-width: 1320px) {
      .education__system-txtitem {
        font-size: 1.3vw; } }
    @media (max-width: 900px) {
      .education__system-txtitem {
        font-size: 2vw; } }
    @media (max-width: 600px) {
      .education__system-txtitem {
        font-size: 1.4rem; } }
    .education__system-txtitem:nth-child(n+2) {
      margin-top: 10px; }
      @media (max-width: 1320px) {
        .education__system-txtitem:nth-child(n+2) {
          margin-top: .7vw; } }
  .education__system-imgarea {
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .6s ease-in-out; }
    @media (max-width: 600px) {
      .education__system-imgarea {
        overflow: auto; } }
  .education__system-img {
    image-rendering: -webkit-optimize-contrast; }
    @media (max-width: 600px) {
      .education__system-img {
        width: 188%; } }
  .education__episode {
    margin-top: 100px;
    padding-bottom: 3px;
    color: #FFF;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    background: #000;
    clip-path: inset(0 0 0 100%);
    transition: clip-path .3s ease-in-out; }
    @media (max-width: 900px) {
      .education__episode {
        margin-top: 10vw; } }
    @media (max-width: 600px) {
      .education__episode {
        margin-top: 15vw;
        font-size: 4.2vw; } }
    .education__episode.js-anim-init {
      clip-path: inset(0); }
  .education__episode-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 0; }
    @media (max-width: 900px) {
      .education__episode-item {
        padding: 5vw 0; } }
    @media (max-width: 600px) {
      .education__episode-item {
        padding: 7.5vw 0; } }
    .education__episode-item:nth-child(n+2) {
      border-top: 1px solid #CCC; }
    .education__episode-item:last-child {
      padding-bottom: 0; }
    .education__episode-item.js-anim-init .education__episode-imgarea {
      clip-path: polygon(100% -100%, 240% 0, 0 240%, -100% 100%); }
      .education__episode-item.js-anim-init .education__episode-imgarea::after {
        opacity: 1;
        transform: translate(0, 0); }
        @media (max-width: 900px) {
          .education__episode-item.js-anim-init .education__episode-imgarea::after {
            transform: translate(calc(-50% + 30px), 0); } }
        @media (max-width: 600px) {
          .education__episode-item.js-anim-init .education__episode-imgarea::after {
            transform: translate(calc(-50% + 4.5vw), 0); } }
  .education__episode-imgarea {
    position: relative;
    margin: 0 30px 30px 0;
    width: calc(42.5% - 30px);
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .4s ease-in-out; }
    @media (max-width: 900px) {
      .education__episode-imgarea {
        width: 66%;
        margin: 0 auto; } }
    .education__episode-imgarea::after {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      right: -30px;
      bottom: -30px;
      background: #ED1450;
      opacity: 0;
      transform: translate(4vw, 4vw);
      transition: opacity .3s .3s ease-in-out, transform .3s .3s ease-in-out; }
      @media (max-width: 900px) {
        .education__episode-imgarea::after {
          max-width: 500px;
          right: auto;
          left: 50%;
          transform: translate(calc(-50% + 4vw), 4vw); } }
      @media (max-width: 600px) {
        .education__episode-imgarea::after {
          bottom: -4.5vw;
          transform: translate(calc(-50% + 8.5vw), 4vw); } }
  .education__episode-img {
    position: relative;
    display: block;
    z-index: 1; }
    @media (max-width: 900px) {
      .education__episode-img {
        max-width: 500px;
        margin: 0 auto; } }
  .education__episode-txtarea {
    width: calc(57.5% - 40px); }
    @media (max-width: 900px) {
      .education__episode-txtarea {
        width: 100%; } }
    .education__episode-txtarea.js-anim-init .education__episode-prof::before {
      height: 100%; }
    .education__episode-txtarea.js-anim-init .education__episode-dept, .education__episode-txtarea.js-anim-init .education__episode-name, .education__episode-txtarea.js-anim-init .education__episode-ttl, .education__episode-txtarea.js-anim-init .workstyle__environment2-list-ttl, .education__episode-txtarea.js-anim-init .workstyle__layout2-ttl {
      opacity: 1;
      transform: translateX(0); }
    .education__episode-txtarea.js-anim-init .education__episode-ttl::before, .education__episode-txtarea.js-anim-init .workstyle__environment2-list-ttl::before, .education__episode-txtarea.js-anim-init .workstyle__layout2-ttl::before {
      height: calc(100% - 6px); }
    .education__episode-txtarea.js-anim-init .education__episode-notice, .education__episode-txtarea.js-anim-init .education__episode-txt {
      opacity: 1;
      transform: translateY(0); }
  .education__episode-header {
    position: relative;
    margin-top: 25px; }
    @media (max-width: 900px) {
      .education__episode-header {
        margin-top: 5vw; } }
    @media (max-width: 600px) {
      .education__episode-header {
        margin-top: 8vw; } }
  .education__episode-prof {
    position: relative;
    padding-left: 25px; }
    @media (max-width: 600px) {
      .education__episode-prof {
        padding-left: 5vw;
        font-size: 6.5vw; } }
    .education__episode-prof::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 0;
      left: 0;
      top: 5px;
      background: #CCC;
      transition: height .3s .3s ease-in-out; }
      @media (max-width: 600px) {
        .education__episode-prof::before {
          width: 3px; } }
  .education__episode-dept {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
    @media (max-width: 900px) {
      .education__episode-dept {
        font-size: 1.6rem; } }
    @media (max-width: 600px) {
      .education__episode-dept {
        font-size: 3.2vw; } }
  .education__episode-name {
    display: flex;
    align-items: center;
    font-size: 3.0rem;
    font-weight: bold;
    line-height: 1.5;
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .3s .2s ease-in-out, transform .3s .2s ease-in-out; }
    @media (max-width: 900px) {
      .education__episode-name {
        font-size: 2.4rem; } }
    @media (max-width: 600px) {
      .education__episode-name {
        font-size: 4.8vw; } }
  .education__episode-year {
    display: inline-block;
    padding-left: 5px;
    font-size: 60%;
    font-weight: bold; }
  .education__episode-ttl, .workstyle__environment2-list-ttl, .workstyle__layout2-ttl {
    position: relative;
    padding-top: 15px;
    padding-left: 25px;
    color: #ED1450;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.4;
    transform: translateY(-6px);
    opacity: 0;
    transform: translateX(30px);
    transition: opacity .3s .4s ease-in-out, transform .3s .4s ease-in-out; }
    @media (max-width: 600px) {
      .education__episode-ttl, .workstyle__environment2-list-ttl, .workstyle__layout2-ttl {
        padding-left: 5vw;
        font-size: 5.3vw; } }
    .education__episode-ttl::before, .workstyle__environment2-list-ttl::before, .workstyle__layout2-ttl::before {
      position: absolute;
      content: '';
      width: 5px;
      height: 0;
      left: 0;
      top: 0;
      background: #ED1450;
      transition: height .3s .5s ease-in-out; }
      @media (max-width: 600px) {
        .education__episode-ttl::before, .workstyle__environment2-list-ttl::before, .workstyle__layout2-ttl::before {
          width: 3px; } }
  .education__episode-notice {
    margin-top: 10px;
    font-size: 1.6rem;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s .5s ease-in-out, transform .3s .5s ease-in-out; }
    @media (max-width: 900px) {
      .education__episode-notice {
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .education__episode-notice {
        margin-top: 2vw;
        font-size: 1.4rem; } }
  .education__episode-txt {
    margin-top: 10px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s .6s ease-in-out, transform .3s .6s ease-in-out; }
    @media (max-width: 900px) {
      .education__episode-txt {
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .education__episode-txt {
        margin-top: 2vw;
        font-size: 1.4rem; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Workstyle CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.workstyle {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 80px 30px 0; }
  @media (max-width: 900px) {
    .workstyle {
      padding: 5vw 20px 0; } }
  @media (max-width: 600px) {
    .workstyle {
      padding: 30px 15px 0; } }
  .workstyle__header {
    justify-content: center;
    background-image: url("../img/recruit/career/culture/workstyle/img-main.jpg"); }
    @media (max-width: 600px) {
      .workstyle__header {
        background-image: url("../img/recruit/career/culture/workstyle/img-main_sp.jpg"); } }
  .workstyle__header-ttl {
    color: #FFF;
    text-align: center; }
    @media (max-width: 600px) {
      .workstyle__header-ttl {
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); } }
    .workstyle__header-ttl .common__ttl-sub {
      color: #FFF;
      text-align: center; }
  .workstyle__cont {
    max-width: 1200px;
    margin: 80px auto 0; }
    @media (max-width: 900px) {
      .workstyle__cont {
        margin-top: 8vw; } }
    @media (max-width: 600px) {
      .workstyle__cont {
        margin-top: 12vw; } }
  .workstyle__ttl {
    font-size: 6rem;
    align-items: center;
    color: #ED1450; }
    @media (max-width: 1280px) {
      .workstyle__ttl {
        font-size: 5.3vw;
        align-items: flex-start; } }
  .workstyle__lead {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 600px) {
      .workstyle__lead {
        font-size: 1.4rem; } }
    .workstyle__lead.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .workstyle__environment {
    display: block; }
  .workstyle__environment-item {
    width: 100%; }
    .workstyle__environment-item.js-anim-init .workstyle__environment-num, .workstyle__environment-item.js-anim-init .workstyle__environment-num::after, .workstyle__environment-item.js-anim-init .workstyle__environment-ttl {
      opacity: 1;
      transform: translateX(0); }
  .workstyle__environment-list {
    border-top: #CCC solid 1px;
    margin-top: 50px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
    .workstyle__environment-list.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .workstyle__environment-list-item {
    display: flex;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: #CCC solid 1px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
    .workstyle__environment-list-item.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 900px) {
      .workstyle__environment-list-item {
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .workstyle__environment-list-item {
        font-size: 1.4rem; } }
  .workstyle__environment-list-item-ttl {
    display: block;
    width: 130px;
    font-weight: bold; }
    @media (max-width: 600px) {
      .workstyle__environment-list-item-ttl {
        width: 90px; } }
  .workstyle__environment-list-item-cont {
    width: calc(100% - 130px); }
    @media (max-width: 600px) {
      .workstyle__environment-list-item-cont {
        width: calc(100% - 90px); } }
    .workstyle__environment-list-item-cont--separate {
      display: flex;
      width: calc(100% - 130px); }
      @media (max-width: 600px) {
        .workstyle__environment-list-item-cont--separate {
          display: block;
          width: calc(100% - 90px); } }
  .workstyle__environment-list-item-cont-half {
    width: 50%;
    padding: 0 40px 0 0; }
    @media (max-width: 600px) {
      .workstyle__environment-list-item-cont-half {
        padding: 0; } }
    .workstyle__environment-list-item-cont-half:last-child {
      padding: 0 0 0 40px;
      border-left: #CCC solid 1px; }
      @media (max-width: 600px) {
        .workstyle__environment-list-item-cont-half:last-child {
          padding: 5vw 0 0;
          margin-top: 5vw;
          border-left: none;
          border-top: #CCC solid 1px; } }
    @media (max-width: 600px) {
      .workstyle__environment-list-item-cont-half {
        width: 100%; } }
  .workstyle__environment-list-item-cont-half-ttl {
    display: block;
    font-weight: bold;
    color: #ED1450; }
  .workstyle__environment-ttl {
    margin: 0; }
  .workstyle__environment2-sub-ttl {
    width: 280px;
    margin: 50px auto 0;
    padding: 5px 0;
    border: #ED1450 solid 1px;
    color: #ED1450;
    text-align: center;
    font-size: 2.4rem;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
    .workstyle__environment2-sub-ttl.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 600px) {
      .workstyle__environment2-sub-ttl {
        width: 70vw;
        font-size: 5vw;
        margin: 9.5vw auto 0; } }
  .workstyle__environment2-list {
    margin: 50px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 600px) {
      .workstyle__environment2-list {
        margin: 9.5vw 0 0; } }
    .workstyle__environment2-list.js-anim-init .education__episode-prof::before {
      height: 100%; }
    .workstyle__environment2-list.js-anim-init .education__episode-dept, .workstyle__environment2-list.js-anim-init .education__episode-name, .workstyle__environment2-list.js-anim-init .workstyle__layout2-ttl {
      opacity: 1;
      transform: translateX(0); }
    .workstyle__environment2-list.js-anim-init .education__episode-notice, .workstyle__environment2-list.js-anim-init .education__episode-txt {
      opacity: 1;
      transform: translateY(0); }
    .workstyle__environment2-list::after {
      content: "";
      display: block;
      height: 0;
      width: 31.66%; }
      @media (max-width: 600px) {
        .workstyle__environment2-list::after {
          width: 100%; } }
  .workstyle__environment2-list-item {
    width: 31.66%; }
    @media (max-width: 900px) {
      .workstyle__environment2-list-item {
        width: 49%; } }
    @media (max-width: 600px) {
      .workstyle__environment2-list-item {
        width: 100%;
        margin: 10vw 0 0; } }
    @media (max-width: 600px) {
      .workstyle__environment2-list-item:first-child {
        margin: 0; } }
    @media (max-width: 900px) {
      .workstyle__environment2-list-item:nth-child(n+3) {
        margin: 40px 0 0; } }
    .workstyle__environment2-list-item:nth-child(n+4) {
      margin: 40px 0 0; }
      @media (max-width: 600px) {
        .workstyle__environment2-list-item:nth-child(n+4) {
          margin: 10vw 0 0; } }
    .workstyle__environment2-list-item.js-anim-init .workstyle__environment2-list-img {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
    .workstyle__environment2-list-item.js-anim-init .workstyle__environment2-list-ttl {
      opacity: 1;
      transform: translateX(0); }
    .workstyle__environment2-list-item.js-anim-init .workstyle__environment2-list-ttl::before {
      height: calc(100% - 6px); }
      @media (max-width: 900px) {
        .workstyle__environment2-list-item.js-anim-init .workstyle__environment2-list-ttl::before {
          height: 100%; } }
  .workstyle__environment2-list-img {
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .6s ease-in-out; }
  .workstyle__environment2-list-ttl {
    display: block;
    font-size: 2.8rem;
    color: #000; }
    @media (max-width: 1280px) {
      .workstyle__environment2-list-ttl {
        font-size: 2.2vw; } }
    @media (max-width: 900px) {
      .workstyle__environment2-list-ttl {
        font-size: 3.3vw; } }
    @media (max-width: 600px) {
      .workstyle__environment2-list-ttl {
        font-size: 4.8vw; } }
  .workstyle__environment2-list-text {
    margin-top: 30px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
    .workstyle__environment2-list-text.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 900px) {
      .workstyle__environment2-list-text {
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .workstyle__environment2-list-text {
        margin-top: 4.5vw;
        font-size: 1.4rem; } }
  .workstyle__environment2-list-att {
    display: block;
    color: #666;
    margin-top: 15px;
    font-size: 1.5rem; }
    @media (max-width: 900px) {
      .workstyle__environment2-list-att {
        font-size: 1.4rem; } }
    @media (max-width: 600px) {
      .workstyle__environment2-list-att {
        font-size: 1.3rem; } }
  .workstyle__environment2-text-block {
    border-top: #CCC solid 1px;
    padding-top: 40px;
    margin-top: 40px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
    .workstyle__environment2-text-block.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 900px) {
      .workstyle__environment2-text-block {
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .workstyle__environment2-text-block {
        padding-top: 9.5vw;
        margin-top: 9.5vw;
        font-size: 1.4rem; } }
  .workstyle__layout2 {
    display: flex;
    margin-top: 50px; }
    @media (max-width: 900px) {
      .workstyle__layout2 {
        display: block; } }
    .workstyle__layout2.js-anim-init .workstyle__layout2-ttl {
      opacity: 1;
      transform: translateX(0); }
    .workstyle__layout2.js-anim-init .workstyle__layout2-ttl::before {
      height: 100%; }
    .workstyle__layout2.js-anim-init .workstyle__layout2-img {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .workstyle__layout2-img {
    width: 31.666%;
    align-self: flex-start;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .6s ease-in-out; }
    @media (max-width: 900px) {
      .workstyle__layout2-img {
        width: 100%; } }
  .workstyle__layout2-block {
    width: calc(68.333% - 20px);
    padding: 0 0 0 20px; }
    .workstyle__layout2-block.js-anim-init .workstyle__layout2-text {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 900px) {
      .workstyle__layout2-block {
        width: 100%;
        padding: 20px 0 0; } }
    @media (max-width: 600px) {
      .workstyle__layout2-block {
        padding-top: 0; } }
  .workstyle__layout2-ttl {
    display: block;
    font-size: 2.8rem;
    color: #000;
    padding-top: 0;
    line-height: 1; }
    @media (max-width: 900px) {
      .workstyle__layout2-ttl {
        font-size: 3.3vw; } }
    @media (max-width: 600px) {
      .workstyle__layout2-ttl {
        padding-top: 15px;
        font-size: 4.8vw;
        line-height: 1.4; } }
  .workstyle__layout2-text {
    margin-top: 20px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 900px) {
      .workstyle__layout2-text {
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .workstyle__layout2-text {
        font-size: 1.4rem; } }
  .workstyle__environment2-text {
    margin-top: 50px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }
    .workstyle__environment2-text.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
    @media (max-width: 600px) {
      .workstyle__environment2-text {
        margin-top: 10vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Welfare CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.welfare {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 80px 30px 0; }
  @media (max-width: 900px) {
    .welfare {
      padding: 5vw 20px 0; } }
  @media (max-width: 600px) {
    .welfare {
      padding: 30px 15px 0; } }
  .welfare__header {
    justify-content: center;
    background-image: url("../img/recruit/career/information/welfare/img-main.jpg"); }
    @media (max-width: 600px) {
      .welfare__header {
        background-image: url("../img/recruit/career/information/welfare/img-main_sp.jpg"); } }
  .welfare__header-ttl {
    color: #FFF;
    text-align: center; }
    @media (max-width: 600px) {
      .welfare__header-ttl {
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); } }
    .welfare__header-ttl .common__ttl-sub {
      color: #FFF;
      text-align: center; }
  .welfare__cont {
    max-width: 1200px;
    margin: 80px auto 0; }
    @media (max-width: 900px) {
      .welfare__cont {
        margin-top: 8vw; } }
    @media (max-width: 600px) {
      .welfare__cont {
        margin-top: 12vw; } }
  .welfare__ttl {
    font-size: 6rem;
    align-items: center;
    color: #ED1450; }
    @media (max-width: 1280px) {
      .welfare__ttl {
        font-size: 5.3vw;
        align-items: flex-start; } }
  .welfare__lead {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 600px) {
      .welfare__lead {
        font-size: 1.4rem; } }
    .welfare__lead.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .welfare__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    padding-top: 80px;
    min-height: 420px; }
    @media (max-width: 1280px) {
      .welfare__item {
        min-height: 33.4vw; } }
    @media (max-width: 900px) {
      .welfare__item {
        min-height: inherit;
        margin-top: 8vw;
        padding-top: 0; } }
    @media (max-width: 600px) {
      .welfare__item {
        margin-top: 12vw; } }
    .welfare__item:nth-child(odd) .welfare__item-imgarea {
      right: auto;
      left: 0; }
      @media (max-width: 900px) {
        .welfare__item:nth-child(odd) .welfare__item-imgarea {
          margin-left: 0; }
          .welfare__item:nth-child(odd) .welfare__item-imgarea::after {
            left: auto;
            right: 0; } }
    .welfare__item:nth-child(odd) .welfare__item-box {
      margin: auto 0 0 auto;
      padding: 50px 0 0 60px; }
      @media (max-width: 900px) {
        .welfare__item:nth-child(odd) .welfare__item-box {
          padding: 0 0 0 2vw; } }
      @media (max-width: 600px) {
        .welfare__item:nth-child(odd) .welfare__item-box {
          padding: 0 0 0 0; } }
    @media (max-width: 600px) {
      .welfare__item:last-child .welfare__item-imgarea {
        z-index: 1; } }
    @media (max-width: 600px) {
      .welfare__item:last-child .welfare__item-box {
        padding-top: 8vw; } }
    .welfare__item.js-anim-init .welfare__item-imgarea {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
    .welfare__item.js-anim-init .welfare__item-box {
      opacity: 1;
      transform: translateY(0); }
    .welfare__item.js-anim-init .welfare__item-icon {
      transform: translateX(0);
      clip-path: inset(0); }
    .welfare__item.js-anim-init .welfare__item-ttl, .welfare__item.js-anim-init .welfare__item-txt {
      opacity: 1;
      transform: translateX(0); }
  .welfare__item-imgarea {
    position: absolute;
    right: 0;
    top: 0;
    width: 62.5%;
    height: auto;
    text-align: right;
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .6s ease-in-out; }
    @media (max-width: 900px) {
      .welfare__item-imgarea {
        position: relative;
        width: calc(100% - 20px);
        margin-left: 20px; }
        .welfare__item-imgarea:after {
          position: absolute;
          content: '';
          left: 0;
          bottom: -1px;
          width: calc(100% - 2vw);
          height: 5vw;
          background: #FFF; } }
    @media (max-width: 600px) {
      .welfare__item-imgarea {
        position: relative;
        width: 100%;
        margin-left: 0; }
        .welfare__item-imgarea:after {
          width: calc(100% - 4vw);
          height: 8vw; } }
  .welfare__item-imgcap {
    padding-top: 5px;
    font-size: 80%; }
    @media (max-width: 1280px) {
      .welfare__item-imgcap {
        font-size: 70%; } }
    @media (max-width: 900px) {
      .welfare__item-imgcap {
        position: absolute;
        right: 4vw;
        bottom: 1vw;
        z-index: 2; } }
    @media (max-width: 600px) {
      .welfare__item-imgcap {
        bottom: auto;
        top: 47vw;
        padding-top: 0;
        letter-spacing: 0;
        font-size: 2.3vw;
        right: calc(3vw + 15px); } }
  .welfare__item-box {
    position: relative;
    padding: 50px 60px 0 0;
    width: 46.66%;
    margin: auto auto 0 0;
    background: #FFF;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 900px) {
      .welfare__item-box {
        width: calc(100% - 4vw);
        padding: 0 2vw 0 0; } }
    @media (max-width: 600px) {
      .welfare__item-box {
        padding: 0 0 0 0; } }
  .welfare__item-icon {
    display: flex;
    align-items: center;
    width: 160px;
    padding: 0 15px;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 2.0rem;
    background: #ED1450;
    transform: translateX(30px);
    clip-path: inset(0 100% 0 0);
    transition: transform .6s ease-in-out, clip-path .6s ease-in-out; }
    @media (max-width: 900px) {
      .welfare__item-icon {
        width: 150px;
        font-size: 1.8rem; } }
    @media (max-width: 600px) {
      .welfare__item-icon {
        width: 140px;
        font-size: 1.6rem; } }
  .welfare__item-num {
    padding-left: 5px;
    font-size: 2.4rem;
    font-weight: 400; }
    @media (max-width: 900px) {
      .welfare__item-num {
        font-size: 2.2rem; } }
    @media (max-width: 600px) {
      .welfare__item-num {
        font-size: 2rem; } }
  .welfare__item-ttl {
    margin-top: 15px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #ED1450;
    line-height: 1.3;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s .2s ease-in-out, transform .4s .2s ease-in-out; }
    @media (max-width: 900px) {
      .welfare__item-ttl {
        font-size: 2.2rem; } }
    @media (max-width: 600px) {
      .welfare__item-ttl {
        font-size: 5.3vw; } }
  .welfare__item-txt {
    margin-top: 30px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s .3s ease-in-out, transform .4s .3s ease-in-out; }
    @media (max-width: 900px) {
      .welfare__item-txt {
        margin-top: 3vw;
        font-size: 1.5rem; } }
    @media (max-width: 600px) {
      .welfare__item-txt {
        margin-top: 4.5vw;
        font-size: 1.4rem;
        line-height: 1.8; } }
  .welfare__item-txt-opt {
    display: block;
    margin-top: 20px;
    font-weight: normal;
    color: #ED1450; }
  .welfare__movie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 120px; }
    @media (max-width: 900px) {
      .welfare__movie {
        margin-top: 12vw; } }
    @media (max-width: 600px) {
      .welfare__movie {
        margin-top: 18vw; } }
  .welfare__movie-item {
    position: relative;
    width: calc(50% - 20px);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 900px) {
      .welfare__movie-item {
        width: 100%; }
        .welfare__movie-item:nth-child(n+2) {
          margin-top: 4vw; } }
    .welfare__movie-item.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .welfare__movie-ttl {
    display: inline-block;
    padding-left: 15px;
    padding: 0 0 10px 15px;
    font-size: 1.8rem;
    line-height: 1;
    border-left: 3px solid #ED1450; }
    @media (max-width: 900px) {
      .welfare__movie-ttl {
        padding-left: 1.5vw; } }
    @media (max-width: 600px) {
      .welfare__movie-ttl {
        padding-left: 2.2vw;
        font-size: 1.6rem; } }
  .welfare__movie-wrap {
    position: relative;
    padding-top: 56.25%; }
    .welfare__movie-wrap iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Movie CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.movie {
  max-width: calc(1620px + 80px);
  margin: 0 auto;
  padding: 80px 30px 0; }
  @media (max-width: 900px) {
    .movie {
      padding: 5vw 20px 0; } }
  @media (max-width: 600px) {
    .movie {
      padding: 30px 15px 0; } }
  .movie__header {
    justify-content: center;
    background-image: url("../img/recruit/career/information/movie/img-main.jpg"); }
    @media (max-width: 600px) {
      .movie__header {
        background-image: url("../img/recruit/career/information/movie/img-main_sp.jpg"); } }
  .movie__header-ttl {
    color: #FFF;
    text-align: center; }
    @media (max-width: 600px) {
      .movie__header-ttl {
        display: block;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); } }
    .movie__header-ttl .common__ttl-sub {
      color: #FFF;
      text-align: center; }
  .movie__cont {
    max-width: 1200px;
    margin: 80px auto 0; }
    @media (max-width: 900px) {
      .movie__cont {
        margin-top: 8vw; } }
    @media (max-width: 600px) {
      .movie__cont {
        margin-top: 12vw; } }
  .movie__ttl {
    font-size: 6rem;
    align-items: center;
    color: #ED1450; }
    @media (max-width: 1280px) {
      .movie__ttl {
        font-size: 5.3vw;
        align-items: flex-start; } }
  .movie__lead {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2;
    opacity: 0;
    transform: translateY(30px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
    @media (max-width: 600px) {
      .movie__lead {
        font-size: 1.4rem; } }
    .movie__lead.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .movie__movie {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 120px; }
    @media (max-width: 900px) {
      .movie__movie {
        margin-top: 12vw; } }
    @media (max-width: 600px) {
      .movie__movie {
        margin-top: 18vw; } }
  .movie__movie-item {
    position: relative;
    width: calc(50% - 20px);
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    .movie__movie-item:nth-child(n+3) {
      margin-top: 60px; }
    @media (max-width: 900px) {
      .movie__movie-item {
        width: 100%; }
        .movie__movie-item:nth-child(n+2) {
          margin-top: 6vw; } }
    @media (max-width: 600px) {
      .movie__movie-item:nth-child(n+2) {
        margin-top: 9vw; } }
    .movie__movie-item.js-anim-init {
      opacity: 1;
      transform: translateY(0); }
  .movie__movie-ttl {
    display: inline-block;
    padding-left: 15px;
    padding: 0 0 10px 15px;
    font-size: 1.8rem;
    line-height: 1;
    border-left: 3px solid #ED1450; }
    @media (max-width: 900px) {
      .movie__movie-ttl {
        padding-left: 1.5vw; } }
    @media (max-width: 600px) {
      .movie__movie-ttl {
        padding-left: 2.2vw;
        font-size: 1.6rem; } }
  .movie__movie-wrap {
    position: relative;
    padding-top: 56.25%; }
    .movie__movie-wrap iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

LP CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.lp {
  padding-top: 180px;
  /* inner */ }
  @media (max-width: 600px) {
    .lp {
      padding-top: 100px; } }
  .lp__mv {
    padding-bottom: 90px;
    background: #FFF;
    transform: rotate(0.0001deg);
    clip-path: polygon(0 -100%, 100% -100%, -100% 100%, -100% 0);
    transition: clip-path .8s ease-in-out, transform 1s ease-in-out; }
    @media (max-width: 600px) {
      .lp__mv {
        padding-bottom: 9vw; } }
    .lp__mv.js-anim-init {
      clip-path: polygon(100% -100%, 200% 0, 0 200%, -100% 100%); }
  .lp__mv-wrap {
    position: relative;
    overflow: hidden; }
  .lp__mv-bg {
    width: 100%;
    height: 100%;
    aspect-ratio: 1700 / 1000;
    object-fit: cover; }
    @media (max-width: 600px) {
      .lp__mv-bg {
        aspect-ratio: 750 / 1000; } }
  .lp__mv-ttl {
    position: absolute;
    width: 66.82%;
    max-width: 1136px;
    left: -4%;
    top: 50%;
    transform: translate(-10vw, -50%);
    opacity: 0;
    transition: opacity .4s .6s ease-in-out, transform .4s .6s ease-in-out; }
    .lp__mv-ttl.js-anim-init {
      transform: translate(0, -50%);
      opacity: 1; }
  .lp__mv-cap {
    position: absolute;
    width: 23.52%;
    max-width: 400px;
    left: 50%;
    top: 10%;
    transform: translate(-50%, 30px);
    opacity: 0;
    transition: opacity .4s .8s ease-in-out, transform .4s .8s ease-in-out; }
    @media (max-width: 600px) {
      .lp__mv-cap {
        width: 47.4%; } }
    .lp__mv-cap.js-anim-init {
      transform: translate(-50%, 0);
      opacity: 1; }
  .lp__mv-scroll {
    position: absolute;
    padding-bottom: 7%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    color: #FFF; }
    .lp__mv-scroll::after {
      position: absolute;
      content: '';
      left: 50%;
      bottom: 0;
      width: 1px;
      height: calc(100% - 3.6rem);
      background: #FFF; }
  .lp__mv-txt {
    max-width: 800px;
    margin: 100px auto 0;
    padding: 0 30px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 600px) {
      .lp__mv-txt {
        margin: 10vw auto 0;
        padding: 0 15px;
        font-size: 3.8vw; } }
    .lp__mv-txt.js-anim-init {
      transform: translateY(0);
      opacity: 1; }
    .lp__mv-txt + .lp__mv-txt {
      margin-top: 60px; }
      @media (max-width: 600px) {
        .lp__mv-txt + .lp__mv-txt {
          margin-top: 6vw; } }
  .lp__mv-copy {
    max-width: 1400px;
    margin: 100px auto 0;
    padding: 0 30px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 2;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    .lp__mv-copy.js-anim-init {
      transform: translateY(0);
      opacity: 1; }
  .lp__cont {
    padding: 90px 30px;
    background: #F6F6F6; }
    @media (max-width: 600px) {
      .lp__cont {
        padding: 9vw 15px; } }
  .lp__cont-inner {
    max-width: 1400px;
    margin: 0 auto; }
  .lp__cont-ttl {
    font-size: 5.0rem;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    .lp__cont-ttl.js-anim-init {
      transform: translateY(0);
      opacity: 1; }
  .lp__cont-lead {
    margin-top: 40px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 600px) {
      .lp__cont-lead {
        margin-top: 4vw; } }
    .lp__cont-lead.js-anim-init {
      transform: translateY(0);
      opacity: 1; }
  .lp__cont-dj {
    position: relative;
    margin-top: 100px;
    background: #FFF;
    transform: translateX(-30px);
    opacity: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    @media (max-width: 600px) {
      .lp__cont-dj {
        margin-top: 15vw; } }
    .lp__cont-dj.js-anim-init {
      transform: translateX(0);
      opacity: 1; }
  .lp__cont-djn {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 24px;
    font-size: 3.0rem;
    font-family: "Lato", sans-serif;
    color: #999;
    transform: translateY(-50%); }
    @media (max-width: 600px) {
      .lp__cont-djn {
        font-size: 5.5vw; } }
    .lp__cont-djn::after {
      position: absolute;
      content: '';
      left: 26px;
      bottom: 0;
      width: 60px;
      height: 1px;
      background: #000; }
  .lp__cont-num {
    color: #EB1751; }
  .lp__cont-day {
    display: flex;
    justify-content: center;
    padding-top: 30px; }
  .lp__cont-day-num {
    display: inline-block;
    padding-right: 10px;
    font-family: "trajan-pro-3", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13rem;
    color: #EB1751;
    line-height: 1.1; }
    @media (max-width: 600px) {
      .lp__cont-day-num {
        font-size: 21.5vw; } }
  .lp__cont-day-txt {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    line-height: 1.25;
    padding: 6px 0 14px; }
  .lp__cont-txtjp {
    font-size: 4.6rem;
    font-family: "Noto Serif JP", serif; }
    @media (max-width: 600px) {
      .lp__cont-txtjp {
        font-size: 7vw; } }
  .lp__cont-txten {
    font-size: 5rem;
    font-family: "trajan-pro-3", serif; }
    @media (max-width: 600px) {
      .lp__cont-txten {
        font-size: 7.6vw; } }
  .lp__cont-block-lead {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 600px) {
      .lp__cont-block-lead {
        font-size: 1.2rem; } }
  .lp__cont-btn {
    position: relative;
    margin-top: 10px;
    text-align: center;
    transform: translateY(30px); }
    @media (max-width: 600px) {
      .lp__cont-btn {
        transform: translateY(15px); } }
    .lp__cont-btn.open .lp__cont-btn-txt::before {
      content: 'CLOSE'; }
    .lp__cont-btn.open .lp__cont-btn-mark::before {
      top: calc(50% - 2px);
      left: calc(50% - 10px);
      width: 12px;
      transform: rotate(-45deg); }
    .lp__cont-btn.open .lp__cont-btn-mark::after {
      top: calc(50% - 2px);
      left: calc(50% - 2px);
      width: 12px;
      transform: rotate(45deg); }
  .lp__cont-btn-txt {
    font-family: "Lato", sans-serif;
    color: #EB1751; }
    .lp__cont-btn-txt::before {
      content: 'VIEW MORE'; }
  .lp__cont-btn-mark {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #EB1751; }
    @media (max-width: 600px) {
      .lp__cont-btn-mark {
        width: 30px;
        height: 30px;
        border-radius: 15px; } }
    .lp__cont-btn-mark::before, .lp__cont-btn-mark::after {
      position: absolute;
      content: '';
      left: calc(50% - 10px);
      top: 50%;
      height: 1px;
      width: 20px;
      background: #FFF;
      transition: all .3s ease-in-out; }
      @media (max-width: 600px) {
        .lp__cont-btn-mark::before, .lp__cont-btn-mark::after {
          width: 10px;
          left: calc(50% - 5px); } }
    .lp__cont-btn-mark::after {
      transform: rotate(-90deg); }
  .lp__cont-inner {
    max-width: 1360px;
    margin: 0 auto; }
  .lp__cont-ininner {
    padding: 100px 0;
    max-width: 1360px;
    margin: 0 auto;
    border-top: 4px solid #F6F6F6; }
    @media (max-width: 600px) {
      .lp__cont-ininner {
        padding: 11vw 0; } }
  .lp__cont-insubttl {
    font-size: 8rem;
    text-align: center;
    font-family: "trajan-pro-3", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1; }
    @media (max-width: 600px) {
      .lp__cont-insubttl {
        font-size: 14vw; } }
    .lp__cont-insubttl:nth-of-type(n+2) {
      margin-top: 90px; }
      @media (max-width: 600px) {
        .lp__cont-insubttl:nth-of-type(n+2) {
          margin-top: 9vw; } }
  .lp__cont-insubttl-num {
    display: inline-block;
    color: #EB1751; }
  .lp__cont-inttl {
    margin-top: 30px;
    font-size: 3rem;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 600px) {
      .lp__cont-inttl {
        font-size: 4.5vw;
        text-align: left;
        padding: 0 15px; } }
    .lp__cont-inttl--nomg {
      margin-top: 0;
      font-size: 3rem;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 600px) {
        .lp__cont-inttl--nomg {
          font-size: 4.5vw;
          text-align: left;
          padding: 0 15px; } }
  .lp__cont-intxt {
    max-width: 940px;
    margin: 40px auto 0;
    font-size: 1.5rem;
    line-height: 2; }
    @media (max-width: 600px) {
      .lp__cont-intxt {
        margin: 4vw auto 0;
        padding: 0 15px; } }
  .lp__cont-inimg {
    max-width: 940px;
    margin: 40px auto 0; }
    @media (max-width: 600px) {
      .lp__cont-inimg {
        margin: 4vw auto 0; } }
  .lp__cont-inlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    padding: 0 50px; }
    @media (max-width: 600px) {
      .lp__cont-inlist {
        flex-direction: column;
        margin-top: 4vw;
        padding: 0 15px; } }
  .lp__cont-initem {
    width: calc(33.33% - 24px); }
    @media (max-width: 600px) {
      .lp__cont-initem {
        width: 100%;
        margin-top: 20px; } }
    @media (max-width: 600px) {
      .lp__cont-initem:first-child {
        margin-top: 0; } }
  .lp__cont-initem-ttl {
    margin-top: 25px;
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    font-weight: bold; }
  .lp__cont-initem-num {
    display: inline-block;
    padding-right: 10px;
    font-size: 5rem;
    font-family: "trajan-pro-3", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    color: #EB1751; }
  .lp__cont-initem-txt {
    margin-top: 12px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.6; }
  .lp__cont-inspec {
    position: relative;
    margin: 90px auto 0;
    max-width: 940px; }
    @media (max-width: 600px) {
      .lp__cont-inspec {
        width: calc(100% - 30px);
        margin: 9vw auto 0; } }
    .lp__cont-inspec::before {
      position: absolute;
      content: '';
      left: 0;
      top: 50%;
      width: 100%;
      height: 1px;
      background: #000; }
  .lp__cont-inspec-ttl {
    display: block;
    position: relative;
    width: 170px;
    margin: 0 auto;
    padding: 2px 0;
    color: #FFF;
    text-align: center;
    font-size: 2.2rem;
    background: #000;
    z-index: 1; }
    @media (max-width: 600px) {
      .lp__cont-inspec-ttl {
        width: 34vw;
        font-size: 4vw; } }
  .lp__cont-intable {
    display: flex;
    flex-wrap: wrap;
    max-width: 940px;
    margin: 40px auto 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #000; }
    @media (max-width: 600px) {
      .lp__cont-intable {
        width: calc(100% - 30px);
        margin: 4vw auto 0;
        padding: 0 15px 3vw; } }
  .lp__cont-intable-dt {
    width: 140px;
    padding: 10px 0; }
    @media (max-width: 600px) {
      .lp__cont-intable-dt {
        width: 100px; } }
  .lp__cont-intable-dd {
    width: calc(100% - 140px);
    padding: 10px 0; }
    @media (max-width: 600px) {
      .lp__cont-intable-dd {
        width: calc(100% - 100px); } }
  .lp__cont-btnentry {
    display: grid;
    place-items: center;
    margin: 100px auto 0;
    max-width: 940px;
    height: 150px;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-size: 4.5rem;
    background: #EB1751; }
    @media (max-width: 600px) {
      .lp__cont-btnentry {
        width: 90%;
        margin: 10vw auto 0;
        height: 15vw;
        font-size: 7vw; } }
  .lp .js-accordion-content {
    display: none; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

entry CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.entry__btn-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 930px;
  margin: 90px auto 0;
  transform: translateY(30px);
  opacity: 0;
  transition: opacity .3s ease-in-out, transform .3s ease-in-out; }
  @media (max-width: 600px) {
    .entry__btn-list {
      margin: 7.5vw auto 0; } }
  .entry__btn-list.js-anim-init {
    opacity: 1;
    transform: translateY(0); }
.entry__btn-item {
  width: 48.39%;
  max-width: 450px; }
.entry__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  background: #ED1450;
  font-size: 2.2rem;
  font-weight: bold;
  color: #FFF;
  position: relative; }
  @media (max-width: 900px) {
    .entry__btn {
      font-size: 1.6rem; } }
  @media (max-width: 600px) {
    .entry__btn {
      justify-content: flex-start;
      padding: 0 20px;
      font-size: 3.2vw;
      height: 70px; } }
  .entry__btn::before, .entry__btn::after {
    content: "";
    display: block;
    width: 38px;
    height: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 600px) {
      .entry__btn::before, .entry__btn::after {
        width: 28px; } }
  .entry__btn::after {
    right: 58px;
    width: 0;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2291%22%20height%3D%2213%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C6V5H89V6H0V7H91V6ZM88%2C4V5h1V4ZM87%2C3V4h1V3ZM86%2C2V3h1V2ZM85%2C1V2h1V1ZM84%2C0V1h1V0Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right;
    transition: right 0.3s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 600px) {
      .entry__btn::after {
        right: 48px; } }
  .entry__btn:hover::before {
    width: 0;
    transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .entry__btn:hover::after {
    right: 20px;
    width: 38px;
    transition: right 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1), width 0.3s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 600px) {
      .entry__btn:hover::after {
        right: 38px; } }
  @media (max-width: 600px) {
    .entry__btn .pc-disp {
      display: none; } }