:root {
  --inner-scale: 1;
  --vw-base: calc(1600 / var(--inner-scale));
  --inner: 1260;
  --inner-1600: 1600px;
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: 375;
    --inner-scale: 1;
    --inner: 315;
  }
}

/* ===============================
  TOP
=============================== */
/*------------------------------
fv
------------------------------*/
.fv {
  width: 100%;
  aspect-ratio: 1600/960;
  background: #80b44b;
  position: relative;
}
@media (min-width: 768px) {
  .fv {
    min-height: 100vh;
    min-height: 100svh;
  }
}
@media (max-width: 767px) {
  .fv {
    aspect-ratio: 375/667;
  }
}

.fv-body {
  position: absolute;
  background: #2e9559;
  aspect-ratio: 1476/781;
  transform: translate(-50%, -50%);
  width: 92%;
  left: 50%;
  top: 53%;
}
@media (max-width: 767px) {
  .fv-body {
    aspect-ratio: 330/603;
    width: 88%;
    top: 51.6%;
  }
}

.fv-item {
  position: absolute;
}

.fv-item--1 {
  -webkit-animation: 6s linear infinite ud;
          animation: 6s linear infinite ud;
  top: -7%;
  right: -4%;
  width: 89%;
}
@media (max-width: 767px) {
  .fv-item--1 {
    top: -2.1%;
    right: -6%;
    width: 117%;
    max-width: unset;
  }
}

.fv-item--2 {
  top: 11.2%;
  left: 33%;
  width: 19.5%;
  -webkit-animation: 3s linear infinite lr;
          animation: 3s linear infinite lr;
  transition-delay: -1s;
}
@media (max-width: 767px) {
  .fv-item--2 {
    top: 5.1%;
    left: 12.7%;
    width: 24.5%;
  }
}

.fv-item--3 {
  top: -2.6%;
  left: 62.8%;
  width: 16.5%;
  -webkit-animation: 4.2s linear infinite lr;
          animation: 4.2s linear infinite lr;
  transition-delay: -2s;
}
@media (max-width: 767px) {
  .fv-item--3 {
    top: -0.1%;
    left: 52%;
    width: 21.5%;
  }
}

.fv-item--4 {
  top: 10.8%;
  left: 82.9%;
  width: 17.5%;
  -webkit-animation: 3.8s linear infinite lr;
          animation: 3.8s linear infinite lr;
}
@media (max-width: 767px) {
  .fv-item--4 {
    top: 4.9%;
    left: 79.2%;
    width: 21.5%;
  }
}

.fv-item--5 {
  bottom: 0;
  left: 21.5%;
  width: 29.5%;
  transform: translate(-50%, -13%);
}
@media (max-width: 767px) {
  .fv-item--5 {
    top: 81%;
    left: 51.5%;
    width: 61.5%;
    transform: translate(-50%, -50%);
  }
}

.fv-item--6 {
  top: 11.2%;
  left: 4.3%;
  width: 25.5%;
  -webkit-animation: 3.5s linear infinite ud;
          animation: 3.5s linear infinite ud;
}
@media (max-width: 767px) {
  .fv-item--6 {
    top: 41%;
    left: 21.1%;
    width: 57.5%;
  }
}

@-webkit-keyframes ud {
  0% {
    transform: translateY(-2%);
  }
  50% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(-2%);
  }
}

@keyframes ud {
  0% {
    transform: translateY(-2%);
  }
  50% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(-2%);
  }
}
@-webkit-keyframes lr {
  0% {
    transform: translateX(-3%);
  }
  50% {
    transform: translateX(3%);
  }
  100% {
    transform: translateX(-3%);
  }
}
@keyframes lr {
  0% {
    transform: translateX(-3%);
  }
  50% {
    transform: translateX(3%);
  }
  100% {
    transform: translateX(-3%);
  }
}
.fv-newsitem {
  background: #80b44b;
  position: absolute;
  bottom: 0%;
  left: 0%;
  font-weight: 500;
  border-top-right-radius: calc(25 * 100vw / var(--vw-base));
  color: #fff;
  width: 41.6%;
  padding: 2.3% 0 0.5%;
  padding-left: 3.6%;
  padding-right: 5%;
}
.fv-newsitem .tx1 {
  position: absolute;
  top: 53%;
  right: 1.1em;
  transform: translate(-50%, -50%);
  font-weight: 500;
  color: #f0ea30;
  text-align: center;
  writing-mode: vertical-rl;
  letter-spacing: 0.8em;
  font-size: calc(15 * 100vw / var(--vw-base));
  height: 10em;
  transition: all 0.3s;
}
.fv-newsitem .tx1::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  background: #f0ea30;
  transform: translate(0%, 0%);
  width: 1px;
  height: 95%;
  left: -1.7em;
  top: 0%;
}
.fv-newsitem .thumbnail {
  width: 28%;
}
.fv-newsitem .thumbnail img {
  width: 100%;
}
.fv-newsitem .body {
  width: 72%;
  padding-left: 5%;
  border: none;
}
.fv-newsitem .body::after {
  display: none;
}
@media (hover: hover) {
  .fv-newsitem a:hover {
    opacity: 1;
  }
  .fv-newsitem a:hover .tx1 {
    color: #2e9559;
  }
  .fv-newsitem a:hover .tx1::before {
    background: #2e9559;
  }
}
@media (max-width: 767px) {
  .fv-newsitem {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 89%;
    padding: 4.3% 0 5.5%;
    padding-left: 0;
    padding-right: 17%;
  }
  .fv-newsitem a {
    display: flex;
    align-items: center;
  }
  .fv-newsitem .body {
    padding-top: 0;
    padding-bottom: 0;
  }
  .fv-newsitem .body::after {
    display: none;
  }
  .fv-newsitem .tx1 {
    font-size: calc(7.5 * 100vw / var(--vw-base));
    right: 5.1em;
  }
}

.fv-news-title {
  font-size: calc(19 * 100vw / var(--vw-base));
  margin-top: 1.8em;
}
@media (max-width: 767px) {
  .fv-news-title {
    font-size: calc(10 * 100vw / var(--vw-base));
    margin-top: 1.6em;
  }
}

.fv-news-text1 {
  font-size: calc(25 * 100vw / var(--vw-base));
  padding-left: 2em;
  position: relative;
}
.fv-news-text1::before {
  content: "";
  position: absolute;
  background: url(../img/dec3.svg) no-repeat center center/100%;
  aspect-ratio: 1/1;
  transform: translate(0%, -50%);
  width: 1.1em;
  left: 0%;
  top: 50%;
}
@media (max-width: 767px) {
  .fv-news-text1 {
    font-size: calc(12 * 100vw / var(--vw-base));
  }
}

.fv-news-text2 {
  font-size: calc(15 * 100vw / var(--vw-base));
  margin-top: 1em;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .fv-news-text2 {
    font-size: calc(7 * 100vw / var(--vw-base));
  }
}

/*------------------------------
concept
------------------------------*/
.concept {
  overflow: hidden;
  position: relative;
  background: #ececec;
  padding: calc(106 * 100vw / var(--vw-base)) 0 calc(227 * 100vw / var(--vw-base));
}
.concept::before {
  content: "";
  position: absolute;
  top: calc(106 * 100vw / var(--vw-base));
  right: 0;
  background: url(../img/top/concept_img01.png) no-repeat center center/contain;
  width: calc(750 * 100vw / var(--vw-base));
  aspect-ratio: 1492/1465;
}
.concept::after {
  content: "";
  position: absolute;
  bottom: calc(90 * 100vw / var(--vw-base));
  right: calc(130 * 100vw / var(--vw-base));
  background: url(../img/top/concept_img02.png) no-repeat center center/contain;
  width: calc(600 * 100vw / var(--vw-base));
  aspect-ratio: 600/484;
}
.concept > .inner {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .concept {
    padding: calc(50 * 100vw / var(--vw-base)) 0 calc(660 * 100vw / var(--vw-base));
  }
  .concept::before {
    top: unset;
    bottom: calc(50 * 100vw / var(--vw-base));
    background: url(../img/top/concept_img01_sp.png) no-repeat center center/cover;
    width: calc(345 * 100vw / var(--vw-base));
    aspect-ratio: 690/732;
  }
  .concept::after {
    bottom: calc(410 * 100vw / var(--vw-base));
    left: 53%;
    transform: translateX(-50%);
    width: calc(300 * 100vw / var(--vw-base));
  }
}

.concept__catch {
  font-size: calc(68 * 100vw / var(--vw-base));
  font-weight: 500;
  line-height: 2;
  color: #595757;
  margin-top: calc((1lh - 1em) / -2);
}
@media (min-width: 768px) {
  .concept__catch {
    margin-left: -0.2em;
  }
}
@media (max-width: 767px) {
  .concept__catch {
    font-size: calc(32 * 100vw / var(--vw-base));
    white-space: nowrap;
  }
}

.concept__message {
  font-size: calc(25 * 100vw / var(--vw-base));
  font-weight: 400;
  line-height: 2.48;
  margin-top: 2.8em;
  margin-top: 0.9em;
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .concept__message {
    font-size: calc(12 * 100vw / var(--vw-base));
    margin-top: 1.4em;
    line-height: 2.55;
  }
}

.concept__button {
  margin-top: calc(85 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .concept__button {
    margin-top: calc(40 / var(--inner) * 100%);
    margin-top: 9%;
    width: calc(200 / var(--inner) * 100%);
  }
  .concept__button a {
    width: 100%;
  }
}

.concept__en {
  pointer-events: none;
  position: absolute;
  bottom: calc(126 * 100vw / var(--vw-base));
  font-size: calc(91 * 100vw / var(--vw-base));
  font-weight: 500;
  line-height: 2.3846153846;
  letter-spacing: 0.2em;
  color: #fff;
  white-space: nowrap;
}
.concept__en span {
  display: block;
}
@media (max-width: 767px) {
  .concept__en {
    font-size: calc(45 * 100vw / var(--vw-base));
    line-height: 2.347826087;
    line-height: 1;
    bottom: 146vw;
  }
}

.concept__en--2 {
  bottom: calc((5 * 100vw / var(--vw-base)) * -1);
}
@media (max-width: 767px) {
  .concept__en--2 {
    bottom: 128vw;
  }
}

/*------------------------------
services
------------------------------*/
.services {
  display: flex;
}
@media (max-width: 767px) {
  .services {
    display: block;
  }
}

.services__item {
  display: block;
  width: 50%;
  padding: calc(70 * 100vw / var(--vw-base)) calc(100 * 100vw / var(--vw-base));
  position: relative;
}
.services__item:first-child {
  background: #80b44b;
}
.services__item:first-child::before {
  content: "";
  position: absolute;
  background: url(../img/top/service1.png) no-repeat top center/cover;
  aspect-ratio: 267/550;
  transform: translate(-50%, 0%);
  width: 17.9%;
  left: 86%;
  bottom: 0;
}
.services__item:nth-child(2) {
  background: #2E9559;
}
.services__item:nth-child(2)::before {
  content: "";
  position: absolute;
  background: url(../img/top/service2.png) no-repeat top center/cover;
  transform: translate(-50%, 0%);
  aspect-ratio: 213/546;
  width: 14%;
  left: 86%;
  bottom: 0;
}
@media (max-width: 767px) {
  .services__item {
    width: 100%;
    padding: calc(35 / var(--inner) * 100%) calc(30 / var(--inner) * 100%) calc(25 / var(--inner) * 100%);
  }
  .services__item:first-child::before {
    left: 80%;
  }
  .services__item:nth-child(2)::before {
    left: 88%;
  }
}

.services__item-note {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: calc(13 * 100vw / var(--vw-base));
  background: url(../img/dec2.svg) no-repeat center center/100%;
  aspect-ratio: 174/177;
  transform: translate(-50%, -50%);
  width: 22%;
  left: 83%;
  top: 28%;
  padding-top: 3.1em;
  text-align: center;
}
.services__item-note span {
  font-size: calc(24 * 100vw / var(--vw-base));
  color: #2e9559;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .services__item-note {
    font-size: calc(6.4 * 100vw / var(--vw-base));
    left: 84%;
    top: 29%;
  }
  .services__item-note span {
    font-size: calc(12.4 * 100vw / var(--vw-base));
  }
}

.services___label {
  font-size: calc(34 * 100vw / var(--vw-base));
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding-bottom: 1.45em;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.services___label::before {
  content: "";
  position: absolute;
  transform: translate(-50%, 0%);
  width: 100%;
  left: 50%;
  bottom: 0%;
}
@media (max-width: 767px) {
  .services___label {
    font-size: calc(17 * 100vw / var(--vw-base));
  }
}

.services___label--1::before {
  background: url(../img/dec1.svg) no-repeat center center/100%;
  aspect-ratio: 345/21;
}

.services___label--2::before {
  background: url(../img/dec1-2.svg) no-repeat center center/100%;
  aspect-ratio: 195/21;
}

.services__title {
  color: #fff;
  text-align: center;
  margin-top: 2%;
}

.services__title--2 span:nth-child(1) {
  position: relative;
  transform: translateX(-10%);
}

.services__title-ja {
  display: block;
  font-size: calc(60 * 100vw / var(--vw-base));
  font-weight: 500;
}
@media (max-width: 767px) {
  .services__title-ja {
    font-size: calc(30 * 100vw / var(--vw-base));
  }
}

.services__title-en {
  display: block;
  font-size: calc(25 * 100vw / var(--vw-base));
  font-weight: 500;
  margin-top: 0.7em;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .services__title-en {
    font-size: calc(12 * 100vw / var(--vw-base));
  }
}

.services__message {
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 400;
  line-height: 2.5;
  color: #fff;
  margin-top: 0.8em;
}
@media (max-width: 767px) {
  .services__message {
    width: calc(217 * 100vw / var(--vw-base));
    font-size: calc(12 * 100vw / var(--vw-base));
    line-height: 2;
  }
}

@media (max-width: 767px) {
  .services__message--2 {
    width: calc(260 * 100vw / var(--vw-base));
    font-feature-settings: "palt";
  }
}

.services__link {
  width: calc(205 * 100vw / var(--vw-base));
  margin-top: calc(10 * 100vw / var(--vw-base));
}
@media (min-width: 768px) {
  .services__link span {
    font-size: calc(25 * 100vw / var(--vw-base));
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .services__link {
    width: calc(100 * 100vw / var(--vw-base));
    margin-top: calc(7 * 100vw / var(--vw-base));
  }
}

@media (max-width: 767px) {
  .services__link--1 {
    margin-top: 0;
  }
}

/*------------------------------
interview 
------------------------------*/
.interview {
  background: #ececec;
  padding: calc(150 * 100vw / var(--vw-base)) 0 calc(120 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .interview {
    padding: calc(70 * 100vw / var(--vw-base)) 0 calc(55 * 100vw / var(--vw-base));
  }
}

@media (max-width: 767px) {
  .interview__inner {
    width: 100%;
  }
}

.interview__content {
  margin-top: calc(60 / var(--inner) * 100%);
  background: #fff;
  border-radius: calc(80 * 100vw / var(--vw-base));
  padding: calc(50 / var(--inner) * 100%) 0 calc(30 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .interview__content {
    border-radius: unset;
    padding: calc(20 / var(--inner) * 100%) 0 calc(50 / var(--inner) * 100%);
    margin-top: 9%;
    padding-bottom: 5%;
  }
}

.interview__message {
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 500;
  line-height: 2.35;
  letter-spacing: 0.1em;
  color: #80b44b;
  text-align: center;
}
@media (max-width: 767px) {
  .interview__message {
    font-size: calc(12 * 100vw / var(--vw-base));
  }
}

.interview__list {
  margin-top: calc(140 * 100vw / var(--vw-base));
}
.interview__list .list-body {
  padding: 5% 10%;
}
@media (max-width: 767px) {
  .interview__list {
    margin-top: 0;
    padding-top: calc(100 * 100vw / var(--vw-base));
  }
}

.interview__button {
  margin-top: calc(100 / var(--inner) * 100%);
  text-align: center;
}
@media (max-width: 767px) {
  .interview__button {
    margin-top: calc(50 / var(--inner) * 100%);
    text-align: left;
  }
}

@media (max-width: 767px) {
  .interviewSwiper {
    overflow: hidden;
    position: relative;
  }
  .interviewSwiper .swiper-slide {
    width: calc(270 * 100vw / var(--vw-base));
  }
  .interviewSwiper .swiper-slide:nth-child(n+2) {
    margin-top: 0;
  }
  .interviewSwiper .swiper-button-next {
    background: #2e9559;
    top: 61vw;
    right: 14vw;
    width: 10%;
  }
  .interviewSwiper .interview-item__catch {
    font-size: calc(14 * 100vw / var(--vw-base));
    top: 5vw;
    right: 8%;
  }
  .interviewSwiper .interview-item__number {
    left: 5vw;
    top: 6vw;
  }
  .interviewSwiper .interview-item__title {
    font-size: calc(16 * 100vw / var(--vw-base));
  }
  .interviewSwiper .interview-item__category {
    transform: scale(0.6);
    transform-origin: left center;
  }
}

/*------------------------------
news
------------------------------*/
.news {
  padding: calc(120 * 100vw / var(--vw-base)) 0 calc(100 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .news {
    padding: calc(50 * 100vw / var(--vw-base)) 0 calc(40 * 100vw / var(--vw-base));
  }
}

.news__wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .news__wrapper {
    display: block;
  }
}

.news__header {
  width: calc(254 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .news__header {
    width: 100%;
  }
}

.news__content {
  width: calc(100% - (254 / var(--inner) * 100%));
}
@media (max-width: 767px) {
  .news__content {
    width: 100%;
    margin-top: 10%;
  }
}

@media (min-width: 768px) {
  .news__item:nth-child(n+2) {
    margin-top: calc(70 * 100vw / var(--vw-base));
  }
}

@media (min-width: 768px) {
  .news__thumbnail {
    width: calc(170 * 100vw / var(--vw-base));
  }
}

@media (min-width: 768px) {
  .news__body {
    width: calc(844 * 100vw / var(--vw-base));
  }
}
.news__button {
  text-align: right;
  margin-top: calc(70 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .news__button {
    text-align: left;
    margin-top: 10%;
  }
}

/*------------------------------
movie
------------------------------*/
.movie {
  background: url(../img/top/movie_bg.jpg) no-repeat center center/cover;
  padding: calc(250 * 100vw / var(--vw-base)) 0 calc(200 * 100vw / var(--vw-base));
  cursor: pointer;
}
@media (max-width: 767px) {
  .movie {
    background-position: -34vw center;
    padding: 25% 0 21%;
  }
}

.movie__message {
  font-size: calc(17 * 100vw / var(--vw-base));
  font-weight: 500;
  line-height: 2.7647058824;
  color: #fff;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .movie__message {
    font-size: calc(8.5 * 100vw / var(--vw-base));
  }
}

.movie__message--2 {
  font-size: calc(20 * 100vw / var(--vw-base));
  margin-top: 5.7em;
  position: relative;
}
.movie__message--2 span {
  position: absolute;
  background: #80b44b;
  aspect-ratio: 66/50;
  border-radius: calc(14 * 100vw / var(--vw-base));
  transform: translate(-38%, -150%);
  width: 3.4em;
  left: 50%;
  top: 0%;
  transition: all 0.3s;
}
.movie__message--2 span::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  background: #fff;
  aspect-ratio: 164/187;
  transform: translate(-40%, -50%);
  width: 22.7%;
  left: 50%;
  top: 50%;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
}
@media (max-width: 767px) {
  .movie__message--2 {
    font-size: calc(10 * 100vw / var(--vw-base));
    margin-top: 5.4em;
  }
  .movie__message--2 span {
    border-radius: calc(8 * 100vw / var(--vw-base));
    transform: translate(-30%, -150%);
  }
}

@media (hover: hover) {
  .movie:hover .movie__message--2 span {
    background: #ffff00;
  }
  .movie:hover .movie__message--2 span::before {
    background: #80b44b;
  }
}

.movie__content {
  width: 64%;
  margin-left: auto;
  text-align: center;
}

[data-modalwrap] {
  position: fixed;
  z-index: 3000;
  width: 100%;
  height: 100%;
  background: rgba(19, 19, 19, 0.7);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
}
[data-modalwrap].act {
  opacity: 1;
  pointer-events: auto;
}

.modal-body {
  position: relative;
  width: 800px;
  max-width: 90%;
  max-height: 90%;
  background: #fff;
}

.c-modal-close {
  cursor: pointer;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translate(0%, -100%);
  font-size: calc(40 * 100vw / var(--vw-base));
  color: #fff;
}

.movie__media iframe {
  aspect-ratio: 400/220;
  width: 100%;
  height: auto;
}

/*------------------------------
laundry
------------------------------*/
.laundry {
  display: flex;
  background: url(../img/top/laundry_bg.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .laundry {
    display: block;
  }
}

.laundry__visual {
  width: 50%;
  position: relative;
}
.laundry__visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.laundry__visual::before {
  content: "";
  position: absolute;
  background: url(../img/top/laundry2.svg) no-repeat center center/100%;
  aspect-ratio: 384/169;
  transform: translate(-50%, -50%);
  width: 48%;
  left: 72%;
  top: 20vw;
}
@media (max-width: 767px) {
  .laundry__visual {
    width: 100%;
  }
  .laundry__visual::before {
    width: 57%;
    left: 63%;
    top: 49vw;
  }
}

.laundry__content {
  width: 50%;
  padding: calc(78 * 100vw / var(--vw-base)) 5.4% 0;
}
@media (max-width: 767px) {
  .laundry__content {
    width: 100%;
    padding: calc(25 / var(--inner) * 100%);
  }
}

.laundry__heading {
  width: 87%;
}
@media (max-width: 767px) {
  .laundry__heading {
    width: 100%;
  }
}

.laundry__description {
  font-size: calc(16 * 100vw / var(--vw-base));
  font-weight: 400;
  line-height: 2.375;
  padding-right: 5em;
}
@media (max-width: 767px) {
  .laundry__description {
    font-size: calc(12 * 100vw / var(--vw-base));
    line-height: 1.7;
    padding-right: 0;
  }
}

.laundry__link {
  margin-left: 1%;
}
@media (min-width: 768px) {
  .laundry__link {
    width: calc(205 * 100vw / var(--vw-base));
  }
  .laundry__link a {
    font-size: calc(25 * 100vw / var(--vw-base));
  }
}
@media (max-width: 767px) {
  .laundry__link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.laundry__image {
  width: 83%;
  margin: 1% 0 0;
}
@media (max-width: 767px) {
  .laundry__image {
    width: 100%;
  }
}

/*------------------------------
tenant
------------------------------*/
.tenant {
  background: #80b44b;
  padding: calc(100 * 100vw / var(--vw-base)) 0;
}
@media (max-width: 767px) {
  .tenant {
    padding: calc(45 * 100vw / var(--vw-base)) 0;
  }
}

.tenant__container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.tenant__group {
  margin-top: calc(55 * 100vw / var(--vw-base));
  width: 30%;
}
@media (min-width: 768px) {
  .tenant__group {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 30%;
    max-width: 33%;
  }
}
@media (max-width: 767px) {
  .tenant__group {
    margin-top: 9%;
  }
}

.tenant__group-title {
  width: calc(255 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .tenant__group-title {
    width: calc(135 * 100vw / var(--vw-base));
  }
}

.tenant__list li:nth-child(n+2) {
  margin-top: 2%;
}
.tenant__list li a, .tenant__list li p {
  display: block;
  font-size: calc(16 * 100vw / var(--vw-base));
  font-weight: 500;
  line-height: 1.85;
  letter-spacing: 0.1em;
  letter-spacing: normal;
  color: #fff;
  padding: 0 0.35em;
}
@media (hover: hover) {
  .tenant__list li a:hover, .tenant__list li p:hover {
    background: #2e9559;
    opacity: 1;
  }
}
.tenant__list li p {
  pointer-events: none;
}
.tenant__list:not(.act) li:nth-child(n+11) {
  display: none;
}
@media (max-width: 767px) {
  .tenant__list li a, .tenant__list li p {
    font-size: calc(11 * 100vw / var(--vw-base));
  }
}

.tenant__list-next {
  position: relative;
  background: url(../img/top/icon_next_tenant.svg) no-repeat center center/100%;
  aspect-ratio: 1/1;
  width: 20%;
  margin-top: 5%;
}

@media (max-width: 767px) {
  .tenantSwiper {
    overflow: hidden;
    position: relative;
    width: calc(100% / (var(--inner) / var(--vw-base)) * 0.92);
  }
  .tenantSwiper .swiper-slide {
    width: calc(225 * 100vw / var(--vw-base));
  }
  .tenantSwiper .swiper-button-next {
    background: #2e9559;
    top: 34vw;
    right: 5vw;
    width: 10%;
  }
}

@media (max-width: 767px) {
  .tenant--en {
    line-height: 1.6;
  }
}

/*------------------------------
page-links
------------------------------*/
.page-links {
  background: url(../img/top/page-links_bg.jpg) no-repeat center center/cover;
  padding: calc(85 * 100vw / var(--vw-base)) 0 calc(450 * 100vw / var(--vw-base));
  position: relative;
}
.page-links::after {
  content: "";
  position: absolute;
  bottom: -4.6vw;
  left: 0;
  background: url(../img/top/page-links_img01.png) no-repeat center center/contain;
  width: calc(790 * 100vw / var(--vw-base));
  aspect-ratio: 990/557;
  z-index: 2;
}
@media (max-width: 767px) {
  .page-links {
    padding: calc(50 * 100vw / var(--vw-base)) 0 calc(175 * 100vw / var(--vw-base));
    margin-bottom: calc(30 * 100vw / var(--vw-base));
    background-position: -58vw center;
  }
  .page-links::after {
    width: calc(280 * 100vw / var(--vw-base));
    bottom: -25.6vw;
  }
}

.page-links__item {
  display: block;
  width: calc(560 / var(--inner) * 100%);
}
.page-links__item:nth-child(2) {
  margin-top: calc(70 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .page-links__item {
    width: calc(240 / var(--inner) * 100%);
  }
  .page-links__item:nth-child(2) {
    margin-top: calc(20 * 100vw / var(--vw-base));
  }
}

.page-links__title {
  display: flex;
  align-items: center;
  padding-bottom: calc(30 * 100vw / var(--vw-base));
  border-bottom: 1px solid #000;
  position: relative;
}
.page-links__title::after {
  content: "";
  position: absolute;
  top: 20%;
  right: 1%;
  background: url(../img/icon_arrow02.svg) no-repeat center center/contain;
  width: calc(34 * 100vw / var(--vw-base));
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .page-links__title {
    padding-bottom: calc(20 * 100vw / var(--vw-base));
  }
  .page-links__title::after {
    width: calc(20 * 100vw / var(--vw-base));
    top: 3.5vw;
  }
}

.page-links__title-en {
  display: block;
  font-size: calc(60 * 100vw / var(--vw-base));
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .page-links__title-en {
    font-size: calc(31 * 100vw / var(--vw-base));
  }
}

.page-links__title-ja {
  display: block;
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-left: 2.6em;
}
@media (max-width: 767px) {
  .page-links__title-ja {
    font-size: calc(10 * 100vw / var(--vw-base));
    margin-left: 1.8em;
    margin-top: 1em;
  }
}

.page-links__description {
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 400;
  line-height: 2.2;
  margin-top: 1em;
}
@media (max-width: 767px) {
  .page-links__description {
    font-size: calc(12 * 100vw / var(--vw-base));
    line-height: 1.7;
  }
}

.home .cta {
  mix-blend-mode: multiply;
  z-index: 10;
  padding-top: calc(120 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .home .cta {
    padding-top: calc(110 * 100vw / var(--vw-base));
  }
}
/*# sourceMappingURL=top.css.map */