@charset "UTF-8";
/* ==========================================================================
//
// 1024px(PC)
//
========================================================================== */
@media screen and (max-width:1024px) {
  /* ========================================================================
  // area-voice
  ======================================================================== */
  /* sec-profile
  -------------------------------------------------------- */
  .area-voice .list-profile::after{
    display: none;
  }
  .area-voice .list-profile > li{
    width: 48.73%;
  }
  .area-voice .list-profile .box-photo .txt{
    max-height: 65%;
  }
}
/* ==========================================================================
//
// 768px(TABLET & SMARTPHONE)
//
========================================================================== */
@media screen and (max-width:768px) {
  /* hero-cmn-page
  ---------------------------------------------------------- */
  .hero-cmn-page .bg{
    background-image:url(../img/bg_mainimg_01_tb.jpg);
  }

  /* ttl-cmn-area
  ---------------------------------------------------------- */
  .ttl-cmn-area{
    font-size: 19px;
  }
  /* ========================================================================
  // area-intro
  ======================================================================== */
  .area-intro .txt{
    font-size: 15px;
  }

  /* ========================================================================
  // area-voice
  ======================================================================== */
  .area-voice{
    margin-bottom: 50px;
  }
  .area-voice .ttl-area{
    margin-bottom: 50px;
  }
  /* sec-profile
  -------------------------------------------------------- */
  .area-voice .list-profile > li{
    margin-bottom: 50px;
    width: 48.73%;
  }
}

/* ==========================================================================
//
// 480px(SMARTPHONE)
//
========================================================================== */
@media screen and (max-width:480px) {
  /* hero-cmn-page
  ---------------------------------------------------------- */
  .hero-cmn-page .bg{
    background-image:url(../img/bg_mainimg_01_sp.jpg);
  }
  /* ========================================================================
  // area-intro
  ======================================================================== */
  .area-intro .txt-lead{
    font-size: 16px;
  }
  .area-intro .txt{
    font-size: 13px;
  }

  /* ========================================================================
  // area-voice
  ======================================================================== */
  /* sec-profile
  -------------------------------------------------------- */
  .area-voice .list-profile{
    max-width: 350px;
  }
  .area-voice .list-profile > li{
    margin-bottom: 30px;
    width: 100%;
  }
  .area-voice .list-profile > li + li{
    padding-top: 30px;
    border-top: 1px solid #eee;
  }
}