@charset "utf-8";

/* スマホ縦 */
@media screen and (max-width: 430px) {
  /* common */
  .btn_wrap { margin: 6.25vw 0 0 0; }

  /* header .logo li:nth-of-type(1) {
    height: 80px;
    transform: translateY(20px);
  }
  header .logo li:nth-of-type(2) { transform: translateY(-120px); }
  header.scrolled .logo li:nth-of-type(1) { transform: translateY(-80px); }
  header.scrolled .logo li:nth-of-type(2) { transform: translateY(-70px); } */

  /* .expansion > dd */
  .expansion > dd { padding: 0 calc(6.25vw * 2); }
  .expansion > dd .inner { align-items: center; }

  /* hnav */
  #hnav > dd .inner2 {
    flex-wrap: wrap;
  }
  #hnav > dd .inner2 > div {
    display: block;
    width: 100%;
  }
  #hnav > dd .inner2 > div:nth-of-type(2) { margin: 6.25vw 0 0 0; }

  /* footer */
  footer > .inner {
    height: 75vh;
    height: calc(var(--vh, 1vh)* 75);
  }
  footer .text_wrap {
    left: 6.25vw;
    bottom: 6.25vw;
  }

  /* copyright */
  .copyright {
    left: auto;
    right: 60px;
    bottom: 6.25vw;
    transform: translateX(0);
  }

  /* slideshow */
  .slideshow .slick-slide { padding: 0 6.25vw; }

  /* slideshow2 */
  .slideshow2 .slick-list { padding: 0 6.25% 0 0; }

  /* slideshow3 */
  .slideshow3 .slick-slide { padding: 0 3.125vw; }

  /* loopslider */
  .loopslider { height: calc(25vw / 3 * 4); }
  .loopslider ul li img {
    width: 25vw;
    height: calc(25vw / 3 * 4);
  }

  /* mv */
  .mv.home { height: auto; }
  .mv.home .bestrate {
    display: flex;
    bottom: auto;
    left: 6.25vw;
    top: calc(100vh - 110px - 6.25vw);
  }
  .mv .scroll {
    bottom: auto;
    top: calc(100vh - 60px);
    width: 60px;
    height: 60px;
  }
  .mv.home .bg_wrap .simpleParallax { width: 200%; }
  .mv .content_wrap {
    display: block;
    height: auto;
    padding: 12.5vw 0;
  }
  .mv .content_wrap .text_wrap {
    width: 100%;
    margin: 0;
    padding: 0 6.25vw;
  }
  .mv .content_wrap .img_wrap {
    width: 100%;
    margin: 6.25vw 0 0 0;
    padding: 0 6.25vw;
  }

  /* layout_outline */
  .layout_outline > .inner { padding: calc(6.25vw * 2); }

  /* layout_main */
  .layout_main > .inner > ul > li:nth-of-type(2n),
  .layout_main > .inner > ul > li:nth-of-type(2n+1) {
    display: block;
    padding: 12.5vw 6.25vw 0 6.25vw;
  }
  .layout_main > .inner > ul > li:last-child { padding: 12.5vw 6.25vw; }
  .layout_main .img_wrap { width: 100%; }
  .layout_main .text_wrap {
    width: 100%;
    padding: 0;
    margin: 6.25vw 0 0 0;
  }
  .layout_main .text_wrap h3 { text-align: center; }
  .layout_main .text_wrap .btn_wrap { justify-content: center; }

  /* layout_sub */
  .layout_sub > .inner { padding: 0 6.25vw calc(6.25vw * 2) 6.25vw; }
  .layout_sub .text_wrap { margin: .5em 0 0 0; }

  /* layout_common */
  .layout_common > .inner { padding: calc(6.25vw * 2) 6.25vw; }
  .layout_common .img_wrap img { max-width: 62.5vw; }
  .layout_common.areamap .img_wrap img { max-width: 100%; }
  .layout_common .flow dt { font-size: 14rem; }
  .layout_common .flow dd { text-align: left; }
  .layout_common .history { font-size: 12rem; }


  /* layout_list */
  .layout_list > .inner { padding: 12.5vw 6.25vw 6.25vw 3.125vw; }
  .layout_list > .inner > ul > li { width: 50%; }

  /* layout_interview */
  .layout_interview .img_wrap {
    width: 100%;
    padding: 0 calc(6.25vw * 2);
  }

  /* layout_map */
  /* .layout_map > .inner { padding: 0 0 12.5vw 0; } */

  /* layout_access */
  .layout_access .title { margin: 0; }
  .layout_access > .inner { padding: 12.5vw 0; }
  .layout_access .access_detail {
    width: 100%;
    max-width: 100%;
  }
  .layout_access .access_detail li:nth-of-type(even),
  .layout_access .access_detail li:nth-of-type(even).x2,
  .layout_access .access_detail li:nth-of-type(even).x3 {
    height: auto;
    min-height: 75px;
    padding: 1em 0 1em 32px;
    font-size: 12rem;
  }
  .layout_access .access_detail.train li.x2:nth-of-type(even):before,
  .layout_access .access_detail.train li.x2:nth-of-type(even):after,
  .layout_access .access_detail.train li.x3:nth-of-type(even):before,
  .layout_access .access_detail.train li.x3:nth-of-type(even):after {
    height: auto;
    min-height: 75px;
  }
  .layout_access .accordion { pointer-events: auto; }

  /* layout_pagenav */
  .layout_pagenav > .inner { padding: 12.5vw 6.25vw 12.5vw 3.125vw; }
  .layout_pagenav > .inner > ul > li {
    width: 50%;
    padding: 0 0 6.25vw 3.125vw;
  }
  .layout_pagenav > .inner > ul > li:last-child,
  .layout_pagenav > .inner > ul > li:nth-last-child(2n) { padding: 0 0 0 3.125vw; }

  /* layout_staff */
  .layout_staff > .inner { margin: calc(6.25vw * 2) 6.25vw; }

  /* staffslider */
  .staffslider {
    width: calc(6.25vw * 12);
    margin: 0 auto;
  }
  .staffslider .img_wrap {
    width: calc(6.25vw * 6);
    margin: 0 auto;
  }
  .staffslider .caption {
    position: static;
    width: calc(6.25vw * 12);
    top: auto;
    left: auto;
    margin: 6.25vw 0 0 0;
  }
  .staffslider .caption h5 {
    font-size: 12rem;
    text-align: center;
  }
  .staffslider .caption p { text-align: center; }

  /* staffthumbnail */
  .staffthumbnail { width: calc(6.25vw * 12); }
  .staffthumbnail .img_wrap { width: calc(6.25vw * 2); }
  .staffthumbnail .slick-prev { right: calc(6.25vw * 12); }
  .staffthumbnail .slick-next { left: calc(6.25vw * 12); }

  /* layout_bnr */
  .layout_bnr > .inner { padding: calc(6.25vw / 1); }
  .layout_bnr ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .layout_bnr ul li { width: calc(6.25vw * 6); }
  .layout_bnr ul.top li .logo img {
    max-width: 100px;
    max-height: 30px;
  }
  .layout_bnr ul.bottom li a > div { max-width: 120px; }
  .layout_bnr ul.bottom li .category {
    font-size: 10rem;
    padding: .5em;
  }
  .layout_bnr ul.bottom li .logo img {
    max-width: 100px;
    max-height: 20px;
  }

  /* layout_bnr2 */
  .layout_bnr2 > .inner { padding: 0 6.25vw calc(6.25vw * 2) 6.25vw; }
  .layout_bnr2 > .inner > ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .layout_bnr2 > .inner > ul > li { width: 100%; }
  .layout_bnr2 > .inner > ul > li:nth-of-type(2n+1) { padding: 0;}
  .layout_bnr2 > .inner > ul > li:nth-of-type(2n) {
    margin: 2em 0 0 0;
    padding: 0;
  }
  .layout_bnr2 a { width: calc(6.25vw * 14); }
  .layout_bnr2 .img_wrap img { border: 5px solid #ffe02a; }

  /* img_section */
  .ex:before {
    bottom: calc(6.25vw / 2);
    right: calc(6.25vw / 2);
  }

}