@charset "utf-8";

/* スマホ縦 */
@media screen and (max-width: 440px) {
  /* .expansion > dd */
  .expansion > dd .inner { align-items: baseline; }
  .expansion > dd .inner2 { padding: 80px 0 40px 0; }

  /* hnav */
  #hnav > dd .inner2 > div { display: block; }
  #hnav > dd nav:nth-of-type(2) {
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
    border-top: 1px dashed rgba(0,0,0,.25);
  }
  #hnav > dd nav:nth-of-type(3) {
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
    border-top: 1px dashed rgba(0,0,0,.25);
  }

  /* header */
  header .logo > li:nth-of-type(1) { padding: 25px 0 0 0; }
  header .logo > li:nth-of-type(1) li:nth-of-type(1) img { width: 150px; }
  header .logo > li:nth-of-type(2) li:nth-of-type(1) img { width: 20px; }

  /* footer */
  footer .text_wrap {
    display: block;
    padding: 25px;
    height: 100vh;
  }
  footer > .inner:after { background-position: 65%; }
  footer .logo img { width: 100px; }

  /* slideshow */
  .slideshow .slick-arrow { top: calc(-6.25vw - 16px); }
  .slideshow .slick-slide { padding: 0 calc(6.25vw * 2); }
  .slideshow .slick-prev { right: calc((6.25vw * 2) + 26px); }
  .slideshow .slick-next { right: calc(6.25vw * 2); }

  /* mv */
  .mv .scroll {
    bottom: 70px;
    width: 40px;
    height: 40px;
  }
  .mv .bestrate {
    left: 50%;
    transform: translateX(-50%);
  }
  .mv.home .slick-slide:nth-of-type(1) > div { background-position: 45%;}
  .mv.home .slick-slide:nth-of-type(2) > div { background-position: 40%;}
  .mv.home .slick-slide:nth-of-type(3) > div { background-position: center;}
  .mv.home .slick-slide:nth-of-type(4) > div { background-position: 30%;}
  .mv.home .slick-slide:nth-of-type(5) > div { background-position: 40%;}
  .mv.home .slick-slide:nth-of-type(6) > div { background-position: center;}
  .mv.home .slick-slide:nth-of-type(7) > div { background-position: center;}
  .mv.home .slick-slide:nth-of-type(8) > div { background-position: center;}

  /* layout_outline */
  .layout_outline .img_wrap {
    height: calc(50vh - 12.5vh);
    height: calc(var(--vh, 1vh) * (50 - 12.5));
  }
  .layout_outline .img_wrap .inview-zoom { width: 150%; }
  .layout_outline .text_wrap { position: static; }
  .layout_outline .text_wrap > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: static;
    width: 100%;
    height: auto;
    padding: 6.25vw 0 0 0;
    color: #000;
  }

  .layout_outline.simple .text_wrap { padding: 0 calc(6.25vw * 1); }

  /* layout_main */
  .layout_main > .inner > ul > li .img_wrap { width: calc(6.25% * 14); }
  .layout_main > .inner > ul > li .text_wrap {
    width: calc(6.25% * 14);
    margin: 6.25% auto 0 auto;
  }
  .layout_main > .inner > ul > li .sub { padding: calc(6.25% * 2) 6.25% 0 6.25%; }

  /* layout_common */
  .layout_common > .inner { padding: calc(6.25% * 2) 6.25%; }

  /* layout_list */
  .layout_list > .inner > ul > li .text_wrap .title { display: block; }
  .layout_list > .inner > ul > li .text_wrap .title .time { text-align: right; }

  /* layout_plan  */
  .layout_plan h4,
  .layout_plan h5 { padding: 0 calc(6.25vw * 2) 6.25% calc(6.25vw * 2); }

  /* layout_access */
  .layout_access .title {
    margin: 0;
    padding: 6.25%;
  }
  .layout_access .access_detail {
    width: 100%;
    padding: 0 0 6.25% calc(6.25% / 2);
  }
  .layout_access .access_detail ul { margin: 0 6.25%; }
  .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 > ul > li { width: 50%; }

  /* layout_title */
  .layout_title#baby02 > .inner { padding: 80px 6.25% 0 6.25%; }

  /* layout_babyplan */
  .layout_babyplan .img_wrap { max-width: 300px; }
  .layout_babyplan .img_wrap > div { height: 200px; }
  .layout_babyplan .text_wrap dl {
    padding: 40px 6.25vw;
    border: 5px dashed rgba(245,245,245,1);
  }

  /* insta */
  .insta { padding: calc(6.25% * 2); }
  .insta li { width: calc(6.25vw * 4); }

}