@charset "UTF-8";
/* //////////////////////////////////////////////////

トップページ設定

////////////////////////////////////////////////// */
.mv {
  overflow: hidden;
  margin-bottom: 4rem;
}
.mv .swiper-container {
  width: 100%;
}
.mv .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
}
.mv .swiper-pagination {
  position: revert;
}
.mv .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  border-radius: 0;
  background: #D3E8FF;
}
.mv .swiper-pagination .swiper-pagination-bullet-active {
  background: #007AC6;
}

.read .read-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 3.6rem;
}
.read .read-ttl {
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  line-height: 1.8;
  text-align: center;
}
.read .read-ttl .color {
  color: #007AC6;
}
.read .read-body {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .mv {
    margin: 4rem 0 10rem;
  }
  .mv .swiper-container .swiper-wrapper .swiper-slide {
    width: 120rem;
    transform: scale(0.9);
    transition: transform 0.3s ease-in-out;
  }
  .mv .swiper-container .swiper-wrapper .swiper-slide-active {
    transform: scale(1);
  }
  .read .read-inner {
    gap: 0;
  }
  .read .read-ttl {
    width: calc(50% - 4.4rem);
    text-align: left;
    font-size: 2.8rem;
  }
  .read .read-body {
    width: calc(50% - 4.4rem);
    text-align: left;
  }
  .bnr_instagram .l-outer-s {
    width: 80rem;
  }
}
.business .business-inner + .business-inner {
  margin-top: 6rem;
}
.business .business-inner .image {
  position: relative;
  z-index: 1;
  height: 13.8rem;
}
.business .business-inner .image img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4vw;
  width: 100vw;
  height: 100%;
  object-fit: cover;
}
.business .business-inner .business-body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: -2em;
  padding: 2rem 2rem 2.4rem;
  background: #fff;
}
.business .business-inner .business-body .thum {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.2rem;
}
.business .business-inner .business-body .thum img {
  width: 8.6rem;
}
.business .business-inner .business-body .body {
  margin-bottom: 3.4rem;
}
.business .business-inner .business-body .body .ttl {
  margin-bottom: 2.4rem;
  line-height: 1;
  text-align: center;
  color: #007AC6;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 2rem;
}
.business .business-inner .business-body .body .items {
  display: flex;
  gap: 1.6rem 0;
  flex-flow: row wrap;
  justify-content: space-between;
}
.business .business-inner .business-body .body .items .item {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  gap: 0.6em;
  align-items: center;
  line-height: 1;
  font-weight: 700;
  font-size: 1.5rem;
}
.business .business-inner .business-body .body .items .item::before {
  content: "";
  width: 0.8em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #007AC6;
}

@media screen and (min-width: 769px) {
  .business .business-inner {
    position: relative;
  }
  .business .business-inner + .business-inner {
    margin-top: 8.8rem;
  }
  .business .business-inner:nth-child(even) .image img {
    left: auto;
    right: 5.6rem;
  }
  .business .business-inner:nth-child(even) .business-body {
    left: auto;
    right: 0;
  }
  .business .business-inner .image {
    height: 43rem;
    margin-bottom: 5.6rem;
  }
  .business .business-inner .image img {
    width: calc((100vw - 100%) / 2 + 100% - 5.6rem);
    left: 5.6rem;
  }
  .business .business-inner .business-body {
    position: absolute;
    bottom: -5.6rem;
    left: 0;
    grid-template-columns: 11rem 1fr;
    gap: 0 6rem;
    width: 60rem;
    margin-top: 0;
    padding: 5.2rem 3.6rem 4.4rem;
  }
  .business .business-inner .business-body .thum {
    margin-bottom: 0;
  }
  .business .business-inner .business-body .thum img {
    width: 100%;
  }
  .business .business-inner .business-body .body .ttl {
    margin-bottom: 3.2rem;
    line-height: 1.45;
    text-align: left;
    font-size: 2.8rem;
  }
  .business .business-inner .business-body .body .items {
    display: flex;
    gap: 2.4rem 0;
  }
  .business .business-inner .business-body .body .items .item {
    font-size: 1.8rem;
  }
  .business .business-inner .business-body .business-btn {
    grid-area: 2/1/3/3;
  }
}
.point .c-section-ttl .jp .num {
  font-size: 1.34em;
  color: #007AC6;
}
.point .point-inner {
  margin-bottom: 3rem;
}
.point .point-item {
  display: flex;
  flex-flow: row wrap;
  gap: 1.8rem;
}
.point .point-item + .point-item {
  margin-top: 6rem;
}
.point .point-item .image {
  width: 100%;
  position: relative;
  z-index: 1;
}
.point .point-item .image .num {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 5.8rem;
  transform: translate(0.5em, -1em);
}
.point .point-item .image img {
  width: 98%;
}
.point .point-item .point-body {
  width: 100%;
}
.point .point-item .point-body .ttl {
  margin-bottom: 0.9rem;
  color: #007AC6;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  font-size: 1.8rem;
}
.point .point-btn {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media screen and (min-width: 769px) {
  .point .c-section-ttl {
    margin-bottom: 9rem;
  }
  .point .point-inner {
    margin-bottom: 4rem;
  }
  .point .point-item {
    align-items: center;
    justify-content: space-between;
    gap: 0;
  }
  .point .point-item + .point-item {
    margin-top: 5rem;
    padding-top: 5rem;
    border-top: 1px solid #232528;
  }
  .point .point-item .image {
    width: 58.6rem;
  }
  .point .point-item .image .num {
    width: 9.8rem;
    transform: translate(0.5em, -1em);
  }
  .point .point-item .image img {
    width: 100%;
  }
  .point .point-item .point-body {
    width: 50.8rem;
  }
  .point .point-item .point-body .ttl {
    margin-bottom: 1rem;
    font-size: 2.8rem;
  }
  .point .point-btn {
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 3rem;
  }
}
.news .news-inner {
  margin-bottom: 3rem;
}
.news .news-item {
  display: grid;
  grid-template-columns: 1fr 3rem;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #007AC6;
  line-height: 1;
}
.news .news-item .date {
  color: #007AC6;
  font-family: "EB Garamond", serif;
  font-weight: 400;
  font-size: 1.6rem;
}
.news .news-item .ttl {
  font-weight: 700;
}
.news .news-item .icon {
  grid-area: 1/2/3/3;
}
.news .news-item .icon svg path {
  fill: #007AC6;
}

@media screen and (min-width: 769px) {
  .news .news-inner {
    width: 70rem;
    margin: auto auto 3.8rem;
  }
  .news .news-item {
    grid-template-columns: auto 1fr 3rem;
    gap: 0 6rem;
    margin-bottom: 4rem;
    padding-bottom: 1.8rem;
  }
  .news .news-item .date {
    font-size: 1.6rem;
  }
  .news .news-item .ttl {
    font-size: 1.6rem;
  }
  .news .news-item .icon {
    grid-area: revert;
  }
}
.recruit .l-section {
  margin-top: 1rem;
}
.recruit .recruit-inner {
  padding: 1.2rem 2rem 2.4rem;
  background: #fff;
}
.recruit .recruit-images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem;
  margin-bottom: 1rem;
}
.recruit .recruit-images .item:nth-child(odd) {
  transform: translateY(-2.8rem);
}
.recruit .recruit-body .recruit-ttl {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.4rem;
  line-height: 1;
}
.recruit .recruit-body .recruit-ttl .en {
  letter-spacing: 0.1em;
  font-family: "EB Garamond", serif;
  font-weight: 400;
  font-size: 2.5rem;
}
.recruit .recruit-body .recruit-ttl .jp {
  font-weight: 700;
  font-size: 1.1rem;
  transform: translateY(-0.3em);
}
.recruit .recruit-body .recruit-read {
  width: fit-content;
  margin: auto auto 1.2rem;
  font-size: 1.3rem;
}
.recruit .recruit-body .recruit-labels {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.2rem;
  margin-bottom: 2rem;
}
.recruit .recruit-body .recruit-labels .item {
  width: 12.8rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  color: #007AC6;
  background: #D3E8FF;
}

@media screen and (min-width: 769px) {
  .recruit .l-section {
    margin-top: 0;
  }
  .recruit .recruit-inner {
    display: grid;
    grid-template-columns: 1fr 44rem;
    gap: 9rem;
    align-items: center;
    width: calc((100vw - 100%) / 2 + 100%);
    padding: 6rem 0 4rem;
    transform: translateX(calc((100vw - 100%) * -1));
  }
  .recruit .recruit-images {
    gap: 0.8rem;
    margin-bottom: 0;
  }
  .recruit .recruit-images .item:nth-child(odd) {
    transform: translateY(-8.8rem);
  }
  .recruit .recruit-body {
    padding-left: 1rem;
  }
  .recruit .recruit-body .recruit-ttl {
    justify-content: flex-start;
    gap: 0.8rem;
    margin-bottom: 1.4rem;
  }
  .recruit .recruit-body .recruit-ttl .en {
    font-size: 4rem;
  }
  .recruit .recruit-body .recruit-ttl .jp {
    font-size: 1.3rem;
  }
  .recruit .recruit-body .recruit-read {
    width: 100%;
    margin: 0 0 1.6rem;
    font-size: 1.6rem;
  }
  .recruit .recruit-body .recruit-labels {
    margin-bottom: 3.2rem;
    justify-content: flex-start;
  }
  .recruit .recruit-body .recruit-labels .item {
    width: 14rem;
    height: 3.2rem;
    line-height: 3.2rem;
  }
  .recruit .recruit-body .recruit-btn {
    transform: translateX(-1rem);
  }
  .recruit .recruit-body .recruit-btn .c-button {
    margin: auto auto auto 0;
  }
}
/*# sourceMappingURL=style.css.map */