@charset "utf-8";
#root {
  overflow: hidden;
}
.top-fv {
  padding-top: clamp(7.5rem, 0.292rem + 15.02vw, 18.313rem);
}
.top-fv__inner {
  padding-left: clamp(1.25rem, -1.917rem + 6.6vw, 6rem);
}
.top-fv__container {
      display: flex;
    justify-content: space-between;
    column-gap: 20px;
}
.top-fv__left {
  width: 49%;
}
.top-fv__img {
  height: auto;
      aspect-ratio: 887/666;
    object-fit: cover;
}
.top-fv__title {
      margin-top: 16px;
    font-size: clamp(0.75rem, 0.667rem + 0.17vw, 0.875rem);
}
.top-fv__right {
      width: 51%;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.fv__items {
      padding-right: clamp(1.25rem, -1.917rem + 6.6vw, 6rem);
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.5rem, 0.417rem + 2.26vw, 3.125rem);
    align-items: end;
}
.fv__item {
  font-size: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
}
.top-fv-right__bottom {
      margin-top: clamp(2rem, -7.333rem + 19.44vw, 16rem);
    padding-bottom: clamp(0.75rem, 0.583rem + 0.35vw, 1rem);
    border-bottom: 1px solid #909090;
}
.top-fv__link {
      display: flex;
    padding-right: clamp(1.25rem, -1.917rem + 6.6vw, 6rem);
      align-items: center;
    justify-content: space-between;
  column-gap: 18px;
}
.top-fv-link__left {
      display: flex;
    column-gap: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
    align-items: center;
    color: #909090;
  transition: all 0.5s;
}
.top-fv-link__line {
      height: 16px;
    width: 1px;
    background-color: #909090;
  transition: all 0.5s;
}
.top-fv-link__rihgt {
      background-image: url(https://euphonica.jp/system_panel/uploads/images/yazirushi-gray.png);
    width: clamp(1.125rem, 0.833rem + 0.61vw, 1.563rem);
    height: clamp(0.563rem, 0.438rem + 0.26vw, 0.75rem);
    background-size: contain;
    background-repeat: no-repeat;
  transition: all 0.5s;
}

.top-fv__link:hover .top-fv-link__left {
  color: #000;
}
.top-fv__link:hover .top-fv-link__line {
  background-color: #000;
}
.top-fv__link:hover .top-fv-link__rihgt {
  background-image: url(https://euphonica.jp/system_panel/uploads/images/yazirushi-black.png);
}

.t-store {
  padding-top: clamp(7.5rem, 4.917rem + 5.38vw, 11.375rem);
}
.t-store__inner {
  padding-left: clamp(1.25rem, -5.917rem + 14.93vw, 12rem);
}
.t-store__container {
      display: flex;
    column-gap: clamp(1.25rem, -5.5rem + 14.06vw, 11.375rem);
    justify-content: space-between;
}
.t-store__left {
      display: flex;
    column-gap: 76px;
  height: fit-content;
  cursor: pointer;
}
.t-store__right {
      display: flex;
    column-gap: clamp(1.25rem, -0.5rem + 3.65vw, 3.875rem);
}
.t-store__img {
      width: clamp(15.375rem, 8.708rem + 13.89vw, 25.375rem);
    height: auto;
    aspect-ratio: 406/304;
    object-fit: cover;
}
.t-store__left:hover .btn1__icon {
  transform: translateY(-50%) translateX(10px);
}

.t-blog {
  margin-top: clamp(9.188rem, 6.979rem + 4.6vw, 12.5rem);
}
.t-blog__inner {
      padding-left: clamp(1.25rem, -9.917rem + 23.26vw, 18rem);
    padding-right: clamp(1.25rem, -5.917rem + 14.93vw, 12rem);
  padding-bottom: 50px;
    position: relative;
}
.t-blog__bg {
      position: absolute;
    left: 0;
    width: 960px;
    height: clamp(16.875rem, 9.917rem + 14.5vw, 27.313rem);
    background-color: #F5F5F5;
    bottom: 0;
}
.t-blog__container {
      display: flex;
    justify-content: space-between;
    align-items: center;
  position: relative;
}
.t-blog__img {
  width: clamp(24.375rem, 16.583rem + 16.23vw, 36.063rem);
      height: auto;
    aspect-ratio: 577/433;
    object-fit: cover;
}
.t-blog__right {
      display: flex;
    column-gap: clamp(1.25rem, -5.321rem + 10.27vw, 7rem);
    height: fit-content;
    cursor: pointer;
}
.t-blog__right:hover .btn1__icon {
  transform: translateY(-50%) translateX(10px);
}
.t-blog__title span {
  padding-left: 24px;
}

.t-about {
  padding-top: clamp(10rem, 8.333rem + 3.47vw, 12.5rem);
}
.t-about__inner {
      padding-left: clamp(1.25rem, -5.917rem + 14.93vw, 12rem);
    padding-right: clamp(1.25rem, -1.917rem + 6.6vw, 6rem);
}
.t-about__container {
      display: flex;
    column-gap: clamp(1.25rem, -8.125rem + 19.53vw, 15.313rem);
    justify-content: space-between;
}
.t-about__left {
  width: 100%;
}
.t-about__text {
      margin-top: 64px;
    font-size: 16px;
}
.t-about-link {
      display: flex;
    align-items: center;
    column-gap: 24px;
    justify-content: end;
    margin-top: clamp(2rem, -1.667rem + 7.64vw, 7.5rem);
}
.t-about__right {
      width: clamp(24.375rem, 9.125rem + 31.77vw, 47.25rem);
    height: auto;
    aspect-ratio: 756/567;
    object-fit: cover;
}

.t-sns {
  padding-top: clamp(7.5rem, 2.5rem + 10.42vw, 15rem);
}
.t-sns_inner {
      padding: 0 20px;
}
.t-sns__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sns__content {
      margin-top: clamp(3.5rem, 2.5rem + 2.08vw, 5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sns-content__top {
      display: flex;
    column-gap: clamp(3.438rem, -0.729rem + 8.68vw, 9.688rem);
}
.sns-icon {
      height: clamp(2.375rem, 1.339rem + 4.25vw, 6.438rem);
    object-fit: contain;
}
.sns-content__bottom {
      margin-top: clamp(2.5rem, 1.167rem + 2.78vw, 4.5rem);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: clamp(2.625rem, -0.625rem + 6.77vw, 7.5rem);
    row-gap: clamp(2rem, 1.667rem + 0.69vw, 2.5rem);
}

.t-location {
  padding-top: clamp(10rem, 6.667rem + 6.94vw, 15rem);
  padding-bottom: clamp(10rem, 8.333rem + 3.47vw, 12.5rem);
}
.t-location__inner {
  padding-right: clamp(1.25rem, -5.917rem + 14.93vw, 12rem);
}
.t-location__container {
      display: flex;
    justify-content: space-between;
    column-gap: 20px;
}
.t-location__left {
      width: clamp(24.375rem, 1.708rem + 47.22vw, 58.375rem);
    height: auto;
    aspect-ratio: 934/700;
    object-fit: cover;
}
.t-location__right {
      display: flex;
    flex-direction: column;
    align-items: center;
    width: clamp(21.875rem, 14.625rem + 15.1vw, 32.75rem);
}
.t-location__logo {
  width: clamp(14.438rem, 10.354rem + 8.51vw, 20.563rem);
  object-fit: contain;
}
.t-location__items {
      margin-top: clamp(3rem, 2.333rem + 1.39vw, 4rem);
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    width: 100%;
}
.t-location__item {
      display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid #909090;
}
.t-location-item__left {
  width: 22%;
  line-height: 1.5;
}
.t-location-item__right {
  width: 78%;
  line-height: 1.5;
  transition: all 0.5s;
}
.t-location__link {
      margin-top: clamp(2rem, 1.083rem + 1.91vw, 3.375rem);
    display: flex;
    align-items: center;
    column-gap: 24px;
}

@media (max-width: 1023px) {
  .t-blog__right {
        flex-direction: column;
    align-items: end;
  }
}

@media (max-width: 767px) {
  .top-fv__inner {
    padding: 0;
  }
  .top-fv__container {
        flex-direction: column;
    row-gap: 26px;
  }
  .top-fv__left {
    width: 100%;
  }
  .top-fv__title {
    padding-left: 20px;
  }
  .top-fv__right {
        width: 100%;
    padding-left: 20px;
  }
  .top-fv-right__bottom {
    margin-top: 68px;
  }
  
  .t-store__inner {
    padding: 0;
  }
  .t-store__container {
        flex-direction: column;
    row-gap: 24px;
    position: relative;
  }
  .t-store__title {
    padding-left: 20px;
  }
  .t-store__left {
    padding-left: 20px;
  }
  .t-store-link {
        position: absolute;
    right: 20px;
    top: 58%;
  }
  
  .t-blog__inner {
    padding: 0;
  }
  .t-blog__container a {
    width: 100%;
  }
  .t-blog__bg {
    display: none;
  }
  .t-blog__container {
        flex-direction: column-reverse;
    align-items: flex-start;
  }
  .t-blog__right {
    align-items: flex-start;
        width: 100%;
    padding: 20px;
    background-color: #F5F5F5;
  }
  .t-blog-link {
    margin-left: auto;
  }
  .t-blog__img {
        width: 100%;
    aspect-ratio: 391/293;
  }
  
  .t-about__inner {
    padding: 0;
  }
  .t-about__container {
        flex-direction: column;
    row-gap: 80px;
  }
  .t-about__left {
    padding-left: 20px;
  }
  .t-about-link {
    justify-content: flex-start;
  }
  .t-about__right {
    width: 100%;
  }
  
  .sns-content__bottom {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .t-location__inner {
    padding: 0;
  }
  .t-location__container {
        flex-direction: column;
    row-gap: 64px;
  }
  .t-location__left {
    width: 100%;
  }
  .t-location__right {
        width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 389px) {
  .top-fv__title {
        padding-left: 10px;
    font-size: clamp(0.625rem, 0.045rem + 2.9vw, 0.75rem);
  }
  .top-fv__link {
        column-gap: 10px;
    padding-right: 10px;
  }
  .top-fv-link__left {
    column-gap: 10px;
  }
  .top-fv-link__text {
    font-size: 12px;
  }
  .t-about__text {
    font-size: 14px;
  }
  .sns-content__top {
    column-gap: 40px;
  }
  .sns-content__bottom {
    column-gap: 20px;
  }
  .t-location__item {
        flex-direction: column;
    row-gap: 16px;
  }
  .t-location-item__left,
  .t-location-item__right {
    width: 100%;
  }
}