@charset "UTF-8";
/* ==========================================================================
//
// 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);
  }
  /* ========================================================================
  // area-interview
  ======================================================================== */
  .area-interview .lead-main{
    font-size: 18px;
  }
  /* sec-profile
  -------------------------------------------------------- */
  .area-interview .sec-profile{
    display: block;
    margin-bottom: 40px;
  }
  .area-interview .sec-profile .img-photo{
    margin: 0 auto 50px;
    width: 83.33%;
  }
  .area-interview .sec-profile .box{
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .area-interview .sec-profile .box .ttl{
    font-size: 24px;
  }
  .area-interview .sec-profile .box .position{
    font-size: 15px;
  }
  .area-interview .sec-profile .box .name{
    font-size: 18px;
  }
  .area-interview .sec-profile .box .furigana{
    margin-bottom: 20px;
    font-size: 15px;
  }
  .area-interview .sec-profile .box .join{
    font-size: 13px;
  }
  /* sec-article
  -------------------------------------------------------- */
  /*
  .area-interview .sec-article .box{
    flex-wrap: wrap;
  }
  */
  .area-interview .sec-article{
    margin-bottom: 50px;
  }
  .area-interview .sec-article > .txt.pc-space{
    margin: 0;
  }
  .area-interview .sec-article .box .img-photo{
    width: 100%;
  }
  .area-interview .sec-article .box .img-photo img{
    width: 100%;
  }
  .area-interview .sec-article .box .txt{
    width: 100%;
  }

  /* box-01 */
  /* box-02 */
  /* box-03 */
  .area-interview .sec-article .box-03 .txt-01,
  .area-interview .sec-article .box-03 .txt-02{
    width: 100%;
  }
  /* box-04 */
  .area-interview .sec-article .box-04{
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .area-interview .sec-article .box-04 .txt{
    margin: 0 auto;
    padding: 0 20px;
    max-width: 580px;
  }
  /* sec-list
  -------------------------------------------------------- */
  .area-interview .sec-list .ttl-sec{
    font-size: 19px;
  }
  .area-interview .sec-list .list li{
    width: 46.29%;
  }
  .area-interview .sec-list .list li + li{
    /*margin-left: 7.4%;*/
  }

  /* ========================================================================
  // #id-interview-01
  ======================================================================== */
  /* box-01 */
  #id-interview-01 .area-interview .sec-article .box-01 .img-photo{
    margin-bottom: 50px;
    order: 1;
  }
  /* box-02 */
  #id-interview-01 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  /* box-03 */
  #id-interview-01 .area-interview .sec-article .box-03 .txt-01{
    margin-bottom: 50px;
  }
  /* ========================================================================
  // #id-interview-02
  ======================================================================== */
  /* box-01 */
  #id-interview-02 .area-interview .sec-article .box-01 .img-photo{
    margin-bottom: 50px;
    order: 1;
  }
  /* box-02 */
  #id-interview-02 .area-interview .sec-article .box-02 .txt{
    margin-bottom: 50px;
  }
  #id-interview-02 .area-interview .sec-article .box-02 .img-photo{
    order: 2;
  }
  /* box-03 */
  #id-interview-02 .area-interview .sec-article .box-03 .img-photo{
    margin-bottom: 0;
    order: 3;
  }
  #id-interview-02 .area-interview .sec-article .box-03 .txt-01{
    margin-bottom: 50px;
  }
  #id-interview-02 .area-interview .sec-article .box-03 .txt-02{
    margin-bottom: 50px;
    order: 2;
  }
  /* box-04 */
  #id-interview-02 .area-interview .sec-article .box-04 .txt{
    margin-bottom: 50px;
  }
  #id-interview-02 .area-interview .sec-article .box-04 .img-photo-large{
    margin-bottom: 0;
    order: 2;
  }
  /* ========================================================================
  // #id-interview-03
  ======================================================================== */
  /* box-01 */
  #id-interview-03 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  /* box-02 */
  #id-interview-03 .area-interview .sec-article .box-02 .txt{
    margin-bottom: 50px;
  }
  #id-interview-03 .area-interview .sec-article .box-02 .img-photo{
    order: 2;
  }
  /* box-03 */
  #id-interview-03 .area-interview .sec-article .box-03 .img-photo{
    margin-bottom: 0;
    order: 3;
  }
  #id-interview-03 .area-interview .sec-article .box-03 .txt-01,
  #id-interview-03 .area-interview .sec-article .box-03 .txt-02{
    margin-bottom: 50px;
  }
  #id-interview-03 .area-interview .sec-article .box-03 .txt-02{
    order: 2;
  }
  /* box-04 */
  #id-interview-03 .area-interview .sec-article .box-04 .img-photo-large{
    margin-bottom: 0;
    order: 2;
  }
  #id-interview-03 .area-interview .sec-article .box-04 .txt{
    margin-bottom: 50px;
    order: 1;
  }
  /* ========================================================================
  // #id-interview-04
  ======================================================================== */
  /* box-01 */
  #id-interview-04 .area-interview .sec-article .box-01 .img-photo{
    margin-bottom: 50px;
    order: 1;
  }
  /* box-02 */
  #id-interview-04 .area-interview .sec-article .box-02 .txt{
    margin-bottom: 50px;
  }
  #id-interview-04 .area-interview .sec-article .box-02 .img-photo{
    order: 2;
  }
  /* box-03 */
  #id-interview-04 .area-interview .sec-article .box-03 .img-photo{
    margin-bottom: 0;
    order: 3;
  }
  #id-interview-04 .area-interview .sec-article .box-03 .txt-01{
    margin-bottom: 50px;
  }
  #id-interview-04 .area-interview .sec-article .box-03 .txt-02{
    margin-bottom: 50px;
    order: 2;
  }
  /* box-04 */
  #id-interview-04 .area-interview .sec-article .box-04 .txt{
    margin-bottom: 50px;
  }
  #id-interview-04 .area-interview .sec-article .box-04 .img-photo-large{
    margin-bottom: 0;
    order: 2;
  }
  /* ========================================================================
  // #id-interview-05
  ======================================================================== */
  /* box-01 */
  #id-interview-05 .area-interview .sec-article .box-01 .img-photo{
    margin-bottom: 50px;
    order: 1;
  }
  /* box-02 */
  #id-interview-05 .area-interview .sec-article .box-02 .txt{
    margin-bottom: 50px;
  }
  #id-interview-05 .area-interview .sec-article .box-02 .img-photo{
    order: 2;
  }
  /* box-03 */
  #id-interview-05 .area-interview .sec-article .box-03 .img-photo{
    margin-bottom: 0;
  }
  #id-interview-05 .area-interview .sec-article .box-03 .txt-01{
    margin-bottom: 50px;
  }
  /* box-04 */
  #id-interview-05 .area-interview .sec-article .box-04 .img-photo-large{
    margin-bottom: 0;
  }

  /* ========================================================================
  // #id-interview-06
  ======================================================================== */
  /* box-01 */
  #id-interview-06 .area-interview .sec-article .box-01 .img-photo{
    margin-bottom: 50px;
    order: 1;
  }
  /* box-02 */
  #id-interview-06 .area-interview .sec-article .box-02 .txt{
    margin-bottom: 50px;
  }
  #id-interview-06 .area-interview .sec-article .box-02 .img-photo{
    order: 2;
  }
  /* box-03 */
  #id-interview-06 .area-interview .sec-article .box-03 .img-photo{
    margin-bottom: 0;
    order: 3;
  }
  #id-interview-06 .area-interview .sec-article .box-03 .txt-01{
    margin-bottom: 50px;
  }
  #id-interview-06 .area-interview .sec-article .box-03 .txt-02{
    margin-bottom: 50px;
    order: 2;
  }
  /* box-04 */
  #id-interview-06 .area-interview .sec-article .box-04 .txt{
    margin-bottom: 50px;
  }
  #id-interview-06 .area-interview .sec-article .box-04 .img-photo-large{
    margin-bottom: 0;
    order: 2;
  }

  /* ========================================================================
  // #id-interview-07
  ======================================================================== */
  /* box-01 */
  #id-interview-07 .area-interview .sec-article .box-01 .img-photo{
    margin-bottom: 50px;
    order: 1;
  }
  /* box-02 */
  #id-interview-07 .area-interview .sec-article .box-02 .txt{
    margin-bottom: 50px;
  }
  #id-interview-07 .area-interview .sec-article .box-02 .img-photo{
    order: 2;
  }
  /* box-03 */
  #id-interview-07 .area-interview .sec-article .box-03 .img-photo{
    margin-bottom: 0;
  }
  #id-interview-07 .area-interview .sec-article .box-03 .txt-01{
    margin-bottom: 50px;
  }
  /* box-04 */
  #id-interview-07 .area-interview .sec-article .box-04 .img-photo-large{
    margin-bottom: 0;
  }

  /* ========================================================================
  // #id-interview-08
  ======================================================================== */
  #id-interview-08 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-08 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-08 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  /* ========================================================================
  // #id-interview-09
  ======================================================================== */
  #id-interview-09 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-09 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-09 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  /* ========================================================================
  // #id-interview-10
  ======================================================================== */
  #id-interview-10 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-10 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-10 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  /* ========================================================================
  // #id-interview-11
  ======================================================================== */
  #id-interview-11 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-11 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-11 .area-interview .sec-article .box-03{
    align-items: flex-start;
  }
  #id-interview-11 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  #id-interview-11 .area-interview .sec-article .box-03 .txt{
    margin-bottom: 0;
  }
  /* ========================================================================
  // #id-interview-12
  ======================================================================== */
  #id-interview-12 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-12 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-12 .area-interview .sec-article .box-03{
    align-items: flex-start;
  }
  #id-interview-12 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  #id-interview-12 .area-interview .sec-article .box-03 .txt{
    margin-bottom: 0;
  }
  /* ========================================================================
  // #id-interview-13
  ======================================================================== */
  #id-interview-13 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-13 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-13 .area-interview .sec-article .box-03{
    align-items: flex-start;
  }
  #id-interview-13 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  #id-interview-13 .area-interview .sec-article .box-03 .txt{
    margin-bottom: 0;
  }
  /* ========================================================================
  // #id-interview-14
  ======================================================================== */
  #id-interview-14 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-14 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-14 .area-interview .sec-article .box-03{
    align-items: flex-start;
  }
  #id-interview-14 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  #id-interview-14 .area-interview .sec-article .box-03 .txt{
    margin-bottom: 0;
  }
    /* ========================================================================
  // #id-interview-15
  ======================================================================== */
  #id-interview-15 .area-interview .sec-article .box-01 .txt{
    margin-bottom: 50px;
  }
  #id-interview-15 .area-interview .sec-article .box-02 .img-photo{
    margin-bottom: 50px;
  }
  #id-interview-15 .area-interview .sec-article .box-03{
    align-items: flex-start;
  }
  #id-interview-15 .area-interview .sec-article .box-03 .img-photo{
    order: 0;
  }
  #id-interview-15 .area-interview .sec-article .box-03 .txt{
    margin-bottom: 0;
  }
}
/* ==========================================================================
//
// 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-interview
  ======================================================================== */
  .area-interview .lead-main{
    margin-bottom: 25px;
  }
  /* sec-profile
  -------------------------------------------------------- */
  .area-interview .sec-profile .img-photo{
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  /* sec-article
  -------------------------------------------------------- */
  .area-interview .sec-article .box{
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .area-interview .sec-article .box .img-photo{
    width: 100vw;
  }
  .area-interview .sec-article .box .txt{
    padding: 0 20px;
  }
  /* box-01 */
  /* box-02 */
  /* box-03 */
  .area-interview .sec-article .box-03 .txt-01,
  .area-interview .sec-article .box-03 .txt-02{
    padding: 0 20px;
  }
  /* box-04 */

  /* sec-list
  -------------------------------------------------------- */
  .area-interview .sec-list .list li{
    width: 56.81%;
    margin: 50px 0 0 !important;  }
  .area-interview .sec-list .list li + li{

  }
}