html.mdlAct, body.mdlAct {
  overflow: hidden; }

.itenMdlBg {
  width: 100vw;
  height: 100vh;
  padding: 240px 0;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow-y: scroll; }
  @media screen and (min-width: 769px) {
    .itenMdlBg {
      min-width: 1400px; } }
  @media screen and (max-width: 768px) {
    .itenMdlBg {
      padding: 100px 3.5%; } }
  .itenMdlBg .itenMdlWrap {
    background-color: #fff;
    border-radius: 50px;
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 768px) {
      .itenMdlBg .itenMdlWrap {
        border-radius: 20px; } }
    .itenMdlBg .itenMdlWrap .mdlClose {
      width: 35px;
      height: 35px;
      position: absolute;
      right: -35px;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        .itenMdlBg .itenMdlWrap .mdlClose {
          width: 25px;
          height: 25px;
          right: -5px; } }
      .itenMdlBg .itenMdlWrap .mdlClose.top {
        top: -35px; }
      .itenMdlBg .itenMdlWrap .mdlClose.btm {
        bottom: -35px; }
      .itenMdlBg .itenMdlWrap .mdlClose::before, .itenMdlBg .itenMdlWrap .mdlClose::after {
        content: '';
        width: 45px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%; }
        @media screen and (max-width: 768px) {
          .itenMdlBg .itenMdlWrap .mdlClose::before, .itenMdlBg .itenMdlWrap .mdlClose::after {
            width: 35px; } }
      .itenMdlBg .itenMdlWrap .mdlClose::before {
        transform: translate(-50%, -50%) rotate(45deg); }
      .itenMdlBg .itenMdlWrap .mdlClose::after {
        transform: translate(-50%, -50%) rotate(-45deg); }
    .itenMdlBg .itenMdlWrap .itenTop {
      max-width: 750px;
      margin: 0 auto;
      padding: 50px 0; }
      @media screen and (max-width: 768px) {
        .itenMdlBg .itenMdlWrap .itenTop {
          padding: 20px 5%; } }
      .itenMdlBg .itenMdlWrap .itenTop h2 {
        margin-bottom: 45px; }
        @media screen and (max-width: 768px) {
          .itenMdlBg .itenMdlWrap .itenTop h2 {
            margin-bottom: 26px; } }
      .itenMdlBg .itenMdlWrap .itenTop p {
        margin-bottom: 40px;
        line-height: 1.8; }
        @media screen and (max-width: 768px) {
          .itenMdlBg .itenMdlWrap .itenTop p {
            margin-bottom: 16px;
            line-height: 1.6;
            font-size: 15px; } }
    .itenMdlBg .itenMdlWrap .itenEvent {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-bottom: 50px;
      border-radius: 0 0 50px 50px;
      background-color: #faf1b9; }
      @media screen and (max-width: 768px) {
        .itenMdlBg .itenMdlWrap .itenEvent {
          border-radius: 0 0 20px 20px; } }
      .itenMdlBg .itenMdlWrap .itenEvent h2 {
        margin-bottom: 60px; }
        @media screen and (max-width: 768px) {
          .itenMdlBg .itenMdlWrap .itenEvent h2 {
            margin-bottom: 26px; } }
      .itenMdlBg .itenMdlWrap .itenEvent .cntWrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        max-width: 750px;
        width: 90%;
        margin: 0 auto; }
        @media screen and (min-width: 769px) {
          .itenMdlBg .itenMdlWrap .itenEvent .cntWrap .txt {
            width: 470px; } }
        .itenMdlBg .itenMdlWrap .itenEvent .cntWrap .txt p {
          margin-bottom: 40px;
          line-height: 1.8; }
          @media screen and (max-width: 768px) {
            .itenMdlBg .itenMdlWrap .itenEvent .cntWrap .txt p {
              margin-bottom: 18px;
              line-height: 1.6;
              font-size: 15px; } }
        .itenMdlBg .itenMdlWrap .itenEvent .cntWrap .ig {
          width: 39%; }
        .itenMdlBg .itenMdlWrap .itenEvent .cntWrap .tel {
          width: 61%; }
      @media screen and (max-width: 768px) {
        .itenMdlBg .itenMdlWrap .itenEvent > img {
          width: 90%; } }

section.mv {
  max-width: 1243px;
  width: 90%;
  margin: 0 auto 20px;
  position: relative; }
  @media screen and (max-width: 768px) {
    section.mv {
      width: 100%;
      margin: 0 auto 32px;
      padding: 20px 3.5% 0; } }
  section.mv .slideWrap {
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      section.mv .slideWrap {
        margin-bottom: 18px; } }
  section.mv .ttl {
    text-align: center; }
    section.mv .ttl span {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      margin: 0 -2px;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      position: relative; }
      section.mv .ttl span::after {
        content: '';
        width: 100%;
        height: 100%;
        border-radius: 20px;
        background-color: #ffa733;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1; }
    section.mv .ttl h1 {
      margin: 10px auto;
      line-height: 1.4;
      font-size: 36px;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        section.mv .ttl h1 {
          font-size: 20px; } }
  section.mv p.shuei {
    text-align: center;
    font-size: 18px;
    line-height: 2; }
    @media screen and (max-width: 768px) {
      section.mv p.shuei {
        font-size: 16px;
        line-height: 1.8; } }
section.begginer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  max-width: 1192px;
  width: 93%;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 768px) {
    section.begginer {
      display: block;
      width: 100%;
      margin: 0 auto 34px; } }
  @media screen and (max-width: 1200px) {
    section.begginer img {
      width: 58.6%; } }
  @media screen and (max-width: 768px) {
    section.begginer img {
      float: right;
      width: 35%; } }
  section.begginer .txt {
    width: 425px; }
    @media screen and (max-width: 1200px) {
      section.begginer .txt {
        width: 38%; } }
    @media screen and (max-width: 768px) {
      section.begginer .txt {
        width: 100%;
        padding: 0 5%; } }
    section.begginer .txt h2 {
      margin-bottom: 20px;
      padding-bottom: 15px;
      background: url(/index/img/begginer_ttl_line.gif) no-repeat bottom left;
      line-height: 1.4; }
      @media screen and (max-width: 768px) {
        section.begginer .txt h2 {
          margin-right: 37%;
          padding-top: 13%;
          font-size: 20px; } }
    section.begginer .txt p {
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        section.begginer .txt p {
          margin-bottom: 20px; } }
    section.begginer .txt a.btn {
      width: 220px;
      background-color: #ffef5a; }
      @media screen and (max-width: 768px) {
        section.begginer .txt a.btn {
          width: 200px;
          margin: 0 auto; } }
section.staff {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1192px;
  width: 93%;
  margin: -75px auto 25px; }
  @media screen and (max-width: 768px) {
    section.staff {
      align-items: center;
      width: 100%;
      margin: 0 auto 15%; } }
  @media screen and (max-width: 1200px) {
    section.staff img {
      width: 74%; } }
  @media screen and (max-width: 768px) {
    section.staff img {
      width: 55%; } }
  section.staff .txt {
    width: 385px;
    padding-right: 80px; }
    @media screen and (max-width: 1200px) {
      section.staff .txt {
        width: 24%; } }
    @media screen and (max-width: 768px) {
      section.staff .txt {
        width: 55%;
        padding: 10% 5vw 10% 0;
        position: relative; } }
    section.staff .txt p {
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        section.staff .txt p {
          margin-bottom: 0; } }
    section.staff .txt a.btn {
      width: 190px;
      background-color: #ffef5a; }
      @media screen and (max-width: 768px) {
        section.staff .txt a.btn {
          width: 200px;
          position: absolute;
          right: 50vw;
          bottom: -8vw;
          transform: translateX(50%); } }
section.info {
  max-width: 1192px;
  margin: 0 auto 50px; }
  @media screen and (max-width: 768px) {
    section.info {
      margin: 0 auto 26px;
      padding: 0 5%; } }
  section.info h2 {
    text-align: center; }
    @media screen and (max-width: 768px) {
      section.info h2 {
        margin-bottom: 22px; } }
    @media screen and (min-width: 769px) {
      section.info h2 + p {
        margin-top: -40px;
        text-align: center; } }
  section.info ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto; }
    @media screen and (max-width: 768px) {
      section.info ul {
        justify-content: center;
        flex-wrap: wrap;
        margin: 24px auto 5px; } }
    section.info ul li {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 20%;
      padding: 15px 0; }
      @media screen and (max-width: 768px) {
        section.info ul li {
          width: 33%;
          margin-bottom: 22px;
          padding: 10px 0; } }
      section.info ul li:not(:nth-last-of-type(1)) {
        padding-right: 3px;
        background: url(/index/img/info_line.gif) no-repeat top right/contain; }
      @media screen and (max-width: 768px) {
        section.info ul li:nth-of-type(3) {
          background: none; } }
      section.info ul li span {
        margin-bottom: 12px;
        font-size: 22px; }
        @media screen and (max-width: 768px) {
          section.info ul li span {
            margin-bottom: 8px;
            font-size: 18px; } }
      @media screen and (max-width: 768px) {
        section.info ul li img {
          width: 60px; } }
  section.info p.bold {
    margin-bottom: 90px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      section.info p.bold {
        margin-bottom: 25px;
        position: relative; }
        section.info p.bold::after {
          content: '';
          display: block;
          width: 85px;
          height: 59px;
          background: url(/index/img/info_star_sp.gif) no-repeat bottom right/contain;
          position: absolute;
          right: 0;
          bottom: 0; } }
  section.info .cntWrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width: 1200px) {
      section.info .cntWrap {
        padding: 0 4.5%; } }
    section.info .cntWrap .cntBox {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 460px;
      width: 46%;
      height: 250px;
      margin: 0 40px;
      padding-bottom: 30px;
      border-radius: 10px;
      background-color: #f9f2de;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 1200px) {
        section.info .cntWrap .cntBox {
          margin: 0 auto; } }
      @media screen and (max-width: 768px) {
        section.info .cntWrap .cntBox {
          max-width: 500px;
          width: 100%;
          height: auto;
          margin: 0 auto 60px;
          padding: 22px 5% 40px; } }
      section.info .cntWrap .cntBox h3 {
        margin-bottom: 30px;
        font-size: 26px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          section.info .cntWrap .cntBox h3 {
            margin-bottom: 12px;
            font-size: 20px; } }
      section.info .cntWrap .cntBox a.btn {
        width: 250px;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 50%); }
        @media screen and (max-width: 768px) {
          section.info .cntWrap .cntBox a.btn {
            width: 220px; } }
        section.info .cntWrap .cntBox a.btn.blue {
          background-color: #b1efda; }
        section.info .cntWrap .cntBox a.btn.pink {
          background-color: #f2cbc0; }
section.kids {
  max-width: 1208px;
  height: 640px;
  margin: 0 auto 60px;
  width: 90%;
  background: url(/index/img/kids.jpg) no-repeat top left/contain;
  position: relative; }
  @media screen and (max-width: 1300px) {
    section.kids {
      height: 49.2vw; } }
  @media screen and (max-width: 1200px) {
    section.kids {
      height: 590px; } }
  @media screen and (max-width: 768px) {
    section.kids {
      margin: 0 auto 94px;
      height: auto;
      padding: 0 3.5%;
      background: none; } }
  section.kids .txt {
    width: 320px;
    color: #fff;
    position: absolute;
    top: 245px;
    left: 155px; }
    @media screen and (max-width: 1300px) {
      section.kids .txt {
        top: 18.5vw; } }
    @media screen and (max-width: 1200px) {
      section.kids .txt {
        top: calc(18.5vw - 15px);
        left: 14%; } }
    @media screen and (max-width: 768px) {
      section.kids .txt {
        width: 50%;
        padding-top: 12%;
        color: #000;
        position: static; } }
    section.kids .txt h2 {
      margin-bottom: 20px;
      line-height: 1;
      font-size: 30px;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        section.kids .txt h2 {
          margin-bottom: 12px;
          font-size: 22px; } }
    section.kids .txt p {
      margin-bottom: 30px; }
      @media screen and (max-width: 1200px) {
        section.kids .txt p {
          margin-bottom: 2.5vw; } }
      @media screen and (max-width: 768px) {
        section.kids .txt p {
          margin-bottom: 0; } }
    section.kids .txt a.btn {
      width: 190px;
      border: 1px solid #fff;
      color: #fff;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (max-width: 768px) {
        section.kids .txt a.btn {
          width: 200px;
          margin: 15px auto 0;
          border-color: #000;
          color: #000;
          position: absolute;
          bottom: -55px;
          left: 46.5vw;
          transform: translateX(-50%); } }
      @media screen and (min-width: 769px) {
        section.kids .txt a.btn:hover {
          background-color: #fff;
          color: #2edbed;
          opacity: 1; } }
      @media screen and (min-width: 769px) {
        section.kids .txt a.btn::after {
          border-color: #fff; } }
  section.kids img.sp {
    position: absolute;
    top: 0;
    right: 3.5%;
    width: 55%;
    z-index: -1; }
section.childcare {
  max-width: 860px;
  margin: 0 auto 50px;
  position: relative; }
  @media screen and (max-width: 768px) {
    section.childcare {
      margin: 0 auto 32px;
      padding: 0 3.5%;
      background: url(/index/img/childcare_sp.jpg) no-repeat top center/93% auto; }
      section.childcare::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 75%; } }
    @media screen and (max-width: 768px) and (max-width: 480px) {
      section.childcare::before {
        content: none; } }

  section.childcare p {
    width: 50%;
    position: absolute;
    top: 165px;
    right: 0; }
    @media screen and (max-width: 768px) {
      section.childcare p {
        width: 100%;
        padding: 20% 5% 0 50%;
        top: 0; } }
    @media screen and (max-width: 480px) {
      section.childcare p {
        position: static; } }
section.instagram {
  max-width: 1000px;
  margin: 0 auto 95px; }
  @media screen and (max-width: 768px) {
    section.instagram {
      margin: 0 auto 40px;
      padding: 0 5%; } }
  section.instagram h2 {
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      section.instagram h2 {
        margin-bottom: 24px; } }
section.access {
  max-width: 1000px;
  margin: 0 auto 125px; }
  @media screen and (max-width: 768px) {
    section.access {
      margin: 0 auto 60px;
      padding: 0 5%; } }
  section.access h2 {
    margin-bottom: 45px;
    text-align: center;
    font-size: 30px; }
    @media screen and (max-width: 768px) {
      section.access h2 {
        margin-bottom: 20px;
        font-size: 24px; } }
  section.access iframe {
    max-width: 1000px;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 50px; }
    @media screen and (max-width: 768px) {
      section.access iframe {
        height: 300px;
        margin-bottom: 16px;
        border-radius: 20px; } }
  section.access .cntWrap {
    display: flex;
    justify-content: space-between;
    padding: 0 40px; }
    @media screen and (max-width: 768px) {
      section.access .cntWrap {
        display: block;
        padding: 0; } }
    section.access .cntWrap p {
      width: 640px; }
      @media screen and (max-width: 768px) {
        section.access .cntWrap p {
          width: 100%; } }
section.bnr {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px 4%;
  max-width: 800px;
  width: 90%;
  margin: 0 auto 125px; }
  @media screen and (max-width: 768px) {
    section.bnr {
      flex-direction: column;
      margin: 0 auto 60px; } }
  section.bnr a {
    max-width: 48%; }
    @media screen and (max-width: 768px) {
      section.bnr a {
        max-width: 90%; } }

/*# sourceMappingURL=style.css.map */