@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
.u-taL {
  text-align: left !important; }

.u-taC {
  text-align: center !important; }
  @media screen and (max-width: 568px) {
    .u-taC--xs-taL {
      text-align: left !important; } }
  @media screen and (max-width: 768px) {
    .u-taC--sm-taL {
      text-align: left !important; } }
  @media screen and (max-width: 1024px) {
    .u-taC--md-taL {
      text-align: left !important; } }
  @media screen and (max-width: 1280px) {
    .u-taC--lg-taL {
      text-align: left !important; } }

.u-taR {
  text-align: right !important; }

.u-only-xs {
  display: none !important; }
  @media screen and (max-width: 568px) {
    .u-only-xs {
      display: block !important; } }

.u-only-sm {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .u-only-sm {
      display: block !important; } }
  @media screen and (max-width: 568px) {
    .u-only-sm {
      display: none !important; } }

.u-only-md {
  display: none !important; }
  @media screen and (max-width: 1024px) {
    .u-only-md {
      display: block !important; } }
  @media screen and (max-width: 768px) {
    .u-only-md {
      display: none !important; } }

@media screen and (max-width: 1024px) {
  .u-only-lg {
    display: none !important; } }

.u-only-bp900 {
  display: none; }
  @media screen and (max-width: 900px) {
    .u-only-bp900 {
      display: block; } }
  @media screen and (max-width: 568px) {
    .u-only-bp900 {
      display: none; } }

.u-under-sm {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .u-under-sm {
      display: block !important; } }

.u-under-xs {
  display: none !important; }
  @media screen and (max-width: 568px) {
    .u-under-xs {
      display: block !important; } }

.u-not-under-sm {
  display: block !important; }
  @media screen and (max-width: 768px) {
    .u-not-under-sm {
      display: none !important; } }

.u-not-under-md {
  display: block !important; }
  @media screen and (max-width: 1024px) {
    .u-not-under-md {
      display: none !important; } }

.u-not-under-xs {
  display: block !important; }
  @media screen and (max-width: 568px) {
    .u-not-under-xs {
      display: none !important; } }

.u-overflow-hidden {
  overflow: hidden !important; }

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

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

.u-mt0 {
  margin-top: 0px !important; }

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

.u-pt5 {
  padding-top: 5px !important; }

.u-pb5 {
  padding-bottom: 5px !important; }

.u-mt5 {
  margin-top: 5px !important; }

.u-mb5 {
  margin-bottom: 5px !important; }

.u-pt10 {
  padding-top: 10px !important; }

.u-pb10 {
  padding-bottom: 10px !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mb10 {
  margin-bottom: 10px !important; }

.u-pt15 {
  padding-top: 15px !important; }

.u-pb15 {
  padding-bottom: 15px !important; }

.u-mt15 {
  margin-top: 15px !important; }

.u-mb15 {
  margin-bottom: 15px !important; }

.u-pt20 {
  padding-top: 20px !important; }

.u-pb20 {
  padding-bottom: 20px !important; }

.u-mt20 {
  margin-top: 20px !important; }

.u-mb20 {
  margin-bottom: 20px !important; }

.u-pt25 {
  padding-top: 25px !important; }

.u-pb25 {
  padding-bottom: 25px !important; }

.u-mt25 {
  margin-top: 25px !important; }

.u-mb25 {
  margin-bottom: 25px !important; }

.u-pt30 {
  padding-top: 30px !important; }

.u-pb30 {
  padding-bottom: 30px !important; }

.u-mt30 {
  margin-top: 30px !important; }

.u-mb30 {
  margin-bottom: 30px !important; }

.u-pt35 {
  padding-top: 35px !important; }

.u-pb35 {
  padding-bottom: 35px !important; }

.u-mt35 {
  margin-top: 35px !important; }

.u-mb35 {
  margin-bottom: 35px !important; }

.u-pt40 {
  padding-top: 40px !important; }

.u-pb40 {
  padding-bottom: 40px !important; }

.u-mt40 {
  margin-top: 40px !important; }

.u-mb40 {
  margin-bottom: 40px !important; }

.u-pt45 {
  padding-top: 45px !important; }

.u-pb45 {
  padding-bottom: 45px !important; }

.u-mt45 {
  margin-top: 45px !important; }

.u-mb45 {
  margin-bottom: 45px !important; }

.u-pt50 {
  padding-top: 50px !important; }

.u-pb50 {
  padding-bottom: 50px !important; }

.u-mt50 {
  margin-top: 50px !important; }

.u-mb50 {
  margin-bottom: 50px !important; }

.u-pt55 {
  padding-top: 55px !important; }

.u-pb55 {
  padding-bottom: 55px !important; }

.u-mt55 {
  margin-top: 55px !important; }

.u-mb55 {
  margin-bottom: 55px !important; }

.u-pt60 {
  padding-top: 60px !important; }

.u-pb60 {
  padding-bottom: 60px !important; }

.u-mt60 {
  margin-top: 60px !important; }

.u-mb60 {
  margin-bottom: 60px !important; }

.u-pt65 {
  padding-top: 65px !important; }

.u-pb65 {
  padding-bottom: 65px !important; }

.u-mt65 {
  margin-top: 65px !important; }

.u-mb65 {
  margin-bottom: 65px !important; }

.u-pt70 {
  padding-top: 70px !important; }

.u-pb70 {
  padding-bottom: 70px !important; }

.u-mt70 {
  margin-top: 70px !important; }

.u-mb70 {
  margin-bottom: 70px !important; }

.u-pt75 {
  padding-top: 75px !important; }

.u-pb75 {
  padding-bottom: 75px !important; }

.u-mt75 {
  margin-top: 75px !important; }

.u-mb75 {
  margin-bottom: 75px !important; }

.u-pt80 {
  padding-top: 80px !important; }

.u-pb80 {
  padding-bottom: 80px !important; }

.u-mt80 {
  margin-top: 80px !important; }

.u-mb80 {
  margin-bottom: 80px !important; }

.u-pt85 {
  padding-top: 85px !important; }

.u-pb85 {
  padding-bottom: 85px !important; }

.u-mt85 {
  margin-top: 85px !important; }

.u-mb85 {
  margin-bottom: 85px !important; }

.u-pt90 {
  padding-top: 90px !important; }

.u-pb90 {
  padding-bottom: 90px !important; }

.u-mt90 {
  margin-top: 90px !important; }

.u-mb90 {
  margin-bottom: 90px !important; }

.u-pt95 {
  padding-top: 95px !important; }

.u-pb95 {
  padding-bottom: 95px !important; }

.u-mt95 {
  margin-top: 95px !important; }

.u-mb95 {
  margin-bottom: 95px !important; }

.u-pt100 {
  padding-top: 100px !important; }

.u-pb100 {
  padding-bottom: 100px !important; }

.u-mt100 {
  margin-top: 100px !important; }

.u-mb100 {
  margin-bottom: 100px !important; }

@media screen and (max-width: 1024px) {
  .u-md-pt0 {
    padding-top: 0px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb0 {
    padding-bottom: 0px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt0 {
    margin-top: 0px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb0 {
    margin-bottom: 0px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt5 {
    padding-top: 5px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb5 {
    padding-bottom: 5px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt5 {
    margin-top: 5px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb5 {
    margin-bottom: 5px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt10 {
    padding-top: 10px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb10 {
    padding-bottom: 10px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt10 {
    margin-top: 10px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb10 {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt15 {
    padding-top: 15px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb15 {
    padding-bottom: 15px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt15 {
    margin-top: 15px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb15 {
    margin-bottom: 15px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt20 {
    padding-top: 20px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb20 {
    padding-bottom: 20px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt20 {
    margin-top: 20px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb20 {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt25 {
    padding-top: 25px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb25 {
    padding-bottom: 25px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt25 {
    margin-top: 25px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb25 {
    margin-bottom: 25px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt30 {
    padding-top: 30px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb30 {
    padding-bottom: 30px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt30 {
    margin-top: 30px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb30 {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt35 {
    padding-top: 35px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb35 {
    padding-bottom: 35px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt35 {
    margin-top: 35px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb35 {
    margin-bottom: 35px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt40 {
    padding-top: 40px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb40 {
    padding-bottom: 40px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt40 {
    margin-top: 40px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb40 {
    margin-bottom: 40px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt45 {
    padding-top: 45px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb45 {
    padding-bottom: 45px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt45 {
    margin-top: 45px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb45 {
    margin-bottom: 45px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt50 {
    padding-top: 50px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb50 {
    padding-bottom: 50px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt50 {
    margin-top: 50px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb50 {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt55 {
    padding-top: 55px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb55 {
    padding-bottom: 55px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt55 {
    margin-top: 55px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb55 {
    margin-bottom: 55px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt60 {
    padding-top: 60px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb60 {
    padding-bottom: 60px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt60 {
    margin-top: 60px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb60 {
    margin-bottom: 60px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt65 {
    padding-top: 65px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb65 {
    padding-bottom: 65px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt65 {
    margin-top: 65px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb65 {
    margin-bottom: 65px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt70 {
    padding-top: 70px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb70 {
    padding-bottom: 70px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt70 {
    margin-top: 70px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb70 {
    margin-bottom: 70px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt75 {
    padding-top: 75px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb75 {
    padding-bottom: 75px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt75 {
    margin-top: 75px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb75 {
    margin-bottom: 75px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt80 {
    padding-top: 80px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb80 {
    padding-bottom: 80px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt80 {
    margin-top: 80px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb80 {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt85 {
    padding-top: 85px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb85 {
    padding-bottom: 85px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt85 {
    margin-top: 85px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb85 {
    margin-bottom: 85px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt90 {
    padding-top: 90px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb90 {
    padding-bottom: 90px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt90 {
    margin-top: 90px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb90 {
    margin-bottom: 90px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt95 {
    padding-top: 95px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb95 {
    padding-bottom: 95px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt95 {
    margin-top: 95px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb95 {
    margin-bottom: 95px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pt100 {
    padding-top: 100px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-pb100 {
    padding-bottom: 100px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mt100 {
    margin-top: 100px !important; } }

@media screen and (max-width: 1024px) {
  .u-md-mb100 {
    margin-bottom: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt0 {
    padding-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb0 {
    padding-bottom: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt0 {
    margin-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb0 {
    margin-bottom: 0px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt5 {
    padding-top: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb5 {
    padding-bottom: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt5 {
    margin-top: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb5 {
    margin-bottom: 5px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt10 {
    padding-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb10 {
    padding-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt10 {
    margin-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb10 {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt15 {
    padding-top: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb15 {
    padding-bottom: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt15 {
    margin-top: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb15 {
    margin-bottom: 15px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt20 {
    padding-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb20 {
    padding-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt20 {
    margin-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb20 {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt25 {
    padding-top: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb25 {
    padding-bottom: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt25 {
    margin-top: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb25 {
    margin-bottom: 25px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt30 {
    padding-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb30 {
    padding-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt30 {
    margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb30 {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt35 {
    padding-top: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb35 {
    padding-bottom: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt35 {
    margin-top: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb35 {
    margin-bottom: 35px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt40 {
    padding-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb40 {
    padding-bottom: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt40 {
    margin-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb40 {
    margin-bottom: 40px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt45 {
    padding-top: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb45 {
    padding-bottom: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt45 {
    margin-top: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb45 {
    margin-bottom: 45px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt50 {
    padding-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb50 {
    padding-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt50 {
    margin-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb50 {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt55 {
    padding-top: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb55 {
    padding-bottom: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt55 {
    margin-top: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb55 {
    margin-bottom: 55px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt60 {
    padding-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb60 {
    padding-bottom: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt60 {
    margin-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb60 {
    margin-bottom: 60px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt65 {
    padding-top: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb65 {
    padding-bottom: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt65 {
    margin-top: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb65 {
    margin-bottom: 65px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt70 {
    padding-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb70 {
    padding-bottom: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt70 {
    margin-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb70 {
    margin-bottom: 70px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt75 {
    padding-top: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb75 {
    padding-bottom: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt75 {
    margin-top: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb75 {
    margin-bottom: 75px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt80 {
    padding-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb80 {
    padding-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt80 {
    margin-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb80 {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt85 {
    padding-top: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb85 {
    padding-bottom: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt85 {
    margin-top: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb85 {
    margin-bottom: 85px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt90 {
    padding-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb90 {
    padding-bottom: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt90 {
    margin-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb90 {
    margin-bottom: 90px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt95 {
    padding-top: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb95 {
    padding-bottom: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt95 {
    margin-top: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb95 {
    margin-bottom: 95px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pt100 {
    padding-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-pb100 {
    padding-bottom: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mt100 {
    margin-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .u-sm-mb100 {
    margin-bottom: 100px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt0 {
    padding-top: 0px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb0 {
    padding-bottom: 0px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt0 {
    margin-top: 0px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb0 {
    margin-bottom: 0px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt5 {
    padding-top: 5px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb5 {
    padding-bottom: 5px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt5 {
    margin-top: 5px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb5 {
    margin-bottom: 5px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt10 {
    padding-top: 10px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb10 {
    padding-bottom: 10px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt10 {
    margin-top: 10px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb10 {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt15 {
    padding-top: 15px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb15 {
    padding-bottom: 15px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt15 {
    margin-top: 15px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb15 {
    margin-bottom: 15px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt20 {
    padding-top: 20px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb20 {
    padding-bottom: 20px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt20 {
    margin-top: 20px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb20 {
    margin-bottom: 20px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt25 {
    padding-top: 25px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb25 {
    padding-bottom: 25px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt25 {
    margin-top: 25px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb25 {
    margin-bottom: 25px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt30 {
    padding-top: 30px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb30 {
    padding-bottom: 30px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt30 {
    margin-top: 30px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb30 {
    margin-bottom: 30px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt35 {
    padding-top: 35px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb35 {
    padding-bottom: 35px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt35 {
    margin-top: 35px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb35 {
    margin-bottom: 35px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt40 {
    padding-top: 40px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb40 {
    padding-bottom: 40px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt40 {
    margin-top: 40px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb40 {
    margin-bottom: 40px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt45 {
    padding-top: 45px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb45 {
    padding-bottom: 45px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt45 {
    margin-top: 45px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb45 {
    margin-bottom: 45px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt50 {
    padding-top: 50px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb50 {
    padding-bottom: 50px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt50 {
    margin-top: 50px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb50 {
    margin-bottom: 50px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt55 {
    padding-top: 55px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb55 {
    padding-bottom: 55px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt55 {
    margin-top: 55px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb55 {
    margin-bottom: 55px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt60 {
    padding-top: 60px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb60 {
    padding-bottom: 60px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt60 {
    margin-top: 60px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb60 {
    margin-bottom: 60px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt65 {
    padding-top: 65px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb65 {
    padding-bottom: 65px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt65 {
    margin-top: 65px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb65 {
    margin-bottom: 65px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt70 {
    padding-top: 70px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb70 {
    padding-bottom: 70px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt70 {
    margin-top: 70px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb70 {
    margin-bottom: 70px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt75 {
    padding-top: 75px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb75 {
    padding-bottom: 75px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt75 {
    margin-top: 75px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb75 {
    margin-bottom: 75px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt80 {
    padding-top: 80px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb80 {
    padding-bottom: 80px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt80 {
    margin-top: 80px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb80 {
    margin-bottom: 80px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt85 {
    padding-top: 85px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb85 {
    padding-bottom: 85px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt85 {
    margin-top: 85px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb85 {
    margin-bottom: 85px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt90 {
    padding-top: 90px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb90 {
    padding-bottom: 90px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt90 {
    margin-top: 90px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb90 {
    margin-bottom: 90px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt95 {
    padding-top: 95px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb95 {
    padding-bottom: 95px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt95 {
    margin-top: 95px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb95 {
    margin-bottom: 95px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pt100 {
    padding-top: 100px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-pb100 {
    padding-bottom: 100px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mt100 {
    margin-top: 100px !important; } }

@media screen and (max-width: 568px) {
  .u-xs-mb100 {
    margin-bottom: 100px !important; } }

.u-bg--white {
  background-color: #FFFFFF; }

/* パンクズリスト */
.c-topicspath {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 1679px) {
    .c-topicspath {
      padding-right: 45px; } }
  @media screen and (max-width: 768px) {
    .c-topicspath {
      text-align: left; } }
  .c-topicspath li {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    color: #646464; }
    @media screen and (max-width: 768px) {
      .c-topicspath li {
        font-size: 0.7em; } }
    .c-topicspath li::after {
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      display: inline-block;
      margin-left: 8px; }
    .c-topicspath li:last-child::after {
      content: none; }
    .c-topicspath li > a {
      text-decoration: underline;
      text-underline-offset: 0.3em;
      color: #646464;
      transition: opacity 0.2s ease !important; }
      @media (any-hover: hover) {
        .c-topicspath li > a:hover {
          opacity: 0.8;
          color: #646464; } }

.l-lowerCaption {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  padding: 50px 15px 35px;
  border-radius: 0px 0px 120px 0px;
  overflow: hidden; }
  @media screen and (max-width: 1210px) {
    .l-lowerCaption {
      padding: 50px 40px 35px; } }
  @media screen and (max-width: 768px) {
    .l-lowerCaption {
      padding: 50px 20px 35px; } }
  @media screen and (max-width: 568px) {
    .l-lowerCaption {
      border-radius: 0px 0px 80px 0px;
      padding: 50px 20px 35px; } }
  .l-lowerCaption::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(#aae8fa 0%, #606ec4 100%);
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0; }
  .l-lowerCaption__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: left;
    max-width: 1170px;
    margin: 0 auto;
    margin-bottom: 2px; }
  .l-lowerCaption__title {
    font-family: 游ゴシック体, YuGothic-M, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 4.2rem;
    line-height: 1.2; }
    @media screen and (max-width: 768px) {
      .l-lowerCaption__title {
        font-size: 3rem; } }
  .l-lowerCaption__subTitle {
    display: inline-block;
    max-width: 100%;
    font-size: 3rem;
    letter-spacing: .043em;
    font-family: YakuHanJPs, "Noto Sans JP", 游ゴシック体, YuGothic-M, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 800;
    margin-bottom: 5px;
    background: linear-gradient(to right, #9ADDF0 0%, #1e2e91 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .is-IE .l-lowerCaption__subTitle {
      /* IE対応 */
      background: transparent;
      color: #1E2E91; }
    @media screen and (max-width: 768px) {
      .l-lowerCaption__subTitle {
        font-size: 2.4rem; } }

.l-lower {
  padding-top: 50px; }

/* 仕事を知る */
#work .p-work__image {
  border-radius: 5px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    #work .p-work__image {
      aspect-ratio: 16/9;
      margin-bottom: 20px; } }
  #work .p-work__image img {
    -o-object-fit: cover;
       object-fit: cover;
    font-family: "object-fit: cover; object-position: 0 20%;";
    -o-object-position: 0 20%;
       object-position: 0 20%;
    width: 100%;
    height: 100%; }

#work .p-work__Grid > [class*="grid"] {
  margin-bottom: -42px;
  margin-left: -21px;
  margin-right: -21px; }
  @media screen and (max-width: 1210px) {
    #work .p-work__Grid > [class*="grid"] {
      margin: 0 -15px -30px; } }
  #work .p-work__Grid > [class*="grid"] > [class*="col-"] {
    padding: 0 21px 42px; }
    @media screen and (max-width: 1210px) {
      #work .p-work__Grid > [class*="grid"] > [class*="col-"] {
        padding: 0 15px 30px; } }
  @media screen and (max-width: 768px) {
    #work .p-work__Grid > [class*="grid"] {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (max-width: 768px) and (max-width: 0px) {
    #work .p-work__Grid > [class*="grid"] {
      margin: 0 -15px -30px; } }
  @media screen and (max-width: 768px) {
      #work .p-work__Grid > [class*="grid"] > [class*="col-"] {
        padding: 0 0 0; } }
    @media screen and (max-width: 768px) and (max-width: 0px) {
      #work .p-work__Grid > [class*="grid"] > [class*="col-"] {
        padding: 0 15px 30px; } }

#work .p-work__list {
  display: -ms-flexbox;
  display: flex;
  gap: 0 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

#work .p-jobDetails {
  border-bottom: 1px solid #CCCCCC; }
  #work .p-jobDetails__item {
    padding: 40px 15px;
    border-top: 1px solid #CCCCCC; }

#work .p-jobContent {
  display: -ms-flexbox;
  display: flex;
  gap: 0 65px; }
  @media screen and (max-width: 1024px) {
    #work .p-jobContent {
      gap: 0 30px; } }
  @media screen and (max-width: 568px) {
    #work .p-jobContent {
      -ms-flex-direction: column;
          flex-direction: column; } }
  #work .p-jobContent__name {
    width: 165px;
    margin-bottom: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 2.3rem; }
    @media screen and (max-width: 834px) {
      #work .p-jobContent__name {
        width: 145px;
        font-size: 2rem; } }
    @media screen and (max-width: 568px) {
      #work .p-jobContent__name {
        width: 100%;
        margin-bottom: 15px; } }
  #work .p-jobContent__detail {
    -ms-flex-positive: 1;
        flex-grow: 1; }

/* その他の仕事を知る */
.p-workList {
  display: -ms-flexbox;
  display: flex;
  gap: 16px; }
  @media screen and (max-width: 450px) {
    .p-workList {
      gap: 12px; } }
  @media screen and (max-width: 1280px) {
    .p-workList {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .p-workList__item {
    width: calc((100% - 64px) / 5); }
    @media screen and (max-width: 1280px) {
      .p-workList__item {
        width: calc((100% - 48px) / 4); } }
    @media screen and (max-width: 1024px) {
      .p-workList__item {
        width: calc((100% - 32px) / 3); } }
    @media screen and (max-width: 600px) {
      .p-workList__item {
        width: calc((100% - 16px) / 2); } }
    @media screen and (max-width: 450px) {
      .p-workList__item {
        width: calc((100% - 12px) / 2); } }

/* 仕事を知る 詳細ページ */
#sales .p-mainImg__wrapper,
#system-engineer .p-mainImg__wrapper,
#network-engineer .p-mainImg__wrapper,
#system-operations-engineer .p-mainImg__wrapper,
#subtitle-production .p-mainImg__wrapper,
#general-affairs .p-mainImg__wrapper {
  margin-bottom: 25px; }
  @media screen and (max-width: 568px) {
    #sales .p-mainImg__wrapper,
    #system-engineer .p-mainImg__wrapper,
    #network-engineer .p-mainImg__wrapper,
    #system-operations-engineer .p-mainImg__wrapper,
    #subtitle-production .p-mainImg__wrapper,
    #general-affairs .p-mainImg__wrapper {
      margin-bottom: 15px; } }

@media screen and (max-width: 568px) {
  #sales .p-mainImg__img,
  #system-engineer .p-mainImg__img,
  #network-engineer .p-mainImg__img,
  #system-operations-engineer .p-mainImg__img,
  #subtitle-production .p-mainImg__img,
  #general-affairs .p-mainImg__img {
    width: 100%;
    height: 100%;
    overflow: hidden; } }

@media screen and (max-width: 568px) {
  #sales .p-mainImg__img > img,
  #system-engineer .p-mainImg__img > img,
  #network-engineer .p-mainImg__img > img,
  #system-operations-engineer .p-mainImg__img > img,
  #subtitle-production .p-mainImg__img > img,
  #general-affairs .p-mainImg__img > img {
    width: 100%;
    height: 360px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%; } }

#sales .p-mainImg__img--system > img,
#system-engineer .p-mainImg__img--system > img,
#network-engineer .p-mainImg__img--system > img,
#system-operations-engineer .p-mainImg__img--system > img,
#subtitle-production .p-mainImg__img--system > img,
#general-affairs .p-mainImg__img--system > img {
  -o-object-position: 70% 50%;
     object-position: 70% 50%; }

#sales .p-mainImg__img--network > img,
#system-engineer .p-mainImg__img--network > img,
#network-engineer .p-mainImg__img--network > img,
#system-operations-engineer .p-mainImg__img--network > img,
#subtitle-production .p-mainImg__img--network > img,
#general-affairs .p-mainImg__img--network > img {
  -o-object-position: 20% 50%;
     object-position: 20% 50%; }

#sales .p-mainImg__img--operations > img,
#system-engineer .p-mainImg__img--operations > img,
#network-engineer .p-mainImg__img--operations > img,
#system-operations-engineer .p-mainImg__img--operations > img,
#subtitle-production .p-mainImg__img--operations > img,
#general-affairs .p-mainImg__img--operations > img {
  -o-object-position: 30% 50%;
     object-position: 30% 50%; }

#sales .p-mainImg__img--general-affairs > img,
#system-engineer .p-mainImg__img--general-affairs > img,
#network-engineer .p-mainImg__img--general-affairs > img,
#system-operations-engineer .p-mainImg__img--general-affairs > img,
#subtitle-production .p-mainImg__img--general-affairs > img,
#general-affairs .p-mainImg__img--general-affairs > img {
  -o-object-position: 84% 50%;
     object-position: 84% 50%; }

#sales .p-ttl-large,
#system-engineer .p-ttl-large,
#network-engineer .p-ttl-large,
#system-operations-engineer .p-ttl-large,
#subtitle-production .p-ttl-large,
#general-affairs .p-ttl-large {
  font-size: 3rem; }
  @media screen and (max-width: 768px) {
    #sales .p-ttl-large,
    #system-engineer .p-ttl-large,
    #network-engineer .p-ttl-large,
    #system-operations-engineer .p-ttl-large,
    #subtitle-production .p-ttl-large,
    #general-affairs .p-ttl-large {
      font-size: 2.3rem; } }

#sales .p-descrptionList__item,
#system-engineer .p-descrptionList__item,
#network-engineer .p-descrptionList__item,
#system-operations-engineer .p-descrptionList__item,
#subtitle-production .p-descrptionList__item,
#general-affairs .p-descrptionList__item {
  margin-bottom: 25px; }
  #sales .p-descrptionList__item:last-child,
  #system-engineer .p-descrptionList__item:last-child,
  #network-engineer .p-descrptionList__item:last-child,
  #system-operations-engineer .p-descrptionList__item:last-child,
  #subtitle-production .p-descrptionList__item:last-child,
  #general-affairs .p-descrptionList__item:last-child {
    margin-bottom: 0; }

.p-workNavi__inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto; }
  @media screen and (max-width: 1210px) {
    .p-workNavi__inner {
      padding: 0 40px 50px; } }
  @media screen and (max-width: 768px) {
    .p-workNavi__inner {
      padding: 0 20px 50px; } }
  @media screen and (max-width: 568px) {
    .p-workNavi__inner {
      padding: 0 20px 50px; } }

.p-workNavi .c-layeredCard {
  /* 矢印アニメーション設定 */ }
  .p-workNavi .c-layeredCard__infoArea {
    max-width: 100%;
    margin: 0;
    padding: 0; }

@keyframes arrowSmallFirst--card {
  0% {
    right: 15px;
    opacity: 1; }
  100% {
    right: 10px;
    opacity: 0; } }

@keyframes arrowSmallEnd--card {
  0% {
    right: 20px;
    opacity: 0; }
  100% {
    right: 15px;
    opacity: 1; } }
  @media screen and (max-width: 450px) {
    @keyframes arrowSmallFirst--card-bp450 {
      0% {
        right: 10px;
        opacity: 1; }
      100% {
        right: 6px;
        opacity: 0; } }
    @keyframes arrowSmallEnd--card-bp450 {
      0% {
        right: 15px;
        opacity: 0; }
      100% {
        right: 10px;
        opacity: 1; } } }
  @media (any-hover: hover) {
    .p-workNavi .c-layeredCard:hover .c-arrowText span::before {
      animation: arrowSmallFirst--card .6s ease 0s 1 normal forwards; } }
  @media screen and (any-hover: hover) and (max-width: 450px) {
    .p-workNavi .c-layeredCard:hover .c-arrowText span::before {
      animation: arrowSmallFirst--card-xs .6s ease 0s 1 normal forwards; } }
  @media (any-hover: hover) {
    .p-workNavi .c-layeredCard:hover .c-arrowText span::after {
      animation: arrowSmallEnd--card .6s ease 0s 1 normal forwards; } }
  @media screen and (any-hover: hover) and (max-width: 450px) {
    .p-workNavi .c-layeredCard:hover .c-arrowText span::after {
      animation: arrowSmallEnd--card-xs .6s ease 0s 1 normal forwards; } }

.p-workNavi .c-arrowText {
  margin-left: 18px;
  color: #333;
  font-family: 游ゴシック体, YuGothic-M, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.5rem; }
  @media screen and (max-width: 768px) {
    .p-workNavi .c-arrowText {
      font-size: 1.2rem; } }
  @media screen and (max-width: 450px) {
    .p-workNavi .c-arrowText {
      margin-left: 15px;
      font-size: 1.1rem; } }
  .p-workNavi .c-arrowText::after {
    right: 10px;
    width: 16px;
    height: 16px; }
    @media screen and (max-width: 450px) {
      .p-workNavi .c-arrowText::after {
        width: 12px;
        height: 12px;
        right: 6px; } }
  .p-workNavi .c-arrowText > span {
    padding: 14px 30px 14px 0; }
    @media screen and (max-width: 450px) {
      .p-workNavi .c-arrowText > span {
        padding: 14px 26px 14px 0; } }
    .p-workNavi .c-arrowText > span::before, .p-workNavi .c-arrowText > span::after {
      width: 7px;
      height: 7px; }
      @media screen and (max-width: 450px) {
        .p-workNavi .c-arrowText > span::before, .p-workNavi .c-arrowText > span::after {
          width: 5px;
          height: 5px; } }
    .p-workNavi .c-arrowText > span::before {
      right: 15px; }
      @media screen and (max-width: 450px) {
        .p-workNavi .c-arrowText > span::before {
          right: 10px; } }
    .p-workNavi .c-arrowText > span::after {
      right: 20px; }
      @media screen and (max-width: 450px) {
        .p-workNavi .c-arrowText > span::after {
          right: 15px; } }

/*# sourceMappingURL=../_map/page/work.css.map */