@charset "utf-8";
/* CSS Document */


/* ==========================================================================//
//
//　SP 767px以下
//
// ========================================================================== */

@media screen and (max-width: 767px) {

  /* area_ttl
  ---------------------------------------------------------- */
  .area_ttl {
    background-image: url("/about/img/main_about_sp.jpg");
    background-size: cover;
  }
  .area_ttl .ttl {
    background-position: 20px 42px;
    background-size: 129px;

  }


  /* area_info
  ---------------------------------------------------------- */
  .area_info {
    margin: 80px 0 0;
    max-width: 100%;
  }
  .area_info .inner {
    flex-direction: column;
  }
  .area_info h2 {
    margin-bottom: 25px;
    font-size: 3.6rem;
  }
  .area_info .box_txt {
    margin: 0 auto 30px;
    padding-top: 0;
    width: 80%;
  }
  .area_info .box_img {
    position: static;
    margin: 0 0 0 auto;
    width: 80%;
  }
  .area_info .box_img img {
    max-width: 100%;
  }


  /* area_about
  ---------------------------------------------------------- */
  .area_about {
    position: relative;
    margin-top: 80px;
    width: 100%;
  }
  .area_about .info_box_txt {
    width: 100%;
    margin: 0 auto 70px;
  }
  .area_about article {
    display: block;
    padding: 10% 5%;
    width: 80%;
  }
  .area_about article + article {
    margin-top: 80px;
  }
  .area_about article .box_img {
    width: 100%;
  }
  .area_about article .box_txt {
    width: 100%;
    margin: 0;
  }
  .area_about article .box_txt .ttl {
    margin: 35px 0 30px;
    font-size: 3rem;
    line-height: 1.2;
  }



  /* area_image
  ---------------------------------------------------------- */
  .area_image {
    margin-top: 100px;
    max-width: 100%;
    min-height: 0;
  }
  .area_image img {
    position: static;
  }
  .area_image .box_sp {
    display: block;
    position: relative;
  }
  .area_image .box_sp .sp_photo_01 {
    display: block;
    position: relative;
    margin-bottom: 17.3vw;
    text-align: left;
  }
  .area_image .photo_01 {
    width: 56vw;
  }
  .area_image .photo_02 {
    position: absolute;
    right: 5.33vw;
    top: 18.6vw;
    width: 29.86vw;
  }
  .area_image .box_sp .sp_photo_02 {
    display: block;
    margin-top: 8.66vw;
    text-align: left;
  }
  .area_image .photo_03 {
    margin-left: 5.3vw;
    margin-bottom: 16vw;
    width: 21.3vw;
  }
  .area_image .photo_04 {
    /* margin: 0 8vw 22vw 0; */
    margin-left: 13vw;
    width: 43.2vw;
  }
  .area_image .box_sp .sp_photo_03 {
    display: block;
    position: relative;
    /* margin: -6vh 0 0; */
    margin-top: 7.2vw;
    text-align: left;
  }
  .area_image .photo_05 {
    margin-left: 9.86vw;
    width: 28.26vw;
  }
  .area_image .photo_06 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    width: 24.53vw;
  }
  .area_image .box_sp .sp_photo_04 {
    display: block;
    margin-top: 12vw;
    text-align: left;
  }
  .area_image .photo_07 {
    /* margin: 0 15vw 8vw 0; */
    margin-left: 16.53vw;
    width: 50.6vw;
  }


  /* area_access
  ---------------------------------------------------------- */



}