@charset "UTF-8";
/* ------------------------------------------------
  common
------------------------------------------------ */
:root{
  --section-margin-block: 7rem 8rem;
  --swiper-pagination-bullet-inactive-color: var(--color-gray-400);
  --swiper-pagination-color: var(--color-primary);
}

.global-contents{min-width: 0;}
.global-contents__inner{
  width: 100%;
  padding-bottom: 0;
}
.c-breadcrumb{
  display: none;
}

.p-home{
  color: var(--color-text-default);
}
.p-home :where(a:not(.c-button)){
  color: var(--color-text-default);
  transition: opacity var(--transition-default);
}

@media (hover: hover) {
  .p-home :where(a:not(.c-button)):hover{
    opacity: var(--hover-opacity);
  }
}

.p-home-section{
  margin-block: var(--section-margin-block);
}
.p-home-section--bg{
  padding: 7rem 0;
}
.p-home .c-page-title{
  margin: 0 0 3rem;
  gap: 1.4rem;
}
/* .p-home .c-button{
  width: 27rem;
  margin: 3rem auto 0;
} */
 .p-home .c-button{
  min-width: unset;
 }
.p-home-section__inner{
  width: min(90%, 1140px);
  margin-inline: auto;
}
.p-home-section__inner--small{
  width: min(85%, 840px);
  margin-inline: auto; 
}

/* swiper */
.swiper-button-next,
.swiper-button-prev{
  --swiper-navigation-size: 5rem;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  background-repeat: no-repeat;
  background-size: contain;
}
.swiper-button-next::after,
.swiper-button-prev::after{
  display: none;
}

.swiper-button-prev{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cg%20fill%3D%22none%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%207%20%E2%80%93%207%22%3E%3Cpath%20d%3D%22M50%2050H0V0h50z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024747%22%2F%3E%3Cpath%20stroke%3D%22%23604c3f%22%20d%3D%22M32.691%2040.231%2014.565%2024.417%2032.691%208.603%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069508%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
.swiper-button-next{background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%207%20%E2%80%93%206%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h50v50H0z%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024747%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23604c3f%22%20d%3D%22m17.309%209.769%2018.126%2015.814-18.126%2015.814%22%20data-name%3D%22%E3%83%91%E3%82%B9%2069508%22%2F%3E%3C%2Fsvg%3E');}

.swiper:not(.swiper-initialized) {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.swiper-initialized {
  opacity: 1;
  height: auto;
}
/* ------------------  mv  ------------------ */
.p-home-mv .swiper:not(.swiper-initialized) {
  height: 58rem;
}

/* .p-home-mv{
  margin-bottom: 4.8rem;
} */
.p-home-mv__slider .swiper{
  --swiper-pagination-bottom: 0;
  padding-bottom: 3.2rem;
}

/* ------------------  banner   ------------------ */
.p-home-banner__list{
  --banner-list-column:3;
  --banner-list-column-gap: 2.4rem;
  --banner-list-row-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(var(--banner-list-column),minmax(0, 1fr));
  gap: var(--banner-list-row-gap) var(--banner-list-column-gap);
}

.p-home-banner__list .p-home-banner__item{width: 100%;}

/* ------------------  product  ------------------ */
.js-product-slider .product__container{
  display: flex;
  gap: 0;
}

.product-slider.swiper:not(.swiper-initialized){
  height: 41rem;
}

.p-home-product__list{
  width: min(90%, 114rem);
  margin-inline: auto;
  overflow: visible;
  position: relative;
}

.p-home-product__list .product-slider{
  width: 100%;
  padding-bottom: 4rem;
}

.p-home-product__list .product__item--icon{
  position: static;
  margin-top: 1.2rem;
}

.p-home-product__list .product__item--icon:not(:has(.product__icon)){
  display: none;
}

.p-home-product__list .swiper-button-prev,
.p-home-product__list .swiper-button-next{
  --swiper-navigation-top-offset: 34%;
  --swiper-navigation-sides-offset: -5rem;
}

.p-home-product__list .swiper-horizontal>.swiper-pagination-bullets, .p-home-product__list .swiper-pagination-bullets.swiper-pagination-horizontal{
  --swiper-pagination-bottom: 0;
}

.p-home-product:not(:has(.product__item)){
  display: none;
}

.p-home-ranking .product__item:nth-of-type(n + 5){
  display: none;
}

/* ------------------  category  ------------------ */
.p-home-category{
  padding: 7.5rem 0 6.5rem;
  background-color: var(--color-gray-300);
}

.p-home-category__list{
  --category-gap: 1.8rem;
  display: grid;
  grid-template-columns: repeat(6,minmax(0, 1fr));
  gap: var(--category-gap);
}

.p-home-category__item{
  background-color: var(--color-white);
}
  
.p-home-category__item .p-home-category__item-link{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
}

.p-home-category__item .p-home-category__item-image{
  width: 11rem;
}

.p-home-category__item .p-home-category__item-text{
  font-size: 1.4rem;
  line-height: 1.5;
}

/* ------------------  about  ------------------ */
.p-home-about{
  background-color: var(--color-secondary);
}

.p-home-about__content-wrap{
  display: flex;
  align-items: center;
  gap: 5.26315789474%;
}

.p-home-about__image{
  flex: 4 1 0; 
  max-width: 100%;
}

.p-home-about__image img{
  max-width: 700px;
  min-width: 0;
}

.p-home-about__text-area{
  flex: 6 1 0;
  max-width: 380px;
}

.p-home-about__heading {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.4rem;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 1.7rem;
}

.p-home-about__heading img{
  width: 11rem;
}

.p-home-about__text{
  font-size: 1.4rem;
  line-height: 1.5;
}

.p-home-about .c-button{
  margin: 2.8rem 0 0;
}

/* ------------------  feature  ------------------ */
.c-feature-item-list{
  --feature-list-column: 4;
  display: grid;
  grid-template-columns: repeat(var(--feature-list-column,4),minmax(0, 1fr));
  gap: 2.4rem;
}

.c-feature-item-card__link{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  height: 100%;
  text-decoration: none;
}

.c-feature-item-card__image{
  /* width: 100%;
  aspect-ratio: 1;
  object-fit: contain; */
}

.c-feature-item-card__text{
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1.5;
}

/* ------------------  news  ------------------ */

.news-list-area--top .news-item .news-item__content--detail{
  display: none;
}

.p-home-news__inner--column{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8rem;
}

.p-home-news__inner--column .news-list-area--top{
  width: 100%;
}

.p-home-news__inner--column .c-button{
  width: 20rem;
  margin: 0;
}

/* ------------------  history  ------------------ */
.p-home-history{
  background-color: var(--color-secondary);
}

.p-home-history:not(:has(.product__item)){
  display: none;
}

.product__history .product__container{
  --grid-columns-desktop: 6;
  --grid-gap: 1.8rem;
}

.product__history .product__container .product__item:nth-child(n + 7){
  display: none;
}

.product__history .c-heading{
  margin-bottom: 1.5rem;
  font-size: 2rem;
  border-bottom: 0;
  padding-bottom: 0;
}

.product__history .product__item--name{
  margin-top: 1rem;
  font-size: 1.3rem;
}

.product__history .product__item--price{
  margin-top: 0.7rem;
}

/* ------------------  card  ------------------ */
.c-card-list{
  --card-list-column: 4;
  --card-list-gap: 2.4rem;
  display: grid;
  gap: var(--card-list-gap);
  grid-template-columns: repeat(var(--card-list-column),minmax(0, 1fr));
}

.c-card-item:not(:has(.c-card-item__link)),
.c-card-item__link{
  display: flex;
  flex-direction: column;
}

.c-card-item__link{
  text-decoration: none;
}

.c-card-item__description{
  padding: 1rem;
  background-color: var(--color-white);
  font-size: 1.4rem;
  line-height: 1.75;
}

/* ------------------  tab  ------------------ */
.p-home-tab__selector-list{
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.p-home-tab__selector{
  border-bottom: 4px solid var(--color-black);
}

.p-home-tab__selector:has(.active){
  border-bottom-color: var(--color-primary);
}

.p-home-tab__selector button{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1rem 0.5rem;
  font-size: 1.6rem;
}


/* tablet - sp */
@media screen and (max-width: 767px) {

  /* ------------------------------------------------
    common
  ------------------------------------------------ */
  :root{
    /* --section-margin-block: 5rem; */
    --padding-horizontal-global: 1.5rem;
  }

  .p-home-section--bg{
    padding: 4rem 0;
  }
  .p-home .c-page-title{
    width: 100%;
    margin: 0 0 2rem;
    gap: 1.3rem;
  }

  .p-home-section__inner{
    width: 100%;
    padding-inline: var(--padding-horizontal-global);
  }
  .p-home-section__inner--small{
    width: 100%;
    padding-inline: var(--padding-horizontal-global);
  }

  /* swiper */
  .swiper-button-next,
  .swiper-button-prev{
    --swiper-navigation-size: 8vw;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    background-repeat: no-repeat;
    background-size: contain;
  }

  /* ------------------  mv  ------------------ */
  .p-home-mv .swiper:not(.swiper-initialized) {
    height: 27rem;
  }

  /* .p-home-mv{
    margin-bottom: 4rem;
  } */
  .p-home-mv__slider .swiper{
    --swiper-pagination-bottom: 0;
    padding-bottom: 3.5rem;
  }

  /* ------------------  banner   ------------------ */
  .p-home-banner__list{
    grid-template-columns: none;
  }

  /* ------------------  product  ------------------ */
  .js-product-slider .product__container{
    display: flex;
    gap: 0;
  }

  .product-slider.swiper:not(.swiper-initialized){
    height: 41rem;
  }

  .p-home-product__list{
    width: 100%;
    padding-inline: var(--padding-horizontal-global);
  }

  .p-home-product__list .product-slider{
    padding-bottom: 3.5rem;
  }

  .p-home-product__list .product__item--icon{
    position: static;
    margin-top: 1rem;
  }

  .p-home-product__list .swiper-button-prev,
  .p-home-product__list .swiper-button-next{
    --swiper-navigation-top-offset: 36%;
    --swiper-navigation-sides-offset: 0;
  }

  .p-home-product__list .swiper-horizontal>.swiper-pagination-bullets, .p-home-product__list .swiper-pagination-bullets.swiper-pagination-horizontal{
    --swiper-pagination-bottom: 0;
  }

  /* ------------------  category  ------------------ */
  .p-home-category{
    padding: 4rem 0;
  }

  .p-home-category__list{
    --category-gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr))
  }
    
  .p-home-category__item .p-home-category__item-link{
    gap: 0;
    padding: 0.8rem 0.5rem; 
  }

  .p-home-category__item .p-home-category__item-image{
    width: 7.3rem;
  }

  /* ------------------  about  ------------------ */ 
  .p-home-about__content-wrap{
    flex-direction: column;
    gap: 3.46666666667vw;
  }

  .p-home-about__image{
    flex: initial;
  }

  .p-home-about__image img{
    max-width: unset;
  }

  .p-home-about__text-area{
    flex: initial;
    max-width: unset;
    margin: 0 auto;
  }
  .p-home-about__heading {
    gap: 0.8rem;
    font-size: clamp(2.1rem,5.6vw,32px);
    margin-bottom: 1rem;
  }

  .p-home-about__heading img{
    width: 10rem;
  }

  .p-home-about .c-button{
    margin: 2rem auto 0;
  }

  /* ------------------  feature  ------------------ */
  /* .p-home-feature .p-home-section__inner{
    width: 100%;
    padding: 0;
  } */

  .c-feature-item-list{
    --feature-list-column: 2;
    display: grid;
    grid-template-columns: repeat(auto-fill, calc((100% - 1rem) / var(--feature-list-column)));    
    grid-auto-columns: calc((100% - 1rem) / var(--feature-list-column));
    gap: 1rem;
    grid-auto-flow: column;
    overflow-x: auto;
    /* padding-inline: var(--padding-horizontal-global); */
    padding-bottom: 2rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  
  .c-feature-item-card {
    scroll-snap-align: start;
  }

  .c-feature-item-card__link{
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
  }

  .c-feature-item-card__image{
    /* width: 100%;
    aspect-ratio: 1;
    object-fit: contain; */
  }

  .c-feature-item-card__text{
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  /* ------------------  news  ------------------ */

  .news-list-area--top .news-item .news-item__content--detail{
    display: none;
  }

  .p-home-news__inner--column{
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .p-home-news__inner--column .c-button{
    width: 27rem;
    margin: 3rem auto 0;
  }

  /* ------------------  history  ------------------ */
  .p-home-history{
    background-color: var(--color-secondary);
  }

  .p-home-history:not(:has(.product__item)){
    display: none;
  }

  .product__history .product__container{
    --grid-columns-desktop: 6;
    --grid-gap: 1.8rem;
  }

  .product__history .c-heading{
    margin-bottom: 1.5rem;
    font-size: 2rem;
    border-bottom: 0;
    padding-bottom: 0;
  }

  .product__history .product__item--name{
    margin-top: 1rem;
    font-size: 1.3rem;
  }

  .product__history .product__item--price{
    margin-top: 0.7rem;
  }

  /* ------------------  card  ------------------ */
  .c-card-list{
    --card-list-column: 2;
    --card-list-gap: 1rem;
    grid-template-columns: repeat(auto-fill, calc((100% - var(--card-list-gap)) / var(--card-list-column)));    
    grid-auto-columns: calc((100% - var(--card-list-gap)) / var(--card-list-column));
    grid-auto-flow: column;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  
  .c-card-item {
    scroll-snap-align: start;
  }

}

/* ---------- 以下案件用に追加 ---------- */
/* ------------------------------------------------
  Theme
------------------------------------------------ */
.c-bg-primary{
  padding-block: 7rem 8rem;
  background-color: var(--color-bg-primary);
}
.p-home-section.c-bg-primary{
  margin-block: 0;
}

.c-button__primary.c-button-icon-rect{
  display: grid;
  grid-template-columns: 1.012rem 1fr 1.012rem;
  align-items: center;
  padding-inline: 1.86rem;
}
.c-button__primary.c-button-icon-rect::before{
  content: '';
}
.c-button__primary.c-button-icon-rect::after{
  content: '';
  width: 1.012rem;
  height: 1.741rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.121%22%20height%3D%2217.414%22%20viewBox%3D%220%200%2010.121%2017.414%22%3E%20%3Cpath%20id%3D%22srrow%22%20d%3D%22M852.3%2C2281.611l-1.414-1.414%2C7.293-7.293-7.293-7.293%2C1.414-1.414%2C8.707%2C8.707Z%22%20transform%3D%22translate(-850.887%20-2264.197)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')
}
.c-button-area--home{
  margin: 4rem auto 0;
  padding-inline: 3rem;
}
.p-home .c-button__primary{
  letter-spacing: .06em;
  padding-block: 1.85rem;
}

.p-home .c-page-title{
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .p-home-location.c-bg-primary{
    padding-block: 7rem 10rem;
  }
  .c-button-area--home{
    margin-block-start: 6rem;
    padding-inline: 0;
  }
  .p-home .c-button__primary{
    max-width: 30.4rem;
    font-size: 1.6rem;
    padding-block: 1.9rem;
    margin-inline: auto;
  }
}

/* Main Visual ----------------------------------- */
.p-home-mv{
  width: 100%;
  height: calc(100dvh - var(--height-header));
  position: relative;
  overflow: hidden;
}

.p-home-mv__inner,
.p-home-mv__image,
.p-home-mv__image picture,
.p-home-mv__image img {
  width: 100%;
  height: 100%;
}

.p-home-mv__image img {
  object-fit: cover; 
  object-position: center;
}

.p-home-mv__contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #fff;
  font-weight: var(--fw-bold);
  text-align: center;
  width: 100%;
}
.p-home-mv__sub-title{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3.4rem;
  font-size: 1.5rem;
  letter-spacing: .12em;
  line-height: 1.3;
}
.p-home-mv__sub-title::after{
  content: '';
  width: 3rem;
  height: 4px;
  background-color: var(--color-primary);
}
.p-home-mv__main-title{
  margin-top: 2rem;
  font-size: 6rem;
  
  line-height: 1.3;
  letter-spacing: 0.2em;
  transform: translateX(5px);
}
.p-home-mv__description{
  margin-top: 2rem;
  margin-inline: auto;
  font-size: 1.4rem;
  padding: 1rem 1.4rem;
  border: 1px solid #fff;
  border-radius: 4px;
  width: fit-content;
}
.p-home-mv__logo{
  margin-top: 4.3rem;
  margin-inline: auto;
  display: block;
  width: 13rem;
}
@media screen and (min-width: 768px) {
  .p-home-mv__sub-title{
    font-size: 1.8rem;
  }
  .p-home-mv__main-title{
    font-size: 8rem;
  }
  .p-home-mv__description{
    font-size: 1.6rem;
    padding: .8rem 2rem;
  }
}

/* Comparison Table ----------------------------------- */
.p-home-section__inner--comparison{
    width: min(85%, 880px);
    margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-home-section__inner--small {
    width: 100%;
    padding-inline: var(--padding-horizontal-global);
  }
}

/* plan ----------------------------------- */
.product__container{
  --grid-gap: 1rem .9rem;
}
.product__item{
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.product__item--image{
  padding: 1.2rem;
  position: relative;
}
.product__item--image a{
  display: block;
  width: 100%;
}
.product__item--image img{
  border-radius: 4px;
}
.product__item--body{
  padding: 1.6rem 1rem;
  border-top: 3px solid var(--color-bg-primary);
}
.product__item--name{
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 1.7;
  letter-spacing: 0.06em;
  text-align: center;
}
.product__item--price{
  margin-top: 0.5rem;
}
.product__price--item{
  width: 100%;
  justify-content: center;
  gap: .4rem;
}
.product__price--numeric{
  font-size: 1.8rem;
  letter-spacing: 0.06em;
}

@media screen and (min-width: 768px) {
  .product__container{
    --grid-gap: 2.4rem;
  }
  .product__item--image{
    padding: 2.4rem;
  }
  .product__item--image img{
    border-radius: 6px;
  }
  .product__item--body{
    border-top: 2px solid var(--color-bg-primary);
  }
  .product__item--soldout-text {
    font-size: 2.4rem;
  }
  .product__item--name{
    font-size: 1.6rem;
  }
  .product__price--numeric{
    font-size: 2rem;
  }
}

/* Sample Report ------------------------------- */
.p-home-sample{
  --padding-horizontal-global: 2rem;
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--padding-horizontal-global);
}
.p-home-sample__inner{
  border: 2px solid var(--color-primary);
  padding: 4rem 2rem;
  background-color: var(--color-bg-primary);
}
/* Sample Report（画像追加） ------------------------------- */
.p-home-sample__images {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.p-home-sample__images img {
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p-home-sample{
    --padding-horizontal-global: 0;
    width: min(85%, 840px);
    padding-inline: var(--padding-horizontal-global);
  }
  .p-home-sample__inner{
    border: 4px solid var(--color-primary);
    padding: 4rem 2rem;
    background-color: var(--color-bg-primary);
  }
}
/* Locations ----------------------------------- */
.c-home-location-list{
  display: grid;
}
.c-home-location-item__inner{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.c-home-location-item__heading{
  display: grid;
  grid-template-columns: 2rem auto;
  gap: 1rem;
  align-items: center;
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.06em;
}
.c-home-location-item__heading::before{
  content: '';
  width: 2rem;
  height: 2.6rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2226%22%20viewBox%3D%220%200%2020%2026%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_15%22%20data-name%3D%22%E3%83%91%E3%82%B9%2015%22%20d%3D%22M480.5-2979.165h0c-.072-.1-7.233-9.522-8.871-12.434a8.76%2C8.76%2C0%2C0%2C1-1.129-4.287%2C8.894%2C8.894%2C0%2C0%2C1%2C2.929-6.561%2C10.34%2C10.34%2C0%2C0%2C1%2C7.071-2.718%2C10.339%2C10.339%2C0%2C0%2C1%2C7.071%2C2.718%2C8.894%2C8.894%2C0%2C0%2C1%2C2.929%2C6.561%2C8.649%2C8.649%2C0%2C0%2C1-1%2C4.051c-1.6%2C3.055-8.925%2C12.575-9%2C12.67Zm-.118-18.937a2.478%2C2.478%2C0%2C0%2C0-2.431%2C1.876%2C2.44%2C2.44%2C0%2C0%2C0%2C1.856%2C2.935%2C2.589%2C2.589%2C0%2C0%2C0%2C.579.066%2C2.478%2C2.478%2C0%2C0%2C0%2C2.431-1.876%2C2.369%2C2.369%2C0%2C0%2C0-.3-1.842%2C2.481%2C2.481%2C0%2C0%2C0-1.551-1.092A2.562%2C2.562%2C0%2C0%2C0%2C480.377-2998.1Z%22%20transform%3D%22translate(-470.495%203005.165)%22%20fill%3D%22%23ccc4b9%22%2F%3E%3C%2Fsvg%3E')
}
.c-home-location-item__information{
  margin-top: 2rem;
}
.c-home-location-item__information{
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: 0.06em;
  font-style: normal;
}
.c-home-location-item__information > dl{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 0;
  margin-top: .3rem;
}
.c-home-location-item__information > dl > dt{
  flex-shrink: 0;
  display: flex;
}
.c-home-location-item__information > dl > dt::after{
  content: '：';
}
.c-home-location-item__information a{
  text-decoration: unset;
}
.c-home-location-item__note{
  margin-top: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.6;
  letter-spacing: 0.06em;
  color: #88827A;
}
.p-home-location .c-button{
  padding-block: .65rem;
  font-weight: var(--fw-regular);
}

@media screen and (min-width: 768px) {
  .p-home .p-home-location .c-page-title{
    margin-bottom: 8rem;
  }
  .c-home-location-list{
    grid-template-columns: repeat(3,minmax(0,1fr));
    justify-content: center;
    padding-inline: 5rem;
    gap: 15.9rem;
  }
  .c-home-location-item{}
  .c-home-location-item:not(:first-child){
    position: relative;
  }
  .c-home-location-item:not(:first-child)::before{
    position: absolute;
    top: 0;
    left: -7.95rem;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--color-ui-primary);
  }
  .c-home-location-item__inner{
    justify-content: space-between;
    height: 100%;
  }



}
@media screen and (max-width: 767px) {
  .p-home .p-home-location .c-page-title{
    margin-bottom: 4rem;
  }
  .c-home-location-item{
    padding-block: 4rem;
    border-top: 1px solid var(--color-ui-primary);
  }
  .c-home-location-item:last-child{
    padding-block-end: 0;
  }
  .p-home-location .p-home-section__inner {
      --padding-horizontal-global: 3.5rem;
  }
}