@charset "UTF-8";
/*
ユーティリティ系おまとめファイル
*/
/*
██████   █████  ███████ ███████
██   ██ ██   ██ ██      ██
██████  ███████ ███████ █████
██   ██ ██   ██      ██ ██
██████  ██   ██ ███████ ███████
*/
/*
██████  ██████  ███████  █████  ██   ██ ██████   ██████  ██ ███    ██ ████████
██   ██ ██   ██ ██      ██   ██ ██  ██  ██   ██ ██    ██ ██ ████   ██    ██
██████  ██████  █████   ███████ █████   ██████  ██    ██ ██ ██ ██  ██    ██
██   ██ ██   ██ ██      ██   ██ ██  ██  ██      ██    ██ ██ ██  ██ ██    ██
██████  ██   ██ ███████ ██   ██ ██   ██ ██       ██████  ██ ██   ████    ██
*/
/*
 ██████  ██████  ██       ██████  ██████
██      ██    ██ ██      ██    ██ ██   ██
██      ██    ██ ██      ██    ██ ██████
██      ██    ██ ██      ██    ██ ██   ██
 ██████  ██████  ███████  ██████  ██   ██
*/
/*
████████ ███████ ██   ██ ████████
   ██    ██       ██ ██     ██
   ██    █████     ███      ██
   ██    ██       ██ ██     ██
   ██    ███████ ██   ██    ██
*/
#hmpa .p-hmpaMovie__soon,
#hmpa-taidan .p-hmpaMovie__soon,
#hmpa-story .p-hmpaMovie__soon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

.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-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-iPadPro-v {
  display: block !important; }
  @media screen and (max-width: 834px) {
    .u-not-under-iPadPro-v {
      display: none !important; } }

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

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

.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; }

#hmpa .p-hmpaKv,
#hmpa-taidan .p-hmpaKv,
#hmpa-story .p-hmpaKv {
  background-color: #FFFFFF; }
  #hmpa .p-hmpaKv h1,
  #hmpa-taidan .p-hmpaKv h1,
  #hmpa-story .p-hmpaKv h1 {
    margin-bottom: 0;
    line-height: 0; }
  #hmpa .p-hmpaKv img,
  #hmpa-taidan .p-hmpaKv img,
  #hmpa-story .p-hmpaKv img {
    width: 100%;
    display: block;
    border-radius: 0;
    max-height: calc(100vh - 90px);
    -o-object-fit: contain;
       object-fit: contain;
    font-family: "object-fit: contain;"; }
    @media screen and (max-width: 1024px) {
      #hmpa .p-hmpaKv img,
      #hmpa-taidan .p-hmpaKv img,
      #hmpa-story .p-hmpaKv img {
        max-height: calc(100vh - 45px); } }

#hmpa .p-hmpaFigure,
#hmpa-taidan .p-hmpaFigure,
#hmpa-story .p-hmpaFigure {
  margin: 0 0 50px; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaFigure,
    #hmpa-taidan .p-hmpaFigure,
    #hmpa-story .p-hmpaFigure {
      margin-bottom: 30px; } }
  #hmpa .p-hmpaFigure img,
  #hmpa-taidan .p-hmpaFigure img,
  #hmpa-story .p-hmpaFigure img {
    width: 100%;
    display: block;
    border-radius: 6px; }
  #hmpa .p-hmpaFigure__caption,
  #hmpa-taidan .p-hmpaFigure__caption,
  #hmpa-story .p-hmpaFigure__caption {
    margin-top: 12px;
    font-size: 14px;
    color: #3c3c3c;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaFigure__caption,
      #hmpa-taidan .p-hmpaFigure__caption,
      #hmpa-story .p-hmpaFigure__caption {
        font-size: 13px;
        text-align: left; } }
  #hmpa .p-hmpaFigure--zuhan img,
  #hmpa-taidan .p-hmpaFigure--zuhan img,
  #hmpa-story .p-hmpaFigure--zuhan img {
    border-radius: 0; }
  #hmpa .p-hmpaFigure--bordered img,
  #hmpa-taidan .p-hmpaFigure--bordered img,
  #hmpa-story .p-hmpaFigure--bordered img {
    border: 1px solid #99d1be;
    border-radius: 6px; }
  @media screen and (max-width: 1024px) {
    #hmpa .p-hmpaFigure--pcOnly,
    #hmpa-taidan .p-hmpaFigure--pcOnly,
    #hmpa-story .p-hmpaFigure--pcOnly {
      display: none; } }
  #hmpa .p-hmpaFigure--spOnly,
  #hmpa-taidan .p-hmpaFigure--spOnly,
  #hmpa-story .p-hmpaFigure--spOnly {
    display: none; }
    @media screen and (max-width: 1024px) {
      #hmpa .p-hmpaFigure--spOnly,
      #hmpa-taidan .p-hmpaFigure--spOnly,
      #hmpa-story .p-hmpaFigure--spOnly {
        display: block; } }

#hmpa .p-hmpaIntro,
#hmpa-taidan .p-hmpaIntro,
#hmpa-story .p-hmpaIntro {
  padding: 55px 0;
  margin-bottom: 60px;
  background-color: #e4f7f2; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaIntro,
    #hmpa-taidan .p-hmpaIntro,
    #hmpa-story .p-hmpaIntro {
      padding: 35px 0;
      margin-bottom: 40px; } }
  #hmpa .p-hmpaIntro p,
  #hmpa-taidan .p-hmpaIntro p,
  #hmpa-story .p-hmpaIntro p {
    line-height: 1.9;
    margin-bottom: 20px; }
    #hmpa .p-hmpaIntro p:last-child,
    #hmpa-taidan .p-hmpaIntro p:last-child,
    #hmpa-story .p-hmpaIntro p:last-child {
      margin-bottom: 0; }

#hmpa .p-hmpaTalkBlock,
#hmpa-taidan .p-hmpaTalkBlock,
#hmpa-story .p-hmpaTalkBlock {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media screen and (max-width: 1024px) {
    #hmpa .p-hmpaTalkBlock,
    #hmpa-taidan .p-hmpaTalkBlock,
    #hmpa-story .p-hmpaTalkBlock {
      display: block; } }
  #hmpa .p-hmpaTalkBlock__photo,
  #hmpa-taidan .p-hmpaTalkBlock__photo,
  #hmpa-story .p-hmpaTalkBlock__photo {
    width: 33%; }
    @media screen and (max-width: 1024px) {
      #hmpa .p-hmpaTalkBlock__photo,
      #hmpa-taidan .p-hmpaTalkBlock__photo,
      #hmpa-story .p-hmpaTalkBlock__photo {
        width: 100%;
        max-width: 380px;
        margin-right: auto;
        margin-left: auto; } }
  #hmpa .p-hmpaTalkBlock__body,
  #hmpa-taidan .p-hmpaTalkBlock__body,
  #hmpa-story .p-hmpaTalkBlock__body {
    width: 62%; }
    @media screen and (max-width: 1024px) {
      #hmpa .p-hmpaTalkBlock__body,
      #hmpa-taidan .p-hmpaTalkBlock__body,
      #hmpa-story .p-hmpaTalkBlock__body {
        width: 100%; } }
  #hmpa .p-hmpaTalkBlock__photo--withZuhan .p-hmpaFigure,
  #hmpa-taidan .p-hmpaTalkBlock__photo--withZuhan .p-hmpaFigure,
  #hmpa-story .p-hmpaTalkBlock__photo--withZuhan .p-hmpaFigure {
    margin-bottom: 20px; }
    #hmpa .p-hmpaTalkBlock__photo--withZuhan .p-hmpaFigure:last-child,
    #hmpa-taidan .p-hmpaTalkBlock__photo--withZuhan .p-hmpaFigure:last-child,
    #hmpa-story .p-hmpaTalkBlock__photo--withZuhan .p-hmpaFigure:last-child {
      margin-bottom: 0; }
  #hmpa .p-hmpaTalkBlock--photoRight,
  #hmpa-taidan .p-hmpaTalkBlock--photoRight,
  #hmpa-story .p-hmpaTalkBlock--photoRight {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  #hmpa .p-hmpaTalkBlock + .p-hmpaTalkBlock,
  #hmpa-taidan .p-hmpaTalkBlock + .p-hmpaTalkBlock,
  #hmpa-story .p-hmpaTalkBlock + .p-hmpaTalkBlock {
    margin-top: 55px; }
    @media screen and (max-width: 1024px) {
      #hmpa .p-hmpaTalkBlock + .p-hmpaTalkBlock,
      #hmpa-taidan .p-hmpaTalkBlock + .p-hmpaTalkBlock,
      #hmpa-story .p-hmpaTalkBlock + .p-hmpaTalkBlock {
        margin-top: 40px; } }

#hmpa .p-hmpaDialog__turn,
#hmpa-taidan .p-hmpaDialog__turn,
#hmpa-story .p-hmpaDialog__turn {
  margin-bottom: 28px; }
  #hmpa .p-hmpaDialog__turn:last-child,
  #hmpa-taidan .p-hmpaDialog__turn:last-child,
  #hmpa-story .p-hmpaDialog__turn:last-child {
    margin-bottom: 0; }
  #hmpa .p-hmpaDialog__turn p,
  #hmpa-taidan .p-hmpaDialog__turn p,
  #hmpa-story .p-hmpaDialog__turn p {
    line-height: 1.9;
    margin-bottom: 15px; }
    #hmpa .p-hmpaDialog__turn p:last-child,
    #hmpa-taidan .p-hmpaDialog__turn p:last-child,
    #hmpa-story .p-hmpaDialog__turn p:last-child {
      margin-bottom: 0; }

#hmpa .p-hmpaDialog .p-hmpaFigure,
#hmpa-taidan .p-hmpaDialog .p-hmpaFigure,
#hmpa-story .p-hmpaDialog .p-hmpaFigure {
  margin-bottom: 28px; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaDialog .p-hmpaFigure,
    #hmpa-taidan .p-hmpaDialog .p-hmpaFigure,
    #hmpa-story .p-hmpaDialog .p-hmpaFigure {
      margin-bottom: 20px; } }

#hmpa .p-hmpaDialog__name,
#hmpa-taidan .p-hmpaDialog__name,
#hmpa-story .p-hmpaDialog__name {
  display: inline-block;
  padding: 2px 18px;
  border-radius: 100px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 10px !important; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaDialog__name,
    #hmpa-taidan .p-hmpaDialog__name,
    #hmpa-story .p-hmpaDialog__name {
      font-size: 12px;
      padding: 2px 14px; } }
  #hmpa .p-hmpaDialog__name--speaker1,
  #hmpa-taidan .p-hmpaDialog__name--speaker1,
  #hmpa-story .p-hmpaDialog__name--speaker1 {
    background-color: #c4657f; }
  #hmpa .p-hmpaDialog__name--speaker2,
  #hmpa-taidan .p-hmpaDialog__name--speaker2,
  #hmpa-story .p-hmpaDialog__name--speaker2 {
    background-color: #008D5C; }

#hmpa .p-hmpaTalk,
#hmpa-taidan .p-hmpaTalk,
#hmpa-story .p-hmpaTalk {
  margin: 0; }
  #hmpa .p-hmpaTalk__ttl,
  #hmpa-taidan .p-hmpaTalk__ttl,
  #hmpa-story .p-hmpaTalk__ttl {
    margin-bottom: 35px; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaTalk__ttl,
      #hmpa-taidan .p-hmpaTalk__ttl,
      #hmpa-story .p-hmpaTalk__ttl {
        margin-bottom: 25px; } }
  #hmpa .p-hmpaTalk__q,
  #hmpa-taidan .p-hmpaTalk__q,
  #hmpa-story .p-hmpaTalk__q {
    font-weight: 700;
    color: #008D5C;
    line-height: 1.7;
    margin: 0 0 15px; }
    #hmpa .p-hmpaTalk__q:before,
    #hmpa-taidan .p-hmpaTalk__q:before,
    #hmpa-story .p-hmpaTalk__q:before {
      content: "──"; }
  #hmpa .p-hmpaTalk__a,
  #hmpa-taidan .p-hmpaTalk__a,
  #hmpa-story .p-hmpaTalk__a {
    margin: 0 0 40px; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaTalk__a,
      #hmpa-taidan .p-hmpaTalk__a,
      #hmpa-story .p-hmpaTalk__a {
        margin-bottom: 30px; } }
    #hmpa .p-hmpaTalk__a:last-child,
    #hmpa-taidan .p-hmpaTalk__a:last-child,
    #hmpa-story .p-hmpaTalk__a:last-child {
      margin-bottom: 0; }
    #hmpa .p-hmpaTalk__a p,
    #hmpa-taidan .p-hmpaTalk__a p,
    #hmpa-story .p-hmpaTalk__a p {
      line-height: 1.9;
      margin-bottom: 20px;
      padding-left: 3.2em; }
      #hmpa .p-hmpaTalk__a p:last-child,
      #hmpa-taidan .p-hmpaTalk__a p:last-child,
      #hmpa-story .p-hmpaTalk__a p:last-child {
        margin-bottom: 0; }
    #hmpa .p-hmpaTalk__a > p:first-child,
    #hmpa-taidan .p-hmpaTalk__a > p:first-child,
    #hmpa-story .p-hmpaTalk__a > p:first-child {
      text-indent: -3.2em; }
  #hmpa .p-hmpaTalk__name,
  #hmpa-taidan .p-hmpaTalk__name,
  #hmpa-story .p-hmpaTalk__name {
    display: inline-block;
    width: 3.2em;
    white-space: nowrap;
    text-indent: 0;
    color: #008D5C;
    font-weight: 700; }
    #hmpa .p-hmpaTalk__name:after,
    #hmpa-taidan .p-hmpaTalk__name:after,
    #hmpa-story .p-hmpaTalk__name:after {
      content: "："; }
  #hmpa .p-hmpaTalk__list,
  #hmpa-taidan .p-hmpaTalk__list,
  #hmpa-story .p-hmpaTalk__list {
    list-style: none;
    margin: 0 0 20px;
    padding-left: calc(3.2em + 1em); }
    #hmpa .p-hmpaTalk__list li,
    #hmpa-taidan .p-hmpaTalk__list li,
    #hmpa-story .p-hmpaTalk__list li {
      line-height: 1.9; }

#hmpa .p-hmpaDialog + .p-hmpaFigure,
#hmpa .p-hmpaTalk + .p-hmpaFigure,
#hmpa-taidan .p-hmpaDialog + .p-hmpaFigure,
#hmpa-taidan .p-hmpaTalk + .p-hmpaFigure,
#hmpa-story .p-hmpaDialog + .p-hmpaFigure,
#hmpa-story .p-hmpaTalk + .p-hmpaFigure {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaDialog + .p-hmpaFigure,
    #hmpa .p-hmpaTalk + .p-hmpaFigure,
    #hmpa-taidan .p-hmpaDialog + .p-hmpaFigure,
    #hmpa-taidan .p-hmpaTalk + .p-hmpaFigure,
    #hmpa-story .p-hmpaDialog + .p-hmpaFigure,
    #hmpa-story .p-hmpaTalk + .p-hmpaFigure {
      margin-top: 30px; } }

#hmpa .p-hmpaNote,
#hmpa-taidan .p-hmpaNote,
#hmpa-story .p-hmpaNote {
  font-size: 13px;
  color: #3c3c3c; }

#hmpa .p-hmpaBand,
#hmpa-taidan .p-hmpaBand,
#hmpa-story .p-hmpaBand {
  padding: 55px 0; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaBand,
    #hmpa-taidan .p-hmpaBand,
    #hmpa-story .p-hmpaBand {
      padding: 35px 0; } }
  #hmpa .p-hmpaBand--bg,
  #hmpa-taidan .p-hmpaBand--bg,
  #hmpa-story .p-hmpaBand--bg {
    background-color: #e4f7f2; }

#hmpa .p-hmpaAbout p,
#hmpa-taidan .p-hmpaAbout p,
#hmpa-story .p-hmpaAbout p {
  line-height: 1.9;
  margin-bottom: 20px; }
  #hmpa .p-hmpaAbout p:last-child,
  #hmpa-taidan .p-hmpaAbout p:last-child,
  #hmpa-story .p-hmpaAbout p:last-child {
    margin-bottom: 0; }

#hmpa .p-hmpaFunc,
#hmpa-taidan .p-hmpaFunc,
#hmpa-story .p-hmpaFunc {
  list-style: none; }
  #hmpa .p-hmpaFunc__item,
  #hmpa-taidan .p-hmpaFunc__item,
  #hmpa-story .p-hmpaFunc__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaFunc__item,
      #hmpa-taidan .p-hmpaFunc__item,
      #hmpa-story .p-hmpaFunc__item {
        margin-bottom: 10px; } }
  #hmpa .p-hmpaFunc__text,
  #hmpa-taidan .p-hmpaFunc__text,
  #hmpa-story .p-hmpaFunc__text {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 22px 25px;
    line-height: 1.9;
    margin-bottom: 0;
    background-color: #FFFFFF;
    border: 1px solid #cce8de;
    border-radius: 6px; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaFunc__text,
      #hmpa-taidan .p-hmpaFunc__text,
      #hmpa-story .p-hmpaFunc__text {
        padding: 20px; } }
    #hmpa .p-hmpaFunc__text:before,
    #hmpa-taidan .p-hmpaFunc__text:before,
    #hmpa-story .p-hmpaFunc__text:before {
      margin-right: 0.6em;
      font-weight: 700; }
  #hmpa .p-hmpaFunc__item:nth-child(1) .p-hmpaFunc__text:before,
  #hmpa-taidan .p-hmpaFunc__item:nth-child(1) .p-hmpaFunc__text:before,
  #hmpa-story .p-hmpaFunc__item:nth-child(1) .p-hmpaFunc__text:before {
    content: "①"; }
  #hmpa .p-hmpaFunc__item:nth-child(2) .p-hmpaFunc__text:before,
  #hmpa-taidan .p-hmpaFunc__item:nth-child(2) .p-hmpaFunc__text:before,
  #hmpa-story .p-hmpaFunc__item:nth-child(2) .p-hmpaFunc__text:before {
    content: "②"; }
  #hmpa .p-hmpaFunc__item:nth-child(3) .p-hmpaFunc__text:before,
  #hmpa-taidan .p-hmpaFunc__item:nth-child(3) .p-hmpaFunc__text:before,
  #hmpa-story .p-hmpaFunc__item:nth-child(3) .p-hmpaFunc__text:before {
    content: "③"; }
  #hmpa .p-hmpaFunc__item:nth-child(4) .p-hmpaFunc__text:before,
  #hmpa-taidan .p-hmpaFunc__item:nth-child(4) .p-hmpaFunc__text:before,
  #hmpa-story .p-hmpaFunc__item:nth-child(4) .p-hmpaFunc__text:before {
    content: "④"; }
  #hmpa .p-hmpaFunc__item:nth-child(5) .p-hmpaFunc__text:before,
  #hmpa-taidan .p-hmpaFunc__item:nth-child(5) .p-hmpaFunc__text:before,
  #hmpa-story .p-hmpaFunc__item:nth-child(5) .p-hmpaFunc__text:before {
    content: "⑤"; }
  #hmpa .p-hmpaFunc__icon,
  #hmpa-taidan .p-hmpaFunc__icon,
  #hmpa-story .p-hmpaFunc__icon {
    width: 150px;
    padding: 10px;
    margin: 0 auto 18px;
    background-color: #FFFFFF;
    border-radius: 50%; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaFunc__icon,
      #hmpa-taidan .p-hmpaFunc__icon,
      #hmpa-story .p-hmpaFunc__icon {
        width: 120px;
        padding: 8px;
        margin-bottom: 14px; } }
    #hmpa .p-hmpaFunc__icon img,
    #hmpa-taidan .p-hmpaFunc__icon img,
    #hmpa-story .p-hmpaFunc__icon img {
      width: 100%;
      display: block; }

#hmpa .p-hmpaAmbassador,
#hmpa-taidan .p-hmpaAmbassador,
#hmpa-story .p-hmpaAmbassador {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media screen and (max-width: 1024px) {
    #hmpa .p-hmpaAmbassador,
    #hmpa-taidan .p-hmpaAmbassador,
    #hmpa-story .p-hmpaAmbassador {
      display: block; } }
  #hmpa .p-hmpaAmbassador__photo,
  #hmpa-taidan .p-hmpaAmbassador__photo,
  #hmpa-story .p-hmpaAmbassador__photo {
    width: 35%; }
    @media screen and (max-width: 1024px) {
      #hmpa .p-hmpaAmbassador__photo,
      #hmpa-taidan .p-hmpaAmbassador__photo,
      #hmpa-story .p-hmpaAmbassador__photo {
        width: 100%;
        max-width: 410px;
        margin: 0 auto 30px; } }
  #hmpa .p-hmpaAmbassador__body,
  #hmpa-taidan .p-hmpaAmbassador__body,
  #hmpa-story .p-hmpaAmbassador__body {
    width: 60%; }
    @media screen and (max-width: 1024px) {
      #hmpa .p-hmpaAmbassador__body,
      #hmpa-taidan .p-hmpaAmbassador__body,
      #hmpa-story .p-hmpaAmbassador__body {
        width: 100%; } }
    #hmpa .p-hmpaAmbassador__body p,
    #hmpa-taidan .p-hmpaAmbassador__body p,
    #hmpa-story .p-hmpaAmbassador__body p {
      line-height: 1.9;
      margin-bottom: 20px; }
      #hmpa .p-hmpaAmbassador__body p:last-child,
      #hmpa-taidan .p-hmpaAmbassador__body p:last-child,
      #hmpa-story .p-hmpaAmbassador__body p:last-child {
        margin-bottom: 0; }

#hmpa .p-hmpaMovie__frame,
#hmpa-taidan .p-hmpaMovie__frame,
#hmpa-story .p-hmpaMovie__frame {
  position: relative;
  padding-top: 56.25%;
  background-color: #FFFFFF;
  border-radius: 6px;
  overflow: hidden; }
  #hmpa .p-hmpaMovie__frame iframe,
  #hmpa-taidan .p-hmpaMovie__frame iframe,
  #hmpa-story .p-hmpaMovie__frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

#hmpa .p-hmpaMovie__soon,
#hmpa-taidan .p-hmpaMovie__soon,
#hmpa-story .p-hmpaMovie__soon {
  width: 100%;
  margin-bottom: 0;
  color: #222222;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.08em; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaMovie__soon,
    #hmpa-taidan .p-hmpaMovie__soon,
    #hmpa-story .p-hmpaMovie__soon {
      font-size: 16px; } }

#hmpa .p-hmpaPageNav,
#hmpa-taidan .p-hmpaPageNav,
#hmpa-story .p-hmpaPageNav {
  background-color: #FFFFFF; }
  @media screen and (max-width: 768px) {
    #hmpa .p-hmpaPageNav__list,
    #hmpa-taidan .p-hmpaPageNav__list,
    #hmpa-story .p-hmpaPageNav__list {
      margin-bottom: -25px; } }
  #hmpa .p-hmpaPageNav__item,
  #hmpa-taidan .p-hmpaPageNav__item,
  #hmpa-story .p-hmpaPageNav__item {
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaPageNav__item,
      #hmpa-taidan .p-hmpaPageNav__item,
      #hmpa-story .p-hmpaPageNav__item {
        padding-bottom: 25px; } }
  #hmpa .p-hmpaPageNav__card,
  #hmpa-taidan .p-hmpaPageNav__card,
  #hmpa-story .p-hmpaPageNav__card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #008D5C;
    border-radius: 6px;
    transition: box-shadow 0.2s ease; }
    #hmpa .p-hmpaPageNav__card:hover,
    #hmpa-taidan .p-hmpaPageNav__card:hover,
    #hmpa-story .p-hmpaPageNav__card:hover {
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12); }
      #hmpa .p-hmpaPageNav__card:hover .p-hmpaPageNav__thumb img,
      #hmpa-taidan .p-hmpaPageNav__card:hover .p-hmpaPageNav__thumb img,
      #hmpa-story .p-hmpaPageNav__card:hover .p-hmpaPageNav__thumb img {
        transform: scale(1.04); }
      #hmpa .p-hmpaPageNav__card:hover .p-hmpaPageNav__label,
      #hmpa-taidan .p-hmpaPageNav__card:hover .p-hmpaPageNav__label,
      #hmpa-story .p-hmpaPageNav__card:hover .p-hmpaPageNav__label {
        color: #FFFFFF;
        background-color: #008D5C; }
        #hmpa .p-hmpaPageNav__card:hover .p-hmpaPageNav__label:after,
        #hmpa-taidan .p-hmpaPageNav__card:hover .p-hmpaPageNav__label:after,
        #hmpa-story .p-hmpaPageNav__card:hover .p-hmpaPageNav__label:after {
          right: 14px; }
  #hmpa .p-hmpaPageNav__thumb,
  #hmpa-taidan .p-hmpaPageNav__thumb,
  #hmpa-story .p-hmpaPageNav__thumb {
    overflow: hidden; }
    #hmpa .p-hmpaPageNav__thumb img,
    #hmpa-taidan .p-hmpaPageNav__thumb img,
    #hmpa-story .p-hmpaPageNav__thumb img {
      width: 100%;
      display: block;
      border-radius: 0;
      transition: transform 0.2s ease; }
  #hmpa .p-hmpaPageNav__label,
  #hmpa-taidan .p-hmpaPageNav__label,
  #hmpa-story .p-hmpaPageNav__label {
    position: relative;
    margin-bottom: 0;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 18px 50px;
    color: #008D5C;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    transition: color 0.2s ease, background-color 0.2s ease; }
    #hmpa .p-hmpaPageNav__label:after,
    #hmpa-taidan .p-hmpaPageNav__label:after,
    #hmpa-story .p-hmpaPageNav__label:after {
      content: "\f138";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      transition: right 0.2s ease; }
    @media screen and (max-width: 768px) {
      #hmpa .p-hmpaPageNav__label,
      #hmpa-taidan .p-hmpaPageNav__label,
      #hmpa-story .p-hmpaPageNav__label {
        padding: 15px 45px;
        font-size: 15px; } }

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