@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Marcellus&family=Roboto:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap");
/**
*** 0埋め
***/
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes transY {
  0% {
    margin-top: -16px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-text-opacity {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.top .page-main {
  padding: 0;
}

.hero-wrap {
  position: relative;
  padding-top: 125%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .hero-wrap {
    padding-top: calc(100vh - 1rem);
  }
}
.hero-wrap .scroll-btn {
  position: absolute;
  background: #fff;
  border-radius: 0 16px 0 0;
  left: 0;
  bottom: 0;
  width: 52px;
  height: 52px;
  z-index: 3;
}
@media (min-width: 768px) {
  .hero-wrap .scroll-btn {
    width: 84px;
    height: 84px;
    border-radius: 0 24px 0 0;
  }
}
.hero-wrap .scroll-btn::before {
  content: "";
  background-image: url("../../images/top/corner.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -16px;
  left: 0;
}
@media (min-width: 768px) {
  .hero-wrap .scroll-btn::before {
    width: 24px;
    height: 24px;
    top: -24px;
  }
}
.hero-wrap .scroll-btn::after {
  content: "";
  background-image: url("../../images/top/corner.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -16px;
  bottom: 0;
}
@media (min-width: 768px) {
  .hero-wrap .scroll-btn::after {
    width: 24px;
    height: 24px;
    right: -24px;
  }
}
.hero-wrap .scroll-btn .scroll-btn-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  line-height: 1;
}
.hero-wrap .scroll-btn .scroll-btn-inner::before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 1px solid var(--fw-black-color);
  border-bottom: 1px solid var(--fw-black-color);
  display: block;
  transform: rotate(-45deg);
  margin-bottom: 12px;
  animation: scroll-down 2s infinite;
}
@media (min-width: 768px) {
  .hero-wrap .scroll-btn .scroll-btn-inner::before {
    width: 16px;
    height: 16px;
    margin-bottom: 24px;
  }
}
@keyframes scroll-down {
  0% {
    opacity: 0;
    transform: translate(0, -20px) rotate(-45deg);
  }
  40% {
    opacity: 1;
    transform: translate(0, 0) rotate(-45deg);
  }
  80% {
    opacity: 0;
    transform: translate(0, 0) rotate(-45deg);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0) rotate(-45deg);
  }
}
.hero-wrap .hero-copy {
  position: absolute;
  left: 0;
  bottom: calc(52px + 2rem);
  width: 100%;
  padding: 0 52px;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-wrap .hero-copy {
    padding: 0 84px;
    bottom: calc(84px + 2rem);
  }
}
.hero-wrap .copy-main {
  font-weight: 300;
  font-size: 41px;
  line-height: 135%;
  letter-spacing: 0.07em;
  color: var(--fw-white-color);
}
@media (min-width: 768px) {
  .hero-wrap .copy-main {
    font-size: 72px;
  }
}
.hero-wrap .copy-main.en {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  line-height: 115%;
}
.hero-wrap .copy-sub {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: 0.28em;
  color: var(--fw-white-color);
  margin-top: 18px;
}
@media (min-width: 768px) {
  .hero-wrap .copy-sub {
    font-size: 16px;
    margin-top: 32px;
  }
}

.hero-visual.slideshow {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hero-reel {
  position: absolute;
  top: -60px;
  width: 100%;
  height: calc(100% + 120px);
  overflow: hidden;
}

.hero-reel-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
  animation-duration: 6s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

.hero-reel-slide.current {
  z-index: 2;
  animation-name: showImage;
}

.hero-reel-slide.prev {
  z-index: 2;
  animation-name: hideImage;
}

.hero-reel-inner {
  position: absolute;
  left: -50px;
  top: 0;
  width: calc(100% + 100px);
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate3d(0, 0, 0);
  animation-duration: inherit;
  animation-timing-function: linear;
}

.current .hero-reel-inner {
  animation-name: showTranslateBG;
}

.prev .hero-reel-inner {
  animation-name: hideTranslateBG;
}

.hero-reel-bg {
  display: none;
}

@keyframes showImage {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hideImage {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes showTranslateBG {
  0% {
    transform: translate3d(0, 50px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hideTranslateBG {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50px, 0);
  }
}
.top-heading {
  display: flex;
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: 0.06em;
  color: var(--fw-primary-30-color);
  position: relative;
  padding-top: 26px;
  gap: 24px;
  align-items: flex-end;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .top-heading {
    font-size: 42px;
    padding-top: 34px;
  }
}
@media (min-width: 768px) {
  .top-heading.column {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .top-heading {
    align-self: flex-start;
    flex: 0 0 auto;
    min-width: 0;
  }
}
.top-heading span {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 175%;
  letter-spacing: 0.04em;
  display: block;
  color: var(--fw-font-color);
}
@media (min-width: 768px) {
  .top-heading span {
    font-size: 14px;
  }
}
.top-heading::before {
  content: "";
  background-image: url("../../images/common/heading.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 18px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.info-wrapper {
  padding-top: 28px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .info-wrapper {
    padding-top: 56px;
    padding-bottom: 88px;
  }
}

.important-wrapper {
  padding: 20px;
  background: var(--fw-secondary-98-color);
  border-radius: 8px;
}
@media (min-width: 768px) {
  .important-wrapper {
    display: flex;
    padding: 32px;
    border-radius: 16px;
  }
}
.important-wrapper .important-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--fw-red-color);
  padding-left: 1.5em;
  position: relative;
  align-self: flex-start;
  flex: 0 0 auto;
  min-width: 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .important-wrapper .important-title {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.important-wrapper .important-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="%23EC1E14" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 2.5C17.2466 2.5 21.5 6.75339 21.5 12C21.5 17.2466 17.2466 21.5 12 21.5C6.75339 21.5 2.5 17.2466 2.5 12C2.5 6.75339 6.75339 2.5 12 2.5ZM12 3.80439C7.47353 3.80439 3.80439 7.47353 3.80439 12C3.80439 16.5265 7.47353 20.1956 12 20.1956C16.5265 20.1956 20.1956 16.5265 20.1956 12C20.1956 7.47353 16.5265 3.80439 12 3.80439Z" fill="%23EC1E14"/%3e%3cpath d="M11.05 17.225C11.05 17.7497 11.4753 18.175 12 18.175C12.5246 18.175 12.95 17.7497 12.95 17.225L12.95 10.575C12.95 10.0503 12.5246 9.62499 12 9.62499C11.4753 9.62499 11.05 10.0503 11.05 10.575L11.05 17.225Z" fill="%23EC1E14"/%3e%3cpath d="M12 7.72498C11.4753 7.72498 11.05 7.29966 11.05 6.77498C11.05 6.25029 11.4753 5.82498 12 5.82498C12.5246 5.82498 12.95 6.25029 12.95 6.77498C12.95 7.29966 12.5246 7.72498 12 7.72498Z" fill="%23EC1E14"/%3e%3c/svg%3e');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.important-wrapper .important-news-list {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list {
    display: table;
    padding-left: 52px;
    margin-left: 52px;
    border-left: 1px solid var(--fw-secondary-90-color);
  }
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list .important-news-container {
    display: table-row-group;
  }
}
.important-wrapper .important-news-list .important-news-container:not(:first-child) {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list .important-news-container:not(:first-child) {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list .important-news-container:not(:first-child) .title {
    padding-top: 20px;
  }
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor {
  width: 100%;
  transition: opacity var(--fw-transition);
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list .important-news-container .important-news-anchor {
    display: table-row;
  }
}
@media (hover: hover) and (pointer: fine) {
  .important-wrapper .important-news-list .important-news-container .important-news-anchor:hover:not(.unlink) {
    opacity: 0.5;
  }
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor.unlink {
  pointer-events: none;
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor.pdf .title::after {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="M360-460h40v-80h40q17 0 28.5-11.5T480-580v-40q0-17-11.5-28.5T440-660h-80v200Zm40-120v-40h40v40h-40Zm120 120h80q17 0 28.5-11.5T640-500v-120q0-17-11.5-28.5T600-660h-80v200Zm40-40v-120h40v120h-40Zm120 40h40v-80h40v-40h-40v-40h40v-40h-80v200ZM320-240q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56.5-23.5T80-160v-560h80v560h560v80H160Zm160-720v480-480Z"/%3e%3c/svg%3e');
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor.url .title::after {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor.open-new-window .title::after {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/%3e%3c/svg%3e');
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor .date {
  font-family: "Marcellus", serif;
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list .important-news-container .important-news-anchor .date {
    display: table-cell;
    font-size: 13px;
  }
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor .news-label {
  display: none;
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor .title {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list .important-news-container .important-news-anchor .title {
    margin-top: 0;
    font-size: 15px;
    display: table-cell;
    padding-left: 20px;
  }
}
.important-wrapper .important-news-list .important-news-container .important-news-anchor .title::after {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  margin-left: 0.5em;
  min-width: 16px;
  min-height: 16px;
}
@media (min-width: 768px) {
  .important-wrapper .important-news-list .important-news-container .important-news-anchor .title::after {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
  }
}
.important-wrapper + .notice-wrapper {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .important-wrapper + .notice-wrapper {
    margin-top: 56px;
  }
}

.notice-wrapper .notice-container {
  gap: 64px;
}
@media (min-width: 768px) {
  .notice-wrapper .notice-container {
    display: flex;
  }
}
@media (min-width: 768px) {
  .notice-wrapper .notice-container .tab-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
  }
}
.notice-wrapper .notice-container .tab-wrapper .tab-labels {
  margin-bottom: 0;
  border-bottom: none;
}
.notice-wrapper .notice-container .tab-wrapper .tab-labels .tab-label-column .tab-label-item {
  border: solid 1px var(--news-category-label-color);
  color: var(--news-category-label-color);
}
.notice-wrapper .notice-container .tab-wrapper .tab-labels .tab-label-column .tab-label-item[aria-selected=true] {
  background-color: var(--news-category-label-color);
  color: var(--fw-white-color);
}
@media (hover: hover) and (pointer: fine) {
  .notice-wrapper .notice-container .tab-wrapper .tab-labels .tab-label-column .tab-label-item:hover {
    background-color: var(--news-category-label-color);
    color: var(--fw-white-color);
  }
}
.notice-wrapper .notice-more {
  text-align: right;
}
.notice-wrapper .notice-more .readmore {
  position: relative;
  padding-right: 33px;
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.03em;
  margin-top: 28px;
  margin-bottom: 8px;
  transition: opacity var(--fw-transition);
}
@media (min-width: 768px) {
  .notice-wrapper .notice-more .readmore {
    font-size: 15px;
  }
}
.notice-wrapper .notice-more .readmore::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.notice-wrapper .notice-more .readmore::before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--fw-font-color);
}
@media (hover: hover) and (pointer: fine) {
  .notice-wrapper .notice-more .readmore:hover {
    opacity: 0.5;
  }
}

.service-wrapper {
  background: var(--fw-natural-98-color);
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 768px) {
  .service-wrapper {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
.service-wrapper .service-container {
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .service-wrapper .service-container {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.service-wrapper .service-container .service {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: -4px;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service {
    flex-flow: row wrap;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .service-wrapper .service-container .service {
    flex-flow: row nowrap;
  }
}
.service-wrapper .service-container .service-item {
  width: 50%;
  position: relative;
  transition: transform var(--fw-transition);
}
.service-wrapper .service-container .service-item::before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-item {
    position: static;
    width: 343px;
    height: 436px;
  }
  .service-wrapper .service-container .service-item::before {
    display: none;
  }
}
.service-wrapper .service-container .service-item .service-item-inner {
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 8px);
  width: calc(100% - 8px);
  padding-top: 24px;
  padding-right: 20px;
  padding-bottom: 24px;
  padding-left: 20px;
  background-position: right top;
  overflow: hidden;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-item .service-item-inner {
    border-radius: 24px;
    height: 100%;
    width: 100%;
    position: relative;
    padding-top: 40px;
    padding-right: 44px;
    padding-bottom: 40px;
    padding-left: 44px;
    transition: box-shadow var(--fw-transition);
    top: auto;
    left: auto;
    transform: none;
  }
}
@media (min-width: 992px) {
  .service-wrapper .service-container .service-item .service-item-inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1200px) {
  .service-wrapper .service-container .service-item .service-item-inner {
    padding-right: 44px;
    padding-left: 44px;
  }
}
.service-wrapper .service-container .service-item .service-item-inner::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="%23fff" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.7036 10.4614H8.72652C8.40343 10.4614 8.09533 10.332 7.86936 10.1045L8.61259 9.36617C8.64282 9.39661 8.68383 9.41374 8.72652 9.41374H19.7036C20.8416 9.41374 21.7641 10.344 21.7641 11.4915C21.7641 12.639 20.8416 13.5693 19.7036 13.5693H7.13529C6.97872 13.5693 6.8286 13.5066 6.71781 13.3951L2.47068 9.11925C1.65561 8.29865 1.65561 6.96686 2.47068 6.14626C3.28392 5.32755 4.6011 5.32755 5.41431 6.14626L8.61259 9.36617L7.86936 10.1045L4.67103 6.88457C4.26749 6.47825 3.61751 6.47825 3.21395 6.88457C2.80468 7.2966 2.80468 7.96891 3.21395 8.38099L7.32685 12.5217H19.7036C20.2548 12.5217 20.7165 12.0687 20.7165 11.4915C20.7165 10.9143 20.2548 10.4614 19.7036 10.4614Z" fill="%23fff"/%3e%3cpath d="M2.90527 9.37891L3.95289 9.99794V16.1884H2.90527V9.37891Z" fill="%23fff"/%3e%3cpath d="M19.1445 13.3193H20.1922V16.2923H19.1445V13.3193Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M22.2883 16.1882H1.33594V15.1406H22.2883V16.1882Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.69369 18.2826C4.12762 18.2826 4.4794 17.9308 4.4794 17.4969C4.4794 17.063 4.12762 16.7112 3.69369 16.7112C3.25975 16.7112 2.90797 17.063 2.90797 17.4969C2.90797 17.9308 3.25975 18.2826 3.69369 18.2826ZM3.69369 19.3302C4.70621 19.3302 5.52702 18.5094 5.52702 17.4969C5.52702 16.4844 4.70621 15.6636 3.69369 15.6636C2.68116 15.6636 1.86035 16.4844 1.86035 17.4969C1.86035 18.5094 2.68116 19.3302 3.69369 19.3302Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.93 18.2826C20.3639 18.2826 20.7157 17.9308 20.7157 17.4969C20.7157 17.063 20.3639 16.7112 19.93 16.7112C19.4961 16.7112 19.1443 17.063 19.1443 17.4969C19.1443 17.9308 19.4961 18.2826 19.93 18.2826ZM19.93 19.3302C20.9425 19.3302 21.7633 18.5094 21.7633 17.4969C21.7633 16.4844 20.9425 15.6636 19.93 15.6636C18.9175 15.6636 18.0967 16.4844 18.0967 17.4969C18.0967 18.5094 18.9175 19.3302 19.93 19.3302Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.87742 5.24203C5.64909 4.47103 6.89974 4.47146 7.67084 5.24297L8.6138 6.18641C9.38501 6.95798 9.38459 8.20852 8.61286 8.97957L7.84286 9.74889L7.1024 9.0078L7.8724 8.23848C8.23478 7.87643 8.23498 7.28929 7.87288 6.92702L6.92991 5.98359C6.56775 5.62122 5.9803 5.62101 5.61787 5.98312L4.84787 6.75244L4.10742 6.01135L4.87742 5.24203Z" fill="%23fff"/%3e%3c/svg%3e');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: clamp(104px, 27.73vw, 206px);
  position: absolute;
  top: -10px;
  right: -16px;
  display: block;
  opacity: 0.3;
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-item .service-item-inner::after {
    top: -12px;
    right: -32px;
    width: 206px;
    height: 206px;
  }
}
.service-wrapper .service-container .service-item.hospitalization {
  z-index: 4;
}
.service-wrapper .service-container .service-item.hospitalization .service-item-inner {
  background-image: url("../../images/top/card01_bg.png");
}
.service-wrapper .service-container .service-item.hospitalization .service-item-inner::after {
  background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="%23fff" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.7036 10.4614H8.72652C8.40343 10.4614 8.09533 10.332 7.86936 10.1045L8.61259 9.36617C8.64282 9.39661 8.68383 9.41374 8.72652 9.41374H19.7036C20.8416 9.41374 21.7641 10.344 21.7641 11.4915C21.7641 12.639 20.8416 13.5693 19.7036 13.5693H7.13529C6.97872 13.5693 6.8286 13.5066 6.71781 13.3951L2.47068 9.11925C1.65561 8.29865 1.65561 6.96686 2.47068 6.14626C3.28392 5.32755 4.6011 5.32755 5.41431 6.14626L8.61259 9.36617L7.86936 10.1045L4.67103 6.88457C4.26749 6.47825 3.61751 6.47825 3.21395 6.88457C2.80468 7.2966 2.80468 7.96891 3.21395 8.38099L7.32685 12.5217H19.7036C20.2548 12.5217 20.7165 12.0687 20.7165 11.4915C20.7165 10.9143 20.2548 10.4614 19.7036 10.4614Z" fill="%23fff"/%3e%3cpath d="M2.90527 9.37891L3.95289 9.99794V16.1884H2.90527V9.37891Z" fill="%23fff"/%3e%3cpath d="M19.1445 13.3193H20.1922V16.2923H19.1445V13.3193Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M22.2883 16.1882H1.33594V15.1406H22.2883V16.1882Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.69369 18.2826C4.12762 18.2826 4.4794 17.9308 4.4794 17.4969C4.4794 17.063 4.12762 16.7112 3.69369 16.7112C3.25975 16.7112 2.90797 17.063 2.90797 17.4969C2.90797 17.9308 3.25975 18.2826 3.69369 18.2826ZM3.69369 19.3302C4.70621 19.3302 5.52702 18.5094 5.52702 17.4969C5.52702 16.4844 4.70621 15.6636 3.69369 15.6636C2.68116 15.6636 1.86035 16.4844 1.86035 17.4969C1.86035 18.5094 2.68116 19.3302 3.69369 19.3302Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M19.93 18.2826C20.3639 18.2826 20.7157 17.9308 20.7157 17.4969C20.7157 17.063 20.3639 16.7112 19.93 16.7112C19.4961 16.7112 19.1443 17.063 19.1443 17.4969C19.1443 17.9308 19.4961 18.2826 19.93 18.2826ZM19.93 19.3302C20.9425 19.3302 21.7633 18.5094 21.7633 17.4969C21.7633 16.4844 20.9425 15.6636 19.93 15.6636C18.9175 15.6636 18.0967 16.4844 18.0967 17.4969C18.0967 18.5094 18.9175 19.3302 19.93 19.3302Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.87742 5.24203C5.64909 4.47103 6.89974 4.47146 7.67084 5.24297L8.6138 6.18641C9.38501 6.95798 9.38459 8.20852 8.61286 8.97957L7.84286 9.74889L7.1024 9.0078L7.8724 8.23848C8.23478 7.87643 8.23498 7.28929 7.87288 6.92702L6.92991 5.98359C6.56775 5.62122 5.9803 5.62101 5.61787 5.98312L4.84787 6.75244L4.10742 6.01135L4.87742 5.24203Z" fill="%23fff"/%3e%3c/svg%3e');
}
@media (hover: hover) and (pointer: fine) {
  .service-wrapper .service-container .service-item.hospitalization .service-link-btn:hover {
    color: #6676F2;
  }
}
.service-wrapper .service-container .service-item.checkup {
  z-index: 3;
}
.service-wrapper .service-container .service-item.checkup .service-item-inner {
  background-image: url("../../images/top/card02_bg.png");
}
.service-wrapper .service-container .service-item.checkup .service-item-inner::after {
  background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="%23fff" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M18.8425 15.5409C19.392 14.4809 19.7024 13.277 19.7024 12.0007C19.7024 7.74599 16.2534 4.29695 11.9987 4.29695C7.74404 4.29695 4.29499 7.74599 4.29499 12.0007C4.29499 13.2771 4.60541 14.4809 5.15486 15.5409L4.64664 16.5918C3.81358 15.2606 3.33203 13.6868 3.33203 12.0007C3.33203 7.2142 7.21224 3.33398 11.9987 3.33398C16.7852 3.33398 20.6654 7.2142 20.6654 12.0007C20.6654 13.6868 20.1838 15.2606 19.3508 16.5918L18.8425 15.5409Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.9973 8.63086C10.6677 8.63086 9.58984 9.7087 9.58984 11.0383C9.58984 12.3678 10.6677 13.4457 11.9973 13.4457C13.3268 13.4457 14.4047 12.3678 14.4047 11.0383C14.4047 9.7087 13.3268 8.63086 11.9973 8.63086ZM10.5528 11.0383C10.5528 10.2405 11.1995 9.59382 11.9973 9.59382C12.795 9.59382 13.4417 10.2405 13.4417 11.0383C13.4417 11.836 12.795 12.4827 11.9973 12.4827C11.1995 12.4827 10.5528 11.836 10.5528 11.0383Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M7.21205 12.6042C7.23198 12.557 7.25365 12.5109 7.277 12.4659C7.216 12.1599 7.18398 11.8434 7.18398 11.5194C7.18398 8.86028 9.33967 6.70459 11.9988 6.70459C14.6579 6.70459 16.8136 8.86028 16.8136 11.5194C16.8136 11.8433 16.7816 12.1599 16.7206 12.4659C16.7439 12.5109 16.7657 12.557 16.7856 12.6042L19.0616 17.9923C19.5979 19.262 18.6658 20.6676 17.2874 20.6676H15.6421C15.6212 20.668 15.6004 20.668 15.5796 20.6676H8.41802C8.39722 20.668 8.37637 20.668 8.35552 20.6676H6.7102C5.33186 20.6676 4.39972 19.262 4.93605 17.9923L7.21205 12.6042ZM11.9988 7.66755C9.87146 7.66755 8.14694 9.39207 8.14694 11.5194C8.14694 11.5529 8.14738 11.5862 8.14824 11.6195C8.3716 11.5115 8.61716 11.446 8.87282 11.4311C8.88895 11.7676 8.95824 12.0902 9.07249 12.3907H8.98616C8.59915 12.3907 8.24969 12.6224 8.09908 12.9789L5.82312 18.367C5.55493 19.0019 6.02101 19.7047 6.7102 19.7047H6.86514C6.66533 19.2831 6.64053 18.7811 6.83876 18.3185L8.03317 15.5318C8.45047 14.5581 9.40785 13.9268 10.4672 13.9268H13.5304C14.5897 13.9268 15.5471 14.5581 15.9644 15.5318L17.1588 18.3185C17.357 18.7811 17.3323 19.2831 17.1324 19.7047H17.2874C17.9766 19.7047 18.4427 19.0019 18.1745 18.367L15.8986 12.9789C15.7479 12.6224 15.3985 12.3907 15.0115 12.3907H14.9251C15.0393 12.0902 15.1086 11.7676 15.1248 11.4311C15.3805 11.446 15.626 11.5115 15.8494 11.6195C15.8502 11.5862 15.8506 11.5529 15.8506 11.5194C15.8506 9.39207 14.1261 7.66755 11.9988 7.66755ZM15.8944 19.6462C15.8057 19.6842 15.7135 19.7031 15.6224 19.7047H15.5977C15.4261 19.7017 15.2601 19.6374 15.131 19.5234C15.1136 19.508 15.0953 19.4941 15.0763 19.4816L14.131 17.1184C14.0323 16.8715 13.7521 16.7514 13.5052 16.8501C13.2583 16.9489 13.1382 17.2291 13.2369 17.476L14.1284 19.7046H9.8692L10.7607 17.476C10.8594 17.2291 10.7393 16.9489 10.4924 16.8501C10.2455 16.7514 9.96531 16.8715 9.86655 17.1184L8.92131 19.4816C8.90229 19.494 8.88404 19.508 8.86661 19.5233C8.73753 19.6374 8.57146 19.7017 8.39982 19.7047H8.37521C8.28416 19.7031 8.19191 19.6842 8.10318 19.6462C7.73658 19.4891 7.56676 19.0645 7.72386 18.6979L8.91823 15.9111C9.18381 15.2915 9.79303 14.8898 10.4672 14.8898H13.5304C14.2045 14.8898 14.8138 15.2915 15.0793 15.9111L16.2737 18.6979C16.4308 19.0645 16.261 19.4891 15.8944 19.6462Z" fill="%23fff"/%3e%3cpath d="M9.7734 6.40589C10.4764 6.12047 11.2288 5.97632 11.9875 5.98166C12.7462 5.987 13.4965 6.1417 14.1954 6.437L14.5702 5.54996C13.7547 5.20546 12.8794 5.02494 11.9943 5.01872C11.1091 5.0125 10.2313 5.18068 9.41113 5.51366L9.7734 6.40589Z" fill="%23fff"/%3e%3c/svg%3e');
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-item.checkup {
    margin-top: 50px;
    margin-left: -20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .service-wrapper .service-container .service-item.checkup .service-link-btn:hover {
    color: #DC6CA4;
  }
}
.service-wrapper .service-container .service-item.inhome {
  z-index: 2;
}
.service-wrapper .service-container .service-item.inhome .service-item-inner {
  background-image: url("../../images/top/card03_bg.png");
}
.service-wrapper .service-container .service-item.inhome .service-item-inner::after {
  background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="%23fff" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12.6907 4.738C12.5276 4.64202 12.3253 4.64202 12.1622 4.738L2.85156 10.2148L3.38013 11.1134L12.4264 5.79202L21.4727 11.1134L22.0013 10.2148L18.6815 8.26193V5.70852C18.6815 5.42063 18.4481 5.18726 18.1602 5.18726H16.5965C16.3086 5.18726 16.0752 5.42063 16.0752 5.70852V6.72887L12.6907 4.738Z" fill="%23fff"/%3e%3cpath d="M7.21387 12.4854H12.9477V15.6129H7.21387V12.4854Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M12.427 6.75049L5.12947 10.9205V18.2181H2.52321C2.23533 18.2181 2.00195 18.4514 2.00195 18.7393C2.00195 19.0272 2.23533 19.2606 2.52321 19.2606H21.2883C21.5762 19.2606 21.8096 19.0272 21.8096 18.7393C21.8096 18.4514 21.5762 18.2181 21.2883 18.2181H19.7246V10.9205L12.427 6.75049ZM12.427 7.9512L6.17198 11.5255V18.2181H14.512V12.4843H17.6396V18.2181H18.6821V11.5255L12.427 7.9512Z" fill="%23fff"/%3e%3c/svg%3e');
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-item.inhome {
    margin-top: -70px;
  }
}
@media (min-width: 992px) {
  .service-wrapper .service-container .service-item.inhome {
    margin-top: 0;
    margin-left: -20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .service-wrapper .service-container .service-item.inhome .service-link-btn:hover {
    color: #D87F3A;
  }
}
.service-wrapper .service-container .service-item.team {
  z-index: 1;
}
.service-wrapper .service-container .service-item.team .service-item-inner {
  background-image: url("../../images/top/card04_bg.png");
}
.service-wrapper .service-container .service-item.team .service-item-inner::after {
  background-image: url('data:image/svg+xml,%3csvg width="24" height="24" viewBox="0 0 24 24" fill="%23fff" xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M14 8C14 9.105 13.105 10 12 10C10.895 10 10 9.105 10 8C10 6.895 10.895 6 12 6C13.105 6 14 6.895 14 8ZM13 8C13 8.5527 12.5527 9 12 9C11.4473 9 11 8.5527 11 8C11 7.4473 11.4473 7 12 7C12.5527 7 13 7.4473 13 8Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M9 8.75C9 9.9931 7.9931 11 6.75 11C5.5069 11 4.5 9.9931 4.5 8.75C4.5 7.50685 5.5069 6.5 6.75 6.5C7.9931 6.5 9 7.50685 9 8.75ZM8 8.75C8 9.44085 7.44085 10 6.75 10C6.05915 10 5.5 9.44085 5.5 8.75C5.5 8.05915 6.05915 7.5 6.75 7.5C7.44085 7.5 8 8.05915 8 8.75Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M2 14.7273C2 12.9137 5.33125 12 7 12C7.4006 12 7.897 12.0527 8.42015 12.1578C9.0665 11.6548 10.3365 11 12 11C13.6635 11 14.9335 11.6548 15.5799 12.1578C16.103 12.0527 16.5994 12 17 12C18.6688 12 22 12.9137 22 14.7273V18H2V14.7273ZM3 14.7273C3 14.6089 3.04694 14.4513 3.25609 14.2407C3.47438 14.0209 3.82013 13.7985 4.27466 13.5998C5.1891 13.2002 6.3027 13 7 13C7.6973 13 8.8109 13.2002 9.72535 13.5998C10.1799 13.7985 10.5256 14.0209 10.7439 14.2407C10.9531 14.4513 11 14.6089 11 14.7273V17H3V14.7273ZM14.2754 12.5227C13.7162 12.2477 12.9376 12 12 12C11.0624 12 10.2838 12.2477 9.7246 12.5227C10.9447 12.9709 12 13.7065 12 14.7273C12 13.7065 13.0553 12.9709 14.2754 12.5227ZM13.2561 14.2407C13.0469 14.4513 13 14.6089 13 14.7273V17H21V14.7273C21 14.6089 20.9531 14.4513 20.7439 14.2407C20.5256 14.0209 20.1798 13.7985 19.7253 13.5998C18.8109 13.2002 17.6973 13 17 13C16.3027 13 15.1891 13.2002 14.2746 13.5998C13.8201 13.7985 13.4744 14.0209 13.2561 14.2407Z" fill="%23fff"/%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M17.25 11C18.4931 11 19.5 9.9931 19.5 8.75C19.5 7.50685 18.4931 6.5 17.25 6.5C16.0069 6.5 15 7.50685 15 8.75C15 9.9931 16.0069 11 17.25 11ZM17.25 10C17.9409 10 18.5 9.44085 18.5 8.75C18.5 8.05915 17.9409 7.5 17.25 7.5C16.5591 7.5 16 8.05915 16 8.75C16 9.44085 16.5591 10 17.25 10Z" fill="%23fff"/%3e%3c/svg%3e');
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-item.team {
    margin-top: -20px;
    margin-left: -20px;
  }
}
@media (min-width: 992px) {
  .service-wrapper .service-container .service-item.team {
    margin-top: 50px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .service-wrapper .service-container .service-item.team .service-link-btn:hover {
    color: #3D99A0;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .service-wrapper .service-container .service-item:hover {
    z-index: 10;
    transform: scale(1.1);
  }
  .service-wrapper .service-container .service-item:hover .service-item-inner {
    box-shadow: 0px 5px 70px 0px rgba(0, 0, 0, 0.1);
  }
}
.service-wrapper .service-container .service-title {
  font-weight: 400;
  font-size: 21px;
  line-height: 135%;
  letter-spacing: 0.1em;
  color: var(--fw-white-color);
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-title {
    font-size: 32px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 45%;
  }
}
.service-wrapper .service-container .service-title span {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 175%;
  letter-spacing: 0.06em;
  display: block;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-title span {
    font-size: 13px;
  }
}
.service-wrapper .service-container .service-link-list {
  display: none;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-link-list {
    display: flex;
    gap: 6px;
    flex-flow: row wrap;
    margin-top: 1rem;
  }
}
.service-wrapper .service-container .service-link-btn {
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  line-height: 135%;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-radius: 8px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  color: var(--fw-white-color);
  letter-spacing: 0.06em;
  transition: background-color var(--fw-transition), color var(--fw-transition);
}
@media (hover: hover) and (pointer: fine) {
  .service-wrapper .service-container .service-link-btn:hover {
    background-color: var(--fw-white-color);
  }
}
.service-wrapper .service-container .service-more {
  text-align: right;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-more {
    margin-top: auto;
    padding-top: 1rem;
  }
}
.service-wrapper .service-container .service-more .readmore {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-more .readmore {
    position: relative;
    padding-right: 32px;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0.06em;
    color: var(--fw-white-color);
    display: inline-block;
    width: auto;
    height: auto;
    z-index: auto;
  }
  .service-wrapper .service-container .service-more .readmore::before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: -10px;
    left: 0;
    pointer-events: none;
    background-color: var(--fw-white-color);
    transition: width var(--fw-transition);
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .service-wrapper .service-container .service-more .readmore:hover::before {
    width: 100%;
  }
}
.service-wrapper .service-container .service-more .readmore::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23fff"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 14px;
  background-position: center;
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  border-radius: 100%;
  border: solid 1px var(--fw-white-color);
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-more .readmore::after {
    right: 0;
    top: 50%;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
  }
}
.service-wrapper .service-container .service-more .readmore span {
  display: none;
}
@media (min-width: 768px) {
  .service-wrapper .service-container .service-more .readmore span {
    display: inline;
  }
}

.service-sub {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .service-sub {
    margin-top: 56px;
  }
}
.service-sub .service-sub-list {
  display: flex;
  flex-flow: column nowrap;
  margin: -4px;
}
@media (min-width: 768px) {
  .service-sub .service-sub-list {
    justify-content: space-between;
    flex-flow: row wrap;
    margin: -9px;
  }
}
@media (min-width: 992px) {
  .service-sub .service-sub-list {
    flex-flow: row nowrap;
  }
}
.service-sub .service-sub-item {
  width: 100%;
  padding: 4px;
}
@media (min-width: 768px) {
  .service-sub .service-sub-item {
    width: 50%;
    padding: 9px;
  }
}
@media (min-width: 992px) {
  .service-sub .service-sub-item {
    width: 100%;
  }
}
.service-sub .service-sub-link {
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-flow: row nowrap;
  gap: 12px;
  align-items: center;
  background: var(--fw-white-color);
  position: relative;
  width: 100%;
  height: 100%;
  transition: box-shadow var(--fw-transition), color var(--fw-transition), background-color var(--fw-transition);
}
@media (hover: hover) and (pointer: fine) {
  .service-sub .service-sub-link:hover {
    box-shadow: 0px 4.32px 69.12px 0px rgba(0, 0, 0, 0.1215686275);
    background-color: var(--fw-primary-60-color);
    color: var(--fw-white-color);
  }
  .service-sub .service-sub-link:hover::after {
    content: "";
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23fff"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
    border: solid 1px var(--fw-white-color);
  }
  .service-sub .service-sub-link:hover svg path {
    fill: var(--fw-white-color);
  }
  .service-sub .service-sub-link:hover svg [stroke] {
    stroke: var(--fw-white-color);
  }
}
.service-sub .service-sub-link::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 10px;
  background-position: center;
  border-radius: 100%;
  border: solid 1px var(--fw-font-color);
  flex-shrink: 0;
  min-width: 16px;
  min-height: 16px;
  transition: background-image var(--fw-transition), border var(--fw-transition);
}
.service-sub .service-sub-link svg {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}
.service-sub .service-sub-link svg path {
  transition: fill var(--fw-transition);
}
.service-sub .service-sub-link svg [stroke] {
  transition: stroke var(--fw-transition);
}
.service-sub .service-sub-text {
  flex: 1 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 135%;
  letter-spacing: 0.06em;
}
.service-sub .service-sub-text span {
  font-size: 10px;
  font-family: "Marcellus", serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  display: block;
  margin-top: 6px;
  line-height: 1.3;
}

.feature-wrapper {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 768px) {
  .feature-wrapper {
    padding-top: 100px;
    padding-bottom: 108px;
  }
}
.feature-wrapper .feature-card {
  padding-top: 24px;
  margin-top: 24px;
  border-top: solid 1px var(--fw-border-color);
}
@media (min-width: 768px) {
  .feature-wrapper .feature-card {
    padding-top: 40px;
    margin-top: 40px;
  }
}
.feature-wrapper .feature-column {
  display: flex;
  flex-flow: column nowrap;
  margin: -8px;
}
@media (min-width: 768px) {
  .feature-wrapper .feature-column {
    margin: -18px;
  }
}
@media (min-width: 992px) {
  .feature-wrapper .feature-column {
    flex-flow: row nowrap;
  }
}
.feature-wrapper .feature-card-bottom {
  position: relative;
  z-index: 1;
  width: 70%;
  padding-top: 16px;
  padding-right: 36px;
  padding-bottom: 16px;
  padding-left: 12px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
@media (min-width: 992px) {
  .feature-wrapper .feature-card-bottom {
    display: block;
    margin-top: -36px;
    padding-top: 0;
    padding-right: 36px;
    padding-bottom: 58px;
    padding-left: 36px;
    width: 100%;
  }
}
.feature-wrapper .feature-card-item {
  padding: 8px;
  flex: 1;
}
@media (min-width: 768px) {
  .feature-wrapper .feature-card-item {
    padding: 18px;
  }
}
@media (min-width: 992px) {
  .feature-wrapper .feature-card-item {
    display: flex;
    flex-direction: column;
  }
}
.feature-wrapper .feature-card-item.card01 .feature-number {
  color: #3D99A0;
}
.feature-wrapper .feature-card-item.card01 .feature-card-link {
  background: #EAF6F7;
}
.feature-wrapper .feature-card-item.card01 .feature-card-img::after {
  background: linear-gradient(to left, #EAF6F7 0%, rgba(234, 246, 247, 0) 100%);
}
@media (min-width: 992px) {
  .feature-wrapper .feature-card-item.card01 .feature-card-img::after {
    background: linear-gradient(to top, #EAF6F7 0%, rgba(234, 246, 247, 0) 100%);
  }
}
.feature-wrapper .feature-card-item.card02 .feature-number {
  color: #4593D8;
}
.feature-wrapper .feature-card-item.card02 .feature-card-link {
  background: #EDF4FA;
}
.feature-wrapper .feature-card-item.card02 .feature-card-img::after {
  background: linear-gradient(to left, #EDF4FA 0%, rgba(234, 246, 247, 0) 100%);
}
@media (min-width: 992px) {
  .feature-wrapper .feature-card-item.card02 .feature-card-img::after {
    background: linear-gradient(to top, #EDF4FA 0%, rgba(234, 246, 247, 0) 100%);
  }
}
.feature-wrapper .feature-card-item.card03 .feature-number {
  color: #E7766C;
}
.feature-wrapper .feature-card-item.card03 .feature-card-link {
  background: #FCF1F0;
}
.feature-wrapper .feature-card-item.card03 .feature-card-img::after {
  background: linear-gradient(to left, #FCF1F0 0%, rgba(234, 246, 247, 0) 100%);
}
@media (min-width: 992px) {
  .feature-wrapper .feature-card-item.card03 .feature-card-img::after {
    background: linear-gradient(to top, #FCF1F0 0%, rgba(234, 246, 247, 0) 100%);
  }
}
.feature-wrapper .feature-number {
  font-size: 10px;
  font-family: "Marcellus", serif;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.08em;
  text-decoration: underline;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .feature-wrapper .feature-number {
    margin-bottom: 20px;
    font-size: 12px;
  }
}
.feature-wrapper .feature-card-link {
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  position: relative;
  transition: box-shadow var(--fw-transition);
}
@media (min-width: 768px) {
  .feature-wrapper .feature-card-link {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .feature-wrapper .feature-card-link {
    display: block;
    flex: 1 1 auto;
    min-height: 0;
  }
}
.feature-wrapper .feature-card-link::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 10px;
  background-position: center;
  border-radius: 100%;
  background-color: var(--fw-white-color);
  position: absolute;
  bottom: 16px;
  right: 10px;
  display: block;
}
@media (min-width: 768px) {
  .feature-wrapper .feature-card-link::after {
    width: 35px;
    height: 35px;
    background-size: 16px;
    bottom: 16px;
    right: 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .feature-wrapper .feature-card-link:hover {
    box-shadow: 0px 4.32px 69.12px 0px rgba(0, 0, 0, 0.1215686275);
  }
  .feature-wrapper .feature-card-link:hover .feature-card-img img {
    transform: scale(1.1);
  }
}
.feature-wrapper .feature-card-img {
  position: relative;
  width: 30%;
  position: relative;
  overflow: hidden;
}
.feature-wrapper .feature-card-img::after {
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
  display: block;
}
@media (min-width: 992px) {
  .feature-wrapper .feature-card-img {
    width: auto;
  }
  .feature-wrapper .feature-card-img::after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: auto;
    top: auto;
    display: block;
  }
}
.feature-wrapper .feature-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  transition: transform var(--fw-transition);
}
.feature-wrapper .feature-card-title {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .feature-wrapper .feature-card-title {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
.feature-wrapper .feature-card-desc {
  font-weight: 400;
  font-size: 10px;
  line-height: 175%;
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .feature-wrapper .feature-card-desc {
    font-size: 14px;
  }
}

.pickup-wrapper {
  padding-top: 48px;
  padding-bottom: 48px;
  background: var(--fw-natural-98-color);
  overflow: hidden;
}
@media (min-width: 768px) {
  .pickup-wrapper {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
.pickup-wrapper .slide-wrapper {
  margin-top: 24px;
  margin-bottom: 36px;
}
@media (min-width: 768px) {
  .pickup-wrapper .slide-wrapper {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
.pickup-wrapper .pickup-swiper {
  overflow: visible;
}
.pickup-wrapper .pickup-swiper .swiper-slide {
  cursor: pointer;
}
.pickup-wrapper .pickup-swiper .pickup-link {
  display: block;
}
.pickup-wrapper .pickup-swiper .pickup-link .pickup-img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .pickup-wrapper .pickup-swiper .pickup-link .pickup-img {
    margin-bottom: 22px;
  }
}
.pickup-wrapper .pickup-swiper .pickup-link .pickup-img img {
  height: 100%;
  width: 100%;
  display: block;
  transition: transform var(--fw-transition);
}
@media (hover: hover) and (pointer: fine) {
  .pickup-wrapper .pickup-swiper .pickup-link:hover .pickup-title,
  .pickup-wrapper .pickup-swiper .pickup-link:hover .pickup-text {
    color: var(--fw-primary-color);
  }
  .pickup-wrapper .pickup-swiper .pickup-link:hover .pickup-img img {
    transform: scale(1.1);
  }
}
.pickup-wrapper .pickup-swiper .pickup-title {
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
  transition: color var(--fw-transition);
}
@media (min-width: 768px) {
  .pickup-wrapper .pickup-swiper .pickup-title {
    font-size: 18px;
  }
}
.pickup-wrapper .pickup-swiper .pickup-text {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0.03em;
  color: var(--fw-natural-40-color);
  transition: color var(--fw-transition);
}
@media (min-width: 768px) {
  .pickup-wrapper .pickup-swiper .pickup-text {
    font-size: 14px;
  }
}
.pickup-wrapper .pickup-swiper .swiper-button-prev {
  display: none;
}
@media (min-width: 768px) {
  .pickup-wrapper .pickup-swiper .swiper-button-prev {
    opacity: 1;
    visibility: visible;
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/%3e%3c/svg%3e');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-size: 14px;
    background-position: center;
    border-radius: 100%;
    background-color: var(--fw-white-color);
    display: block;
    opacity: 1;
    transform: rotate(180deg);
    transition: opacity var(--fw-transition), visibility var(--fw-transition);
  }
}
.pickup-wrapper .pickup-swiper .swiper-button-next {
  display: none;
}
@media (min-width: 768px) {
  .pickup-wrapper .pickup-swiper .swiper-button-next {
    opacity: 1;
    visibility: visible;
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/%3e%3c/svg%3e');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-size: 14px;
    background-position: center;
    border-radius: 100%;
    background-color: var(--fw-white-color);
    display: block;
    opacity: 1;
    transition: opacity var(--fw-transition), visibility var(--fw-transition);
  }
}
.pickup-wrapper .pickup-swiper .swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
.pickup-wrapper .pickup-swiper .swiper-navigation-icon {
  display: none;
}
.pickup-wrapper .pickup-swiper .swiper-pagination {
  bottom: -36px;
}
@media (min-width: 768px) {
  .pickup-wrapper .pickup-swiper .swiper-pagination {
    bottom: -60px;
  }
}
.pickup-wrapper .pickup-swiper .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
}
@media (min-width: 768px) {
  .pickup-wrapper .pickup-swiper .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
  }
}
.pickup-wrapper .pickup-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--fw-primary-color);
  width: 24px;
  border-radius: 9999px;
}

.carousel-wrapper {
  background: var(--fw-natural-98-color);
}
.carousel-wrapper .swiper-wrapper {
  transition-timing-function: linear;
}
.carousel-wrapper .swiper-slide img {
  height: auto;
  width: 100%;
}

.recrui-wrapper {
  background: var(--fw-natural-98-color);
  padding-top: 51px;
  padding-bottom: 51px;
}
@media (min-width: 768px) {
  .recrui-wrapper {
    padding-top: 100px;
    padding-bottom: 124px;
  }
}
.recrui-wrapper .recrui-card {
  background: var(--fw-white-color);
  border-radius: 20px;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  transition: background-color var(--fw-transition);
}
@media (min-width: 768px) {
  .recrui-wrapper .recrui-card {
    border-radius: 32px;
    flex-flow: row nowrap;
  }
}
@media (hover: hover) and (pointer: fine) {
  .recrui-wrapper .recrui-card:hover {
    background-color: var(--fw-primary-90-color);
  }
  .recrui-wrapper .recrui-card:hover .recrui-card-img img {
    transform: scale(1.1);
  }
}
.recrui-wrapper .recrui-card .recrui-card-img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .recrui-wrapper .recrui-card .recrui-card-img {
    width: 50%;
  }
}
.recrui-wrapper .recrui-card .recrui-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  transition: transform var(--fw-transition);
}
.recrui-wrapper .recrui-card .recrui-card-body {
  padding-top: 32px;
  padding-right: 27px;
  padding-bottom: 32px;
  padding-left: 27px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .recrui-wrapper .recrui-card .recrui-card-body {
    padding-top: 72px;
    padding-right: 76px;
    padding-bottom: 72px;
    padding-left: 76px;
    width: 50%;
  }
}
.recrui-wrapper .recrui-card .recrui-card-body .recrui-card-content {
  flex: 1 0 auto;
}
.recrui-wrapper .recrui-card .recrui-card-body .recrui-card-content .recruit-card-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 166%;
  color: var(--fw-font-color);
}
@media (min-width: 768px) {
  .recrui-wrapper .recrui-card .recrui-card-body .recrui-card-content .recruit-card-text {
    font-size: 18px;
    margin-top: 32px;
  }
}
.recrui-wrapper .recrui-card .recruit-more {
  text-align: right;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .recrui-wrapper .recrui-card .recruit-more {
    margin-top: 32px;
  }
}
.recrui-wrapper .recrui-card .recruit-more .readmore {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  display: inline-block;
  padding-right: 52px;
  transition: color var(--fw-transition);
}
@media (min-width: 768px) {
  .recrui-wrapper .recrui-card .recruit-more .readmore {
    padding-right: 72px;
    font-size: 16px;
  }
}
.recrui-wrapper .recrui-card .recruit-more .readmore::after {
  content: "";
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%233b3f40"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 15px;
  background-position: center;
  border-radius: 100%;
  background-color: var(--fw-white-color);
  border: solid 1px var(--fw-font-color);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  transition: border var(--fw-transition), background-image var(--fw-transition);
}
@media (min-width: 768px) {
  .recrui-wrapper .recrui-card .recruit-more .readmore::after {
    background-size: 20px;
    width: 56px;
    height: 56px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .recrui-wrapper .recrui-card:hover .recruit-more {
    color: var(--fw-primary-color);
  }
  .recrui-wrapper .recrui-card:hover .recruit-more .readmore::after {
    border: solid 1px var(--fw-primary-color);
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%230095A0"%3e%3cpath d="M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z"/%3e%3c/svg%3e');
  }
}
/*# sourceMappingURL=map/top.css.map */