@charset "UTF-8";
.top {
  /* 共通 */
  /* 画像 */
  /* クロスフェード */
  /*----*/
  /*----*/
  /*----*/
  /*----*/
  /*--やすらぎ保育園のご紹介--*/
  /*NEWS*/
  /*----*/
}
.top .mv-content {
  height: auto;
  min-height: auto;
}
.top .mv-content::before {
  position: absolute;
  display: block;
  content: "";
  top: max(10vw, 160px);
  right: max(7vw, 130px);
  width: 158.5px;
  height: 186.5px;
  background: url(/assets/img/top/mv-illast03.png) no-repeat top center;
  background-size: 100% auto;
  -webkit-animation: uesita 1.5s ease-in-out infinite alternate;
          animation: uesita 1.5s ease-in-out infinite alternate;
}
@media screen and (max-width: 767px) {
  .top .mv-content::before {
    display: none;
  }
}
.top .mv-content::after {
  position: absolute;
  display: block;
  content: "";
  top: max(28vw, 310px);
  right: 0;
  width: 94px;
  height: 100px;
  background: url(/assets/img/top/mv-illast04.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .mv-content::after {
    display: none;
  }
}
.top .mv-slider {
  position: absolute;
  width: max(69vw, 808px);
  height: 57.08vw;
  min-height: 670px;
  top: -3%;
  left: -1%;
  z-index: -1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top .mv-slider {
    top: 0;
    left: 0;
    width: 100%;
    height: 173vw;
    min-height: 670px;
  }
}
.top .slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: left -1% top -5%;
  opacity: 0;
  -webkit-animation: fade 18s linear infinite;
          animation: fade 18s linear infinite;
}
@media screen and (max-width: 767px) {
  .top .slide {
    background-position: top center;
    background-size: 100% auto;
  }
}
.top .s1 {
  background-image: url(/assets/img/top/mv1.png);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
@media screen and (max-width: 767px) {
  .top .s1 {
    background-image: url(/assets/img/top/mv1_sp.png);
  }
}
.top .s2 {
  background-image: url(/assets/img/top/mv2.png);
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
@media screen and (max-width: 767px) {
  .top .s2 {
    background-image: url(/assets/img/top/mv2_sp.png);
  }
}
.top .s3 {
  background-image: url(/assets/img/top/mv3.png);
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
@media screen and (max-width: 767px) {
  .top .s3 {
    background-image: url(/assets/img/top/mv3_sp.png);
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  /* 先にフェードイン */
  10% {
    opacity: 1;
  }
  /* 表示維持 */
  30% {
    opacity: 1;
  }
  /* まだ次が出るまで保持 */
  35% {
    opacity: 1;
  }
  /* ここでフェードアウト */
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  /* 先にフェードイン */
  10% {
    opacity: 1;
  }
  /* 表示維持 */
  30% {
    opacity: 1;
  }
  /* まだ次が出るまで保持 */
  35% {
    opacity: 1;
  }
  /* ここでフェードアウト */
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.top .ttl {
  min-height: 720px;
  height: 61.08vw;
  background-image: url(/assets/img/common/bg_mv2.png), url(/assets/img/top/mv111111.png);
  background-repeat: no-repeat;
  background-size: 125% auto, cover;
  background-position: center bottom -1px, top;
}
@media screen and (max-width: 767px) {
  .top .ttl {
    align-items: flex-start;
    min-height: auto;
    height: 173vw;
    background-image: url(/assets/img/top/bg_mv_sp.png);
  }
}
.top .ttl::before {
  position: absolute;
  display: block;
  content: "";
  top: 17%;
  left: 10%;
  transform: translate(-50%, 0);
  width: 162.5px;
  height: 155px;
  background: url(/assets/img/top/mv-illast01.png) no-repeat top center;
  background-size: 100% auto;
  -webkit-animation: sitaue 1.5s ease-in-out infinite alternate;
          animation: sitaue 1.5s ease-in-out infinite alternate;
}
@media screen and (max-width: 767px) {
  .top .ttl::before {
    display: none;
  }
}
.top .ttl::after {
  position: absolute;
  display: block;
  content: "";
  top: max(37vw, 490px);
  left: max(60vw, 660px);
  width: 139px;
  height: 144px;
  background: url(/assets/img/top/mv-illast02.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .ttl::after {
    display: none;
  }
}
.top .ttl .illast-area-mv {
  top: max(17vw, 186px);
}
@media screen and (max-width: 767px) {
  .top .ttl .illast-area-mv {
    display: block;
    top: 113vw;
  }
}
.top .ttl .illast-area-mv figure {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .top .ttl .illast-area-mv figure.n01 {
    top: 0;
    left: 0;
    width: 64px;
  }
}
.top .ttl .illast-area-mv figure.n02 {
  top: 30px;
  left: -10px;
  width: 69px;
}
@media screen and (max-width: 767px) {
  .top .ttl .illast-area-mv figure.n02 {
    width: 46px;
    left: 23%;
    top: 10vw;
  }
}
.top .ttl .illast-area-mv figure.n03 {
  top: -40px;
  left: 190px;
  width: 54px;
}
@media screen and (max-width: 767px) {
  .top .ttl .illast-area-mv figure.n03 {
    display: none;
  }
}
.top .ttl .illast-area-mv figure.n04 {
  top: 59px;
  right: 210px;
  width: 62px;
}
@media screen and (max-width: 767px) {
  .top .ttl .illast-area-mv figure.n04 {
    display: none;
  }
}
.top .ttl .illast-area-mv figure.n05 {
  top: 31px;
  right: 10px;
  width: 93px;
}
@media screen and (max-width: 767px) {
  .top .ttl .illast-area-mv figure.n05 {
    width: 51px;
    right: 9%;
    top: 28vw;
  }
}
.top .ttl .illast-area-mv figure.n06 {
  top: -148px;
  right: -130px;
  width: 133px;
}
@media screen and (max-width: 767px) {
  .top .ttl .illast-area-mv figure.n06 {
    width: 74px;
    right: -3%;
    top: -1vw;
  }
}
.top .ttl-box {
  position: absolute;
  top: max(10vw, 140px);
  left: max(65vw, 762px);
}
@media screen and (max-width: 767px) {
  .top .ttl-box {
    left: 8%;
    top: max(110px, 20vw);
  }
}
.top .ttl-box .page-ttl {
  width: max(7vw, 100px);
}
@media screen and (max-width: 767px) {
  .top .ttl-box .page-ttl {
    width: max(17vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .top .contents {
    margin-top: -50px;
  }
}
.top .top-large-ttl {
  margin-bottom: 80px;
  font-size: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .top-large-ttl {
    margin-bottom: 30px;
    font-size: 1.875rem;
  }
}
.top .top-large-ttl span {
  position: relative;
  display: block;
}
.top .top-large-ttl span.ss {
  margin-bottom: 1em;
  font-size: 1.5rem;
  color: #DB7BA7;
}
@media screen and (max-width: 767px) {
  .top .top-large-ttl span.ss {
    margin-bottom: 0.5em;
    font-size: 0.875rem;
  }
}
.top .top-large-ttl span.txt::after {
  position: relative;
  display: block;
  content: "";
  margin-top: 30px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 117px;
  height: 12px;
  background: url(/assets/img/top/img_tp-large-ttl_bg.svg) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .top-large-ttl span.txt::after {
    margin-top: 20px;
    width: 73px;
    height: 8px;
  }
}
.top .mm-ttl {
  margin-bottom: 0.9em;
}
@media screen and (max-width: 767px) {
  .top .inner880 {
    padding: 0;
  }
}
.top .inner918 {
  width: 918px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .top .inner918 {
    width: 100%;
    padding: 0;
  }
}
.top .inner1038 {
  width: 1038px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .top .inner1038 {
    width: 100%;
    padding: 0;
  }
}
.top .inner1100 {
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .top .inner1100 {
    width: 100%;
    padding: 0;
  }
}
.top .pattern-wrapper.pink {
  background-image: url(/assets/img/top/pattern-pink.png);
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .top .pattern-wrapper.pink {
    background-image: url(/assets/img/top/pattern-pink_sp1.png), url(/assets/img/top/pattern-pink_sp2.png), url(/assets/img/top/pattern-pink_sp3.png);
    background-size: 235px auto, 102.5px auto, 115px auto;
    background-position: top 10% right, top 40% left, top 88% right;
  }
}
.top .pattern-wrapper.white {
  background-image: url(/assets/img/top/pattern-white.png);
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .top .pattern-wrapper.white {
    background-image: url(/assets/img/top/pattern-white_sp1.png), url(/assets/img/top/pattern-white_sp2.png);
    background-size: 113px auto, 172px auto;
    background-position: top 5% left, bottom 10% right;
  }
}
.top .pattern-wrapper.blue {
  background-image: url(/assets/img/top/pattern-blue.png);
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .top .pattern-wrapper.blue {
    background-image: url(/assets/img/top/pattern-blue_sp1.png), url(/assets/img/top/pattern-blue_sp2.png), url(/assets/img/top/pattern-blue_sp1.png), url(/assets/img/top/pattern-blue_sp2.png);
    background-size: 172.5px auto, 232px auto, 172.5px auto, 232px auto;
    background-position: top 4% left, top 16% right, top 44% left, top 74% right;
  }
}
.top .area-blue {
  background-image: url(/assets/img/top/top-illast-blue01.png), url(/assets/img/top/top-illast-blue02.png), url(/assets/img/top/top-illast-blue03.png), url(/assets/img/top/top-illast-blue04.png), url(/assets/img/top/top-illast-blue05.png), url(/assets/img/top/top-illast-blue02.png), url(/assets/img/top/top-illast-blue01.png), url(/assets/img/top/top-illast-blue04.png), url(/assets/img/top/top-illast-blue03.png), url(/assets/img/top/top-illast-blue05.png), url(/assets/img/top/top-illast-blue02.png);
  background-position: top 1% left 4%, top 7.5% right 8%, top 27% left -1%, top 21.5% left 35%, top 23% right 3%, top 44% left 4%, top 38% right 6%, top 55% left 17%, top 61% right 19%, top 75.2% left -2%, top 73.2% right 6%;
  background-size: 131.5px auto, 112px auto, 134.5px auto, 117px auto, 137px auto, 112px auto, 131.5px auto, 117px auto, 134.5px auto, 137px auto, 112px auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .top .area-blue {
    background-image: url(/assets/img/top/top-illast-blue01.png), url(/assets/img/top/top-illast-blue02.png), url(/assets/img/top/top-illast-blue04.png), url(/assets/img/top/top-illast-blue01.png), none, none, none, none, none, none, none;
    background-position: top 4% left -5%, top 18.5% right -7%, top 30.5% left -5%, top 42.5% right -5%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    background-size: 87px auto, 74px auto, 78px auto, 87px auto, auto, auto, auto, auto, auto, auto, auto;
  }
}
.top .features {
  margin-bottom: 180px;
}
@media screen and (max-width: 767px) {
  .top .features {
    margin-bottom: 50px;
  }
}
.top .features .contents-block.col02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .top .features .contents-block.col02 {
    justify-content: space-between;
  }
}
.top .features .contents-block.features-intro {
  position: relative;
  margin-bottom: 176px;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro {
    margin-bottom: 65px;
  }
}
.top .features .contents-block.features-intro::before {
  position: absolute;
  display: block;
  content: "";
  top: -280px;
  left: 0px;
  width: 150px;
  height: 93px;
  background: url(/assets/img/top/top-illast-pink01.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro::before {
    position: absolute;
    top: -180px;
    left: 20px;
    width: 100px;
    height: 62px;
  }
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro > div:not(:last-of-type) {
    margin-bottom: 35px;
  }
}
.top .features .contents-block.features-intro > div.txtbox {
  width: 403px;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro > div.txtbox {
    margin: 0 auto;
    width: 80%;
  }
}
.top .features .contents-block.features-intro > div.txtbox::before {
  position: absolute;
  display: block;
  content: "";
  top: -280px;
  right: -20px;
  width: 133px;
  height: 169px;
  background: url(/assets/img/top/top-illast-pink02.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro > div.txtbox::before {
    display: none;
  }
}
.top .features .contents-block.features-intro > div.txtbox p {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro > div.txtbox p {
    font-size: 1rem;
  }
}
.top .features .contents-block.features-intro > div.imgbox {
  position: relative;
  width: 50%;
  height: 500px;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro > div.imgbox {
    width: 100%;
    height: auto;
  }
}
.top .features .contents-block.features-intro > div.imgbox::before {
  position: absolute;
  display: block;
  content: "";
  top: -110px;
  left: -200px;
  width: 558px;
  height: 524px;
  background: url(/assets/img/top/img_features_01.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro > div.imgbox::before {
    width: 70%;
    height: 66vw;
    position: relative;
    top: 0px;
    left: -50px;
  }
}
.top .features .contents-block.features-intro > div.imgbox::after {
  position: absolute;
  display: block;
  content: "";
  top: 0px;
  right: -190px;
  width: 558px;
  height: 554px;
  background-image: url(/assets/img/top/img_features_02.png), url(/assets/img/top/img_features_03.png);
  background-repeat: no-repeat;
  background-position: top right 0, bottom 0 right 160px;
  background-size: 298px auto, 272px auto;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.features-intro > div.imgbox::after {
    width: 60%;
    height: 82vw;
    position: absolute;
    top: -20px;
    right: 0;
    background-image: url(/assets/img/top/img_features_02.png), url(/assets/img/top/img_features_03.png);
    background-repeat: no-repeat;
    background-position: top right -30px, bottom 20px right 30px;
    background-size: 40vw auto, 38vw auto;
  }
}
.top .features .contents-block.door {
  position: relative;
}
.top .features .contents-block.door > div {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div {
    width: 100%;
  }
}
.top .features .contents-block.door > div.txtbox {
  position: relative;
  padding: 80px 50px 40px;
  border-radius: 500px 500px 60px 60px;
  background-color: #FFF5F0;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox {
    border-radius: 500px 500px 100px 100px;
    padding: 64px 5% 40px;
  }
}
.top .features .contents-block.door > div.txtbox::before {
  position: absolute;
  display: block;
  content: "";
  top: -20px;
  left: -50px;
  width: 70px;
  height: 70px;
  background: url(/assets/img/top/top-illast-pink03.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox::before {
    display: none;
  }
}
.top .features .contents-block.door > div.txtbox h4, .top .features .contents-block.door > div.txtbox h5 {
  text-align: center;
}
.top .features .contents-block.door > div.txtbox h4 {
  margin-bottom: 16px;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox h4 {
    margin-bottom: 8px;
    font-size: 1.125rem;
  }
}
.top .features .contents-block.door > div.txtbox h4.space0 {
  letter-spacing: 0px;
}
.top .features .contents-block.door > div.txtbox h4 span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/assets/img/top/img_tp_sub_ttl_bg01.png) no-repeat center;
  background-size: 100% auto;
  min-width: 247px;
  min-height: 58px;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox h4 span {
    min-width: 178px;
    min-height: 42px;
  }
}
.top .features .contents-block.door > div.txtbox h4 span.sub_ttl02 {
  background: url(/assets/img/top/img_tp_sub_ttl_bg02.png) no-repeat center;
  background-size: 100% auto;
}
.top .features .contents-block.door > div.txtbox h4 span.sub_ttl03 {
  background: url(/assets/img/top/img_tp_sub_ttl_bg03.png) no-repeat center;
  background-size: 100% auto;
}
.top .features .contents-block.door > div.txtbox p.txt {
  margin-bottom: 30px;
  padding: 0 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox p.txt {
    margin-bottom: 20px;
    padding: 0;
    font-size: 1rem;
  }
}
.top .features .contents-block.door > div.txtbox p.txt span {
  font-family: "Quicksand", sans-serif;
  font-size: 1.375rem;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox p.txt span {
    font-size: 1rem;
  }
}
.top .features .contents-block.door > div.txtbox p span.phone {
  display: block;
  font-family: "Quicksand", sans-serif;
  color: #5EB7E8;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox p span.phone {
    font-size: 1.25rem;
  }
}
.top .features .contents-block.door > div.txtbox p span.phone a {
  color: #5EB7E8;
  font-size: 2.625rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox p span.phone a {
    font-size: 2.375rem;
  }
}
.top .features .contents-block.door > div.txtbox ul.door-list {
  margin: 0 auto;
  max-width: 154px;
}
.top .features .contents-block.door > div.txtbox ul.door-list li {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.txtbox ul.door-list li {
    font-size: 1rem;
  }
}
.top .features .contents-block.door > div.txtbox ul.door-list li::before {
  position: relative;
  top: -5px;
  padding-right: 10px;
  content: "●";
  font-size: 0.5rem;
  color: #DB7BA7;
}
.top .features .contents-block.door > div.txtbox ul.door-list.flex {
  display: flex;
  justify-content: space-between;
}
.top .features .contents-block.door > div.imgbox {
  position: relative;
  border-radius: 500px 500px 60px 60px;
  background: url(/assets/img/top/img_tp2.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.imgbox {
    display: none;
  }
}
.top .features .contents-block.door > div.imgbox::before {
  position: absolute;
  display: block;
  content: "";
  bottom: -60px;
  right: -90px;
  width: 63px;
  height: 76px;
  background: url(/assets/img/top/top-illast-pink04.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door > div.imgbox::before {
    width: 70%;
    height: 66vw;
    position: relative;
    top: 0px;
    right: -50px;
  }
}
.top .features .contents-block.door::before, .top .features .contents-block.door::after {
  position: absolute;
  content: "";
  display: inline-block;
  z-index: 1;
}
.top .features .contents-block.door::before {
  top: 20px;
  right: -28px;
  width: 150px;
  height: 141px;
  background: url(/guide/img/img_child01.png) no-repeat center;
  background-size: 100% auto;
  transform-origin: bottom center;
  /* アニメーション設定：1.5秒、イージング、無限ループ、往復 */
  -webkit-animation: uesita 1.5s ease-in-out infinite alternate;
          animation: uesita 1.5s ease-in-out infinite alternate;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door::before {
    top: -10px;
    right: 0;
    width: 108px;
    height: 101px;
  }
}
.top .features .contents-block.door::after {
  bottom: -40px;
  left: -20px;
  width: 171px;
  height: 152px;
  background: url(/guide/img/img_child02.png) no-repeat center;
  background-size: 100% auto;
  transform-origin: bottom center;
  /* アニメーション設定：1.5秒、イージング、無限ループ、往復 */
  -webkit-animation: sitaue 1.5s ease-in-out infinite alternate;
          animation: sitaue 1.5s ease-in-out infinite alternate;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block.door::after {
    bottom: -38px;
    left: 0px;
    width: 123px;
    height: 109px;
  }
}
.top .features .contents-block figure {
  margin-bottom: 48px;
  width: 280px;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block figure {
    max-width: 250px;
    width: 72%;
    margin-bottom: 32px;
  }
}
.top .features .contents-block figure figcaption {
  margin-top: 24px;
  font-size: 1.375rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block figure figcaption {
    font-size: 1.125rem;
  }
}
.top .features .contents-block figure figcaption span {
  display: block;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .top .features .contents-block figure figcaption span {
    font-size: 0.875rem;
  }
}
.top .introduction {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .top .introduction {
    margin-bottom: 240px;
    padding: 0 5%;
  }
}
.top .introduction .contents-block .introduction-list {
  margin-bottom: 160px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list {
    margin-bottom: 70px;
  }
}
.top .introduction .contents-block .introduction-list > div {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div {
    margin-bottom: 14px;
    width: 48%;
    min-height: auto;
  }
}
.top .introduction .contents-block .introduction-list > div a {
  display: block;
  width: 314px;
  min-height: 356px;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div a {
    width: 100%;
    min-height: auto;
  }
}
.top .introduction .contents-block .introduction-list > div a:hover .introduction-img {
  background-size: 120% auto;
}
.top .introduction .contents-block .introduction-list > div .introduction-img {
  width: 100%;
  height: 240px;
  background: url(/assets/img/top/img_intoroduction_01.jpg) no-repeat center;
  background-size: 100% auto;
  border-radius: 500px 500px 0 0;
  transition: 1s;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-img {
    width: 100%;
    height: 33vw;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-img.about {
  background: url(/assets/img/top/img_intoroduction_01.jpg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-img.about {
    background-size: cover;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-img.about-sgr {
  background: url(/assets/img/top/img_intoroduction_02.jpg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-img.about-sgr {
    background-size: cover;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-img.facility {
  background: url(/assets/img/top/img_intoroduction_03.jpg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-img.facility {
    background-size: cover;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-img.life {
  background: url(/assets/img/top/img_intoroduction_04.jpg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-img.life {
    background-size: cover;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-img.guide {
  background: url(/assets/img/top/img_intoroduction_05.jpg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-img.guide {
    background-size: cover;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-img.childcare {
  background: url(/assets/img/top/img_intoroduction_06.jpg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-img.childcare {
    background-size: cover;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-ttl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 20px;
  font-size: 1.25rem;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-ttl {
    padding: 0 4%;
    min-height: 69px;
    font-size: 1rem;
  }
}
.top .introduction .contents-block .introduction-list > div .introduction-ttl span {
  display: inline-block;
}
.top .introduction .contents-block .introduction-list > div .introduction-ttl span.introduction-arrow {
  width: 30px;
  height: 30px;
  background: url(/assets/img/common/linkbtn_r_arrow.svg) no-repeat center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .introduction-list > div .introduction-ttl span.introduction-arrow {
    position: relative;
    bottom: -15px;
    width: 20px;
    height: 20px;
  }
}
.top .introduction .contents-block .insta-area {
  position: relative;
  margin: 0 auto 53px;
  padding: 25px 26px 48px;
  max-width: 700px;
  min-height: 863px;
  font-size: 1.25rem;
  background-color: #fff;
  border-radius: 500px 500px 40px 40px;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area {
    padding: 25px 0 30px;
    min-height: auto;
    border-radius: 500px 500px 100px 100px;
  }
}
.top .introduction .contents-block .insta-area::before {
  position: absolute;
  display: block;
  content: "";
  margin-bottom: 10px;
  top: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 516px;
  height: 203px;
  background: url(/assets/img/top/tp_insta_ttl_bg.png) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area::before {
    width: 80%;
    height: 40vw;
  }
}
.top .introduction .contents-block .insta-area h3 {
  margin: 166px auto 64px;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area h3 {
    margin: 66px auto 35px;
  }
}
.top .introduction .contents-block .insta-area h3 span {
  position: relative;
  display: block;
}
.top .introduction .contents-block .insta-area h3 span.icon::before {
  position: relative;
  display: block;
  content: "";
  margin-bottom: 10px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 44px;
  height: 44px;
  background: url(/assets/img/top/tp_insta_ttl.svg) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area h3 span.icon::before {
    margin-bottom: 8px;
    width: 32px;
    height: 32px;
  }
}
.top .introduction .contents-block .insta-area h3 span.txt {
  font-family: "Quicksand", sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  text-align: center;
  background: linear-gradient(180deg, #aa369a 11%, #c33099 27%, #de2c71 45%, #f67f2c 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area h3 span.txt {
    font-size: 1.375rem;
  }
}
.top .introduction .contents-block .insta-area h4 {
  margin-bottom: 22px;
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area h4 {
    margin-bottom: 10px;
    font-size: 1rem;
  }
}
.top .introduction .contents-block .insta-area .insta-area-box {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area .insta-area-box {
    margin-bottom: 24px;
  }
}
.top .introduction .contents-block .insta-area a.insta-area-btn {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 20px 30px;
  max-width: 360px;
  background: linear-gradient(135deg, #aa369a 0%, #c33099 33%, #de2c71 66%, #f67f2c 100%);
  color: #fff;
  border-radius: 50px;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area a.insta-area-btn {
    padding: 15px 20px;
    max-width: 85%;
  }
}
.top .introduction .contents-block .insta-area a.insta-area-btn::before {
  position: relative;
  display: block;
  content: "";
  margin-right: 20px;
  width: 37px;
  height: 37px;
  background: url(/assets/img/top/tp_insta_ttl_w.svg) no-repeat top center;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area a.insta-area-btn::before {
    width: 30px;
    height: 30px;
  }
}
.top .introduction .contents-block .insta-area a.insta-area-btn span {
  display: inline-block;
  text-align: center;
  font-weight: 600;
}
.top .introduction .contents-block .insta-area a.insta-area-btn span.txt {
  display: inline-block;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area a.insta-area-btn span.txt {
    font-size: 0.875rem;
  }
}
.top .introduction .contents-block .insta-area a.insta-area-btn span.txt-ss {
  display: inline-block;
  font-family: "Quicksand", sans-serif;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .top .introduction .contents-block .insta-area a.insta-area-btn span.txt-ss {
    font-size: 0.75rem;
  }
}
.top .introduction .contents-block .top-illast-bottom-box figure {
  margin: 0 auto;
  max-width: 600px;
}
.top .news {
  position: relative;
}
@media screen and (max-width: 767px) {
  .top .news {
    margin-bottom: 60px;
  }
}
.top .news .more-btn {
  margin-right: 0;
}
.top .swiper {
  /* 左右に余白を設定 */
  padding: 0 20px;
  max-width: 100%;
}
.top .swiper-wrappar {
  /* スライドの余白と相殺 */
  margin: 0 -20px;
  height: auto;
}
.top .swiper-slide {
  height: auto;
}
.top .swiper-slide img {
  width: 100%;
  height: 100%;
}
.top .article-list.news-article-list {
  margin-bottom: 88px;
}
@media screen and (max-width: 767px) {
  .top .article-list.news-article-list {
    margin-bottom: 48px;
    width: 100%;
  }
}
.top .article-list.news-article-list > div {
  min-width: 206px;
  position: relative;
  _background-color: #ccc;
  /* border-bottom: 1px solid #DDDDDD; */
}
@media screen and (max-width: 767px) {
  .top .article-list.news-article-list > div {
    margin-bottom: 20px;
    min-width: auto;
  }
}
.top .article-list.news-article-list > div:nth-of-type(even) {
  margin-top: 20px;
}
.top .article-list.news-article-list a.article-list-item .article-set {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.top .article-list.news-article-list a.article-list-item span.icon-arrow {
  content: "";
  width: 25px;
  height: 25px;
  background: url(/assets/img/common/more-arrow_circle.svg) no-repeat center center;
  background-size: 100% auto;
}
.top .article-list.news-article-list a.article-list-item .article-thumbnail img {
  border-radius: 20px;
}
.top .article-list.news-article-list a.article-list-item .article-date {
  position: relative;
  font-size: 0.875rem;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
}
.top .article-list.news-article-list a.article-list-item .article-category {
  margin-left: 1em;
  color: #17A29B;
  font-size: 0.75rem;
}
.top .article-list.news-article-list a.article-list-item .article-description {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .top .article-list.news-article-list a.article-list-item .article-description {
    width: 100%;
  }
}
.top .article-list.news-article-list a.article-list-item .article-description p.article-txt {
  color: #4F69AB;
  width: 100%;
  font-size: 1.0625rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .top .article-list.news-article-list a.article-list-item .article-description p.article-txt {
    font-size: 0.875rem;
  }
}
.top span[class^=icon-] {
  position: relative;
  font-size: 2rem;
  vertical-align: middle;
  padding-bottom: 0;
  display: block;
  margin-left: auto;
  margin-right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .top span[class^=icon-] {
    margin-top: 0.2em;
  }
}
.top span[class^=icon-]::before {
  content: "";
  display: block;
  width: 115px !important;
  height: 30px !important;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top span[class^=icon-]::before {
    width: 93px !important;
    height: 22px !important;
  }
}
.top .icon-download::before {
  background: url(/assets/img/common/icon/icon_download.svg) no-repeat;
  background-size: contain;
}
.top .icon-window::before {
  background: url(/assets/img/common/icon/icon_window.svg) no-repeat;
  background-size: contain;
}
.top .icon-pdf::before {
  background: url(/assets/img/common/icon/icon_pdf.svg) no-repeat;
  background-size: contain;
}
.top .icon-excel::before {
  background: url(/assets/img/common/icon/icon_excel.svg) no-repeat;
  background-size: contain;
}
.top .icon-word::before {
  background: url(/assets/img/common/icon/icon_word.svg) no-repeat;
  background-size: contain;
}
.top .icon-viewmore::before {
  background: url(/assets/img/common/icon/icon_viewmore.svg) no-repeat;
  background-size: contain;
}
.top .news-btn-wrap {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .top .news-btn-wrap {
    margin: 0 auto;
  }
}
.top .news-btn-wrap a.news-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 1.5em;
  width: 100%;
  display: block;
  max-width: 260px;
  min-height: 63px;
  content: "";
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .top .news-btn-wrap a.news-btn {
    max-width: 240px;
    min-height: 100%;
    padding: 1em 2em;
    font-size: 1.125rem;
  }
}
.top .news-btn-wrap a.news-btn.all {
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393 108"><path fill="%23FA78A0" d="M384.545 24.2166C371.196 3.38507 351.299 1.67198 328.094 2.39546C309.817 2.90274 291.331 1.07323 273.271 1.20628C260.141 1.29776 247.044 2.60336 233.913 2.45368C224.997 2.37883 216.063 1.60545 207.155 1.01501C192.718 -0.00785092 178.316 -0.0743787 163.896 0.0420448C137.948 -0.190802 112.043 2.1543 86.0948 2.60336C72.1193 2.75305 57.8651 0.674058 44.0289 2.76968C32.0647 4.5493 21.0236 10.5035 13.2739 19.4016C-8.17265 43.967 -3.62569 84.3359 26.8767 100.12C40.6259 107.637 52.7753 107.185 73.124 107.185C104.445 109.239 135.057 106.711 166.378 107.135C183.95 107.568 201.461 107.742 219.024 107.185C237.649 106.694 256.431 107.16 275.44 106.802C291.74 106.486 308.023 106.212 324.289 106.345C334.233 106.304 344.394 106.029 353.903 103.36C389.264 93.8296 403.51 53.8381 384.623 24.3496L384.536 24.2083L384.545 24.2166Z" /></svg>');
  background-position: center;
}
.top .news-btn-wrap a.news-btn.all:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393 108"><path fill="%234F69AB" d="M384.545 24.2166C371.196 3.38507 351.299 1.67198 328.094 2.39546C309.817 2.90274 291.331 1.07323 273.271 1.20628C260.141 1.29776 247.044 2.60336 233.913 2.45368C224.997 2.37883 216.063 1.60545 207.155 1.01501C192.718 -0.00785092 178.316 -0.0743787 163.896 0.0420448C137.948 -0.190802 112.043 2.1543 86.0948 2.60336C72.1193 2.75305 57.8651 0.674058 44.0289 2.76968C32.0647 4.5493 21.0236 10.5035 13.2739 19.4016C-8.17265 43.967 -3.62569 84.3359 26.8767 100.12C40.6259 107.637 52.7753 107.185 73.124 107.185C104.445 109.239 135.057 106.711 166.378 107.135C183.95 107.568 201.461 107.742 219.024 107.185C237.649 106.694 256.431 107.16 275.44 106.802C291.74 106.486 308.023 106.212 324.289 106.345C334.233 106.304 344.394 106.029 353.903 103.36C389.264 93.8296 403.51 53.8381 384.623 24.3496L384.536 24.2083L384.545 24.2166Z" /></svg>');
  background-position: center;
}
.top .news-btn-wrap a.news-btn.all span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top .news-btn-wrap a.news-btn.all span::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 12px;
  height: 16px;
  background: url(/assets/img/common/logo_arrow.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  transform: rotate(90deg);
}
.top .news-btn-wrap a.news-btn:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 393 108"><path fill="%234F69AB" d="M384.545 24.2166C371.196 3.38507 351.299 1.67198 328.094 2.39546C309.817 2.90274 291.331 1.07323 273.271 1.20628C260.141 1.29776 247.044 2.60336 233.913 2.45368C224.997 2.37883 216.063 1.60545 207.155 1.01501C192.718 -0.00785092 178.316 -0.0743787 163.896 0.0420448C137.948 -0.190802 112.043 2.1543 86.0948 2.60336C72.1193 2.75305 57.8651 0.674058 44.0289 2.76968C32.0647 4.5493 21.0236 10.5035 13.2739 19.4016C-8.17265 43.967 -3.62569 84.3359 26.8767 100.12C40.6259 107.637 52.7753 107.185 73.124 107.185C104.445 109.239 135.057 106.711 166.378 107.135C183.95 107.568 201.461 107.742 219.024 107.185C237.649 106.694 256.431 107.16 275.44 106.802C291.74 106.486 308.023 106.212 324.289 106.345C334.233 106.304 344.394 106.029 353.903 103.36C389.264 93.8296 403.51 53.8381 384.623 24.3496L384.536 24.2083L384.545 24.2166Z" /></svg>');
  background-position: center;
}
.top a.article-list-item span.icon {
  position: relative;
  font-size: 2rem;
  vertical-align: middle;
  padding-bottom: 0;
  display: block;
  margin-left: auto;
  margin-right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .top a.article-list-item span.icon {
    margin-top: 0.2em;
  }
}
.top a.article-list-item span.icon::before {
  content: "";
  display: block;
  width: 115px !important;
  height: 30px !important;
  position: relative;
  background: url(/assets/img/common/icon/icon_viewmore.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .top a.article-list-item span.icon::before {
    width: 100px !important;
    height: 24px !important;
  }
}
.top a.osssu span.icon {
  position: relative;
}
.top a.osssu span.icon::before {
  content: "";
  display: block;
  width: 115px !important;
  height: 30px !important;
  position: relative;
  background: url(/assets/img/common/icon/icon_download.svg) no-repeat !important;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .top a.osssu span.icon::before {
    width: 100px !important;
    height: 24px !important;
  }
}
.top a[href$=".pdf"] span.icon {
  position: relative;
}
.top a[href$=".pdf"] span.icon::before {
  content: "";
  display: block;
  width: 115px !important;
  height: 30px !important;
  position: relative;
  background: url(/assets/img/common/icon/icon_pdf.svg) no-repeat !important;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .top a[href$=".pdf"] span.icon::before {
    width: 100px !important;
    height: 24px !important;
  }
}
.top a[href$=".xlsx"] span.icon {
  position: relative;
}
.top a[href$=".xlsx"] span.icon::before {
  content: "";
  display: block;
  width: 115px !important;
  height: 30px !important;
  position: relative;
  background: url(/assets/img/common/icon/icon_excel.svg) no-repeat !important;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .top a[href$=".xlsx"] span.icon::before {
    width: 100px !important;
    height: 24px !important;
  }
}
.top a[href$=".docx"] span.icon {
  position: relative;
}
.top a[href$=".docx"] span.icon::before {
  content: "";
  display: block;
  width: 115px !important;
  height: 30px !important;
  position: relative;
  background: url(/assets/img/common/icon/icon_word.svg) no-repeat !important;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .top a[href$=".docx"] span.icon::before {
    width: 100px !important;
    height: 24px !important;
  }
}
.top a.gaibu span.icon {
  position: relative;
}
.top a.gaibu span.icon::before {
  content: "";
  display: block;
  width: 115px !important;
  height: 30px !important;
  position: relative;
  background: url(/assets/img/common/icon/icon_window.svg) no-repeat !important;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .top a.gaibu span.icon::before {
    width: 100px !important;
    height: 24px !important;
  }
}/*# sourceMappingURL=top.css.map */