@charset "UTF-8";
/*
変数関係をまとめたファイル
 */
body {
  font-family: "Zen Maru Gothic", sans-serif;
  letter-spacing: 0.06em;
}
body.fixed {
  overflow: hidden;
}

.montserrat {
  font-family: "Montserrat Alternates", sans-serif;
}

.background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.container {
  padding: 0 20px;
  margin: 0 auto;
}

img {
  width: 100%;
}

.link {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.link:hover {
  opacity: 0.5;
}

@media screen and (max-width: 980px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

.xs {
  display: none;
}
@media screen and (max-width: 480px) {
  .xs {
    display: block;
  }
}

.sectionTitle {
  position: relative;
  display: inline-block;
  color: #3e3a39;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .sectionTitle {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .sectionTitle {
    font-size: 1.25rem;
  }
}
.sectionTitle:before, .sectionTitle:after {
  content: url(../images/top/title_decorationYellow.png);
  display: inline-block;
  position: absolute;
  top: -8px;
}
.sectionTitle:before {
  left: -60px;
}
.sectionTitle:after {
  right: -60px;
}
.sectionTitle > .english {
  display: block;
  color: #606468;
  font-size: 1rem;
  padding-top: 12px;
}
@media screen and (max-width: 768px) {
  .sectionTitle > .english {
    font-size: 0.875rem;
  }
}
.sectionTitle.children:before, .sectionTitle.children:after {
  content: url(../images/nursery-children-plan/title_decorationPink.png);
}

.button.decoration > .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.button.decoration > .link:before {
  content: "";
  position: absolute;
  height: 200%;
  width: 200%;
  top: 0;
  right: 0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(-13.9deg);
          transform: rotate(-13.9deg);
  z-index: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.button.decoration > .link > .text {
  position: relative;
  color: #ffffff;
  line-height: 1.8;
  z-index: 1;
}
.button.decoration > .link > .icon {
  position: relative;
  z-index: 1;
}

@-webkit-keyframes fade-up {
  60% {
    opacity: 0.8;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fade-up {
  60% {
    opacity: 0.8;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.fade {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.fade.fade-up {
  -webkit-animation: fade-up 0.5s ease-in-out 0s forwards;
          animation: fade-up 0.5s ease-in-out 0s forwards;
}

.header {
  position: relative;
  padding: 32px 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .header {
    padding: 16px 0;
  }
}
.header > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1180px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .header > .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header > .container > .logo {
  max-width: 224px;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .header > .container > .logo {
    max-width: 180px;
  }
}
@media screen and (max-width: 480px) {
  .header > .container > .logo {
    max-width: 120px;
  }
}
.header > .container > .listNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .header > .container > .listNavigation {
    display: none;
  }
}
.header > .container > .listNavigation > .navigation {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 0 32px;
}
@media screen and (max-width: 980px) {
  .header > .container > .listNavigation > .navigation {
    margin: 0 24px;
  }
}
.header > .container > .listNavigation > .navigation > .link {
  color: #3e3a39;
  font-size: 0.875rem;
}
.header > .container > .listNavigation > .navigation > .link:before, .header > .container > .listNavigation > .navigation > .link:after {
  content: "";
  position: absolute;
  top: 10px;
  background-color: #fac000;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}
.header > .container > .listNavigation > .navigation > .link:before {
  left: -13px;
}
.header > .container > .listNavigation > .navigation > .link:after {
  right: -13px;
}
.header > .container > .listNavigation > .navigation > .link > .english {
  display: block;
  color: #939597;
  font-size: 0.75rem;
  margin-top: 4px;
}
.header > .container > .listContact {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .header > .container > .listContact {
    display: none;
  }
}
.header > .container > .listContact > .button:first-child {
  margin-right: 8px;
}
.header > .container > .listContact > .button > .link {
  display: inline-block;
  background-color: #fac000;
  border-radius: 0 0 10px 10px;
  max-width: 114px;
  width: 100%;
  padding: 8px 10px;
}
.header > .container > .listContact > .button > .link:before {
  background-color: #e8b200;
}
.header > .container > .listContact > .button > .link > .text {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
}
.header > .container > .humbergerMenu {
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 3;
}
.header > .container > .humbergerMenu > .line {
  position: absolute;
  background-color: #fac000;
  width: 100%;
  height: 2px;
}
.header > .container > .humbergerMenu > .line:first-child {
  top: 0;
}
.header > .container > .humbergerMenu > .line:nth-child(2) {
  top: 50%;
}
.header > .container > .humbergerMenu > .line:last-child {
  bottom: 0;
}
.header > .container > .humbergerMenu > .line.active {
  background-color: #ffffff;
}
.header > .container > .humbergerMenu > .line.active:first-child {
  top: 15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header > .container > .humbergerMenu > .line.active:nth-child(2) {
  display: none;
}
.header > .container > .humbergerMenu > .line.active:last-child {
  bottom: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header > .container > .boxNavigationSp {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background-color: #fac000;
  width: 100%;
  height: 100vh;
  text-align: center;
  padding: 48px 24px;
  z-index: 2;
}
.header > .container > .boxNavigationSp > .listNavigation {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.header > .container > .boxNavigationSp > .listNavigation > .navigation {
  margin-bottom: 32px;
}
.header > .container > .boxNavigationSp > .listNavigation > .navigation > .link {
  color: #ffffff;
}
.header > .container > .boxNavigationSp > .listNavigation > .navigation > .link > .english {
  display: block;
  color: #939597;
}
.header > .container > .boxNavigationSp > .listNavigation > .navigation.button {
  margin-top: 48px;
}
.header > .container > .boxNavigationSp > .listNavigation > .navigation.button > .link {
  background-color: #ffffff;
  border-radius: 10px;
  color: #fac000;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 8px 12px;
}
.header > .container > .boxNavigationSp.active {
  display: block;
}
.header.follow {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fffef5;
  width: 100%;
  padding: 22px 20px 16px;
}
@media screen and (max-width: 768px) {
  .header.follow {
    padding: 16px;
  }
}
.header.follow > .container {
  padding: 0;
}
.header.follow > .container > .logo {
  max-width: 180px;
}
@media screen and (max-width: 480px) {
  .header.follow > .container > .logo {
    max-width: 120px;
  }
}
.header.follow > .container > .listNavigation > .navigation > .link > .english {
  display: none;
}
.header.children > .container > .listNavigation > .navigation > .link:before, .header.children > .container > .listNavigation > .navigation > .link:after {
  background-color: #e7958a;
}
.header.children > .container > .listContact > .button > .link {
  background-color: #e7958a;
}
.header.children > .container > .listContact > .button > .link:before {
  background-color: #d6897e;
}
.header.children.follow {
  background-color: #fffdfe;
}

.sectionNews {
  background-image: url(../images/common/news_background.png);
  background-size: 90%;
  background-position-x: left;
  background-position-y: top;
  max-width: 1366px;
  width: 100%;
  padding: 64px 0 116px;
  margin: 0 auto;
}
@media screen and (max-width: 980px) {
  .sectionNews {
    background-size: 100%;
    background-position-x: center;
  }
}
@media screen and (max-width: 480px) {
  .sectionNews {
    padding: 48px 0 116px;
  }
}
.sectionNews > .container {
  position: relative;
  text-align: center;
}
.sectionNews > .container > .sectionTitle {
  margin-bottom: 64px;
}
@media screen and (max-width: 980px) {
  .sectionNews > .container > .sectionTitle {
    margin-bottom: 32px;
  }
}
.sectionNews > .container > .listNews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fffef5;
  border-radius: 60px 0 0 0;
  max-width: 1274px;
  width: 100%;
  padding: 48px 0 80px;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 980px) {
  .sectionNews > .container > .listNews {
    border-radius: 60px;
    padding: 48px 0;
  }
}
@media screen and (max-width: 768px) {
  .sectionNews > .container > .listNews {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 48px 0 24px;
  }
}
.sectionNews > .container > .listNews > .news {
  position: relative;
  background-image: url(../images/common/news_thumbnail.jpg);
  border-radius: 30px;
  max-width: 362px;
  width: 100%;
  height: 258px;
  margin: 0 16px;
}
@media screen and (max-width: 768px) {
  .sectionNews > .container > .listNews > .news {
    margin: 0 auto 32px;
  }
}
.sectionNews > .container > .listNews > .news > .category {
  position: absolute;
  top: 16px;
  left: 16px;
  border-radius: 4px;
  color: #ffffff;
  padding: 2px 6px;
}
.sectionNews > .container > .listNews > .news > .category.children {
  background-color: #e7958a;
}
.sectionNews > .container > .listNews > .news > .category.teacher {
  background-color: #aeabec;
}
.sectionNews > .container > .listNews > .news > .category.school {
  background-color: #92c3c3;
}
@media screen and (max-width: 480px) {
  .sectionNews > .container > .listNews > .news > .category {
    font-size: 0.875rem;
  }
}
.sectionNews > .container > .listNews > .news > .boxInformation {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#3e3a39), to(transparent));
  background: linear-gradient(to top, #3e3a39, transparent);
  border-radius: 0 0 30px 30px;
  color: #ffffff;
  text-align: left;
  padding: 16px;
}
.sectionNews > .container > .listNews > .news > .boxInformation > .date,
.sectionNews > .container > .listNews > .news > .boxInformation > .tag {
  font-size: 0.875rem;
}
.sectionNews > .container > .listNews > .news > .boxInformation > .titleNews {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 4px;
}
.sectionNews > .container > .button {
  max-width: 1274px;
  width: 100%;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .sectionNews > .container > .button {
    margin: 0 auto;
  }
}
.sectionNews > .container > .button > .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #3e3a39;
}
@media screen and (max-width: 768px) {
  .sectionNews > .container > .button > .link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.sectionNews > .container > .button > .link > .icon {
  width: 34px;
  height: 34px;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .sectionPhoto {
    margin-bottom: -12px;
  }
}
.sectionPhoto > .container {
  padding: 0;
}
.sectionPhoto > .container > .listPhoto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sectionPhoto > .container > .listPhoto > .slick-list > .slick-track > .photo {
  max-width: 273px;
  width: 100% Impo !important;
  margin-right: 12px;
}

.sectionCompany {
  position: relative;
  background-color: #fac000;
  padding: 64px 0;
  margin-bottom: 119px;
}
@media screen and (max-width: 768px) {
  .sectionCompany {
    padding: 48px 0;
  }
}
.sectionCompany:before, .sectionCompany:after {
  content: "";
  position: absolute;
  left: 0;
  background-image: url(../images/top/company_background.png);
  background-size: cover;
  width: 100%;
  height: 70px;
}
@media screen and (max-width: 768px) {
  .sectionCompany:before, .sectionCompany:after {
    height: 30px;
  }
}
.sectionCompany:before {
  top: -69px;
}
@media screen and (max-width: 768px) {
  .sectionCompany:before {
    top: -29px;
  }
}
.sectionCompany:after {
  bottom: -69px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media screen and (max-width: 768px) {
  .sectionCompany:after {
    bottom: -28px;
  }
}
.sectionCompany > .container {
  text-align: center;
}
.sectionCompany > .container > .sectionTitle {
  margin-bottom: 64px;
}
.sectionCompany > .container > .sectionTitle:before, .sectionCompany > .container > .sectionTitle:after {
  content: url(../images/top/title_decorationWhite.png);
}
.sectionCompany > .container > .listOffice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 980px) {
  .sectionCompany > .container > .listOffice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sectionCompany > .container > .listOffice > .office {
  max-width: 480px;
  width: 100%;
  margin: 0 52px;
}
@media screen and (max-width: 980px) {
  .sectionCompany > .container > .listOffice > .office {
    margin: 0 auto 48px;
  }
}
.sectionCompany > .container > .listOffice > .office > .officeName {
  position: relative;
  display: inline-block;
  color: #3e3a39;
  font-size: 1.5rem;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .sectionCompany > .container > .listOffice > .office > .officeName {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .sectionCompany > .container > .listOffice > .office > .officeName {
    font-size: 1rem;
  }
}
.sectionCompany > .container > .listOffice > .office > .officeName:before, .sectionCompany > .container > .listOffice > .office > .officeName:after {
  content: url(../images/top/title_decorationWhite.png);
  display: inline-block;
  position: absolute;
  top: -5px;
}
.sectionCompany > .container > .listOffice > .office > .officeName:before {
  left: -59px;
}
.sectionCompany > .container > .listOffice > .office > .officeName:after {
  right: -59px;
}
.sectionCompany > .container > .listOffice > .office > .address {
  color: #606468;
  line-height: 1.8;
  margin-bottom: 32px;
}
.sectionCompany > .container > .listOffice > .office > iframe {
  border-radius: 30px;
  max-width: 480px;
  width: 100%;
  height: 344px;
}

.footer > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1180px;
  width: 100%;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .footer > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer > .container > .boxText {
  max-width: 602px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer > .container > .boxText {
    max-width: 100%;
    text-align: center;
    margin: 0 auto 16px;
  }
}
.footer > .container > .boxText > .logo {
  max-width: 153px;
  width: 100%;
  margin-bottom: 48px;
}
.footer > .container > .boxText > .listNavigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 32px;
}
@media screen and (max-width: 768px) {
  .footer > .container > .boxText > .listNavigation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
}
.footer > .container > .boxText > .listNavigation:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/common/footer_decoration.png);
  width: 8px;
  height: 72px;
}
@media screen and (max-width: 768px) {
  .footer > .container > .boxText > .listNavigation:before {
    display: none;
  }
}
.footer > .container > .boxText > .listNavigation > .navigation {
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .footer > .container > .boxText > .listNavigation > .navigation {
    margin: 0 20px;
  }
}
.footer > .container > .boxText > .listNavigation > .navigation > .link {
  display: inline-block;
  color: #3e3a39;
  font-size: 0.875rem;
  margin-bottom: 24px;
}
.footer > .container > .listButton > .button {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .footer > .container > .listButton > .button {
    text-align: center;
    margin: 0 auto 16px;
  }
}
.footer > .container > .listButton > .button > .link {
  display: inline-block;
  background-color: #fac000;
  border-radius: 20px;
  max-width: 275px;
  width: 100%;
  text-align: center;
  padding: 16px 20px;
}
.footer > .container > .listButton > .button > .link:before {
  background-color: #e8b200;
}
.footer > .container > .listButton > .button > .link > .text {
  display: inline-block;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
}
.footer > .copyright {
  color: #606468;
  font-size: 0.875rem;
  text-align: center;
  margin-bottom: 32px;
}