header .nav-container {
  color: #ffffff;
}
header .nav-container ul li {
  border-color: #ffffff;
}

.deco-wrapper {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.deco-wrapper.about-wrapper {
  background: url(../img/top/about-tl-m.webp) top left no-repeat, url(../img/top/about-br-m.webp) bottom right no-repeat;
  background-size: clamp(255px, 60vw, 1176px), clamp(262px, 55vw, 956px);
}
@media screen and (min-width: 800px) {
  .deco-wrapper.about-wrapper {
    background: url(../img/top/about-tl.webp) top left no-repeat, url(../img/top/about-br.webp) bottom right no-repeat;
    background-size: clamp(255px, 60vw, 1176px), clamp(262px, 55vw, 956px);
  }
}
.deco-wrapper.intro-wrapper {
  background: url(../img/top/intro-bg-pattern.svg) top left repeat;
  background-size: clamp(54px, 10vw, 162px);
}

.h2-title-container {
  text-align: center;
}

.top-landing {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-bottom: clamp(60px, 10vw, 170px);
}
.top-landing .bg-container {
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  background: url(../img/top/top-landing-mobile.webp) center no-repeat;
  background-size: cover;
  z-index: 0;
}
.top-landing .landing-logo {
  position: absolute;
  width: clamp(234px, 33vw, 542px);
  max-width: 85.5%;
  max-height: 60vh;
}
.top-landing .deco {
  position: absolute;
  display: block;
  z-index: 1;
}
.top-landing .deco-bl {
  bottom: 0;
  left: 0;
  width: clamp(164px, 25vw, 424px);
  max-width: 40vw;
  height: calc(clamp(164px, 25vw, 424px) * 1.415);
  background: url(../img/top/deco-top-bl-mobile.webp) center left no-repeat;
  background-size: contain;
}
.top-landing .deco-br {
  bottom: 0;
  right: 0;
  width: clamp(136px, 25vw, 380px);
  max-width: 40vw;
  height: calc(clamp(136px, 25vw, 380px) * 1.42);
  background: url(../img/top/deco-top-br-mobile.webp) center right no-repeat;
  background-size: contain;
}
.top-landing .deco-tr {
  top: 0;
  right: 0;
  width: clamp(136px, 23vw, 350px);
  max-width: 40vw;
  height: calc(clamp(136px, 25vw, 380px) * 1.29);
  background: url(../img/top/deco-top-tr-mobile.webp) top right no-repeat;
  background-size: contain;
}
.top-landing .news-row {
  box-sizing: border-box;
  width: 100%;
  padding: 0 clamp(20px, 8vw, 60px);
  margin: 0 0 clamp(22px, 4vw, 45px) 0;
  align-self: flex-end;
  z-index: 10;
  align-items: flex-end;
  filter: drop-shadow(0 2px 3px hsla(0deg, 0%, 0%, 0.16));
}
.top-landing .news-row .news-highlight {
  box-sizing: border-box;
  width: 100%;
  max-width: 512px;
  align-self: flex-start;
  border-radius: 22px;
}
.top-landing .news-row .news-highlight .news-title {
  box-sizing: border-box;
  min-height: 100%;
  padding: 0.5em 1em;
  background-color: #EBA067;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  color: #ffffff;
  font-size: clamp(17px, 2vw, 21px);
  line-height: 100%;
}
.top-landing .news-row .news-highlight .post-row {
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  background-color: #ffffff;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  font-size: clamp(16px, 2vw, 20px);
}
.top-landing .news-row .news-highlight .post-row a {
  padding: 0.5em 1em;
  width: 100%;
}
.top-landing .news-row .sns-menu {
  margin-bottom: 12px;
}
@media screen and (min-width: 800px) {
  .top-landing .bg-container {
    background: url(../img/top/top-landing.webp) center no-repeat;
    background-size: cover;
  }
  .top-landing .deco-bl {
    background: url(../img/top/deco-top-bl.webp) center left no-repeat;
    background-size: contain;
  }
  .top-landing .deco-br {
    background: url(../img/top/deco-top-br.webp) center right no-repeat;
    background-size: contain;
  }
  .top-landing .deco-tr {
    background: url(../img/top/deco-top-tr.webp) top right no-repeat;
    background-size: contain;
  }
  .top-landing .news-row {
    flex-direction: row;
    justify-content: space-between;
  }
  .top-landing .news-row .sns-menu {
    margin-bottom: 0;
  }
}

section.about {
  padding: clamp(84px, 20vw, 300px) 0 clamp(72px, 15vw, 250px) 0;
}
section.about .about-content {
  box-sizing: border-box;
  width: 1210px;
  max-width: 84.5%;
  margin: 0 auto;
  padding: 0 clamp(22px, 5vw, 40px) clamp(22px, 5vw, 40px) clamp(22px, 5vw, 40px);
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 10px 10px 0px #F4EFEC;
}
section.about .content-wrapper {
  display: flex;
  flex-direction: column;
}
section.about .content-wrapper .title-container {
  position: relative;
  z-index: 2;
  transform: translateY(1.7em);
  padding-left: 0.5em;
}
section.about .content-wrapper .img-container {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  z-index: 1;
}
section.about .content-wrapper .img-container img {
  border-radius: 25px;
  aspect-ratio: 4/3;
}
section.about .content-wrapper .link-container {
  position: relative;
  align-items: center;
  align-self: flex-end;
  z-index: 2;
  transform: translateY(-30%);
}
section.about .content-wrapper .link-container .arrow-link-btn {
  margin: auto 0 auto 0.5em;
}
section.about .content-wrapper .text-container {
  padding: 0 0 0 0;
  line-height: 180%;
}
@media screen and (min-width: 800px) {
  section.about .about-content {
    padding: clamp(60px, 6vw, 130px) clamp(40px, 5vw, 100px) clamp(40px, 5vw, 80px) clamp(40px, 5vw, 120px);
  }
  section.about .content-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: 4.2fr 5.8fr;
    grid-template-rows: 0.5em 1fr calc(clamp(50px, 9vw, 92px) * 0.7);
  }
  section.about .content-wrapper .title-container {
    grid-column: 1/2;
    grid-row: 1/3;
    padding-left: 0.5em;
    margin-bottom: 0;
    transform: unset;
  }
  section.about .content-wrapper .title-container h2 {
    line-height: 160%;
  }
  section.about .content-wrapper .title-container h3 {
    margin-top: -1em;
    line-height: 100%;
  }
  section.about .content-wrapper .img-container {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  section.about .content-wrapper .img-container img {
    border-radius: 50px;
    aspect-ratio: unset;
  }
  section.about .content-wrapper .link-container {
    grid-column: 1/2;
    grid-row: 2/4;
    margin-top: auto;
    padding: 0 1em 0 0;
    transform: unset;
    flex-direction: row-reverse;
    cursor: pointer;
  }
  section.about .content-wrapper .link-container .arrow-link-btn {
    margin: auto 1.5em auto 0;
  }
  section.about .content-wrapper .text-container {
    grid-column: 2/3;
    grid-row: 2/4;
    box-sizing: border-box;
    padding: 0 0 0 2em;
    line-height: 200%;
  }
}
@media screen and (min-width: 1200px) {
  section.about .content-wrapper .link-container {
    padding: 0 2em 0 0;
  }
  section.about .content-wrapper .text-container {
    line-height: 300%;
  }
}

section.introduction {
  align-items: center;
  padding: clamp(50px, 10vw, 180px) 0 100px 0;
}
section.introduction .point-container {
  width: 1200px;
  max-width: 84.5%;
  margin: clamp(50px, 10vw, 180px) auto 0 auto;
  align-items: center;
}
section.introduction .point-container .point-card {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  width: 400px;
  max-width: 100%;
  margin-bottom: clamp(60px, 8vw, 80px);
  padding: 16px 0 0 0;
}
section.introduction .point-container .point-card .point-label {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 0.5em 2em 0.5em 2.5em;
  background-color: #EBA067;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  color: #ffffff;
  font-size: 20px;
  line-height: 100%;
}
section.introduction .point-container .point-card .img-container {
  position: relative;
  width: 92%;
  z-index: 1;
  -o-object-fit: contain;
     object-fit: contain;
}
section.introduction .point-container .point-card .img-label {
  position: relative;
  align-self: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 3;
  background-color: #ffffff;
  border-top-right-radius: 25px;
  padding: 1.5em 2em 0.5em 2em;
  margin-top: -2em;
  line-height: 100%;
}
section.introduction .point-container .point-card .img-label .label-underline {
  display: block;
  width: 70%;
  height: 1px;
  margin: 0 auto;
  background-color: #736A63;
}
section.introduction .point-container .point-card .text-container {
  box-sizing: border-box;
  width: 100%;
  margin-top: -1em;
  padding: 1em 1em 3em 1em;
  background-color: #ffffff;
  z-index: 1;
}
section.introduction .point-container .point-card:nth-child(even) .point-label {
  background-color: #ED828B;
}
section.introduction .link-container {
  align-items: center;
}
section.introduction .link-container .arrow-link-btn {
  margin-right: 1em;
}
@media screen and (min-width: 800px) {
  section.introduction .point-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  section.introduction .point-container .point-card {
    width: 49%;
  }
  section.introduction .point-container .point-card .point-label {
    padding: 0.8em 4em 0.8em 4em;
  }
}

.news-bg {
  position: relative;
  margin-top: -5px;
  background-color: #F4EFEC;
  padding: 40px 0;
}

.news-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  align-items: center;
}

.news-img {
  margin-top: -1px;
}

section.news {
  justify-content: center;
  align-items: center;
  width: 1200px;
  max-width: 100%;
}
section.news .title-container {
  text-align: center;
  z-index: 2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}
section.news .title-container .wrapper {
  margin-bottom: clamp(30px, 5vw, 50px);
}
section.news .title-container .read-more {
  margin-top: auto;
  align-items: center;
}
section.news .title-container .read-more .arrow-link-btn {
  margin-right: 1em;
}
@media screen and (min-width: 1201px) {
  section.news {
    flex-direction: row;
    justify-content: space-between;
  }
  section.news .title-container {
    height: 320px;
    text-align: start;
  }
  section.news .title-container .wrapper {
    margin-bottom: auto;
  }
  section.news .bloglist-area {
    margin-left: auto;
  }
}

section.recruit {
  position: relative;
  padding: clamp(170px, 30vw, 300px) 0 50px 0;
  background: url(../img/top/recruit-bg-tr-m.webp), url(../img/top/recruit-bg-bl-m.webp);
  background-position: top 5% right, bottom 20% left;
  background-size: clamp(195px, 33vw, 613px), clamp(150px, 40vw, 805px);
  background-repeat: no-repeat;
  align-items: center;
}
section.recruit .recruit-container {
  position: relative;
  width: 836px;
  max-width: 84.5%;
  padding-bottom: clamp(36px, 8vw, 72px);
  align-items: center;
  background-color: #ffffff;
  border-radius: 50px;
  z-index: 10;
  filter: drop-shadow(0px 3px 6px hsla(0deg, 0%, 0%, 0.16));
}
section.recruit .recruit-container .main-img {
  width: 68%;
  margin: calc(clamp(100px, 16vw, 160px) * -1) 0 0 10%;
}
section.recruit .recruit-container .side-img {
  width: 32%;
  margin: calc(clamp(70px, 18vw, 180px) * -1) 0 0 8%;
  align-self: flex-start;
}
section.recruit .recruit-container .recruit-text {
  width: 100%;
  margin: 0 auto;
  width: 80%;
}
section.recruit .recruit-container .title-container {
  text-align: center;
  margin-top: -0.8em;
}
section.recruit .recruit-container .title-container h2 {
  margin-bottom: 0.2em;
}
section.recruit .recruit-container .text-container {
  border-top: 1px solid #707070;
  margin-top: clamp(10px, 3vw, 40px);
}
section.recruit .recruit-container .text-container p {
  margin-top: 1.5em;
}
section.recruit .dot-container {
  position: absolute;
  display: block;
  z-index: 1;
  background: url(../img/common/bg-dot-brown.svg) top left;
  background-repeat: round;
  background-size: clamp(17px, 3vw, 52px);
}
section.recruit .dot-container.dot-container-1 {
  width: 100%;
  height: clamp(250px, 60vw, 600px);
  top: calc(50% - clamp(250px, 60vw, 600px) / 2);
  left: 0;
}
section.recruit .dot-container.dot-container-2 {
  display: none;
}
section.recruit .link-wrapper {
  width: 836px;
  max-width: 84.5%;
  z-index: 11;
  margin-top: 30px;
}
section.recruit .link-wrapper .read-more {
  margin-left: auto;
  align-items: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
section.recruit .link-wrapper .read-more .arrow-text {
  line-height: 200%;
  padding-bottom: 0.5em;
  margin-left: 1em;
}
@media screen and (min-width: 801px) {
  section.recruit {
    padding: clamp(170px, 30vw, 300px) 0 clamp(130px, 26vw, 260px) 0;
    background: url(../img/top/recruit-bg-tr.webp), url(../img/top/recruit-bg-bl.webp);
    background-position: top 5% right 7%, bottom 5% left 8%;
    background-repeat: no-repeat;
    background-size: clamp(195px, 33vw, 613px), clamp(150px, 40vw, 805px);
  }
  section.recruit .recruit-container {
    padding-bottom: clamp(90px, 7vw, 240px);
    border: 1px solid #707070;
    filter: unset;
  }
  section.recruit .recruit-container .title-container {
    margin-top: -2em;
  }
  section.recruit .dot-container.dot-container-1 {
    width: clamp(272px, 50vw, 580px);
    height: clamp(167px, 60vw, 630px);
    top: calc(8% + clamp(100px, 16vw, 160px));
    left: 7.75%;
  }
  section.recruit .dot-container.dot-container-2 {
    display: unset;
    width: clamp(190px, 50vw, 575px);
    height: clamp(267px, 60vw, 625px);
    bottom: 5%;
    right: 7.75%;
  }
  section.recruit .link-wrapper {
    margin-top: 0;
    transform: translateY(-33%);
  }
}

.access-wrapper {
  width: 100%;
  background-color: #F4EFEC;
  margin-top: -5px;
}

.flower-row-down {
  margin-top: -1px;
}

section.access {
  align-items: center;
}
section.access .title-container {
  text-align: center;
  margin-top: clamp(60px, 10vw, 100px);
}
section.access .title-container h2 {
  margin-bottom: 0.4em;
}
section.access .access-content {
  width: 1200px;
  max-width: 84.5%;
  margin: 36px auto clamp(60px, 12vw, 120px) auto;
}
section.access .access-content p {
  margin-bottom: 0.4em;
}
section.access .access-content iframe {
  width: 100%;
  height: clamp(240px, 33vw, 590px);
}
/*# sourceMappingURL=top.css.map */