/*----------------------
	SP
----------------------*/
@media screen and (max-width: 768px) {
  /* .present
  ----------------------------*/
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 40vw;
  }
  div.profile div.sec01.inner2 {
    margin-bottom: 6vw;
    padding-top: 6vw; }
    div.profile div.sec01.inner2 h1 {
      margin-bottom: 6vw; }
      div.profile div.sec01.inner2 h1 img {
        width: 222px; }
    div.profile div.sec01.inner2 div.cf div.fl {
      max-width: 1000px;
      width: 78%;
      float: none;
      margin: 0 auto;
     }
    div.profile div.sec01.inner2 div.cf .fr {
      margin-top: 6vw;
      max-width: 1000px;
      width: 100%; }
      div.profile div.sec01.inner2 div.cf .fr table tr th {
        max-width: inherit;
        width: 41vw; }
        div.profile div.sec01.inner2 div.cf .fr table tr th span {
          margin-bottom: 15px; }
      div.profile div.sec01.inner2 div.cf .fr table tr td {
        padding: 3px 10px;
        vertical-align: top; }
  div.profile div.sec02 {
    background: #f5f1d9;
    padding: 6vw 0 13vw; }
    div.profile div.sec02 div.inner2 {
      text-align: center; }
      div.profile div.sec02 div.inner2 h2 {
        margin-bottom: 6vw; }
        div.profile div.sec02 div.inner2 h2 img {
          width: 28.4vw;
          max-width: 213px; }
      div.profile div.sec02 div.inner2 div.box {
        display: block;
        margin: 0 auto;
        width: 90%;
        max-width: 510px; }
        div.profile div.sec02 div.inner2 div.box + div.box {
          margin-top: 13vw; }
        div.profile div.sec02 div.inner2 div.box img {
          width: 100%; }
        div.profile div.sec02 div.inner2 div.box:nth-child(1) img {
          max-width: 412px;
          width: 55vw;
         }
        div.profile div.sec02 div.inner2 div.box:nth-child(2) img {
          max-width: 418px;
          width: 55vw;
        }
        div.profile div.sec02 div.inner2 div.box:nth-child(3) {
          margin-right: auto; }
          div.profile div.sec02 div.inner2 div.box:nth-child(3) img {
            max-width: 518px;
            width: 68vw;
           }

    section#story{
      background-color: #DAE8CF;
      padding: 4vw 2vw 5vw;

    }
    section#story iframe {
      display: block;
      margin: 0 auto;
      width: 100%;
      height: 154vw;
  }
    .storyslidebox h2{
      width: 80%;
      margin: 0 auto;
    }
    .storyslidebox .slider{
      position: relative;
      margin: -2.5vw auto 0;
      width: 100%;
    }
    .storyslidebox .slidertop{
      margin: -8.5vw auto 0;
    }


    .slick-slider {
      -ms-touch-action: auto;
      touch-action: auto;
  }
  .storyslidebox .slide {
      width: 98%;
      font-size: 3.52vw;
      padding: 0 1.5vw;
    }
    .storyslidebox .slide p span{
      font-size: 3.3vw;
      padding: 0;
    }

    .storyslidebox .slide p.small {
      font-size: 2.8vw;
      margin-top: 4.5vw;
  }
    .storyslidebox .slick-prev {
      left: 0;
    }

    .storyslidebox .slick-next {
      right: 0;
    }
    .storyslidebox .slick-prev, .storyslidebox .slick-next {
      top: 36vw;
      width: 11.1vw;
      height: 11.1vw;
      background-size: contain;
      background-position-y: 0;
      background-position-x: 0;
    }
    .storyslidebox .back-to-first-slide {
      padding: 3.2vw;
      width: 90%;
      font-size: 4.6vw;
      margin-top: 6vw;
    }
    .storyslidebox ruby.ls_n{
      letter-spacing: -1.5px;
    }
    .storyslidebox ruby.ls_n2 {
      letter-spacing: -2.5px;
  }

  }
/*----------------------
	Tablet
----------------------*/