@charset "utf-8";
@media screen and (max-width: 740px) {
  /* ----------------------------------------------- loading */
  #loader {}
  #loader_logo {}
  #loader_logo img {
    width: 160px;
    height: auto;
  }
  /* -----------------------------------------------*/
  #index {}
  /* ----------------------------------------------- main_visual */
  .main_visual {}
  .main_visual .slider ul {}
  .main_visual .slider li {
    padding-left: 15px;
  }
  .main_visual .slider img {}
  .mask {}
  .bx-wrapper {
    position: relative;
  }
  /*controls*/
  .bx-wrapper .bx-controls {
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
  }
  /*controls > pager*/
  .bx-wrapper .bx-pager {
    position: absolute;
    width: 13px;
    top: 30%;
    left: -15px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {}
  .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #dfdbd5;
  }
  .bx-wrapper .bx-pager-item,
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {}
  @media screen and (max-width: 450px) {
    .bx-wrapper .bx-pager {
      width: 10px;
      top: 25%;
      left: -10px;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
      width: 10px;
      height: 10px;
    }
  }
  /*controls > next_back*/
  .bx-wrapper .bx-controls-direction {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 90px;
  }
  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-next {}
  .bx-wrapper .bx-prev::before,
  .bx-wrapper .bx-next::before {}
  .bx-wrapper .bx-prev:hover::before,
  .bx-wrapper .bx-next:hover::before {}
  .bx-wrapper .bx-prev::after,
  .bx-wrapper .bx-next::after {}
  .bx-wrapper .bx-prev::after {}
  .bx-wrapper .bx-next::after {}
  /*back parts*/
  .main_visual .back1 {
    top: 0;
    left: -60px;
  }
  .main_visual .back1 img {
    width: 120px;
    height: auto;
  }
  .main_visual .back2 {
    display: none;
  }
  .main_visual .back3 {
    top: 0px;
    right: -10px;
  }
  .main_visual .back3 img {
    width: 130px;
    height: auto;
  }
  .main_visual .back4 {
    bottom: 130px;
    left: -60px;
  }
  .main_visual .back4 img {
    width: 200px;
    height: auto;
  }
  .main_visual .back5 {
    display: none;
  }
  /*lead*/
  .main_visual_lead {
    position: relative;
    left: 0;
    bottom: 50px;
  }
  .main_visual_lead div.main_visual_lead_inner {
    position: relative;
  }
  .main_visual_lead p {}
  .main_visual_lead p span {
    padding: 5px 15px 10px 15px;
    font-size: 1.4em;
  }
  .main_visual_lead p em {
    font-size: 1.0em;
  }
  .main_visual .parts2_1 {
    left: 5px;
    top: -30px;
  }
  .main_visual .parts2_1 img {
    width: 50px;
    height: auto;
  }
  .main_visual .parts2_2 {
    top: -27px;
    left: 55px;
  }
  .main_visual .parts2_2 img {
    width: 25px;
    height: auto;
  }
  /*parts*/
  .main_visual .parts1_1 {
    top: 10px;
    left: 20px;
  }
  .main_visual .parts1_1 img {
    width: 80px;
    height: auto;
  }
  .main_visual .parts1_2 {
    top: 50px;
    left: 70px;
  }
  .main_visual .parts1_2 img {
    width: 55px;
    height: auto;
  }
  .main_visual .parts1_3 {
    bottom: 100px;
    right: -10px;
  }
  .main_visual .parts1_3 img {
    width: 40px;
    height: auto;
  }
  .main_visual .parts1_4 {
    bottom: 80px;
    right: -15px;
  }
  .main_visual .parts1_4 img {
    width: 30px;
    height: auto;
  }
  .main_visual .parts3 {
    right: -5px;
    bottom: 30px;
  }
  .main_visual .parts3 img {
    width: 170px;
    height: auto;
  }
  .main_visual .parts3_u {
    bottom: 20px;
    right: 0px;
  }
  .main_visual .parts3_u img {
    width: 160px;
    height: auto;
  }
  @media screen and (max-width: 450px) {
    .main_visual .parts1_1 {
      top: 5px;
    }
    .main_visual .parts1_1 img {
      width: 70px;
    }
    .main_visual .parts1_2 {
      top: 25px;
    }
    .main_visual .parts1_2 img {
      width: 50px;
    }
    .main_visual .parts3 img {
      width: 120px;
    }
    .main_visual .parts3_u img {
      width: 120px;
    }
  }
  /* ----------------------------------------------- introduction */
  .introduction {
    margin-top: 50px;
    padding-top: 80px;
  }
  .introduction::before {
    background-size: contain;
  }
  .introduction_inner {
    padding: 0 0 40px 0;
  }
  /*uzura parts*/
  .introduction .parts_uzura1 {
    top: -120px;
    right: 70%;
  }
  .introduction .parts_uzura1 img {
    width: 75px;
    height: auto;
  }
  .introduction .parts_uzura1_u {
    top: -95px;
    right: 69%;
  }
  .introduction .parts_uzura1_u img {
    width: 80px;
    height: auto;
  }
  /*menu*/
  .introduction_inner ul.menu {
    width: 95%;
    margin: 0 auto;
    padding: 0 0 20px 0;
    display: block;
  }
  .introduction_inner ul.menu li {
    width: 100%;
    margin-bottom: 15px;
  }
  .introduction_inner ul.menu li:hover {}
  .introduction_inner ul.menu li a {
    padding: 25px;
  }
  .introduction_inner ul.menu li a::before {
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
  }
  .introduction_inner ul.menu li:nth-child(1) a::before {}
  .introduction_inner ul.menu li:nth-child(2) a::before {}
  .introduction_inner ul.menu li:nth-child(1) a:hover::before,
  .introduction_inner ul.menu li:nth-child(2) a:hover::before {}
  .introduction_inner ul.menu li a::after {
    bottom: 30px;
    right: 29px;
  }
  .introduction_inner ul.menu li:nth-child(1) a:hover::after {
    right: 24px;}
  .introduction_inner ul.menu li:nth-child(2) a:hover::after {
    right: 24px;
  }
  .introduction_inner ul.menu li a {
    padding: 20px;
  }
  .introduction_inner ul.menu li a p {
    font-size: 2.5rem;
  }
  .introduction_inner ul.menu li a p span {
    font-size: 1.2rem;
  }
  /*一時預かり保育バナー*/
  .introduction_inner .short {
    width: 95%;
  }
  .introduction_inner .short .parts_uzura2 {
    left: -20px;
  }
  .introduction_inner .short .parts_uzura2 img {
    width: 60px;
    height: auto;
  }
  .introduction_inner .short .parts_uzura2_u {
    left: -15px;
  }
  .introduction_inner .short ul {}
  .introduction_inner .short ul li {}
  .introduction_inner .short ul li::before {}
  .introduction_inner .short ul li::after {}
  .introduction_inner .short ul li a {}
  .introduction_inner .short ul li a::before {
    right: 5px;
    width: 30px;
    height: 30px;
  }
  .introduction_inner .short ul li a:hover::before {}
  .introduction_inner .short ul li a::after {
    top: 40%;
    right: 11px;
  }
  .introduction_inner .short ul li a:hover::after {
    background-image: url("../img/arrow_w.svg");
    right: 6px;
  }
  .introduction_inner .short ul li a .thumb {
    width: 80px;
    height: 80px;
    margin-right: 10px;
  }
  .introduction_inner .short ul li a p {
    font-size: 2.1rem;
    margin-right: 40px;
  }
  .introduction_inner .short ul li a p span {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .introduction_inner .short ul li a p br {
    display: block;
  }
  .introduction_inner .short ul li a:link,
  .introduction_inner .short ul li a:active,
  .introduction_inner .short ul li a:visited,
  .introduction_inner .short ul li a:hover {}
  /*introduction_carousel*/
  .introduction_carousel {
    padding-top: 40px;
  }
  .introduction_carousel .wave {}
  /*parts*/
  .introduction_carousel .parts_intro1 {
    bottom: 25px;
  }
  .introduction_carousel .parts_intro1 img {
    width: 90px;
    height: auto;
  }
  .introduction_carousel .parts_intro2 {
    bottom: -10px;
    left: 50px;
  }
  .introduction_carousel .parts_intro2 img {
    width: 65px;
    height: auto;
  }
  .introduction_carousel .parts_intro3 {
    right: 5%;
  }
  .introduction_carousel .parts_intro3 img {
    width: 110px;
    height: auto;
  }
  /* ----------------------------------------------- information */
  .information {}
  .information::before {
    top: -120px;
    background-size: contain;

  }
  .information_inner {
    display: block;
  }
  .information_inner h2 {
    padding: 0 0 15px 0;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    font-size: 2.7rem;
    text-align: center;
    letter-spacing: 3px;
  }
  .information_inner div {
    padding: 20px;
  }
  .information_inner div a {}
  .information_inner div a:last-of-type {}
  .information_inner div dl {
    display: block;
  }
  .information_inner div dl::before {}
  .information_inner div dl:hover::before {}
  .information_inner div dt {
    font-size: 1.6rem;
  }
  .information_inner div dd {
    padding: 0 10px 0 0;
    font-size: 1.6rem;
  }
  .information_inner div a:hover dd {
    color: #ffc63a;
  }
  /**/
  .information_inner .list {
    position: relative;
    display: inline-block;
  }
  .information_inner .list a {}
  .information_inner .pc {
    display: none;
  }
  .information_inner .sp {
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
  .information_inner .list a::before {}
  .information_inner .list a:link,
  .information_inner .list a:active,
  .information_inner .list a:visited,
  .information_inner .list a:hover {}
  .information_inner .list a:hover::before {}
  .information_inner .list a::after {}
  .information_inner .list a:hover::after {}
  /*parts*/
  .information_inner div .parts_info1 {
    top: -60px;
  }
  .information_inner div .parts_info1 img {
    width: 100px;
    height: auto;
  }
  .information_inner div .parts_info2 {
    top: -65px;
    bottom: 0;
    left: 5px;
  }
  .information_inner div .parts_info2 img {
    width: 95px;
    height: auto;
  }
  .information_inner div .parts_info_back1 {
    display: none;
  }
}