@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
.mt0 { margin-top: 0rem !important; }

.mr0 { margin-right: 0rem !important; }

.mb0 { margin-bottom: 0rem !important; }

.ml0 { margin-left: 0rem !important; }

.pt0 { padding-top: 0rem !important; }

.pr0 { padding-right: 0rem !important; }

.pb0 { padding-bottom: 0rem !important; }

.pl0 { padding-left: 0rem !important; }

.mt5 { margin-top: 0.5rem !important; }

.mr5 { margin-right: 0.5rem !important; }

.mb5 { margin-bottom: 0.5rem !important; }

.ml5 { margin-left: 0.5rem !important; }

.pt5 { padding-top: 0.5rem !important; }

.pr5 { padding-right: 0.5rem !important; }

.pb5 { padding-bottom: 0.5rem !important; }

.pl5 { padding-left: 0.5rem !important; }

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

.mr10 { margin-right: 1rem !important; }

.mb10 { margin-bottom: 1rem !important; }

.ml10 { margin-left: 1rem !important; }

.pt10 { padding-top: 1rem !important; }

.pr10 { padding-right: 1rem !important; }

.pb10 { padding-bottom: 1rem !important; }

.pl10 { padding-left: 1rem !important; }

.mt15 { margin-top: 1.5rem !important; }

.mr15 { margin-right: 1.5rem !important; }

.mb15 { margin-bottom: 1.5rem !important; }

.ml15 { margin-left: 1.5rem !important; }

.pt15 { padding-top: 1.5rem !important; }

.pr15 { padding-right: 1.5rem !important; }

.pb15 { padding-bottom: 1.5rem !important; }

.pl15 { padding-left: 1.5rem !important; }

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

.mr20 { margin-right: 2rem !important; }

.mb20 { margin-bottom: 2rem !important; }

.ml20 { margin-left: 2rem !important; }

.pt20 { padding-top: 2rem !important; }

.pr20 { padding-right: 2rem !important; }

.pb20 { padding-bottom: 2rem !important; }

.pl20 { padding-left: 2rem !important; }

.mt25 { margin-top: 2.5rem !important; }

.mr25 { margin-right: 2.5rem !important; }

.mb25 { margin-bottom: 2.5rem !important; }

.ml25 { margin-left: 2.5rem !important; }

.pt25 { padding-top: 2.5rem !important; }

.pr25 { padding-right: 2.5rem !important; }

.pb25 { padding-bottom: 2.5rem !important; }

.pl25 { padding-left: 2.5rem !important; }

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

.mr30 { margin-right: 3rem !important; }

.mb30 { margin-bottom: 3rem !important; }

.ml30 { margin-left: 3rem !important; }

.pt30 { padding-top: 3rem !important; }

.pr30 { padding-right: 3rem !important; }

.pb30 { padding-bottom: 3rem !important; }

.pl30 { padding-left: 3rem !important; }

.mt35 { margin-top: 3.5rem !important; }

.mr35 { margin-right: 3.5rem !important; }

.mb35 { margin-bottom: 3.5rem !important; }

.ml35 { margin-left: 3.5rem !important; }

.pt35 { padding-top: 3.5rem !important; }

.pr35 { padding-right: 3.5rem !important; }

.pb35 { padding-bottom: 3.5rem !important; }

.pl35 { padding-left: 3.5rem !important; }

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

.mr40 { margin-right: 4rem !important; }

.mb40 { margin-bottom: 4rem !important; }

.ml40 { margin-left: 4rem !important; }

.pt40 { padding-top: 4rem !important; }

.pr40 { padding-right: 4rem !important; }

.pb40 { padding-bottom: 4rem !important; }

.pl40 { padding-left: 4rem !important; }

.mt45 { margin-top: 4.5rem !important; }

.mr45 { margin-right: 4.5rem !important; }

.mb45 { margin-bottom: 4.5rem !important; }

.ml45 { margin-left: 4.5rem !important; }

.pt45 { padding-top: 4.5rem !important; }

.pr45 { padding-right: 4.5rem !important; }

.pb45 { padding-bottom: 4.5rem !important; }

.pl45 { padding-left: 4.5rem !important; }

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

.mr50 { margin-right: 5rem !important; }

.mb50 { margin-bottom: 5rem !important; }

.ml50 { margin-left: 5rem !important; }

.pt50 { padding-top: 5rem !important; }

.pr50 { padding-right: 5rem !important; }

.pb50 { padding-bottom: 5rem !important; }

.pl50 { padding-left: 5rem !important; }

.mt55 { margin-top: 5.5rem !important; }

.mr55 { margin-right: 5.5rem !important; }

.mb55 { margin-bottom: 5.5rem !important; }

.ml55 { margin-left: 5.5rem !important; }

.pt55 { padding-top: 5.5rem !important; }

.pr55 { padding-right: 5.5rem !important; }

.pb55 { padding-bottom: 5.5rem !important; }

.pl55 { padding-left: 5.5rem !important; }

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

.mr60 { margin-right: 6rem !important; }

.mb60 { margin-bottom: 6rem !important; }

.ml60 { margin-left: 6rem !important; }

.pt60 { padding-top: 6rem !important; }

.pr60 { padding-right: 6rem !important; }

.pb60 { padding-bottom: 6rem !important; }

.pl60 { padding-left: 6rem !important; }

.mt65 { margin-top: 6.5rem !important; }

.mr65 { margin-right: 6.5rem !important; }

.mb65 { margin-bottom: 6.5rem !important; }

.ml65 { margin-left: 6.5rem !important; }

.pt65 { padding-top: 6.5rem !important; }

.pr65 { padding-right: 6.5rem !important; }

.pb65 { padding-bottom: 6.5rem !important; }

.pl65 { padding-left: 6.5rem !important; }

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

.mr70 { margin-right: 7rem !important; }

.mb70 { margin-bottom: 7rem !important; }

.ml70 { margin-left: 7rem !important; }

.pt70 { padding-top: 7rem !important; }

.pr70 { padding-right: 7rem !important; }

.pb70 { padding-bottom: 7rem !important; }

.pl70 { padding-left: 7rem !important; }

.mt75 { margin-top: 7.5rem !important; }

.mr75 { margin-right: 7.5rem !important; }

.mb75 { margin-bottom: 7.5rem !important; }

.ml75 { margin-left: 7.5rem !important; }

.pt75 { padding-top: 7.5rem !important; }

.pr75 { padding-right: 7.5rem !important; }

.pb75 { padding-bottom: 7.5rem !important; }

.pl75 { padding-left: 7.5rem !important; }

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

.mr80 { margin-right: 8rem !important; }

.mb80 { margin-bottom: 8rem !important; }

.ml80 { margin-left: 8rem !important; }

.pt80 { padding-top: 8rem !important; }

.pr80 { padding-right: 8rem !important; }

.pb80 { padding-bottom: 8rem !important; }

.pl80 { padding-left: 8rem !important; }

.mt85 { margin-top: 8.5rem !important; }

.mr85 { margin-right: 8.5rem !important; }

.mb85 { margin-bottom: 8.5rem !important; }

.ml85 { margin-left: 8.5rem !important; }

.pt85 { padding-top: 8.5rem !important; }

.pr85 { padding-right: 8.5rem !important; }

.pb85 { padding-bottom: 8.5rem !important; }

.pl85 { padding-left: 8.5rem !important; }

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

.mr90 { margin-right: 9rem !important; }

.mb90 { margin-bottom: 9rem !important; }

.ml90 { margin-left: 9rem !important; }

.pt90 { padding-top: 9rem !important; }

.pr90 { padding-right: 9rem !important; }

.pb90 { padding-bottom: 9rem !important; }

.pl90 { padding-left: 9rem !important; }

.mt95 { margin-top: 9.5rem !important; }

.mr95 { margin-right: 9.5rem !important; }

.mb95 { margin-bottom: 9.5rem !important; }

.ml95 { margin-left: 9.5rem !important; }

.pt95 { padding-top: 9.5rem !important; }

.pr95 { padding-right: 9.5rem !important; }

.pb95 { padding-bottom: 9.5rem !important; }

.pl95 { padding-left: 9.5rem !important; }

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

.mr100 { margin-right: 10rem !important; }

.mb100 { margin-bottom: 10rem !important; }

.ml100 { margin-left: 10rem !important; }

.pt100 { padding-top: 10rem !important; }

.pr100 { padding-right: 10rem !important; }

.pb100 { padding-bottom: 10rem !important; }

.pl100 { padding-left: 10rem !important; }

@media screen and (min-width: 961px) { .pc-mt0 { margin-top: 0rem !important; }
  .pc-mr0 { margin-right: 0rem !important; }
  .pc-mb0 { margin-bottom: 0rem !important; }
  .pc-ml0 { margin-left: 0rem !important; }
  .pc-pt0 { padding-top: 0rem !important; }
  .pc-pr0 { padding-right: 0rem !important; }
  .pc-pb0 { padding-bottom: 0rem !important; }
  .pc-pl0 { padding-left: 0rem !important; }
  .pc-mt5 { margin-top: 0.5rem !important; }
  .pc-mr5 { margin-right: 0.5rem !important; }
  .pc-mb5 { margin-bottom: 0.5rem !important; }
  .pc-ml5 { margin-left: 0.5rem !important; }
  .pc-pt5 { padding-top: 0.5rem !important; }
  .pc-pr5 { padding-right: 0.5rem !important; }
  .pc-pb5 { padding-bottom: 0.5rem !important; }
  .pc-pl5 { padding-left: 0.5rem !important; }
  .pc-mt10 { margin-top: 1rem !important; }
  .pc-mr10 { margin-right: 1rem !important; }
  .pc-mb10 { margin-bottom: 1rem !important; }
  .pc-ml10 { margin-left: 1rem !important; }
  .pc-pt10 { padding-top: 1rem !important; }
  .pc-pr10 { padding-right: 1rem !important; }
  .pc-pb10 { padding-bottom: 1rem !important; }
  .pc-pl10 { padding-left: 1rem !important; }
  .pc-mt15 { margin-top: 1.5rem !important; }
  .pc-mr15 { margin-right: 1.5rem !important; }
  .pc-mb15 { margin-bottom: 1.5rem !important; }
  .pc-ml15 { margin-left: 1.5rem !important; }
  .pc-pt15 { padding-top: 1.5rem !important; }
  .pc-pr15 { padding-right: 1.5rem !important; }
  .pc-pb15 { padding-bottom: 1.5rem !important; }
  .pc-pl15 { padding-left: 1.5rem !important; }
  .pc-mt20 { margin-top: 2rem !important; }
  .pc-mr20 { margin-right: 2rem !important; }
  .pc-mb20 { margin-bottom: 2rem !important; }
  .pc-ml20 { margin-left: 2rem !important; }
  .pc-pt20 { padding-top: 2rem !important; }
  .pc-pr20 { padding-right: 2rem !important; }
  .pc-pb20 { padding-bottom: 2rem !important; }
  .pc-pl20 { padding-left: 2rem !important; }
  .pc-mt25 { margin-top: 2.5rem !important; }
  .pc-mr25 { margin-right: 2.5rem !important; }
  .pc-mb25 { margin-bottom: 2.5rem !important; }
  .pc-ml25 { margin-left: 2.5rem !important; }
  .pc-pt25 { padding-top: 2.5rem !important; }
  .pc-pr25 { padding-right: 2.5rem !important; }
  .pc-pb25 { padding-bottom: 2.5rem !important; }
  .pc-pl25 { padding-left: 2.5rem !important; }
  .pc-mt30 { margin-top: 3rem !important; }
  .pc-mr30 { margin-right: 3rem !important; }
  .pc-mb30 { margin-bottom: 3rem !important; }
  .pc-ml30 { margin-left: 3rem !important; }
  .pc-pt30 { padding-top: 3rem !important; }
  .pc-pr30 { padding-right: 3rem !important; }
  .pc-pb30 { padding-bottom: 3rem !important; }
  .pc-pl30 { padding-left: 3rem !important; }
  .pc-mt35 { margin-top: 3.5rem !important; }
  .pc-mr35 { margin-right: 3.5rem !important; }
  .pc-mb35 { margin-bottom: 3.5rem !important; }
  .pc-ml35 { margin-left: 3.5rem !important; }
  .pc-pt35 { padding-top: 3.5rem !important; }
  .pc-pr35 { padding-right: 3.5rem !important; }
  .pc-pb35 { padding-bottom: 3.5rem !important; }
  .pc-pl35 { padding-left: 3.5rem !important; }
  .pc-mt40 { margin-top: 4rem !important; }
  .pc-mr40 { margin-right: 4rem !important; }
  .pc-mb40 { margin-bottom: 4rem !important; }
  .pc-ml40 { margin-left: 4rem !important; }
  .pc-pt40 { padding-top: 4rem !important; }
  .pc-pr40 { padding-right: 4rem !important; }
  .pc-pb40 { padding-bottom: 4rem !important; }
  .pc-pl40 { padding-left: 4rem !important; }
  .pc-mt45 { margin-top: 4.5rem !important; }
  .pc-mr45 { margin-right: 4.5rem !important; }
  .pc-mb45 { margin-bottom: 4.5rem !important; }
  .pc-ml45 { margin-left: 4.5rem !important; }
  .pc-pt45 { padding-top: 4.5rem !important; }
  .pc-pr45 { padding-right: 4.5rem !important; }
  .pc-pb45 { padding-bottom: 4.5rem !important; }
  .pc-pl45 { padding-left: 4.5rem !important; }
  .pc-mt50 { margin-top: 5rem !important; }
  .pc-mr50 { margin-right: 5rem !important; }
  .pc-mb50 { margin-bottom: 5rem !important; }
  .pc-ml50 { margin-left: 5rem !important; }
  .pc-pt50 { padding-top: 5rem !important; }
  .pc-pr50 { padding-right: 5rem !important; }
  .pc-pb50 { padding-bottom: 5rem !important; }
  .pc-pl50 { padding-left: 5rem !important; }
  .pc-mt55 { margin-top: 5.5rem !important; }
  .pc-mr55 { margin-right: 5.5rem !important; }
  .pc-mb55 { margin-bottom: 5.5rem !important; }
  .pc-ml55 { margin-left: 5.5rem !important; }
  .pc-pt55 { padding-top: 5.5rem !important; }
  .pc-pr55 { padding-right: 5.5rem !important; }
  .pc-pb55 { padding-bottom: 5.5rem !important; }
  .pc-pl55 { padding-left: 5.5rem !important; }
  .pc-mt60 { margin-top: 6rem !important; }
  .pc-mr60 { margin-right: 6rem !important; }
  .pc-mb60 { margin-bottom: 6rem !important; }
  .pc-ml60 { margin-left: 6rem !important; }
  .pc-pt60 { padding-top: 6rem !important; }
  .pc-pr60 { padding-right: 6rem !important; }
  .pc-pb60 { padding-bottom: 6rem !important; }
  .pc-pl60 { padding-left: 6rem !important; }
  .pc-mt65 { margin-top: 6.5rem !important; }
  .pc-mr65 { margin-right: 6.5rem !important; }
  .pc-mb65 { margin-bottom: 6.5rem !important; }
  .pc-ml65 { margin-left: 6.5rem !important; }
  .pc-pt65 { padding-top: 6.5rem !important; }
  .pc-pr65 { padding-right: 6.5rem !important; }
  .pc-pb65 { padding-bottom: 6.5rem !important; }
  .pc-pl65 { padding-left: 6.5rem !important; }
  .pc-mt70 { margin-top: 7rem !important; }
  .pc-mr70 { margin-right: 7rem !important; }
  .pc-mb70 { margin-bottom: 7rem !important; }
  .pc-ml70 { margin-left: 7rem !important; }
  .pc-pt70 { padding-top: 7rem !important; }
  .pc-pr70 { padding-right: 7rem !important; }
  .pc-pb70 { padding-bottom: 7rem !important; }
  .pc-pl70 { padding-left: 7rem !important; }
  .pc-mt75 { margin-top: 7.5rem !important; }
  .pc-mr75 { margin-right: 7.5rem !important; }
  .pc-mb75 { margin-bottom: 7.5rem !important; }
  .pc-ml75 { margin-left: 7.5rem !important; }
  .pc-pt75 { padding-top: 7.5rem !important; }
  .pc-pr75 { padding-right: 7.5rem !important; }
  .pc-pb75 { padding-bottom: 7.5rem !important; }
  .pc-pl75 { padding-left: 7.5rem !important; }
  .pc-mt80 { margin-top: 8rem !important; }
  .pc-mr80 { margin-right: 8rem !important; }
  .pc-mb80 { margin-bottom: 8rem !important; }
  .pc-ml80 { margin-left: 8rem !important; }
  .pc-pt80 { padding-top: 8rem !important; }
  .pc-pr80 { padding-right: 8rem !important; }
  .pc-pb80 { padding-bottom: 8rem !important; }
  .pc-pl80 { padding-left: 8rem !important; }
  .pc-mt85 { margin-top: 8.5rem !important; }
  .pc-mr85 { margin-right: 8.5rem !important; }
  .pc-mb85 { margin-bottom: 8.5rem !important; }
  .pc-ml85 { margin-left: 8.5rem !important; }
  .pc-pt85 { padding-top: 8.5rem !important; }
  .pc-pr85 { padding-right: 8.5rem !important; }
  .pc-pb85 { padding-bottom: 8.5rem !important; }
  .pc-pl85 { padding-left: 8.5rem !important; }
  .pc-mt90 { margin-top: 9rem !important; }
  .pc-mr90 { margin-right: 9rem !important; }
  .pc-mb90 { margin-bottom: 9rem !important; }
  .pc-ml90 { margin-left: 9rem !important; }
  .pc-pt90 { padding-top: 9rem !important; }
  .pc-pr90 { padding-right: 9rem !important; }
  .pc-pb90 { padding-bottom: 9rem !important; }
  .pc-pl90 { padding-left: 9rem !important; }
  .pc-mt95 { margin-top: 9.5rem !important; }
  .pc-mr95 { margin-right: 9.5rem !important; }
  .pc-mb95 { margin-bottom: 9.5rem !important; }
  .pc-ml95 { margin-left: 9.5rem !important; }
  .pc-pt95 { padding-top: 9.5rem !important; }
  .pc-pr95 { padding-right: 9.5rem !important; }
  .pc-pb95 { padding-bottom: 9.5rem !important; }
  .pc-pl95 { padding-left: 9.5rem !important; }
  .pc-mt100 { margin-top: 10rem !important; }
  .pc-mr100 { margin-right: 10rem !important; }
  .pc-mb100 { margin-bottom: 10rem !important; }
  .pc-ml100 { margin-left: 10rem !important; }
  .pc-pt100 { padding-top: 10rem !important; }
  .pc-pr100 { padding-right: 10rem !important; }
  .pc-pb100 { padding-bottom: 10rem !important; }
  .pc-pl100 { padding-left: 10rem !important; } }

@media screen and (max-width: 960px) { .sp-mt0 { margin-top: 0rem !important; }
  .sp-mr0 { margin-right: 0rem !important; }
  .sp-mb0 { margin-bottom: 0rem !important; }
  .sp-ml0 { margin-left: 0rem !important; }
  .sp-pt0 { padding-top: 0rem !important; }
  .sp-pr0 { padding-right: 0rem !important; }
  .sp-pb0 { padding-bottom: 0rem !important; }
  .sp-pl0 { padding-left: 0rem !important; }
  .sp-mt5 { margin-top: 0.5rem !important; }
  .sp-mr5 { margin-right: 0.5rem !important; }
  .sp-mb5 { margin-bottom: 0.5rem !important; }
  .sp-ml5 { margin-left: 0.5rem !important; }
  .sp-pt5 { padding-top: 0.5rem !important; }
  .sp-pr5 { padding-right: 0.5rem !important; }
  .sp-pb5 { padding-bottom: 0.5rem !important; }
  .sp-pl5 { padding-left: 0.5rem !important; }
  .sp-mt10 { margin-top: 1rem !important; }
  .sp-mr10 { margin-right: 1rem !important; }
  .sp-mb10 { margin-bottom: 1rem !important; }
  .sp-ml10 { margin-left: 1rem !important; }
  .sp-pt10 { padding-top: 1rem !important; }
  .sp-pr10 { padding-right: 1rem !important; }
  .sp-pb10 { padding-bottom: 1rem !important; }
  .sp-pl10 { padding-left: 1rem !important; }
  .sp-mt15 { margin-top: 1.5rem !important; }
  .sp-mr15 { margin-right: 1.5rem !important; }
  .sp-mb15 { margin-bottom: 1.5rem !important; }
  .sp-ml15 { margin-left: 1.5rem !important; }
  .sp-pt15 { padding-top: 1.5rem !important; }
  .sp-pr15 { padding-right: 1.5rem !important; }
  .sp-pb15 { padding-bottom: 1.5rem !important; }
  .sp-pl15 { padding-left: 1.5rem !important; }
  .sp-mt20 { margin-top: 2rem !important; }
  .sp-mr20 { margin-right: 2rem !important; }
  .sp-mb20 { margin-bottom: 2rem !important; }
  .sp-ml20 { margin-left: 2rem !important; }
  .sp-pt20 { padding-top: 2rem !important; }
  .sp-pr20 { padding-right: 2rem !important; }
  .sp-pb20 { padding-bottom: 2rem !important; }
  .sp-pl20 { padding-left: 2rem !important; }
  .sp-mt25 { margin-top: 2.5rem !important; }
  .sp-mr25 { margin-right: 2.5rem !important; }
  .sp-mb25 { margin-bottom: 2.5rem !important; }
  .sp-ml25 { margin-left: 2.5rem !important; }
  .sp-pt25 { padding-top: 2.5rem !important; }
  .sp-pr25 { padding-right: 2.5rem !important; }
  .sp-pb25 { padding-bottom: 2.5rem !important; }
  .sp-pl25 { padding-left: 2.5rem !important; }
  .sp-mt30 { margin-top: 3rem !important; }
  .sp-mr30 { margin-right: 3rem !important; }
  .sp-mb30 { margin-bottom: 3rem !important; }
  .sp-ml30 { margin-left: 3rem !important; }
  .sp-pt30 { padding-top: 3rem !important; }
  .sp-pr30 { padding-right: 3rem !important; }
  .sp-pb30 { padding-bottom: 3rem !important; }
  .sp-pl30 { padding-left: 3rem !important; }
  .sp-mt35 { margin-top: 3.5rem !important; }
  .sp-mr35 { margin-right: 3.5rem !important; }
  .sp-mb35 { margin-bottom: 3.5rem !important; }
  .sp-ml35 { margin-left: 3.5rem !important; }
  .sp-pt35 { padding-top: 3.5rem !important; }
  .sp-pr35 { padding-right: 3.5rem !important; }
  .sp-pb35 { padding-bottom: 3.5rem !important; }
  .sp-pl35 { padding-left: 3.5rem !important; }
  .sp-mt40 { margin-top: 4rem !important; }
  .sp-mr40 { margin-right: 4rem !important; }
  .sp-mb40 { margin-bottom: 4rem !important; }
  .sp-ml40 { margin-left: 4rem !important; }
  .sp-pt40 { padding-top: 4rem !important; }
  .sp-pr40 { padding-right: 4rem !important; }
  .sp-pb40 { padding-bottom: 4rem !important; }
  .sp-pl40 { padding-left: 4rem !important; }
  .sp-mt45 { margin-top: 4.5rem !important; }
  .sp-mr45 { margin-right: 4.5rem !important; }
  .sp-mb45 { margin-bottom: 4.5rem !important; }
  .sp-ml45 { margin-left: 4.5rem !important; }
  .sp-pt45 { padding-top: 4.5rem !important; }
  .sp-pr45 { padding-right: 4.5rem !important; }
  .sp-pb45 { padding-bottom: 4.5rem !important; }
  .sp-pl45 { padding-left: 4.5rem !important; }
  .sp-mt50 { margin-top: 5rem !important; }
  .sp-mr50 { margin-right: 5rem !important; }
  .sp-mb50 { margin-bottom: 5rem !important; }
  .sp-ml50 { margin-left: 5rem !important; }
  .sp-pt50 { padding-top: 5rem !important; }
  .sp-pr50 { padding-right: 5rem !important; }
  .sp-pb50 { padding-bottom: 5rem !important; }
  .sp-pl50 { padding-left: 5rem !important; }
  .sp-mt55 { margin-top: 5.5rem !important; }
  .sp-mr55 { margin-right: 5.5rem !important; }
  .sp-mb55 { margin-bottom: 5.5rem !important; }
  .sp-ml55 { margin-left: 5.5rem !important; }
  .sp-pt55 { padding-top: 5.5rem !important; }
  .sp-pr55 { padding-right: 5.5rem !important; }
  .sp-pb55 { padding-bottom: 5.5rem !important; }
  .sp-pl55 { padding-left: 5.5rem !important; }
  .sp-mt60 { margin-top: 6rem !important; }
  .sp-mr60 { margin-right: 6rem !important; }
  .sp-mb60 { margin-bottom: 6rem !important; }
  .sp-ml60 { margin-left: 6rem !important; }
  .sp-pt60 { padding-top: 6rem !important; }
  .sp-pr60 { padding-right: 6rem !important; }
  .sp-pb60 { padding-bottom: 6rem !important; }
  .sp-pl60 { padding-left: 6rem !important; }
  .sp-mt65 { margin-top: 6.5rem !important; }
  .sp-mr65 { margin-right: 6.5rem !important; }
  .sp-mb65 { margin-bottom: 6.5rem !important; }
  .sp-ml65 { margin-left: 6.5rem !important; }
  .sp-pt65 { padding-top: 6.5rem !important; }
  .sp-pr65 { padding-right: 6.5rem !important; }
  .sp-pb65 { padding-bottom: 6.5rem !important; }
  .sp-pl65 { padding-left: 6.5rem !important; }
  .sp-mt70 { margin-top: 7rem !important; }
  .sp-mr70 { margin-right: 7rem !important; }
  .sp-mb70 { margin-bottom: 7rem !important; }
  .sp-ml70 { margin-left: 7rem !important; }
  .sp-pt70 { padding-top: 7rem !important; }
  .sp-pr70 { padding-right: 7rem !important; }
  .sp-pb70 { padding-bottom: 7rem !important; }
  .sp-pl70 { padding-left: 7rem !important; }
  .sp-mt75 { margin-top: 7.5rem !important; }
  .sp-mr75 { margin-right: 7.5rem !important; }
  .sp-mb75 { margin-bottom: 7.5rem !important; }
  .sp-ml75 { margin-left: 7.5rem !important; }
  .sp-pt75 { padding-top: 7.5rem !important; }
  .sp-pr75 { padding-right: 7.5rem !important; }
  .sp-pb75 { padding-bottom: 7.5rem !important; }
  .sp-pl75 { padding-left: 7.5rem !important; }
  .sp-mt80 { margin-top: 8rem !important; }
  .sp-mr80 { margin-right: 8rem !important; }
  .sp-mb80 { margin-bottom: 8rem !important; }
  .sp-ml80 { margin-left: 8rem !important; }
  .sp-pt80 { padding-top: 8rem !important; }
  .sp-pr80 { padding-right: 8rem !important; }
  .sp-pb80 { padding-bottom: 8rem !important; }
  .sp-pl80 { padding-left: 8rem !important; }
  .sp-mt85 { margin-top: 8.5rem !important; }
  .sp-mr85 { margin-right: 8.5rem !important; }
  .sp-mb85 { margin-bottom: 8.5rem !important; }
  .sp-ml85 { margin-left: 8.5rem !important; }
  .sp-pt85 { padding-top: 8.5rem !important; }
  .sp-pr85 { padding-right: 8.5rem !important; }
  .sp-pb85 { padding-bottom: 8.5rem !important; }
  .sp-pl85 { padding-left: 8.5rem !important; }
  .sp-mt90 { margin-top: 9rem !important; }
  .sp-mr90 { margin-right: 9rem !important; }
  .sp-mb90 { margin-bottom: 9rem !important; }
  .sp-ml90 { margin-left: 9rem !important; }
  .sp-pt90 { padding-top: 9rem !important; }
  .sp-pr90 { padding-right: 9rem !important; }
  .sp-pb90 { padding-bottom: 9rem !important; }
  .sp-pl90 { padding-left: 9rem !important; }
  .sp-mt95 { margin-top: 9.5rem !important; }
  .sp-mr95 { margin-right: 9.5rem !important; }
  .sp-mb95 { margin-bottom: 9.5rem !important; }
  .sp-ml95 { margin-left: 9.5rem !important; }
  .sp-pt95 { padding-top: 9.5rem !important; }
  .sp-pr95 { padding-right: 9.5rem !important; }
  .sp-pb95 { padding-bottom: 9.5rem !important; }
  .sp-pl95 { padding-left: 9.5rem !important; }
  .sp-mt100 { margin-top: 10rem !important; }
  .sp-mr100 { margin-right: 10rem !important; }
  .sp-mb100 { margin-bottom: 10rem !important; }
  .sp-ml100 { margin-left: 10rem !important; }
  .sp-pt100 { padding-top: 10rem !important; }
  .sp-pr100 { padding-right: 10rem !important; }
  .sp-pb100 { padding-bottom: 10rem !important; }
  .sp-pl100 { padding-left: 10rem !important; } }

.col-0p { width: 0%; }

.col-1p { width: 1%; }

.col-2p { width: 2%; }

.col-3p { width: 3%; }

.col-4p { width: 4%; }

.col-5p { width: 5%; }

.col-6p { width: 6%; }

.col-7p { width: 7%; }

.col-8p { width: 8%; }

.col-9p { width: 9%; }

.col-10p { width: 10%; }

.col-11p { width: 11%; }

.col-12p { width: 12%; }

.col-13p { width: 13%; }

.col-14p { width: 14%; }

.col-15p { width: 15%; }

.col-16p { width: 16%; }

.col-17p { width: 17%; }

.col-18p { width: 18%; }

.col-19p { width: 19%; }

.col-20p { width: 20%; }

.col-21p { width: 21%; }

.col-22p { width: 22%; }

.col-23p { width: 23%; }

.col-24p { width: 24%; }

.col-25p { width: 25%; }

.col-26p { width: 26%; }

.col-27p { width: 27%; }

.col-28p { width: 28%; }

.col-29p { width: 29%; }

.col-30p { width: 30%; }

.col-31p { width: 31%; }

.col-32p { width: 32%; }

.col-33p { width: 33%; }

.col-34p { width: 34%; }

.col-35p { width: 35%; }

.col-36p { width: 36%; }

.col-37p { width: 37%; }

.col-38p { width: 38%; }

.col-39p { width: 39%; }

.col-40p { width: 40%; }

.col-41p { width: 41%; }

.col-42p { width: 42%; }

.col-43p { width: 43%; }

.col-44p { width: 44%; }

.col-45p { width: 45%; }

.col-46p { width: 46%; }

.col-47p { width: 47%; }

.col-48p { width: 48%; }

.col-49p { width: 49%; }

.col-50p { width: 50%; }

.col-51p { width: 51%; }

.col-52p { width: 52%; }

.col-53p { width: 53%; }

.col-54p { width: 54%; }

.col-55p { width: 55%; }

.col-56p { width: 56%; }

.col-57p { width: 57%; }

.col-58p { width: 58%; }

.col-59p { width: 59%; }

.col-60p { width: 60%; }

.col-61p { width: 61%; }

.col-62p { width: 62%; }

.col-63p { width: 63%; }

.col-64p { width: 64%; }

.col-65p { width: 65%; }

.col-66p { width: 66%; }

.col-67p { width: 67%; }

.col-68p { width: 68%; }

.col-69p { width: 69%; }

.col-70p { width: 70%; }

.col-71p { width: 71%; }

.col-72p { width: 72%; }

.col-73p { width: 73%; }

.col-74p { width: 74%; }

.col-75p { width: 75%; }

.col-76p { width: 76%; }

.col-77p { width: 77%; }

.col-78p { width: 78%; }

.col-79p { width: 79%; }

.col-80p { width: 80%; }

.col-81p { width: 81%; }

.col-82p { width: 82%; }

.col-83p { width: 83%; }

.col-84p { width: 84%; }

.col-85p { width: 85%; }

.col-86p { width: 86%; }

.col-87p { width: 87%; }

.col-88p { width: 88%; }

.col-89p { width: 89%; }

.col-90p { width: 90%; }

.col-91p { width: 91%; }

.col-92p { width: 92%; }

.col-93p { width: 93%; }

.col-94p { width: 94%; }

.col-95p { width: 95%; }

.col-96p { width: 96%; }

.col-97p { width: 97%; }

.col-98p { width: 98%; }

.col-99p { width: 99%; }

.col-100p { width: 100%; }

@media screen and (max-width: 960px) { .col-0p-sp { width: 0%; }
  .col-1p-sp { width: 1%; }
  .col-2p-sp { width: 2%; }
  .col-3p-sp { width: 3%; }
  .col-4p-sp { width: 4%; }
  .col-5p-sp { width: 5%; }
  .col-6p-sp { width: 6%; }
  .col-7p-sp { width: 7%; }
  .col-8p-sp { width: 8%; }
  .col-9p-sp { width: 9%; }
  .col-10p-sp { width: 10%; }
  .col-11p-sp { width: 11%; }
  .col-12p-sp { width: 12%; }
  .col-13p-sp { width: 13%; }
  .col-14p-sp { width: 14%; }
  .col-15p-sp { width: 15%; }
  .col-16p-sp { width: 16%; }
  .col-17p-sp { width: 17%; }
  .col-18p-sp { width: 18%; }
  .col-19p-sp { width: 19%; }
  .col-20p-sp { width: 20%; }
  .col-21p-sp { width: 21%; }
  .col-22p-sp { width: 22%; }
  .col-23p-sp { width: 23%; }
  .col-24p-sp { width: 24%; }
  .col-25p-sp { width: 25%; }
  .col-26p-sp { width: 26%; }
  .col-27p-sp { width: 27%; }
  .col-28p-sp { width: 28%; }
  .col-29p-sp { width: 29%; }
  .col-30p-sp { width: 30%; }
  .col-31p-sp { width: 31%; }
  .col-32p-sp { width: 32%; }
  .col-33p-sp { width: 33%; }
  .col-34p-sp { width: 34%; }
  .col-35p-sp { width: 35%; }
  .col-36p-sp { width: 36%; }
  .col-37p-sp { width: 37%; }
  .col-38p-sp { width: 38%; }
  .col-39p-sp { width: 39%; }
  .col-40p-sp { width: 40%; }
  .col-41p-sp { width: 41%; }
  .col-42p-sp { width: 42%; }
  .col-43p-sp { width: 43%; }
  .col-44p-sp { width: 44%; }
  .col-45p-sp { width: 45%; }
  .col-46p-sp { width: 46%; }
  .col-47p-sp { width: 47%; }
  .col-48p-sp { width: 48%; }
  .col-49p-sp { width: 49%; }
  .col-50p-sp { width: 50%; }
  .col-51p-sp { width: 51%; }
  .col-52p-sp { width: 52%; }
  .col-53p-sp { width: 53%; }
  .col-54p-sp { width: 54%; }
  .col-55p-sp { width: 55%; }
  .col-56p-sp { width: 56%; }
  .col-57p-sp { width: 57%; }
  .col-58p-sp { width: 58%; }
  .col-59p-sp { width: 59%; }
  .col-60p-sp { width: 60%; }
  .col-61p-sp { width: 61%; }
  .col-62p-sp { width: 62%; }
  .col-63p-sp { width: 63%; }
  .col-64p-sp { width: 64%; }
  .col-65p-sp { width: 65%; }
  .col-66p-sp { width: 66%; }
  .col-67p-sp { width: 67%; }
  .col-68p-sp { width: 68%; }
  .col-69p-sp { width: 69%; }
  .col-70p-sp { width: 70%; }
  .col-71p-sp { width: 71%; }
  .col-72p-sp { width: 72%; }
  .col-73p-sp { width: 73%; }
  .col-74p-sp { width: 74%; }
  .col-75p-sp { width: 75%; }
  .col-76p-sp { width: 76%; }
  .col-77p-sp { width: 77%; }
  .col-78p-sp { width: 78%; }
  .col-79p-sp { width: 79%; }
  .col-80p-sp { width: 80%; }
  .col-81p-sp { width: 81%; }
  .col-82p-sp { width: 82%; }
  .col-83p-sp { width: 83%; }
  .col-84p-sp { width: 84%; }
  .col-85p-sp { width: 85%; }
  .col-86p-sp { width: 86%; }
  .col-87p-sp { width: 87%; }
  .col-88p-sp { width: 88%; }
  .col-89p-sp { width: 89%; }
  .col-90p-sp { width: 90%; }
  .col-91p-sp { width: 91%; }
  .col-92p-sp { width: 92%; }
  .col-93p-sp { width: 93%; }
  .col-94p-sp { width: 94%; }
  .col-95p-sp { width: 95%; }
  .col-96p-sp { width: 96%; }
  .col-97p-sp { width: 97%; }
  .col-98p-sp { width: 98%; }
  .col-99p-sp { width: 99%; }
  .col-100p-sp { width: 100%; } }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

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

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

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

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

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

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

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

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

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

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

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

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

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

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

/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

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

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

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

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

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

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

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

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

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

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

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

/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

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

html { font-size: 62.5%; }

@media screen and (max-width: 960px) { html { font-size: 2.66667vw; } }

/*@media only (min-width: 750px) and (max-width: 768px) {
    html {
        font-size: 1.6vw;
    }
}*/
body { font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', Arial, sans-serif; font-style: normal; font-size: 14px; font-size: 1.4rem; line-height: 1.28571; color: #1A1A1A; background-color: #fff; word-break: normal; line-break: strict; font-weight: 500; letter-spacing: 0.05em; /*@include sp { font-size: 14px; font-size: 1.4rem; }*/ }

body.open { overflow: hidden; }

a { color: inherit; text-decoration: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }

a:hover { text-decoration: none; }

@media screen and (min-width: 961px) { a:hover { opacity: .75; } }

a:focus { outline: none; text-decoration: none; }

ul, ol { margin: 0; padding: 0; }

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

h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0; }

p { margin: 0px 0px 30px 0px; padding: 0; }

p:last-child { margin-bottom: 0px; }

@media screen and (max-width: 768px) { p { margin: 0 0 8vw 0; } }

figure { margin: 0; padding: 0; line-height: 0; }

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

input[type="submit"] { border: none; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }

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

dl, dt, dd { margin: 0; padding: 0; }

* { -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-word; }

img { max-width: 100%; height: auto; vertical-align: middle; }

/* clearfix (micro) */
.clearfix:before, .clearfix:after { content: ' '; display: table; }

.clearfix:after { clear: both; }

/* For IE 6/7 only */
.clearfix { *zoom: 1; }

div, p { word-break: break-all; }

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

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

.text-bold { font-weight: 700; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.c-white { color: #fff; }

.fw-bold { font-weight: bold; }

.fit { font-family: "object-fit: cover;"; height: 100%; width: 100%; object-fit: cover; }

#wrapper { margin: 0 auto; position: relative; overflow: hidden; }

#wrapper:after { position: absolute; content: ''; left: 0; top: 0; width: -webkit-calc(942/1280 * 100%); width: -moz-calc(942/1280 * 100%); width: calc(942/1280 * 100%); height: 100%; background: url(../img/bg_bd_sm.png) left top no-repeat; -moz-background-size: contain; background-size: contain; }

@media screen and (max-width: 960px) { #wrapper:after { width: 100%; } }

#wrapper.p-wrapper_no:after { width: -webkit-calc(312/1280 * 100%); width: -moz-calc(312/1280 * 100%); width: calc(312/1280 * 100%); }

@media screen and (max-width: 960px) { #wrapper.p-wrapper_no:after { width: 17rem; } }

@media screen and (max-width: 960px) { #wrapper.p-wrapper_no .page-header { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.5rem; }
  #wrapper.p-wrapper_no .site-logo { width: 7.4rem; } }

@media screen and (min-width: 961px) { #wrapper { min-width: 102.4rem; } }

.container { max-width: 111rem; padding: 0 1.5rem; margin: 0 auto; }

@media screen and (max-width: 960px) { .container { padding: 0 2rem; } }

.inner { max-width: 99rem; margin: 0 auto; padding: 0 1.5rem; }

@media screen and (max-width: 960px) { .inner { padding: 0 5.33333vw; } }

#hambuger { width: 3.8rem; height: 2.2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 12; cursor: pointer; position: relative; }

#hambuger.open span.open { display: none; }

#hambuger.open span.close { display: inline-block; }

.nav-icon ul { position: relative; width: 3.8rem; height: 2.2rem; }

.nav-icon ul li { list-style: none; position: absolute; background: #595656; width: 3.8rem; height: 0.3rem; left: 50%; -moz-border-radius: 20px; border-radius: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.nav-icon ul li:nth-of-type(1) { top: 10%; }

.nav-icon ul li:nth-of-type(2) { top: 50%; }

.nav-icon ul li:nth-of-type(3) { top: 90%; }

.nav-icon ul li span { display: inline-block; }

.nav-icon.open ul { opacity: 1; visibility: visible; }

.nav-icon.open ul li { background: #fff; }

.nav-icon.open ul li:nth-of-type(1) { width: 100%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.nav-icon.open ul li:nth-of-type(3) { width: 100%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.nav-icon.open ul li:nth-of-type(2) { opacity: 0; }

@media screen and (min-width: 961px) { .show_sp { display: none !important; }
  .show_pc { display: inherit; }
  .MissingWH { position: relative; overflow: hidden; height: 100%; width: 100%; }
  .MissingWH img { position: absolute; left: 0; top: 0; margin: 0; width: auto !important; display: none; height: auto; min-width: 100%; min-height: 100%; max-height: none; max-width: none; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
  a[href^=tel] { pointer-events: none; text-decoration: none; opacity: 1 !important; cursor: default !important; } }

@media screen and (max-width: 960px) { body p { word-break: normal; line-break: strict; }
  .show_sp { display: inherit; }
  .show_pc { display: none !important; } }

.mode-txt { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; }

.txt_center { text-align: center; }

.js-view { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; }

.js-view.fadein { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.pace { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.pace-inactive { display: none; }

.pace-progress { position: fixed; z-index: 2000; top: 50%; margin-top: -2px; right: 100%; width: 100%; height: 4px; background: #e6eaed; }

.p-wrapper { -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; -moz-transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; opacity: 0; }

.pace-done .p-wrapper { opacity: 1; }

.p-loading { position: fixed; z-index: 100; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; visibility: visible; -webkit-box-align: center; -moz-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; width: 100%; height: 100%; text-align: center; opacity: 1; background: #fff; }

.pace-done .p-loading { visibility: hidden; -webkit-transition: opacity .8s ease-out .2s, visibility 0s ease-out 1.2s; -moz-transition: opacity .8s ease-out .2s, visibility 0s ease-out 1.2s; transition: opacity .8s ease-out .2s, visibility 0s ease-out 1.2s; opacity: 0; }

.p-loading__copy { font-size: 1.6rem; font-weight: 700; margin: 0 -.5em 20px 0; }

.p-loading__logo { width: 320px; height: 46px; margin: 0 0 100px -2%; }

.p-loading__icon { width: 50px; height: 50px; margin: -4% auto 0; -webkit-animation: 1s loading linear infinite; -moz-animation: 1s loading linear infinite; animation: 1s loading linear infinite; border: 1px solid #e6eaed; border-top: 1px solid #63676b; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; }

.p-loading__copy, .p-loading__logo { -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); opacity: 0; }

.p-loading__copy.is-shown, .p-loading__logo.is-shown { -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; }

.pace-done .key-visual-title { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.pace-done .key-visual-sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1.7s; -moz-transition-delay: 1.7s; transition-delay: 1.7s; }

.pace-done .key-visual-txt { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1.7s; -moz-transition-delay: 1.7s; transition-delay: 1.7s; }

.pace-done .key-visual-img { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1.7s; -moz-transition-delay: 1.7s; transition-delay: 1.7s; }

/*========= LoadingのためのCSS ===============*/
/* Loading背景画面設定　*/
#splash { /*fixedで全面に固定*/ position: fixed; width: 100%; height: 100%; z-index: 999; text-align: center; color: #fff; }

/* Loading画像中央配置　*/
#splash_text { position: absolute; top: 50%; left: 50%; z-index: 999; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; width: 100%; }

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg { height: 2px; }

#splash_text svg path { stroke: #e6eaed; fill: #e6eaed; }

/*割れる画面のアニメーション*/
.loader_cover { width: 100%; height: 50%; -webkit-transition: all 0.2s cubic-bezier(0.04, 0.435, 0.315, 0.9); -moz-transition: all 0.2s cubic-bezier(0.04, 0.435, 0.315, 0.9); transition: all 0.2s cubic-bezier(0.04, 0.435, 0.315, 0.9); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); background: #fd659b; background: -webkit-gradient(left top, right top, color-stop(0%, #fd659b), color-stop(70%, #c549d3), color-stop(100%, #9c34fd)); background: -webkit-linear-gradient(left, #fd659b 0%, #c549d3 70%, #9c34fd 100%); background: -webkit-gradient(linear, left top, right top, from(#fd659b), color-stop(70%, #c549d3), to(#9c34fd)); background: -moz- oldlinear-gradient(left, #fd659b 0%, #c549d3 70%, #9c34fd 100%); background: linear-gradient(to right, #fd659b 0%, #c549d3 70%, #9c34fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd659b', endColorstr='#9c34fd', GradientType=1 ); }

/*上の画面*/
.loader_cover-up { -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; }

/*下の画面*/
.loader_cover-down { position: absolute; bottom: 0; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

/*クラス名がついたらY軸方向に0*/
.coveranime { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); }

@-webkit-keyframes loading { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes loading { from { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
      transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
      transform: rotate(360deg); } }

@keyframes loading { from { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
      transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
      transform: rotate(360deg); } }

@-webkit-keyframes AnimeBtnLink_Next { 0% { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
  30.99% { -webkit-transform: translate3d(70%, -50%, 0); transform: translate3d(70%, -50%, 0);
    opacity: 0; }
  70% { -webkit-transform: translate3d(-70%, -50%, 0); transform: translate3d(-70%, -50%, 0);
    opacity: 0; }
  to { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
    opacity: 1; } }

@-moz-keyframes AnimeBtnLink_Next { 0% { -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
  30.99% { -moz-transform: translate3d(70%, -50%, 0); transform: translate3d(70%, -50%, 0);
    opacity: 0; }
  70% { -moz-transform: translate3d(-70%, -50%, 0); transform: translate3d(-70%, -50%, 0);
    opacity: 0; }
  to { -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
    opacity: 1; } }

@keyframes AnimeBtnLink_Next { 0% { -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
  30.99% { -webkit-transform: translate3d(70%, -50%, 0); -moz-transform: translate3d(70%, -50%, 0); transform: translate3d(70%, -50%, 0);
    opacity: 0; }
  70% { -webkit-transform: translate3d(-70%, -50%, 0); -moz-transform: translate3d(-70%, -50%, 0); transform: translate3d(-70%, -50%, 0);
    opacity: 0; }
  to { -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
    opacity: 1; } }

.btn { border: 1px solid #1A1A1A; width: 100%; max-width: 22rem; height: 5.6rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.6rem; font-weight: bold; position: relative; }

.btn:before { position: absolute; content: ''; width: 4.7rem; height: 0.1rem; right: -2.4rem; top: 50%; background: #1A1A1A; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }

.btn:after { position: absolute; content: ''; width: 0.1rem; height: 1.4rem; right: -2rem; top: 50%; margin-top: -1.1rem; background: #1A1A1A; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }

.btn.color_white { color: #fff; border-color: #fff; }

.btn.color_white:before { background: #fff; }

.btn.color_white:after { background: #fff; }

.btn:hover:before { width: 6rem; right: -3.7rem; }

.btn:hover:after { right: -3.2rem; }

.sc-title { margin-bottom: 3rem; }

.sc-title .en { font-family: "Oswald", sans-serif; font-size: 7rem; font-weight: bold; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; color: #373737; }

@media screen and (max-width: 960px) { .sc-title .en { font-size: 6rem; letter-spacing: 0.1em; } }

.sc-title .ja { font-size: 1.6rem; color: #898989; font-weight: 500; display: inline-block; margin-top: 1rem; }

.sc-copy .txt { font-size: 1.2rem; line-height: 2.5; }

.heading-lv3 { font-size: 2.8rem; font-weight: bold; line-height: 1.786; }

/** section-employment **/
.section-employment { position: relative; color: #fff; }

@media screen and (min-width: 961px) { .section-employment { width: -webkit-calc(100% - 7rem); width: -moz-calc(100% - 7rem); width: calc(100% - 7rem); height: 54rem; } }

@media screen and (max-width: 960px) { .section-employment { height: 50.4rem; } }

.section-employment .sc-title .en { color: #fff; }

@media screen and (max-width: 960px) { .section-employment .sc-title .en { font-size: 5rem; } }

.section-employment .sc-title .ja { color: #fff; }

@media screen and (max-width: 960px) { .section-employment .sc-title { margin-bottom: 5rem; } }

.section-employment .heading-lv3 { margin-bottom: 3rem; }

.section-employment:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/employment_img.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 960px) { .section-employment:before { background: url(../img/employment_img_sp.jpg) center center no-repeat; -moz-background-size: cover; background-size: cover; } }

.section-employment:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26, 26, 26, 0.4); mix-blend-mode: multiply; }

.section-employment_inner { position: relative; z-index: 1; width: 100%; height: 100%; }

.section-employment_inner:before { position: absolute; content: ''; width: 60%; height: 100%; left: -25%; top: 0; -webkit-transform: skewX(-45deg); -moz-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); mix-blend-mode: multiply; background: rgb(249, 99, 158, 0.8); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(249, 99, 158, 0.8)), color-stop(40%, rgb(198, 74, 209, 0.8)), color-stop(100%, rgb(155, 52, 252, 0.8))); background: -webkit-linear-gradient(top, rgb(249, 99, 158, 0.8) 0%, rgb(198, 74, 209, 0.8) 40%, rgb(155, 52, 252, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 99, 158, 0.8)), color-stop(40%, rgb(198, 74, 209, 0.8)), to(rgb(155, 52, 252, 0.8))); background: -moz- oldlinear-gradient(top, rgb(249, 99, 158, 0.8) 0%, rgb(198, 74, 209, 0.8) 40%, rgb(155, 52, 252, 0.8) 100%); background: linear-gradient(to bottom, rgb(249, 99, 158, 0.8) 0%, rgb(198, 74, 209, 0.8) 40%, rgb(155, 52, 252, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c34fd', endColorstr='#fd659b', GradientType=0 ); }

@media screen and (max-width: 960px) { .section-employment_inner:before { width: 20.5rem; height: 29.5rem; -webkit-transform: skewX(-37deg); -moz-transform: skewX(-37deg); -ms-transform: skewX(-37deg); transform: skewX(-37deg); left: -30%; } }

@media screen and (max-width: 960px) { .section-employment_inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } }

@media screen and (min-width: 961px) { .section-employment .container { position: relative; z-index: 2; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 960px) { .section-employment .container { position: relative; z-index: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; } }

@media screen and (min-width: 961px) { .section-employment .employment-desc { margin-left: 18rem; } }

.section-employment .employment-desc .btn { margin: 0 auto; }

@media screen and (min-width: 961px) { .p-button { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: -webkit-calc(100% - 7rem); width: -moz-calc(100% - 7rem); width: calc(100% - 7rem); } }

.p-button_item { height: 23rem; }

@media screen and (min-width: 961px) { .p-button_item { width: -webkit-calc(100%); width: -moz-calc(100%); width: calc(100%); } }

.p-button_item .en { display: block; font-family: "Oswald", sans-serif; font-size: 2.8rem; font-weight: bold; letter-spacing: 0.2em; }

.p-button_item .ja { display: block; font-size: 1.6rem; font-weight: 500; }

.p-button_item a { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #fff; position: relative; }

.p-button_item a:after { position: absolute; content: ''; left: 50%; top: 13.5rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.p-button_item a img { max-width: inherit; width: auto; height: 5.3rem; margin-top: 3em; }

.p-button_item.item__entry { background: #3d3d3d; }

.p-button_item.item__event { background: #3d3d3d; }

.p-button_item.item__fb { background: #3d3d3d; }

/** page-main **/
.page-main { display: block; padding: 10rem 0; position: relative; z-index: 1; }

.page-main.p-home { padding: 0 0 10rem; }

@media screen and (max-width: 960px) { .page-main.p-home { padding: 10rem 0 10rem; } }

/** key-visual **/
.key-visual { padding: 16.5rem 7rem 0 0; position: relative; z-index: 1; }

@media screen and (max-width: 960px) { .key-visual { padding: 7rem 2rem 0 2rem; } }

.key-visual_content { position: relative; }

@media screen and (min-width: 961px) { .key-visual_content { width: -webkit-calc((100% - 1280px) / 2 + 1155px); width: -moz-calc((100% - 1280px) / 2 + 1155px); width: calc((100% - 1280px) / 2 + 1155px); margin: 0 0 0 auto; padding-left: 7rem; } }

.key-visual_img { line-height: 0; position: relative; }

.key-visual_img:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 960px) { .key-visual_img:after { background: rgba(0, 0, 0, 0.5); } }

.key-visual_ctn { position: absolute; left: 0; bottom: 7rem; }

@media screen and (max-width: 960px) { .key-visual_ctn { bottom: 3rem; padding: 0 1.5rem; } }

.key-visual_ttl { font-size: 7rem; font-weight: bold; letter-spacing: 0.2em; line-height: 1.7; color: #fff; }

@media screen and (max-width: 960px) { .key-visual_ttl { font-size: 3.8rem; letter-spacing: 0.1em; line-height: 1.315; } }

.key-visual_txt { margin-top: 1.5rem; }

@media screen and (max-width: 960px) { .key-visual_txt { margin-top: 0.5rem; } }

.key-visual_txt span { display: inline-block; font-size: 2.8rem; font-weight: bold; letter-spacing: 0.2em; background: #fff; padding: 1.2rem 1.5rem; }

@media screen and (max-width: 960px) { .key-visual_txt span { font-size: 2rem; background: transparent; color: #fff; padding: 0; } }

/** section-form **/
.section-form { background: #12c1c4; background: -webkit-gradient(left top, left bottom, color-stop(0%, #12c1c4), color-stop(35%, #17aac2), color-stop(68%, #1a96c0), color-stop(100%, #1d85c0)); background: -webkit-linear-gradient(top, #12c1c4 0%, #17aac2 35%, #1a96c0 68%, #1d85c0 100%); background: -webkit-gradient(linear, left top, left bottom, from(#12c1c4), color-stop(35%, #17aac2), color-stop(68%, #1a96c0), to(#1d85c0)); background: -moz- oldlinear-gradient(top, #12c1c4 0%, #17aac2 35%, #1a96c0 68%, #1d85c0 100%); background: linear-gradient(to bottom, #12c1c4 0%, #17aac2 35%, #1a96c0 68%, #1d85c0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12c1c4', endColorstr='#1d85c0', GradientType=0 ); }

@media screen and (min-width: 961px) { .section-form { padding: 5rem 0; width: -webkit-calc((100% - 1280px) / 2 + 1210px); width: -moz-calc((100% - 1280px) / 2 + 1210px); width: calc((100% - 1280px) / 2 + 1210px); } }

@media screen and (max-width: 960px) { .section-form { padding: 3rem 2rem 6rem 2.5rem; } }

.section-form .container { margin: 0 0 0 auto; padding: 0; }

.section-form .sc-title02 { color: #fff; margin-bottom: 10rem; }

@media screen and (max-width: 960px) { .section-form .sc-title02 { margin: 0 0 3rem 0; } }

.section-form .ckbPrivacy { color: #fff; }

.section-form .ckb-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: -3rem; padding: 1.5rem 2rem; }

.section-form .ckb-list li { margin-left: 3rem; }

@media screen and (max-width: 960px) { .section-form .ckb-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -4rem; padding: 0.7rem 2rem; }
  .section-form .ckb-list li { margin-left: 4rem; padding: 0.7rem 0; } }

.frm-wrap { max-width: 66.3rem; margin: 0 auto; }

.frm-lead { font-size: 1.6rem; text-align: center; letter-spacing: 0.05em; color: #fff; margin-bottom: 5rem; line-height: 1.5; }

.frm-ctrl { background: #fff; margin-bottom: 3rem; }

.frm-file { overflow: hidden; margin-bottom: 5rem; }

@media screen and (min-width: 961px) { .frm-file { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

@media screen and (min-width: 961px) { .frm-file_ctn { width: 70%; } }

.frm-file_ctn input[type="file"] + input[type="file"] { margin-top: 1.5rem; }

.frm-file p { font-size: 1.6rem; font-weight: 500; color: #fff; }

@media screen and (min-width: 961px) { .frm-file p { width: 30%; } }

@media screen and (max-width: 960px) { .frm-file p { margin-bottom: 2rem; } }

.ww_btn { display: block; max-width: 22rem; height: 5.7rem; margin: 0 auto; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.ww_btn:after { position: absolute; content: ''; width: 0.8rem; height: 1.4rem; right: 3rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/arrow_btn_black.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.btn-submit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 22rem; height: 5.7rem; background: #fff; color: #494345; -moz-border-radius: 3.6rem; border-radius: 3.6rem; font-size: 1.6rem; font-weight: bold; cursor: pointer; -moz-box-shadow: 0 3px 3px rgba(185, 185, 185, 0.2); box-shadow: 0 3px 3px rgba(185, 185, 185, 0.2); }

.p-title { text-align: center; margin-bottom: 10rem; }

@media screen and (max-width: 960px) { .p-title { text-align: left; margin-bottom: 5rem; } }

.p-title .en { font-size: 5rem; letter-spacing: 0.1em; line-height: 1.2; font-weight: bold; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #ad1bdb; margin-bottom: 0.5rem; }

@media screen and (max-width: 960px) { .p-title .en { font-size: 3.3rem; margin: 0; } }

.p-title .ja { display: inline-block; font-size: 1.6rem; font-weight: 500; color: #ad1bdb; letter-spacing: 0.1em; }

.anchor { display: inline-block; visibility: hidden; height: 0; padding-top: 10rem; margin-top: -10rem; }

@media screen and (max-width: 960px) { .anchor { padding-top: 6.6rem; margin-top: -6.6rem; } }

@-webkit-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% { -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% { -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% { -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    transform: scale(1, 0); } }

@-webkit-keyframes elasticus_down { 0% { -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% { -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% { -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% { -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    transform: scale(1, 0); } }

.ns-elastic-up { position: relative; width: 0.1rem; height: 6.7rem; display: block; margin-top: 1.5rem; }

.ns-elastic-up:after { -webkit-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */ -moz-animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */ /* Opera 12+ */ animation: elasticus 2s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */ position: absolute; top: 0px; left: 50%; width: 1px; height: 6.7rem; background: #595656; content: ' '; }

@media screen and (min-width: 961px) { .tracking-wider { color: #595656; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.2rem; font-weight: bold; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; } }

.ns-elastic-down { position: relative; width: 0.1rem; height: 3.8rem; display: block; margin-bottom: 1.5rem; }

.ns-elastic-down:after { -webkit-animation: elasticus_down 2s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */ -moz-animation: elasticus_down 2s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */ /* Opera 12+ */ animation: elasticus_down 2s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */ position: absolute; top: 0px; left: 50%; width: 1px; height: 3.8rem; background: #1968A8; content: ' '; }

.pagetop { cursor: pointer; position: fixed; right: 2.6rem; bottom: 3rem; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.pagetop .tracking-wider { color: #ad1bdb; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; }

@media screen and (min-width: 961px) { .pagetop .tracking-wider { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; } }

@media screen and (min-width: 961px) { .pagetop.ab { position: absolute; right: 2.6rem; top: 3rem; bottom: auto; } }

@media screen and (max-width: 960px) { .pagetop { position: static; }
  .pagetop .ns-elastic-down { display: none; }
  .pagetop .tracking-wider { width: 100%; height: 100%; display: block; text-align: right; padding: 1.8rem 2rem; border-bottom: 1px solid #D8D8D8; font-size: 1.3rem; } }

/*----------------------------------------------------------
    keyframes
----------------------------------------------------------*/
@-webkit-keyframes menu { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(100%); transform: translateX(100%); }
  50.001% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@-moz-keyframes menu { 0% { -moz-transform: translateX(0); transform: translateX(0); }
  50% { -moz-transform: translateX(100%); transform: translateX(100%); }
  50.001% { -moz-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -moz-transform: translateX(0); transform: translateX(0); } }
@keyframes menu { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); }
  50.001% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } }

@-webkit-keyframes openMenu { 0% { -webkit-transform: translateY(120%); transform: translateY(120%); }
  40% { -webkit-transform: translateY(120%); transform: translateY(120%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-moz-keyframes openMenu { 0% { -moz-transform: translateY(120%); transform: translateY(120%); }
  40% { -moz-transform: translateY(120%); transform: translateY(120%); }
  100% { -moz-transform: translateY(0); transform: translateY(0); } }

@keyframes openMenu { 0% { -webkit-transform: translateY(120%); -moz-transform: translateY(120%); transform: translateY(120%); }
  40% { -webkit-transform: translateY(120%); -moz-transform: translateY(120%); transform: translateY(120%); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes closeMenu { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  60% { -webkit-transform: translateY(-120%); transform: translateY(-120%); }
  100% { -webkit-transform: translateY(-120%); transform: translateY(-120%); } }

@-moz-keyframes closeMenu { 0% { -moz-transform: translateY(0); transform: translateY(0); }
  60% { -moz-transform: translateY(-120%); transform: translateY(-120%); }
  100% { -moz-transform: translateY(-120%); transform: translateY(-120%); } }

@keyframes closeMenu { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
  60% { -webkit-transform: translateY(-120%); -moz-transform: translateY(-120%); transform: translateY(-120%); }
  100% { -webkit-transform: translateY(-120%); -moz-transform: translateY(-120%); transform: translateY(-120%); } }

@-webkit-keyframes scrollDown { 0% { -webkit-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0; }
  50% { -webkit-transform-origin: 100% 0; transform-origin: 100% 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50.1% { -webkit-transform: scaleY(1); transform: scaleY(1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  100% { -webkit-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; } }

@-moz-keyframes scrollDown { 0% { -moz-transform: scaleY(0); transform: scaleY(0);
    -moz-transform-origin: 100% 0;
         transform-origin: 100% 0; }
  50% { -moz-transform-origin: 100% 0; transform-origin: 100% 0;
    -moz-transform: scaleY(1);
         transform: scaleY(1); }
  50.1% { -moz-transform: scaleY(1); transform: scaleY(1);
    -moz-transform-origin: 0 100%;
         transform-origin: 0 100%; }
  100% { -moz-transform: scaleY(0); transform: scaleY(0);
    -moz-transform-origin: 0 100%;
         transform-origin: 0 100%; } }

@keyframes scrollDown { 0% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
       -moz-transform-origin: 100% 0;
            transform-origin: 100% 0; }
  50% { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0;
    -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
            transform: scaleY(1); }
  50.1% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  100% { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
            transform-origin: 0 100%; } }

.js-effect { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; -moz-transition: transform 0.5s, opacity 0.5s, -moz-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s; }

.delay_01 { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; }

.delay_02 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }

.delay_03 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }

.delay_04 { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.delay_05 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }

.delay_06 { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }

.delay_07 { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; }

.delay_08 { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }

.delay_09 { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; }

.delay_10 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }

.delay_11 { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; }

.delay_12 { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; }

.delay_13 { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; }

.delay_14 { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; transition-delay: 1.4s; }

.delay_15 { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; transition-delay: 1.5s; }

.fadeIn { opacity: 0; }

.fadeIn.active { opacity: 1; }

.slideUp { -webkit-transform: translate3d(0, 10rem, 0); -moz-transform: translate3d(0, 10rem, 0); transform: translate3d(0, 10rem, 0); opacity: 0; }

.slideUp.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slideToRight { -webkit-transform: translate3d(10rem, 0, 0); -moz-transform: translate3d(10rem, 0, 0); transform: translate3d(10rem, 0, 0); opacity: 0; }

.slideToRight.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

.fadeInUp { opacity: 0; -webkit-transform: translate(0, 5rem); -moz-transform: translate(0, 5rem); -ms-transform: translate(0, 5rem); transform: translate(0, 5rem); }

.fadeInUp.active { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

/** header area
====================================== **/
.page-header { position: fixed; left: 0; top: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 3rem 1.5rem 0 3rem; z-index: 9; }

@media screen and (max-width: 960px) { .page-header { padding: 2.4rem 2rem 0.5rem 2rem; }
  .page-header.open .site-logo { width: 7.3rem; }
  .page-header.is_active { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0.5rem; }
  .page-header.is_active .site-logo { width: 7.3rem; } }

.site-logo { width: 12.3rem; line-height: 0; position: relative; z-index: 12; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.site-logo a { display: inline-block; }

@media screen and (max-width: 960px) { .site-logo { width: 13.1rem; } }

.global-navi { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff; background: linear-gradient(181deg, rgb(255 102 154), rgb(154 52 253)); z-index: 9; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); visibility: hidden; overflow-y: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); -moz-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (min-width: 961px) { .global-navi { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (max-width: 960px) { .global-navi { padding: 12.5rem 0 3rem; } }

.global-navi .g-access_btn__item + .g-access_btn__item { margin-top: 3rem; }

.global-navi.open { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); -moz-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1); }

.global-navi.open .g-copy { opacity: 1; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }

.global-navi.open .g-nav { opacity: 1; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }

.global-navi.open .g-access { opacity: 1; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }

.g-copy { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (min-width: 961px) { .g-copy { margin-left: 6rem; } }

@media screen and (max-width: 960px) { .g-copy { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 0 2rem; } }

.g-copy h2 { display: inline-block; font-size: 13.7rem; font-weight: bold; letter-spacing: 0.2em; font-family: "Oswald", sans-serif; line-height: 1; }

@media screen and (min-width: 961px) { .g-copy h2 { margin-left: 2rem; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; } }

@media screen and (max-width: 960px) { .g-copy h2 img { width: 100%; } }

.g-copy span { display: inline-block; font-size: 1rem; }

@media screen and (min-width: 961px) { .g-copy span { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; } }

@media screen and (max-width: 960px) { .g-copy span { font-size: 0.9rem; } }

@media screen and (min-width: 961px) { .menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .menu-item { width: -webkit-calc(100%/2); width: -moz-calc(100%/2); width: calc(100%/2); }
  .menu-item:nth-child(3), .menu-item:nth-child(4), .menu-item:nth-child(5) { margin-top: 5rem; }
  .menu-item h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 1.3rem; } }

@media screen and (max-width: 960px) { .menu-item { padding: 0 2rem; border-bottom: 1px solid #fff; }
  .menu-item h3 { font-size: 1.6rem; padding: 2rem 0; position: relative; }
  .menu-item h3:before, .menu-item h3:after { position: absolute; content: ''; top: 50%; background: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .menu-item h3:before { right: 0.8rem; width: 1px; height: 1.8rem; }
  .menu-item h3:after { right: 0rem; width: 1.8rem; height: 1px; }
  .menu-item h3.active:before { opacity: 0; visibility: hidden; } }

.menu-sub { padding-left: 1.2rem; }

.menu-sub_item + .menu-sub_item { margin-top: 1.3rem; }

.menu-sub_item a { color: rgba(255, 255, 255, 0.7); font-size: 1.2rem; font-weight: 500; }

@media screen and (max-width: 960px) { .menu-sub_item a { font-size: 1.4rem; color: white; } }

@media screen and (min-width: 961px) { .menu-sub { display: block !important; } }

@media screen and (max-width: 960px) { .menu-sub { display: none; padding-bottom: 2rem; } }

.g-nav { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (min-width: 961px) { .g-nav { margin: 0 -webkit-calc(80/1280 * 100%); margin: 0 -moz-calc(80/1280 * 100%); margin: 0 calc(80/1280 * 100%); } }

@media screen and (max-width: 960px) { .g-nav { margin-top: 4rem; } }

.g-access { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (min-width: 961px) { .g-access { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 9rem; } }

@media screen and (max-width: 960px) { .g-access { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6rem; } }

.g-access_btn__item { width: 23.8rem; height: 6rem; }

.g-access_btn__item a { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; -moz-border-radius: 3.1rem; border-radius: 3.1rem; border: 0.2rem solid #fff; -moz-box-shadow: 0px 0px 3px rgba(185, 185, 185, 0.2); box-shadow: 0px 0px 3px rgba(185, 185, 185, 0.2); background: #fd659b; background: -webkit-gradient(left top, right top, color-stop(0%, #fd659b), color-stop(53%, #c549d3), color-stop(100%, #9c34fd)); background: -webkit-linear-gradient(left, #fd659b 0%, #c549d3 53%, #9c34fd 100%); background: -webkit-gradient(linear, left top, right top, from(#fd659b), color-stop(53%, #c549d3), to(#9c34fd)); background: -moz- oldlinear-gradient(left, #fd659b 0%, #c549d3 53%, #9c34fd 100%); background: linear-gradient(to right, #fd659b 0%, #c549d3 53%, #9c34fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd659b', endColorstr='#9c34fd', GradientType=1 ); }

.g-access_btn__item a span { display: block; text-align: center; }

.g-access_btn__item a span.txt_en { font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 1.6rem; font-weight: bold; }

.g-access_btn__item a span.txt_ja { font-size: 0.9rem; }

.g-access_btn__item a:hover { background: #fff; color: #ad1bdb; border: 0.2rem solid #ad1bdb; }

.g-access_btn__item--inner { position: relative; }

.g-access_btn__item--inner:after { position: absolute; content: ''; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.g-access_btn__item.entry__item .g-access_btn__item--inner { padding-right: 3rem; }

.g-access_btn__item.entry__item .g-access_btn__item--inner:after { width: 1.8rem; height: 1.8rem; background: url(../img/icon_entry_white.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.g-access_btn__item.entry__item a:hover .g-access_btn__item--inner:after { background: url(../img/icon_entry_blue.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.g-access_btn__item.info__item .g-access_btn__item--inner { padding-right: 3.2rem; }

.g-access_btn__item.info__item .g-access_btn__item--inner:after { width: 2rem; height: 2.4rem; background: url(../img/icon_information_white.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.g-access_btn__item.info__item a span.txt_en { font-size: 1.2rem; line-height: 1; }

.g-access_btn__item.info__item a span.txt_ja { margin-top: 0.3rem; }

.g-access_btn__item.info__item a:hover .g-access_btn__item--inner:after { background: url(../img/icon_information_blue.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.g-access_btn__item.bg__white a { background: #fff; color: #0d0d0d; }

.g-access_btn__item.bg__white.entry__item .g-access_btn__item--inner:after { background: url(../img/icon_entry_blue.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.g-access_btn__item.bg__white.info__item .g-access_btn__item--inner:after { background: url(../img/icon_information_blue.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.g-access_add { font-size: 1.2rem; line-height: 1.667; margin-top: 4rem; }

@media screen and (max-width: 960px) { .g-access_add { text-align: center; } }

@media (min-width: 961px) and (max-width: 1366px) { .g-copy h2 { font-size: 10rem; } }

/** footer
======================================= **/
.page-footer { border-top: 1px solid #D8D8D8; position: relative; z-index: 1; }

.page-footer .container { padding: 0; }

@media screen and (min-width: 961px) { .footer-top { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 4.6rem 0; } }

@media screen and (min-width: 961px) { .footer-info { width: 24rem; } }

@media screen and (max-width: 960px) { .footer-info { padding: 0 2rem; margin-top: 10rem; }
  .footer-info .g-access_btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3rem; } }

.footer-info .g-access_btn__item + .g-access_btn__item { margin-top: 1.8rem; }

.footer-logo { width: 14rem; margin-bottom: 1rem; }

@media screen and (max-width: 960px) { .footer-logo { margin: 0 auto 3rem; text-align: center; } }

.footer-add { font-size: 1rem; line-height: 1.5; letter-spacing: 0.05em; margin-bottom: 3rem; }

@media screen and (max-width: 960px) { .footer-add { font-size: 1.2rem; text-align: center; } }

@media screen and (min-width: 961px) { .footer-navi { width: -webkit-calc(100% - 24rem); width: -moz-calc(100% - 24rem); width: calc(100% - 24rem); padding: 0 5rem 0 4.5rem; } }

@media screen and (min-width: 961px) { .footer-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; justify-content: flex-start;} }

@media screen and (max-width: 960px) { .footer-menu_item { padding: 0 2rem; border-bottom: 1px solid #C9C9C9; } }

.footer-menu_item h3 { font-size: 1.2rem; font-weight: bold; color: #ad1bdb; margin-bottom: 1.3rem; }

@media screen and (max-width: 960px) { .footer-menu_item h3 { font-size: 1.6rem; padding: 2rem 0; margin: 0; position: relative; }
  .footer-menu_item h3:before, .footer-menu_item h3:after { position: absolute; content: ''; top: 50%; background: #707070; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .footer-menu_item h3:before { right: 0.8rem; width: 1px; height: 1.8rem; }
  .footer-menu_item h3:after { right: 0rem; width: 1.8rem; height: 1px; }
  .footer-menu_item h3.active:before { opacity: 0; visibility: hidden; } }

.footer-menu_sub { padding: 0 0 0 1rem; }

@media screen and (min-width: 961px) { .footer-menu_sub { display: block !important; } }

@media screen and (max-width: 960px) { .footer-menu_sub { display: none; padding-bottom: 2rem; } }

.footer-menu_sub__item + .footer-menu_sub__item { margin-top: 1.3rem; }

.footer-menu_sub__item a { display: inline-block; font-size: 1.2rem; color: #595656; }

@media screen and (max-width: 960px) { .footer-menu_sub__item a { font-size: 1.4rem; } }

.footer-bottom { border-top: 1px solid #D8D8D8; padding: 1rem 0; }

.footer-bottom a { display: inline-block; font-size: 1rem; }

.footer-bottom span { display: inline-block; margin: 0 1rem; }

.footer-bottom .copyright { display: inline-block; font-size: 1rem; }

@media screen and (max-width: 960px) { .footer-bottom { padding: 0 2rem 1rem; border: none; }
  .footer-bottom a { display: block; text-align: center; }
  .footer-bottom span { display: none; }
  .footer-bottom .copyright { display: block; text-align: center; } }

/** home
======================================= **/
@-webkit-keyframes header_animate { 0% { opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@-moz-keyframes header_animate { 0% { opacity: 1;
    -moz-transform: scale(1.1);
         transform: scale(1.1); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1); } }
@keyframes header_animate { 0% { opacity: 1;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1); }
  25% { opacity: 1; }
  100% { opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

.main-visual { position: relative; z-index: 1; height: 100vh; }

@media screen and (min-width: 961px) { .main-visual { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10rem 7rem 5rem 0; } }

@media screen and (max-width: 960px) { .main-visual { padding: 7rem 2rem 0 2rem; } }

.mv-slider { height: 100%; }

@media screen and (min-width: 961px) { .mv-slider { width: -webkit-calc((100% - 1280px) / 2 + 1140px); width: -moz-calc((100% - 1280px) / 2 + 1140px); width: calc((100% - 1280px) / 2 + 1140px); margin: 0 0 0 auto; } }

.mv-slider_item { height: 100%; position: relative; }

@media screen and (min-width: 961px) { .mv-slider_item { padding-left: 10rem; } }

.mv-slider_item__img { display: inline-block; line-height: 0; position: relative; height: 100%; width: 100%; overflow: hidden; }

.mv-slider_item__img:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 960px) { .mv-slider_item__img { background: none !important; } }

.mv-slider_item__img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (min-width: 961px) { .mv-slider_item__img img { display: none; height: 110%; width: auto; max-width: inherit; } }

@media screen and (max-width: 960px) { .mv-slider_item__img img { width: 110%; height: auto; max-width: inherit; } }

.mv-slider_item__ctn { position: absolute; left: 0; bottom: 10rem; display: inline-table; }

@media screen and (max-width: 960px) { .mv-slider_item__ctn { margin: 0 0.7rem; bottom: 17rem; } }

.mv-slider_item__ttl { display: inline-block; font-size: 6rem; font-weight: bold; letter-spacing: 0.2em; line-height: 1.7; color: #fff; }

@media screen and (max-width: 960px) { .mv-slider_item__ttl { font-size: 3.8rem; letter-spacing: 0.1em; line-height: 1.315; margin-bottom: 1.5rem; } }

.mv-slider_item__txt { display: inherit; }

.mv-slider_item__txt__cp { display: inline-block; }

@media screen and (min-width: 961px) { .mv-slider_item__txt__cp { padding: 1.2rem 1.5rem; background: #fff; } }

.mv-slider_item__txt__cp span { display: inline-block; font-size: 2.8rem; font-weight: bold; letter-spacing: 0.2em; }

@media screen and (max-width: 960px) { .mv-slider_item__txt__cp span { padding: 1rem 1rem; background: #fff; font-size: 2rem; letter-spacing: 0.15em; }
  .mv-slider_item__txt__cp span:nth-child(2) { margin-top: 0.6rem; } }

@media screen and (min-width: 961px) { .mv-slider_item__txt__link { text-align: right; } }

@media screen and (max-width: 960px) { .mv-slider_item__txt__link { margin-top: 1.5rem; } }

.mv-slider_item__txt__link a { display: inline-block; color: #fff; font-size: 2rem; font-weight: bold; letter-spacing: 0.05em; padding: 1rem 2.5rem; background: #9c34fd; background: -webkit-gradient(left top, left bottom, color-stop(0%, #9c34fd), color-stop(34%, #c549d3), color-stop(67%, #3687b5), color-stop(100%, #59aad8)); background: -webkit-linear-gradient(top, #9c34fd 0%, #c549d3 34%, #3687b5 67%, #59aad8 100%); background: -webkit-gradient(linear, left top, left bottom, from(#9c34fd), color-stop(34%, #c549d3), color-stop(67%, #3687b5), to(#59aad8)); background: -moz- oldlinear-gradient(top, #9c34fd 0%, #c549d3 34%, #3687b5 67%, #59aad8 100%); background: linear-gradient(to bottom, #9c34fd 0%, #c549d3 34%, #3687b5 67%, #59aad8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c34fd', endColorstr='#59aad8', GradientType=0 ); }

@media screen and (max-width: 960px) { .mv-slider_item__txt__link a { font-size: 1.8rem; } }

.mv-slider .slick-list { height: 100%; }

.mv-slider .slick-track { height: 100%; }

@media screen and (min-width: 961px) { .mv-slider .slick-dots { position: absolute; right: -4.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media screen and (max-width: 960px) { .mv-slider .slick-dots { text-align: center; line-height: 0; position: absolute; left: 50%; bottom: 2.5rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } }

.mv-slider .slick-dots li { width: 1rem; height: 1rem; background: #898989; -moz-border-radius: 50%; border-radius: 50%; }

.mv-slider .slick-dots li + li { margin-top: 1.5rem; }

.mv-slider .slick-dots li button { border: none; outline: none; background: none; text-indent: -9999px; padding: 0; margin: 0; }

.mv-slider .slick-dots li.slick-active { background: #fd659b; background: -webkit-gradient(left top, right top, color-stop(0%, #fd659b), color-stop(53%, #c549d3), color-stop(100%, #9c34fd)); background: -webkit-linear-gradient(left, #fd659b 0%, #c549d3 53%, #9c34fd 100%); background: -webkit-gradient(linear, left top, right top, from(#fd659b), color-stop(53%, #c549d3), to(#9c34fd)); background: -moz- oldlinear-gradient(left, #fd659b 0%, #c549d3 53%, #9c34fd 100%); background: linear-gradient(to right, #fd659b 0%, #c549d3 53%, #9c34fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd659b', endColorstr='#9c34fd', GradientType=1 ); }

@media screen and (max-width: 960px) { .mv-slider .slick-dots li { display: inline-block; }
  .mv-slider .slick-dots li + li { margin-left: 1.5rem; margin-top: 0; } }

.mv-scroll { position: absolute; right: 2.6rem; bottom: 0; }

@media screen and (max-width: 960px) { .mv-scroll { display: none; } }

.mv-slider_item .mv-slider_item__ctn { -webkit-transition: opacity 2s; -moz-transition: opacity 2s; transition: opacity 2s; opacity: 0; visibility: hidden; }

.mv-slider_item .overlay { position: relative; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s; opacity: 0; visibility: hidden; }

.mv-slider_item .overlay:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: #fff; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -moz-transition: transform .3s, -moz-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -moz-transform .3s; transition: transform .3s, -webkit-transform .3s; }

.mv-slider_item.slick-active .mv-slider_item__ctn { opacity: 1; visibility: visible; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; transition-delay: 1.5s; }

.mv-slider_item.slick-active .overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; transition-delay: 1.5s; }

.mv-slider_item.slick-active .overlay:after { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition-delay: 2s; -moz-transition-delay: 2s; transition-delay: 2s; }

.pace-done .main-visual:after { -webkit-animation: header_animate 2s linear; -moz-animation: header_animate 2s linear; animation: header_animate 2s linear; }

.right { -webkit-animation: right-animate 1s ease alternate; -moz-animation: right-animate 1s ease alternate; animation: right-animate 1s ease alternate; }

@-webkit-keyframes right-animate { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top; }
  50% { -webkit-transform: scale(0, 1); transform: scale(0, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top; }
  51% { -webkit-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top; }
  100% { -webkit-transform: scale(0, 1); transform: scale(0, 1);
    -webkit-transform-origin: left top;
            transform-origin: left top; } }

@-moz-keyframes right-animate { 0% { -moz-transform: scale(1, 1); transform: scale(1, 1);
    -moz-transform-origin: left top;
         transform-origin: left top; }
  50% { -moz-transform: scale(0, 1); transform: scale(0, 1);
    -moz-transform-origin: left top;
         transform-origin: left top; }
  51% { -moz-transform: scale(1, 1); transform: scale(1, 1);
    -moz-transform-origin: left top;
         transform-origin: left top; }
  100% { -moz-transform: scale(0, 1); transform: scale(0, 1);
    -moz-transform-origin: left top;
         transform-origin: left top; } }

@keyframes right-animate { 0% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
            transform-origin: left top; }
  50% { -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
            transform-origin: left top; }
  51% { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
            transform-origin: left top; }
  100% { -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
            transform-origin: left top; } }

@media screen and (min-width: 961px) { .sc-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.sc-row .sc-copy .sc-title { margin-bottom: 3rem; }

.sc-row .sc-copy .heading-lv3 { margin-bottom: 3rem; }

.sc-row .sc-copy .txt { margin-bottom: 6rem; }

.sc-row .sc-img { position: relative; }

.sc-row .sc-img:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: #fff; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -moz-transition: transform 1s, -moz-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s, -moz-transform 1s; transition: transform 1s, -webkit-transform 1s; }

.sc-row.fadein .sc-img:after { -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }

/** section-message **/
.section-message { margin-bottom: 10rem; }

@media screen and (min-width: 961px) { .section-message .sc-img { width: -webkit-calc(442/1080 * 100%); width: -moz-calc(442/1080 * 100%); width: calc(442/1080 * 100%); }
  .section-message .sc-copy { width: -webkit-calc(538/1080 * 100%); width: -moz-calc(538/1080 * 100%); width: calc(538/1080 * 100%); } }

/** section-work **/
.section-work { margin-bottom: 10rem; }

.section-work .sc-row { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }

.section-work .sc-row .sc-img:after { -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.section-work .sc-row.fadein .sc-img:after { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

@media screen and (min-width: 961px) { .section-work .sc-img { width: -webkit-calc(620/1080 * 100%); width: -moz-calc(620/1080 * 100%); width: calc(620/1080 * 100%); margin-right: -3rem; }
  .section-work .sc-copy { width: -webkit-calc(490/1080 * 100%); width: -moz-calc(490/1080 * 100%); width: calc(490/1080 * 100%); } }

/** section-interview **/
.section-interview { margin: 0 0 10rem 0; padding: 0 0 8rem 0; position: relative; }

.section-interview:after { position: absolute; content: ''; width: 100%; height: 60%; top: 28%; left: 0; -webkit-transform: skewY(-10deg); -moz-transform: skewY(-10deg); -ms-transform: skewY(-10deg); transform: skewY(-10deg); z-index: -1; background: rgba(173, 255, 249, 0.1); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173, 255, 249, 0.1)), color-stop(55%, rgba(35, 185, 188, 0.1)), color-stop(100%, rgba(42, 218, 221, 0.1))); background: -webkit-linear-gradient(left, rgba(173, 255, 249, 0.1) 0%, rgba(35, 185, 188, 0.1) 55%, rgba(42, 218, 221, 0.1) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(173, 255, 249, 0.1)), color-stop(55%, rgba(35, 185, 188, 0.1)), to(rgba(42, 218, 221, 0.1))); background: -moz- oldlinear-gradient(left, rgba(173, 255, 249, 0.1) 0%, rgba(35, 185, 188, 0.1) 55%, rgba(42, 218, 221, 0.1) 100%); background: linear-gradient(to right, rgba(173, 255, 249, 0.1) 0%, rgba(35, 185, 188, 0.1) 55%, rgba(42, 218, 221, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd659b', endColorstr='#9c34fd', GradientType=1 ); }

.section-interview .sc-title { text-align: center; margin-bottom: 5rem; }

.section-interview .wrap-btn .btn { margin: 0 auto; background: #fff; }

@media screen and (min-width: 961px) { .p-home_interview { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 5rem -6rem; } }

@media screen and (min-width: 961px) { .p-home_interview__item { width: -webkit-calc(100%/3 - 6rem); width: -moz-calc(100%/3 - 6rem); width: calc(100%/3 - 6rem); margin: 0 0 0 6rem; }
  .p-home_interview__item:nth-child(1) { margin-top: 10rem; }
  .p-home_interview__item:nth-child(2) { margin-top: 5rem; } }

.p-home_interview__item--thumb { line-height: 0; position: relative; overflow: hidden; }

.p-home_interview__item--pos { width: 13.1rem; height: 4.2rem; font-weight: 500; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; position: absolute; left: 0; bottom: 0; background: #fd659b; background: -webkit-gradient(left top, right top, color-stop(0%, #fd659b), color-stop(53%, #c549d3), color-stop(100%, #9c34fd)); background: -webkit-linear-gradient(left, #fd659b 0%, #c549d3 53%, #9c34fd 100%); background: -webkit-gradient(linear, left top, right top, from(#fd659b), color-stop(53%, #c549d3), to(#9c34fd)); background: -moz- oldlinear-gradient(left, #fd659b 0%, #c549d3 53%, #9c34fd 100%); background: linear-gradient(to right, #fd659b 0%, #c549d3 53%, #9c34fd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd659b', endColorstr='#9c34fd', GradientType=1 ); }

.p-home_interview__item--ctn { text-align: center; padding: 2rem; }

.p-home_interview__item--name__en { display: block; font-size: 2.8rem; font-weight: 400; color: #ad1bdb; letter-spacing: 0.2em; font-family: "Oswald", sans-serif; }

.p-home_interview__item--name__ja { display: block; color: #ad1bdb; font-style: normal; letter-spacing: 0.3em; }

.p-home_interview__item--join { display: block; margin-top: 2rem; }

.p-home_interview__item a { display: block; background: #fff; }

.p-home_interview__item a img { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }

.p-home_interview__item a:hover { opacity: 1; }

.p-home_interview__item a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

/** section-seminar **/
.section-seminar { margin: 0 0 10rem 0; }

.section-seminar .wrap-btn { margin-top: 3rem; }

.section-seminar .wrap-btn .btn { margin: 0 auto; }

.section-seminar .seminar-row { background: #ad1bdb; padding: 1.8rem 3rem 1.8rem 1.8rem; }

@media screen and (min-width: 961px) { .section-seminar .seminar-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media screen and (min-width: 961px) { .section-seminar .seminar-img { width: 52.2rem; margin-top: -3.6rem; } }

.section-seminar .seminar-ctn { text-align: center; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; }

@media screen and (min-width: 961px) { .section-seminar .seminar-ctn { width: 49.4rem; } }

.section-seminar .seminar-ctn:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/top/se_bg.png) center center no-repeat; -moz-background-size: cover; background-size: cover; z-index: -1; }

.section-seminar .seminar-lbl span { display: inline-block; font-size: 2.6rem; font-weight: bold; letter-spacing: 0.1em; position: relative; padding: 0 2.8rem; }

.section-seminar .seminar-lbl span:before, .section-seminar .seminar-lbl span:after { position: absolute; content: ''; width: 1.7rem; height: 2.6rem; top: 0.5rem; background: url(../img/top/se_icon.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.section-seminar .seminar-lbl span:before { left: 0; }

.section-seminar .seminar-lbl span:after { right: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }

.section-seminar .seminar-ttl { font-size: 4rem; font-weight: bold; letter-spacing: 0.2em; margin-top: 1rem; }

@media screen and (min-width: 961px) { .p-service .sc-title { text-align: center; margin-bottom: 6rem; } }

@media screen and (max-width: 960px) { .p-service .sc-title { margin-bottom: 5rem; } }

@media screen and (min-width: 961px) { .p-service_copy { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.p-service_copy .head_txt { font-size: 2.3rem; letter-spacing: 0.1em; line-height: 2.17; }

@media screen and (max-width: 960px) { .p-service_copy .head_txt { font-size: 2rem; line-height: 2.25; } }

.p-service_copy .copy_txt { font-size: 1.6rem; letter-spacing: 0.1em; line-height: 2.5; margin-top: 3rem; margin-bottom: 6rem; }

@media screen and (min-width: 961px) { .p-service_logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 4rem -6rem; padding: 0 4.5rem; }
  .p-service_logo__item { width: -webkit-calc(100%/3 - 6rem); width: -moz-calc(100%/3 - 6rem); width: calc(100%/3 - 6rem); margin: 0 0 6rem 6rem; } }

@media screen and (max-width: 960px) { .p-service_logo { margin-bottom: 10rem; }
  .p-service_logo__item + .p-service_logo__item { margin-top: 1rem; } }

.p-interview { /** detail page **/ }

@media screen and (min-width: 961px) { .p-interview_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 10rem 0; } }

@media screen and (max-width: 960px) { .p-interview_list { margin-bottom: 8rem; } }

@media screen and (min-width: 961px) { .p-interview_item { width: -webkit-calc(475/1080 * 100%); width: -moz-calc(475/1080 * 100%); width: calc(475/1080 * 100%); padding-right: 7.7rem; }
  .p-interview_item:nth-child(2n + 2) { margin-top: 20rem; } }

@media screen and (max-width: 960px) { .p-interview_item + .p-interview_item { margin-top: 3rem; } }

.p-interview_item__thumb { position: relative; }

.p-interview_item__thumb figure { overflow: hidden; -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

.p-interview_item__thumb figure img { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.p-interview_item__desc { display: inline-block; background: #fff; font-size: 3.3rem; line-height: 1.5; padding: 1rem; position: absolute; right: -7.7rem; bottom: 4rem; }

@media screen and (max-width: 960px) { .p-interview_item__desc { font-size: 2rem; right: 0; bottom: 2rem; } }

.p-interview_item__ctn { padding: 2rem; }

.p-interview_item__pos { display: block; margin: 0 0 1rem 0; }

.p-interview_item__name__en { font-size: 2.8rem; font-weight: bold; letter-spacing: 0.2em; font-family: "Oswald", sans-serif; }

.p-interview_item__name__ja { display: block; font-style: normal; }

.p-interview_item__join { display: block; margin-top: 2rem; }

.p-interview_item a { display: block; }

.p-interview_item a:hover { opacity: 1; }

.p-interview_item a:hover .p-interview_item__thumb img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

.p-interview-detail { padding: 16.5rem 0 10rem; }

@media screen and (min-width: 961px) { .p-interview-detail_information { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media screen and (min-width: 961px) { .p-interview-detail_information__img { width: -webkit-calc(540/1080 * 100%); width: -moz-calc(540/1080 * 100%); width: calc(540/1080 * 100%); } }

@media screen and (max-width: 960px) { .p-interview-detail_information__img { margin-bottom: 5rem; } }

.p-interview-detail_information__img figure { overflow: hidden; -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

@media screen and (min-width: 961px) { .p-interview-detail_information__ctn { width: -webkit-calc(460/1080 * 100%); width: -moz-calc(460/1080 * 100%); width: calc(460/1080 * 100%); } }

.p-interview-detail_information__ctn dl { font-weight: 500%; }

@media screen and (min-width: 961px) { .p-interview-detail_information__ctn dl { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } }

@media screen and (max-width: 960px) { .p-interview-detail_information__ctn dl { font-size: 2rem; line-height: 1.6; } }

@media screen and (min-width: 961px) { .p-interview-detail_information__ctn dl + dl { margin-top: 1.5rem; } }

.p-interview-detail_information__pos { display: block; font-size: 2.4rem; margin-bottom: 1.5rem; font-weight: 500; }

@media screen and (max-width: 960px) { .p-interview-detail_information__pos { font-size: 2rem; } }

.p-interview-detail_information__name__en { font-size: 4.8rem; font-weight: 400; font-family: "Oswald", sans-serif; letter-spacing: 0.2em; }

@media screen and (max-width: 960px) { .p-interview-detail_information__name__en { font-size: 3.9rem; } }

.p-interview-detail_information__name__ja { display: block; font-size: 2.4rem; margin-bottom: 4rem; font-weight: 500; }

@media screen and (max-width: 960px) { .p-interview-detail_information__name__ja { font-size: 2rem; margin-bottom: 3rem; } }

.p-interview-detail_qa { padding: 10rem 0; }

@media screen and (max-width: 960px) { .p-interview-detail_qa { padding: 5rem 0 10rem; } }

.p-interview-detail_qa__row { background: #fff; padding: 5rem 5.5rem; -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

@media screen and (max-width: 960px) { .p-interview-detail_qa__row { padding: 5rem 3rem; } }

.p-interview-detail_qa__row + .p-interview-detail_qa__row { margin-top: 5rem; }

.p-interview-detail_qa__row dt { font-size: 2rem; font-weight: 400; letter-spacing: 0.05em; border-bottom: 1px solid #595656; position: relative; padding: 0 0 3rem 0; line-height: 1.35; }

.p-interview-detail_qa__row dt:after { position: absolute; content: ''; width: 3.5rem; height: 2px; left: 0; bottom: -2px; background: #ad1bdb; }

@media screen and (max-width: 960px) { .p-interview-detail_qa__row dt { text-indent: -2.5rem; padding: 0 0 2rem 2.5rem; } }

.p-interview-detail_qa__row dd { font-weight: 400; letter-spacing: 0.05em; padding: 3rem 0 0 3rem; line-height: 1.93; }

@media screen and (max-width: 960px) { .p-interview-detail_qa__row dd { padding: 2rem 0 0 1.5rem; } }

@media screen and (min-width: 961px) { .about-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .about-row_img { width: -webkit-calc(347/1080 * 100%); width: -moz-calc(347/1080 * 100%); width: calc(347/1080 * 100%); }
  .about-row_ctn { width: -webkit-calc(683/1080 * 100%); width: -moz-calc(683/1080 * 100%); width: calc(683/1080 * 100%); } }

@media screen and (max-width: 960px) { .about-row_img { width: 100%; margin-bottom: 3rem; }
  .about-row_img .about-maps { height: 24rem; } }

.about-line { padding: 2rem 0; border-bottom: 1px solid #595656; position: relative; }

@media screen and (min-width: 961px) { .about-line { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.about-line:after { position: absolute; content: ''; width: 3.5rem; height: 2px; left: 0; bottom: -2px; background: #ad1bdb; }

.about-line:first-child { border-top: 1px solid #595656; }

.about-line_ttl { font-size: 1.6rem; font-weight: bold; }

@media screen and (min-width: 961px) { .about-line_ttl { width: -webkit-calc(195/683 * 100%); width: -moz-calc(195/683 * 100%); width: calc(195/683 * 100%); } }

@media screen and (max-width: 960px) { .about-line_ttl { margin-bottom: 1.8rem; } }

.about-line_ttl.line__icon span { display: inline-block; position: relative; padding-right: 2rem; }

.about-line_ttl.line__icon span:after { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/paper-plane-solid.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.about-line_txt { line-height: 1.43; letter-spacing: 0.05em; }

@media screen and (min-width: 961px) { .about-line_txt { width: -webkit-calc(488/683 * 100%); width: -moz-calc(488/683 * 100%); width: calc(488/683 * 100%); padding: 0 2rem; } }

.about-maps { width: 100%; height: 100%; position: relative; }

.about-maps iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.p-about-what { margin: 0 0 10rem 0; }

.p-about-what .sc-title { margin-bottom: 5rem; }

@media screen and (max-width: 960px) { .p-about-what .sc-title .ja { line-height: 1.875; } }

.p-about-what_inner { max-width: 118rem; background: #fff; margin: 0 auto; padding: 6rem 0; -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

@media screen and (max-width: 960px) { .p-about-what_inner { padding: 3rem 0 5rem; margin: 0 2rem; } }

.p-about-what_row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

@media screen and (min-width: 961px) { .p-about-what_col { width: 50%; } }

.p-about-what_col__ttl { font-size: 1.8rem; font-weight: 400; color: #595656; margin-bottom: 1.5rem; }

.p-about-what_col__ttl.mgt { margin-top: 4rem; }

.p-about-what_col__line { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }

.p-about-what_col__line + .p-about-what_col__line { margin-top: 3rem; }

@media screen and (max-width: 960px) { .p-about-what_col__line + .p-about-what_col__line { margin-top: 2rem; } }

.p-about-what_col__line dt { font-size: 1.8rem; font-family: "Oswald", sans-serif; font-weight: 400; letter-spacing: 0.1em; width: 13rem; }

.p-about-what_col__line dt:first-letter { color: #ad1bdb; }

@media screen and (max-width: 960px) { .p-about-what_col__line dt { width: 12rem; } }

.p-about-what_col__line dd { font-size: 1.6rem; position: relative; padding-left: 13rem; }

@media screen and (max-width: 960px) { .p-about-what_col__line dd { padding-left: 4rem; }
  .p-about-what_col__line dd span { display: block; text-align: center; font-size: 1.2rem; } }

.p-about-what_col__line dd:after { position: absolute; content: ''; width: 11rem; height: 1px; left: 0; top: 1.2rem; background: #595656; }

@media screen and (max-width: 960px) { .p-about-what_col__line dd:after { width: 4.4rem; } }

.p-about-what_col.only-one { text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 960px) { .p-about-what_col.only-one { margin-top: 5rem; } }

.p-about-what_col.only-one p { font-size: 2.2rem; line-height: 3.14; }

@media screen and (max-width: 960px) { .p-about-what_col.only-one p { font-size: 1.6rem; } }

.p-about-what_col.only-one h3 { font-size: 4.6rem; color: #ad1bdb; margin: 5rem 0; }

@media screen and (max-width: 960px) { .p-about-what_col.only-one h3 { font-size: 3.6rem; margin: 3rem 0 3rem; } }

.p-about-what_col.only-one h3 span { display: inline-block; position: relative; }

.p-about-what_col.only-one h3 span:before, .p-about-what_col.only-one h3 span:after { position: absolute; content: ''; width: 2.4rem; height: 2.8rem; border: 1px solid #595656; }

.p-about-what_col.only-one h3 span:before { top: 0; left: -2rem; border-right: none; border-bottom: none; }

.p-about-what_col.only-one h3 span:after { bottom: 0; right: -2rem; border-left: none; border-top: none; }

.p-about-company { margin: 10rem 0 10rem 0; position: relative; }

.p-about-company:after { position: absolute; content: ''; width: 100%; height: 107%; top: 7%; left: 0; -webkit-transform: skewY(-13deg); -moz-transform: skewY(-13deg); -ms-transform: skewY(-13deg); transform: skewY(-13deg); z-index: -1; background: rgba(173, 255, 249, 0.1); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173, 255, 249, 0.1)), color-stop(55%, rgba(35, 185, 188, 0.1)), color-stop(100%, rgba(42, 218, 221, 0.1))); background: -webkit-linear-gradient(left, rgba(173, 255, 249, 0.1) 0%, rgba(35, 185, 188, 0.1) 55%, rgba(42, 218, 221, 0.1) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(173, 255, 249, 0.1)), color-stop(55%, rgba(35, 185, 188, 0.1)), to(rgba(42, 218, 221, 0.1))); background: -moz- oldlinear-gradient(left, rgba(173, 255, 249, 0.1) 0%, rgba(35, 185, 188, 0.1) 55%, rgba(42, 218, 221, 0.1) 100%); background: linear-gradient(to right, rgba(173, 255, 249, 0.1) 0%, rgba(35, 185, 188, 0.1) 55%, rgba(42, 218, 221, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd659b', endColorstr='#9c34fd', GradientType=1 ); }

@media screen and (max-width: 960px) { .p-about-company .sc-title { margin-bottom: 5rem; } }

.p-about-oursite { margin: 0 0 10rem 0; }

@media screen and (max-width: 960px) { .p-about-oursite .sc-title { margin-bottom: 5rem; } }

.p-about-oursite_art + .p-about-oursite_art { margin-top: 5rem; }

.p-about-oursite_art__title { font-size: 2.8rem; font-weight: bold; letter-spacing: 0.2em; margin-bottom: 2rem; }

.p-about-oursite_art__copy { line-height: 2.15; margin-bottom: 2rem; }

.p-about-oursite_art__content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.p-about-oursite_art__content .about-line { width: 100%; }

@media screen and (min-width: 961px) { .p-about-oursite_art__content .about-line:nth-child(2), .p-about-oursite_art__content .about-line:nth-child(3) { width: 50%; } }

.p-about-studio { margin: 0 0 10rem 0; }

@media screen and (min-width: 961px) { .p-about-studio .sc-title { text-align: center; } }

@media screen and (min-width: 961px) { .p-about-studio_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -3rem; padding: 0 3rem; } }

.p-about-studio_item { -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

@media screen and (min-width: 961px) { .p-about-studio_item { width: -webkit-calc(100%/2 - 3rem); width: -moz-calc(100%/2 - 3rem); width: calc(100%/2 - 3rem); padding: 3rem; margin: 0 0 3rem 3rem; } }

@media screen and (max-width: 960px) { .p-about-studio_item { padding: 3rem 2rem; } }

.p-about-studio_item h3 { font-size: 2.8rem; font-weight: bold; letter-spacing: 0.2em; margin-bottom: 1rem; }

.p-about-studio_item figure { margin-top: 2rem; }

.p-wrapper_no .page-main { padding-top: 29.5rem; }

@media screen and (max-width: 960px) { .p-wrapper_no .page-main { padding-top: 17.5rem; } }

.p-session .container { max-width: 114rem; }

@media screen and (max-width: 960px) { .p-session .container { padding: 0 2rem 0 2.5rem; } }

.p-session_form { max-width: 63rem; padding: 0 1.5rem; margin: 0 auto; }

@media screen and (max-width: 960px) { .p-session { padding-top: 5rem; } }

.p-session .ww_btn:after { margin-top: -0.5rem; width: 1.3rem; height: 0.8rem; background: url(../img/arrow_btn_white.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.p-session .btn-submit { background: #ad1bdb; color: #fff; }

select { /* Reset Select */ -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border: 0; -moz-box-shadow: none; box-shadow: none; /* Personalize */ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1rem; background-image: none; cursor: pointer; }

/* Remove IE arrow */
select::-ms-expand { display: none; }

/* Custom Select wrapper */
[type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; }

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; }

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 17px; height: 17px; border: 1px solid #CCCCCC; -moz-border-radius: 100%; border-radius: 100%; background: #F3F3F3; -moz-box-sizing: border-box; box-sizing: border-box; }

[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 11px; height: 11px; background: #434443; position: absolute; top: 3px; left: 3px; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.ipt { border: none; outline: none; background: #fff; -moz-border-radius: 0; border-radius: 0; width: 100%; }

.ipt.medium { max-width: 29rem; }

@media screen and (max-width: 960px) { .ipt.medium { max-width: 100%; } }

.ipt.short { max-width: 7.8rem; }

@media screen and (max-width: 960px) { .ipt.short { max-width: 100%; } }

.ipt.are { height: 24.5rem; }

@media screen and (max-width: 960px) { .ipt.are { height: 15rem; } }

.ipt.add { height: 5.6rem; }

.required { display: inline-block; color: #E50011; margin-right: 1rem; }

.optional { display: inline-block; font-size: 1.3rem; color: #fff; background: #DDDDDD; border: 1px solid #ACACAC; -moz-border-radius: 1rem; border-radius: 1rem; width: 5rem; height: 2.2rem; text-align: center; padding: 0.2rem 0; }

.l-form_head { text-align: center; margin-bottom: 5rem; font-size: 1.6rem; line-height: 1.35; }

@media screen and (max-width: 960px) { .l-form_head { text-align: left; line-height: 1.5; } }

.l-form_ctrl { border-bottom: 1px solid #E3E3E3; }

@media screen and (min-width: 961px) { .l-form_ctrl { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 4rem 0; } }

@media screen and (max-width: 960px) { .l-form_ctrl { padding: 3rem 0; } }

.l-form_ctrl:first-child { border-top: 1px solid #E3E3E3; }

@media screen and (min-width: 961px) { .l-form_ctrl__lbl { width: -webkit-calc(275/1110 * 100%); width: -moz-calc(275/1110 * 100%); width: calc(275/1110 * 100%); padding: 0 0 0 9.5rem; } }

@media screen and (max-width: 960px) { .l-form_ctrl__lbl { margin-bottom: 1rem; } }

@media screen and (min-width: 961px) { .l-form_ctrl__ctn { width: -webkit-calc(835/1110 * 100%); width: -moz-calc(835/1110 * 100%); width: calc(835/1110 * 100%); } }

.l-form .ipt { max-width: 63.3rem; background: #F7F7F7; }

.l-form .ipt.short { max-width: 14.6rem; }

.l-form .ipt.medium { max-width: 24.4rem; }

@media screen and (max-width: 960px) { .l-form .ipt.medium { max-width: 100%; } }

.l-form .partner-personal-data { margin: 5rem auto; border: 1px solid #707070; }

.l-form .ckbPrivacy { margin: 5rem 0; }

@media screen and (min-width: 961px) { .l-form .date_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 63.3rem; }
  .l-form .date_list li { width: 32%; } }

@media screen and (max-width: 960px) { .l-form .date_list li + li { margin-top: 1rem; } }

.slc_wrap { display: initial; position: relative; }

.slc_wrap:after { position: absolute; content: ''; width: 0; height: 0; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-left: 0.7rem solid transparent; border-right: 0.7rem solid transparent; border-top: 0.9rem solid #1A1A1A; }

.date_wrap { display: initial; position: relative; }

.date_wrap:after { position: absolute; content: ''; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.4rem; height: 1.5rem; background: url(../img/icon_calendar.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.date_wrap .wpcf7-form-control-wrap { position: relative; }

.date_wrap .wpcf7-form-control-wrap:after { position: absolute; content: ''; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.4rem; height: 1.5rem; background: url(../img/icon_calendar.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

.button-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10rem; }

@media screen and (max-width: 960px) { .button-wrap { display: block; margin-top: 3.5rem; } }

.button-wrap .btn { margin: 0; }

@media screen and (min-width: 961px) { .button-wrap .btn.btn-back { margin-right: 3rem; } }

@media screen and (max-width: 960px) { .button-wrap .btn.btn-back { margin-top: 2rem; } }

.btn-back { background: #fff; color: #000; }

.btn-back:after { border-color: #000; }

.btn-back:hover { background: #000; color: #fff; }

.btn-back:hover:after { border-color: #fff; }

.ckbPrivacy { text-align: center; margin: 3rem 0 3.5rem; }

.ckbPrivacy label { display: inline-block; position: relative; padding-left: 3rem; cursor: pointer; font-size: 1.4rem; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ckbPrivacy label input { position: absolute; opacity: 0; cursor: pointer; }

.ckbPrivacy label input:checked ~ .wpcf7-list-item-label:after { content: ''; display: block; position: absolute; top: -9px; left: 12px; width: 6px; height: 25px; border: solid #1d85c0; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.ckbPrivacy label a { display: inline-block; text-decoration: underline; color: #ad1bdb; }

.ckbPrivacy label .wpcf7-list-item-label:before { position: absolute; content: ''; top: -0.2rem; left: 0; height: 2rem; width: 2rem; border: 1px solid #707070; background-color: #fff; }

@media screen and (max-width: 960px) { .ckbPrivacy label .wpcf7-list-item-label:before { top: 0rem; } }

.p-thanks { font-size: 1.6rem; line-height: 2.5; }

@media screen and (max-width: 960px) { .p-thanks { line-height: 1.65; } }

.p-thanks p { margin-bottom: 4rem; }

.p-thanks p.mss { text-align: center; color: #ad1bdb; margin: 5rem 0; }

@media screen and (max-width: 960px) { .p-thanks p.mss { text-align: left; } }

.p-thanks .ww_btn:after { margin-top: -0.5rem; width: 1.3rem; height: 0.8rem; background: url(../img/arrow_btn_white.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.p-thanks .btn-submit { background: #ad1bdb; color: #fff; }

[type="file"] { padding: 0; position: relative; color: #fff; cursor: pointer; /*&::before { content: ''; display: inline-block; background: #fff; border-radius: 3px; padding: 1.5rem 2rem 1.5rem 4rem; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 700; font-size: 1.4rem; width: 100%; transition: all .3s ease; }*/ /*&::after { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; left: 1.5rem; top: 50%; background: url(../img/ico_plus.svg) left top no-repeat; background-size: cover; transform: translateY(-50%); }*/ }

[type="file"]::-webkit-file-upload-button { width: 24.8rem; padding: 1.5rem 2rem 1.5rem 2rem; border: 1px solid #A8A8B4; background: #fff; cursor: pointer; }

@media screen and (max-width: 960px) { [type="file"]::-webkit-file-upload-button { width: 19.2rem; } }

@media screen and (min-width: 961px) { [type="file"]:hover::before { background: #E3E3E3; } }

.file_note { font-size: 1.2rem; font-weight: bold; color: #AFAFAF; display: block; margin-top: 0.5rem; }

.partner-personal-data { height: 17.3rem; background: #FFF; padding: 1rem 0 1rem 1rem; width: 50.7rem; margin: 0 auto 5rem; overflow: hidden; }

.partner-personal-data-text { overflow: scroll; overflow-x: hidden; height: 15.3rem; line-height: 1.93; }

@media screen and (max-width: 960px) { .partner-personal-data { width: 100%; height: 14rem; } }

.p-works .frm-ctrl { width: 100%; display: table; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #E3E3E3; padding: 1.5rem; }

.p-works .frm-ctrl__lbl { display: table-cell; white-space: nowrap; color: #858585; vertical-align: middle; }

.p-works .frm-ctrl .wpcf7-form-control-wrap { display: table-cell; width: 100%; vertical-align: middle; }

.p-works .frm-ctrl .ipt { padding-left: 1.5rem; padding-right: 1.5rem; }

.p-works .frm-ctrl.frm-aspiration { display: block; }

.p-works .frm-ctrl.frm-aspiration .frm-ctrl__lbl { display: block; margin-bottom: 1.5rem; }

.p-works .frm-ctrl.frm-aspiration .wpcf7-form-control-wrap { display: block; }

.p-works .frm-ctrl.frm-aspiration .wpcf7-form-control-wrap .ipt { padding: 0; }

.p-works .ckbPrivacy a { color: #fff; }

.p-session .ipt { padding: 1.5rem; border: 1px solid #E3E3E3; }

.sc-title02 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 5rem; }

@media screen and (max-width: 960px) { .sc-title02 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.sc-title02 .en { font-size: 3.3rem; font-weight: bold; letter-spacing: 0.2em; font-family: "Oswald", sans-serif; line-height: 1; text-transform: uppercase; }

@media screen and (max-width: 960px) { .sc-title02 .en { line-height: 1.2; } }

.sc-title02 .ja { display: inline-block; font-size: 1.6rem; font-weight: 500; margin-left: 2rem; }

@media screen and (max-width: 960px) { .sc-title02 .ja { margin: 0.5rem 0 0; } }

.p-works { /** works subpage **/ /** event page **/ }

.p-works .section-employment .container { max-width: 111rem; }

.p-works_wrap { background: #fff; }

@media screen and (min-width: 961px) { .p-works_wrap { width: -webkit-calc((100% - 1280px) / 2 + 1180px); width: -moz-calc((100% - 1280px) / 2 + 1180px); width: calc((100% - 1280px) / 2 + 1180px); margin: 0 -webkit-calc((100% - 1280px) / 2 + 70px) 0 -webkit-calc((100% - 1280px) / 2 + 30px); margin: 0 -moz-calc((100% - 1280px) / 2 + 70px) 0 -moz-calc((100% - 1280px) / 2 + 30px); margin: 0 calc((100% - 1280px) / 2 + 70px) 0 calc((100% - 1280px) / 2 + 30px); max-width: 1180px; padding: 5rem 0 15rem 4rem; } }

@media screen and (max-width: 960px) { .p-works_wrap { margin: 0 2rem 0 2.5rem; } }

.p-works_wrap .container { max-width: 111rem; padding: 0; margin: 0 0 0 auto; }

.p-works_wrap .inner { margin: 0 0 0 auto; max-width: 96rem; padding: 0; }

.p-works_qa { margin: 0 0 15rem 0; }

@media screen and (max-width: 960px) { .p-works_qa { padding: 4rem 1.8rem 5rem 1.2rem; } }

.p-works_qa__row:first-child dt { border-top: 1px solid #595656; }

.p-works_qa__row dt { font-size: 2rem; font-weight: 400; padding: 3rem 10rem 3rem 0; line-height: 1.35; border-bottom: 1px solid #595656; position: relative; cursor: pointer; }

@media screen and (max-width: 960px) { .p-works_qa__row dt { font-size: 1.6rem; text-indent: -2rem; padding-left: 2rem; padding: 2rem 4rem 2rem 2rem; } }

.p-works_qa__row dt:before, .p-works_qa__row dt:after { position: absolute; content: ''; top: 50%; background: #595656; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.p-works_qa__row dt:before { right: 6.4rem; width: 1px; height: 2.3rem; }

@media screen and (max-width: 960px) { .p-works_qa__row dt:before { right: 1.8rem; } }

.p-works_qa__row dt:after { right: 5.3rem; width: 2.3rem; height: 1px; }

@media screen and (max-width: 960px) { .p-works_qa__row dt:after { right: 0.8rem; } }

.p-works_qa__row dt.active:before { opacity: 0; visibility: hidden; }

.p-works_qa__row dd { padding: 3.5rem; letter-spacing: 0.05em; line-height: 1.93; display: none; }

@media screen and (max-width: 960px) { .p-works_qa__row dd { padding: 1rem 3rem 3rem 2rem; } }

.p-works_looking { margin: 0 0 15rem 0; }

.p-works_looking__point + .p-works_looking__point { margin-top: 5rem; }

.p-works_looking__point dt { font-size: 3.3rem; font-weight: 400; letter-spacing: 0.05em; border-bottom: 1px solid #595656; margin-bottom: 2rem; }

.p-works_looking__point dd { letter-spacing: 0.05em; }

.p-works_looking__point dd h3 { font-size: 2rem; font-weight: 400; margin-bottom: 2rem; }

.p-works_looking__point dd p { line-height: 1.93; }

.p-works_type { margin: 0 0 15rem 0; }

@media screen and (max-width: 960px) { .p-works_type { margin: 0 0 10rem 0; } }

.p-works_type__item { -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

.p-works_type__item + .p-works_type__item { margin-top: 5rem; }

.p-works_type__item__img { position: relative; }

.p-works_type__item__img img { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }

.p-works_type__item__txt { color: #fff; position: absolute; z-index: 3; left: 3rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 960px) { .p-works_type__item__txt { left: 0.9rem; bottom: 2rem; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.p-works_type__item__txt .en { font-size: 6rem; font-weight: bold; letter-spacing: 0.2em; line-height: 1; font-family: "Oswald", sans-serif; text-transform: uppercase; }

@media screen and (max-width: 960px) { .p-works_type__item__txt .en { font-size: 3.3rem; line-height: 1.12; } }

.p-works_type__item__txt .ja { display: block; font-weight: 500; font-size: 1.6rem; margin-top: 1rem; }

.p-works_type__item__icon { width: 7.4rem; height: 1.8rem; display: inline-block; position: absolute; right: 2rem; bottom: 3.6rem; text-indent: -9999px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; z-index: 3; }

.p-works_type__item__icon:before, .p-works_type__item__icon:after { position: absolute; content: ''; bottom: 0; background: #fff; }

.p-works_type__item__icon:before { left: 0; width: 100%; height: 0.1rem; }

.p-works_type__item__icon:after { bottom: -0.2rem; right: 0.5rem; width: 0.1rem; height: 1.8rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.p-works_type__item a { display: block; width: 100%; height: 100%; max-height: 23.9rem; position: relative; overflow: hidden; }

.p-works_type__item a:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; z-index: 1; }

.p-works_type__item a:after { position: absolute; content: ''; width: 65%; height: 100%; left: -25%; top: 0; z-index: 2; -webkit-transform: skewX(-45deg); -moz-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); background: rgb(249, 99, 158, 0.8); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(249, 99, 158, 0.8)), color-stop(40%, rgb(198, 74, 209, 0.8)), color-stop(100%, rgb(155, 52, 252, 0.8))); background: -webkit-linear-gradient(top, rgb(249, 99, 158, 0.8) 0%, rgb(198, 74, 209, 0.8) 40%, rgb(155, 52, 252, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 99, 158, 0.8)), color-stop(40%, rgb(198, 74, 209, 0.8)), to(rgb(155, 52, 252, 0.8))); background: -moz- oldlinear-gradient(top, rgb(249, 99, 158, 0.8) 0%, rgb(198, 74, 209, 0.8) 40%, rgb(155, 52, 252, 0.8) 100%); background: linear-gradient(to bottom, rgb(249, 99, 158, 0.8) 0%, rgb(198, 74, 209, 0.8) 40%, rgb(155, 52, 252, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c34fd', endColorstr='#fd659b', GradientType=0 ); }

.p-works_type__item a:hover { opacity: 1; }

.p-works_type__item a:hover:before { opacity: 0; }

.p-works_type__item a:hover .p-works_type__item__img img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

.p-works_type__item a:hover .p-works_type__item__icon { width: 9.4rem; right: 0; }

@media screen and (max-width: 960px) { .p-works_type__item a { height: 25.6rem; }
  .p-works_type__item a:after { width: 75%; left: -25%; -webkit-transform: skewX(-13deg); -moz-transform: skewX(-13deg); -ms-transform: skewX(-13deg); transform: skewX(-13deg); } }

.p-works_trainning { margin: 0 0 15rem 0; }

@media screen and (max-width: 960px) { .p-works_trainning { margin: 0 0 10rem 0; } }

@media screen and (max-width: 960px) { .p-works_trainning .sc-title02 { margin-bottom: 3rem; } }

.p-works_trainning .inner { background: url(../img/works/trainning_img.jpg) left top no-repeat; -moz-background-size: cover; background-size: cover; padding: 8rem 10rem; }

@media screen and (max-width: 960px) { .p-works_trainning .inner { background: url(../img/works/trainning_img_sp.jpg) left top no-repeat; -moz-background-size: cover; background-size: cover; padding: 2.5rem 2rem 3rem 2.5rem; } }

.p-works_trainning dl + dl { margin-top: 3rem; }

.p-works_trainning dl dt { margin-bottom: 1rem; }

.p-works_trainning dl dt span { display: inline-block; background: #fff; padding: 1rem 1.3rem; }

.p-works_trainning dl dd { background: #fff; padding: 1rem 1.3rem; line-height: 1.93; }

.p-works_emp { margin: 0; }

@media screen and (max-width: 960px) { .p-works_emp { margin-bottom: 10rem; } }

.p-works_sub .p-works_wrap { background: transparent; padding-top: 0; }

.p-works_schedule { margin: 0 0 15rem 0; }

.p-works_schedule__row + .p-works_schedule__row { margin-top: 5rem; }

@media screen and (max-width: 960px) { .p-works_schedule__row + .p-works_schedule__row { margin-top: 3rem; } }

.p-works_schedule__ttl { font-size: 3.3rem; font-weight: 400; letter-spacing: 0.05em; border-bottom: 1px solid #595758; line-height: 1.8; margin-bottom: 2rem; }

@media screen and (max-width: 960px) { .p-works_schedule__ttl { font-size: 2.8rem; } }

@media screen and (min-width: 961px) { .p-works_schedule__ctn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (min-width: 961px) { .p-works_schedule__ctn__img { width: -webkit-calc(245/960 * 100%); width: -moz-calc(245/960 * 100%); width: calc(245/960 * 100%); } }

@media screen and (max-width: 960px) { .p-works_schedule__ctn__img { margin-bottom: 2rem; } }

@media screen and (min-width: 961px) { .p-works_schedule__ctn__txt { width: -webkit-calc(685/960 * 100%); width: -moz-calc(685/960 * 100%); width: calc(685/960 * 100%); } }

.p-works_schedule__ctn__txt em { display: block; font-style: normal; font-size: 2rem; font-weight: 400; margin-bottom: 2rem; }

.p-works_schedule__ctn__txt p { line-height: 1.93; }

.p-works_job { margin: 0 0 15rem 0; }

.p-works_job__article + .p-works_job__article { margin-top: 15rem; }

.p-works_job__title { font-size: 3.3rem; font-weight: 400; letter-spacing: 0.05em; border-bottom: 1px solid #595758; line-height: 1.8; padding-bottom: 1rem; }

.p-works_job .job__dl { border-bottom: 1px solid #B2B2B2; }

@media screen and (min-width: 961px) { .p-works_job .job__dl { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 3.5rem 0; } }

@media screen and (max-width: 960px) { .p-works_job .job__dl { padding: 3rem 0; } }

.p-works_job .job__dt { font-size: 2rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.35; }

@media screen and (min-width: 961px) { .p-works_job .job__dt { width: -webkit-calc(146/960 * 100%); width: -moz-calc(146/960 * 100%); width: calc(146/960 * 100%); } }

.p-works_job .job__dd { letter-spacing: 0.05em; line-height: 1.93; }

@media screen and (min-width: 961px) { .p-works_job .job__dd { width: -webkit-calc(814/960 * 100%); width: -moz-calc(814/960 * 100%); width: calc(814/960 * 100%); } }

.p-works_job__requirements__ttl { position: relative; cursor: pointer; }

.p-works_job__requirements__ttl:before, .p-works_job__requirements__ttl:after { position: absolute; content: ''; top: 50%; background: #595656; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.p-works_job__requirements__ttl:before { right: 5.6rem; width: 1px; height: 2.3rem; }

@media screen and (max-width: 960px) { .p-works_job__requirements__ttl:before { right: 2.1rem; } }

.p-works_job__requirements__ttl:after { right: 4.6rem; width: 2.3rem; height: 1px; }

@media screen and (max-width: 960px) { .p-works_job__requirements__ttl:after { right: 1rem; } }

.p-works_job__requirements__ttl .job__dd { padding-right: 10rem; }

.p-works_job__requirements__ttl.active:before { opacity: 0; visibility: hidden; }

.p-works_job__requirements__body { display: none; }

@media screen and (max-width: 960px) { .p-works_job__requirements__body .job__dt { margin-bottom: 3rem; } }

.p-works_job .entry__btn { margin: 4rem auto 0; width: 32.3rem; height: 7rem; -moz-border-radius: 4.3rem; border-radius: 4.3rem; }

.p-works_job .entry__btn a span.txt_en { font-size: 2.1rem; }

.p-works_job .entry__btn a span.txt_ja { font-size: 1.1rem; }

@media screen and (max-width: 960px) { .p-works_job .entry__btn { width: 30rem; height: 6.6rem; } }

.p-works.p-event .p-works_wrap { background: transparent; padding: 0; }

.p-works .p-event_anchor { margin-bottom: 12rem; }

.p-works .p-event_anchor__list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 -1rem; }

@media screen and (max-width: 960px) { .p-works .p-event_anchor__list { margin: 0 0 0 -0.7rem; } }

.p-works .p-event_anchor__list li { width: -webkit-calc(100%/4 - 1rem); width: -moz-calc(100%/4 - 1rem); width: calc(100%/4 - 1rem); margin: 0 0 1rem 1rem; }

@media screen and (max-width: 960px) { .p-works .p-event_anchor__list li { width: -webkit-calc(100%/2 - 0.7rem); width: -moz-calc(100%/2 - 0.7rem); width: calc(100%/2 - 0.7rem); margin: 0 0 0.7rem 0.6rem; } }

.p-works .p-event_anchor__list li a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 5rem; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: #ad1bdb; text-align: center; color: #fff; font-size: 1.6rem; font-weight: bold; -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); position: relative; }

.p-works .p-event_anchor__list li a:after { position: absolute; content: ''; width: 1.4rem; height: 0.8rem; top: 50%; right: 2.8rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/arrow_btn_white.svg) left top no-repeat; -moz-background-size: cover; background-size: cover; }

@media screen and (max-width: 960px) { .p-works .p-event_anchor__list li a { font-size: 1.2rem; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem; }
  .p-works .p-event_anchor__list li a:after { right: 1rem; } }

.p-works .p-event_article { margin-bottom: 10rem; }

@media screen and (max-width: 960px) { .p-works .p-event_article { margin-bottom: 5rem; } }

.p-works .p-event_article__ttl { font-size: 3.3rem; font-weight: 400; letter-spacing: 0.05em; border-bottom: 1px solid #595758; line-height: 1.8; margin-bottom: 2rem; }

@media screen and (max-width: 960px) { .p-works .p-event_article__ttl { font-size: 2.8rem; } }

@media screen and (min-width: 961px) { .p-works .p-event_article__img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 0 0 -2rem; } }

.p-works .p-event_article__img li { line-height: 0; }

@media screen and (min-width: 961px) { .p-works .p-event_article__img li { width: -webkit-calc(100%/4 - 2rem); width: -moz-calc(100%/4 - 2rem); width: calc(100%/4 - 2rem); margin: 0 0 2rem 2rem; } }

@media screen and (max-width: 960px) { .p-works .p-event_article__img li + li { margin-top: 2rem; } }

.p-privacy { font-size: 1.6rem; }

@media screen and (max-width: 960px) { .p-privacy .container { padding: 0 2rem 0 2.6rem; } }

.p-privacy_head { line-height: 1.6875; margin-bottom: 10rem; }

.p-privacy ol { padding-left: 2rem; margin-bottom: 12.5rem; }

.p-privacy ol li { list-style: decimal; }

.p-privacy ol li + li { margin-top: 5rem; }

.p-privacy ol li h2 { font-size: 2rem; font-weight: 400; margin-bottom: 1rem; }

.p-privacy ol li p { line-height: 1.875; word-break: break-all; }

.p-sitemap { padding: 7rem 0 13rem; }

@media screen and (max-width: 960px) { .p-sitemap { padding: 3rem 0 6rem; } }

.p-sitemap a { display: inline-block; text-decoration: underline; }

@media screen and (min-width: 961px) { .p-sitemap-sc .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

@media screen and (min-width: 961px) { .p-sitemap-sc .sm-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

.p-sitemap-sc .sm-title { font-size: 2.6rem; margin-bottom: 4rem; text-decoration: underline; }

@media screen and (max-width: 960px) { .p-sitemap-sc .sm-title { font-size: 2rem; margin-bottom: 2rem; } }

@media screen and (max-width: 960px) { .p-sitemap-sc .sm-col + .sm-col { margin-top: 4rem; } }

@media screen and (max-width: 960px) { .p-sitemap-sc .sm-col.sp { margin-top: 2rem; } }

@media screen and (min-width: 961px) { .p-sitemap-sc-col { width: 50%; }
  .p-sitemap-sc-col .sm-col { width: 50%; } }

@media screen and (max-width: 960px) { .p-sitemap-sc-col + .p-sitemap-sc-col { margin-top: 4rem; } }

.p-sitemap-sc .sm-large_item + .sm-large_item { margin-top: 3rem; }

@media screen and (max-width: 960px) { .p-sitemap-sc .sm-large_item + .sm-large_item { margin-top: 2rem; } }

.p-sitemap-sc .sm-large_item > a { font-size: 2rem; font-weight: bold; }

@media screen and (max-width: 960px) { .p-sitemap-sc .sm-large_item > a { font-size: 1.6rem; } }

.p-sitemap-sc .sm-large_item__ttl { font-size: 2rem; font-weight: bold; }

@media screen and (max-width: 960px) { .p-sitemap-sc .sm-large_item__ttl { font-size: 1.6rem; } }

.p-sitemap-sc .sm-small { margin-top: 1.5rem; }

.p-sitemap-sc .sm-small_item + .sm-small_item { margin-top: 1rem; }

.p-sitemap .no__link { text-decoration: none; }

/* モーダル */
body.is-active {
  overflow: hidden;
}

header.is-active {
  z-index: 0;
  pointer-events: none;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 100;
  background-color: rgba(120, 123, 131, 0.8);
}

.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}
.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.modal__content {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 900px;
}
.modal__slide img {
  vertical-align:top;
}
.modal__close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 10;
}
.modal-close {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-cell {
  cursor: pointer;
}
.modal-cell:hover {
  opacity: 0.6;
}

.footer-menu_item li {
  margin-right: 20px;
}

.c-box__area--map {
    margin-top: 50px;
    padding: 0;
}

.c-box__area--map iframe {
    border: 0;
    width: 100%;
    height: 450px;
    position: relative;
}