﻿.secCont__wrap {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.secCont__wrap.__bg01 {
  background-image: url(../img/bg_top_secCont__wrap_b01.jpg)
}

@media screen and (max-width: 767px) {
  .secCont__wrap.__bg01 {
    background-image: url(../img/bg_top_secCont__wrap_01_sp.jpg)
  }
}

.secCont__wrap.__bg02 {
  background-image: url(../img/bg_top_secCont__wrap_02.jpg)
}

@media screen and (max-width: 767px) {
  .secCont__wrap.__bg02 {
    background-image: url(../img/bg_top_secCont__wrap_02_sp.jpg)
  }
}

.secCont__wrap.__bg03 {
  background-image: url(../img/bg_top_secCont__wrap_03.jpg)
}

@media screen and (max-width: 767px) {
  .secCont__wrap.__bg03 {
    background-image: url(../img/bg_top_secCont__wrap_03_sp.jpg)
  }
}

.secCont__childWrap {
  padding: 5.625rem 0 3.75rem
}

@media screen and (max-width: 767px) {
  .secCont__childWrap {
    padding: 6.875rem 0 6.25rem
  }
}

.secCont__childWrap .cont_01 {
  padding: 4.6875rem 6.25rem;
  position: relative;
  z-index: 11
}

@media screen and (max-width: 767px) {
  .secCont__childWrap .cont_01 {
    padding: 3.75rem 1.25rem 7.125rem
  }
}

.secCont__childWrap .cont_01 .obj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1
}

@media screen and (max-width: 767px) {
  .secCont__childWrap .cont_01 .obj {
    display: none
  }
}

.secCont__childWrap .cont_01 .obj.__01 {
  background-image: url(../img/img_top_sec-consultant_obj.png);
  width: 29.375rem;
  aspect-ratio: 470/464;
  top: -10.0625rem;
  right: -18.375rem
}

.secCont__childWrap .cont_01 .obj.__02 {
  background-image: url(../img/img_top_sec-after_obj.png);
  width: 24.625rem;
  aspect-ratio: 394/397;
  bottom: -4.5625rem;
  left: -15.875rem
}

.sec-contact__wrap.__02 .sec-contact {
  background-image: url(../img/bg_sec-contact_02.jpg)
}

@media screen and (max-width: 767px) {
  .sec-contact__wrap.__02 .sec-contact {
    background-image: url(../img/bg_sec-contact_02_sp.jpg)
  }
}

.sec-contact__wrap.__03 .sec-contact {
  background-image: url(../img/bg_sec-contact_03.jpg)
}

@media screen and (max-width: 767px) {
  .sec-contact__wrap.__03 .sec-contact {
    background-image: url(../img/bg_sec-contact_03_sp.jpg)
  }
}

.fixed_contact {
  background: url(../img/bg_fixed_contact.png) no-repeat center/cover;
  position: fixed;
  right: 0;
  bottom: 80px;
  z-index: 99;
  box-shadow: .125rem 0 1.5rem rgba(0, 0, 0, .2);
  width: 18.75rem;
  padding: 1.4375rem 2.5rem 1.5625rem;
  border-radius: 2.5rem 0 0 2.5rem;
  display: none
}

@media screen and (max-width: 767px) {
  .fixed_contact {
    background-image: url(../img/bg_fixed_contact_sp.png);
    bottom: 0;
    width: 100%;
    border-radius: 1.875rem 1.875rem 0 0;
    padding: .9375rem 2.5rem .75rem
  }
}

.fixed_contact .fixed_contact__txt {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  text-align: center
}

.fixed_contact .fixed_contact__txt.__time {
  font-size: .875rem;
  margin-top: .3125rem
}

.fixed_contact .btn_list {
  margin-top: .75rem;
  display: flex;
  flex-direction: column;
  gap: .75rem
}

@media screen and (max-width: 767px) {
  .fixed_contact .btn_list {
    flex-direction: row;
    gap: 2rem;
    margin: 0
  }
}

@media screen and (max-width: 767px) {
  .fixed_contact .btn_list .btn_wrap {
    width: calc((100% - 2rem)/2)
  }
}

.fixed_contact .btn_list .btn_01 {
  width: 100%;
  min-height: 2.625rem;
  background: #fff;
  color: var(--NAVY_01);
  border-color: var(--NAVY_01);
  font-size: 1rem;
  padding: .3125rem 2.8125rem
}

@media screen and (max-width: 767px) {
  .fixed_contact .btn_list .btn_01 {
    min-height: 3.75rem;
    font-size: 1.75rem
  }
}

.fixed_contact .btn_list .btn_01:after {
  background-image: url(../img/arrow_navy.png);
  right: 1.125rem;
  width: .8125rem
}

@media screen and (max-width: 767px) {
  .fixed_contact .btn_list .btn_01:after {
    right: 1.5625rem;
    width: 1.0625rem
  }
}

.fixed_contact .btn_list .btn_01:before {
  width: 1.6875rem;
  left: 1rem
}

@media screen and (max-width: 767px) {
  .fixed_contact .btn_list .btn_01:before {
    width: 2.125rem;
    left: 1.25rem
  }
}

.fixed_contact .btn_list .btn_01.__tel:before {
  background-image: url(../img/ico_tel_navy.png)
}

.fixed_contact .btn_list .btn_01.__mail:before {
  background-image: url(../img/ico_mail_navy.png);
}

.fixed_contact .btn_list .btn_01:hover {
  opacity: .8
}

.fixed_contact .btn_list .btn_01:hover.__tel:before {
  background-image: url(../img/ico_mail_navy.png)
}

.fixed_contact .btn_list .btn_01:hover.__mail:before {
  background-image: url(../img/ico_mail_navy.png)
}

@media screen and (max-width: 767px) {
  .fixed_contact .btn_list .btn_list__txt {
    font-family: var(--FONT_NOTO_SERIF);
    font-size: 1.375rem;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    margin-top: .9375rem
  }
}

.mv {
  background: url(../img/mv_top.jpg) no-repeat center / cover;
  height: 26.5rem;
  padding: 1.125rem 0 5.625rem;
  box-shadow: 0 1.625rem 1.5rem -1.5rem rgba(0, 0, 0, .2);
  position: relative;
  z-index: 22;
}

@media screen and (max-width: 767px) {
  .mv {
    background-image: url(../img/mv_top_sp.jpg);
    height: 50rem;
    padding: 0rem 0 7.125rem
  }
}

.mv .mv__ttlWrap .mv__ttlSub {
  width: 42.5rem;
  aspect-ratio: 680/68;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  .mv .mv__ttlWrap .mv__ttlSub {
    margin-bottom: 2.5rem
  }
}

.mv .mv__ttlWrap .mv__ttlSub img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.mv .mv__ttlWrap .mv__ttl {
  width: 46.25rem;
  aspect-ratio: 740/201;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  .mv .mv__ttlWrap .mv__ttl {
    width: 42.8125rem;
    aspect-ratio: 685/187
  }
}

.mv .mv__ttlWrap .mv__ttl img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

@media screen and (max-width: 767px) {
  .mv .mv__ttlWrap .mv__ttl img {
    height: auto;
  }
}

.mv .mv__btnList {
  display: flex;
  justify-content: center;
  gap: .875rem;
  margin-top: 1.625rem;
}

@media screen and (max-width: 767px) {
  .mv .mv__btnList {
    flex-direction: column;
    align-items: center;
    gap: 1.875rem;
    margin-top: 2.375rem
  }
}

.mv .mv__btnList .btn_01 {
  width: 19.625rem;
  height: 4.0625rem;
  padding: .625rem 2.625rem
}

@media screen and (max-width: 767px) {
  .mv .mv__btnList .btn_01 {
    width: 85vw;
    height: 5.625rem;
    padding: .625rem 6.375rem
  }
}

.mv .mv__btnList .btn_01:after {
  right: 2.0625rem
}

@media screen and (max-width: 767px) {
  .mv .mv__btnList .btn_01:after {
    right: 2.5rem
  }
}

#sec-introduce {
  padding: 2.8125rem 0 3.4375rem;
  position: relative
}

@media screen and (max-width: 767px) {
  #sec-introduce {
    padding: 5.5rem 0 5rem
  }
}

#sec-introduce:before {
  content: "";
  display: block;
  width: 98.0625rem;
  aspect-ratio: 1.9204406365;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/bg_top_sec-introduce.png");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1
}

@media screen and (max-width: 767px) {
  #sec-introduce:before {
    content: "";
    display: block;
    width: 46.875rem;
    aspect-ratio: 1.2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../img/bg_top_sec-introduce_sp.png");
    top: 1.5625rem
  }
}

#sec-introduce .inner {
  max-width: 58.75rem
}

#sec-introduce .container {
  position: relative
}

#sec-introduce .container .obj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1
}

#sec-introduce .container .obj.__01 {
  background-image: url(../img/img_top_sec-feature_obj_01.png);
  width: 45.875rem;
  aspect-ratio: 1 / 1;
  top: -9.4375rem;
  left: -31.125rem;
}

@media screen and (max-width: 767px) {
  #sec-introduce .container .obj.__01 {
    display: none
  }
}

#sec-introduce .container .obj.__02 {
  background-image: url(../img/img_top_sec-introduce_obj_02.png);
  width: 24.5625rem;
  aspect-ratio: 393/389;
  top: 17.9375rem;
  left: 100%
}

@media screen and (max-width: 767px) {
  #sec-introduce .container .obj.__02 {
    top: 24.5rem;
    left: unset;
    right: -7.25rem;
  }
}

#sec-introduce .ttl_01 {
  font-size: 3.125rem;
  font-feature-settings: "palt"
}

@media screen and (max-width: 767px) {
  #sec-introduce .ttl_01 {
    width: calc(100% + .5rem);
    margin: 0 0 2.8125rem -0.25rem;
    font-size: 3.25rem
  }
}

#sec-introduce .ttl_01 .ttl_01__row.__01:after {
  background-image: url(../img/line_ttl_01_top_sec-introduce_01.png);
  width: 17.1875rem;
  height: .375rem
}

@media screen and (max-width: 767px) {
  #sec-introduce .ttl_01 .ttl_01__row.__01:after {
    background-image: url(../img/line_ttl_01_top_sec-introduce_01_sp.png);
    width: 17.375rem
  }
}

#sec-introduce .ttl_01 .ttl_01__row.__02:after {
  background-image: url(../img/line_ttl_01_top_sec-introduce_02.png);
  width: 45.125rem;
  height: 12.375rem;
}

@media screen and (max-width: 767px) {
  #sec-introduce .ttl_01 .ttl_01__row.__02:after {
    background-image: url(../img/line_ttl_01_top_sec-product.png);
    width: 40.25rem;
    height: 22.25rem;
    left: 0;
  }
}

#sec-introduce .txt {
  font-size: 1.125rem;
  line-height: 1.8
}

@media screen and (max-width: 767px) {
  #sec-introduce .txt {
    font-size: 2rem;
    line-height: 1.8
  }
}

#sec-banner {
  padding: 0 0 4.375rem
}

@media screen and (max-width: 767px) {
  #sec-banner {
    padding: 0;
    z-index: 33
  }
}

#sec-banner .inner {
  max-width: 58.75rem
}

@media screen and (max-width: 767px) {
  #sec-banner .inner {
    padding: 0
  }
}

#sec-banner .container {
  background: url(../img/bg_top_sec-banner.jpg) no-repeat center/cover;
  width: 100%;
  aspect-ratio: 900/330;
  padding: 0 0 1.875rem
}

@media screen and (max-width: 767px) {
  #sec-banner .container {
    background-image: url(../img/bg_top_sec-banner_sp.jpg);
    aspect-ratio: 750/700;
    padding: 1.5625rem 0 5.125rem
  }
}

#sec-banner .container .ttl {
  width: 55.9375rem;
  aspect-ratio: 895/227;
  margin: 0 auto 1rem
}

@media screen and (max-width: 767px) {
  #sec-banner .container .ttl {
    width: 45.875rem;
    aspect-ratio: 734/456;
    margin-bottom: 2.75rem
  }
}

#sec-banner .container .btn_wrap {
  display: flex;
  justify-content: center
}

#sec-banner .container .btn_wrap .btn_01 {
  background: #cb6400;
  border-color: #cb6400;
  font-size: 1.375rem;
  color: #fff;
  width: 21.25rem;
  box-shadow: 0 0 1.8125rem rgba(0, 0, 0, .8)
}

@media screen and (max-width: 767px) {
  #sec-banner .container .btn_wrap .btn_01 {
    font-size: 1.75rem;
    width: 32.5rem;
    min-height: 5.625rem
  }
}

#sec-banner .container .btn_wrap .btn_01:after {
  background-image: url(../img/arrow_white.png)
}

@media screen and (max-width: 767px) {
  #sec-banner .container .btn_wrap .btn_01:after {
    width: 1.5625rem;
    right: 2.6875rem
  }
}

#sec-banner .container .btn_wrap .btn_01:hover {
  opacity: .8
}

#sec-news {
  padding: 0;
  position: relative;
  z-index: 33
}

#sec-news .txt {
  text-align: center;
}

#sec-news .container .obj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1
}

#sec-news .container .obj.__01 {
  background-image: url(../img/img_top_sec-feature_obj_01.png);
  width: 45.875rem;
  aspect-ratio: 1 / 1;
  top: -9.4375rem;
  left: -31.125rem;
}

@media screen and (max-width: 767px) {
  #sec-introduce .container .obj.__01 {
    display: none
  }
}

@media screen and (max-width: 767px) {
  #sec-news {
    padding-top: 5.8125rem
  }
}

#sec-news .news_list_wrap {
  position: relative;
  min-height: 19.1875rem
}

@media screen and (max-width: 767px) {
  #sec-news .news_list_wrap {
    min-height: 23.875rem
  }
}

#sec-news .postList_02__swiperCont {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0
}

#sec-news .postList_02__swiperCont.__active {
  visibility: visible;
  opacity: 1;
  transition: .3s
}

#sec-news .btn_wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.5625rem
}

@media screen and (max-width: 767px) {
  #sec-news .btn_wrap {
    margin-top: 3.625rem
  }
}

@media screen and (max-width: 767px) {
  #sec-news .btn_wrap .btn_01 {
    width: 32.5rem
  }
}


#sec-outlet .ttl_01 {
  font-size: 3.125rem;
  font-feature-settings: "palt"
}

@media screen and (max-width: 767px) {
  #sec-outlet .ttl_01 {
    width: calc(100% + .5rem);
    margin: 0 0 2.8125rem -0.25rem;
    font-size: 3.25rem
  }
}

#sec-outlet .ttl_01 .ttl_01__row.__01:after {
  background-image: url(../img/line_ttl_01_top_sec-introduce_01.png);
  width: 17.1875rem;
  height: .375rem
}

@media screen and (max-width: 767px) {
  #sec-outlet .ttl_01 .ttl_01__row.__01:after {
    background-image: url(../img/line_ttl_01_top_sec-introduce_01_sp.png);
    width: 17.375rem
  }
}

#sec-outlet .ttl_01 .ttl_01__row.__02:after {
  background-image: url(../img/line_ttl_01_top_sec-introduce_02.png);
  width: 45.125rem;
  height: 11.375rem;
}

@media screen and (max-width: 767px) {
  #sec-outlet .ttl_01 .ttl_01__row.__02:after {
    background-image: url(../img/line_ttl_01_top_sec-introduce_02_sp.png);
    width: 40.25rem
  }
}





#sec-testKitchen {
  padding: 5.1875rem 0 0;
  z-index: 22
}

@media screen and (max-width: 767px) {
  #sec-testKitchen {
    padding: 6.25rem 0 0
  }
}

#sec-testKitchen .ttl_01 {
  align-items: flex-start;
  margin-bottom: 2.8125rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .ttl_01 {
    align-items: center
  }
}

#sec-testKitchen .ttl_01 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-testKitchen.png);
  width: 17.1875rem;
  height: .4375rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .ttl_01 .ttl_01__row:after {
    background-image: url(../img/line_ttl_01_top_sec-testKitchen_sp.png);
    width: 100%;
    height: .5625rem
  }
}

#sec-testKitchen .container {
  padding-left: 0rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container {
    padding: 0
  }
}

#sec-testKitchen .container.__top {
  display: flex;
  gap: 1.875rem;
  position: relative
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__top {
    flex-direction: column;
    gap: 2.1875rem;
    z-index: 22
  }
}

#sec-testKitchen .container.__top .txt__wrap {
  padding-top: 3.125rem;
  width: calc(100% - 1.875rem - 31.25rem)
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__top .txt__wrap {
    padding: 0 1.25rem;
    width: 100%
  }
}

#sec-testKitchen .container.__top .txt__wrap .txt {
  margin-bottom: 1.875rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__top .txt__wrap .txt {
    margin-bottom: 2.75rem
  }
}

#sec-testKitchen .container.__top .txt__wrap .equipment_list .equipment_list__ttl {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: .3125rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__top .txt__wrap .equipment_list .equipment_list__ttl {
    font-size: 1.75rem;
    margin-bottom: 0
  }
}

#sec-testKitchen .container.__top .txt__wrap .equipment_list .equipment_list__ttl:before {
  content: "▶︎"
}

#sec-testKitchen .container.__top .txt__wrap .equipment_list .equipment_list__txt:before {
  content: "・"
}

#sec-testKitchen .container.__top .img_wrap {
  width: 31.25rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__top .img_wrap {
    width: 100%
  }
}

#sec-testKitchen .container.__top .img_wrap .img__main {
  width: 100%;
  aspect-ratio: 600/440;
  margin-bottom: .875rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__top .img_wrap .img__main {
    aspect-ratio: 670/492;
    margin-bottom: 1.0625rem
  }
}

#sec-testKitchen .container.__top .img_wrap .img__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 2.5rem
}

#sec-testKitchen .container.__top .img_wrap .img__subList {
  display: flex;
  gap: .4375rem
}

#sec-testKitchen .container.__top .img_wrap .img__subList .img__subItem {
  width: calc((100% - 1.75rem)/5);
  cursor: pointer
}

#sec-testKitchen .container.__top .img_wrap .img__subList .img__subItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: .875rem
}

#sec-testKitchen .container.__top .obj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  background-image: url(../img/img_top_sec-testKitchen_obj.png);
  width: 28.125rem;
  aspect-ratio: 1/1;
  top: 7.8125rem;
  left: -18.375rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__top .obj {
    width: 22.5rem;
    top: -13.125rem;
    left: -7rem
  }
}

#sec-testKitchen .container.__bottom {
  display: flex;
  align-items: flex-start;
  gap: .8125rem;
  margin-top: 4.0625rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__bottom {
    flex-direction: column;
    gap: 0;
    position: relative;
    z-index: 11;
    margin-top: 5.5rem
  }
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__bottom:before {
    content: "";
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
    background-image: url(../img/bg_top_sec-testKitchen_movie_sp.png);
    width: 57.9375rem;
    aspect-ratio: 927/622;
    top: -3.5rem;
    left: 50%;
    transform: translateX(-50%)
  }
}

#sec-testKitchen .container.__bottom .ttl_04 {
  width: calc(100% - .8125rem - 37.5rem);
  margin-top: 2.5rem
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__bottom .ttl_04 {
    width: 26.6875rem;
    margin-top: 0
  }
}

#sec-testKitchen .container.__bottom .movie {
  width: 37.5rem;
  aspect-ratio: 600/326;
  border-radius: 2.5rem;
  overflow: hidden;
  background: var(--BEIGE_02)
}

@media screen and (max-width: 767px) {
  #sec-testKitchen .container.__bottom .movie {
    width: 100%;
    aspect-ratio: 670/364
  }
}

#sec-product {
  padding: 7.8125rem 0 0;
  position: relative;
  z-index: 11
}

#sec-product .ttl_01 {
  font-size: 3.125rem;
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  #sec-product {
    padding-top: 11.875rem
  }
}

#sec-product:before {
  content: "";
  display: block;
  width: 113.4375rem;
  aspect-ratio: 1.4925986842;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/bg_top_sec-product.png");
  position: absolute;
  top: -4.125rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1
}

@media screen and (max-width: 767px) {
  #sec-product:before {
    content: none
  }
}

#sec-product .ttl_01 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-product.png);
  height: .4375rem
}

@media screen and (max-width: 767px) {
  #sec-product .ttl_01 .ttl_01__row:after {
    background-image: url(../img/line_ttl_01_top_sec-product_sp.png);
    height: .5625rem
  }
}

#sec-product .secCont__childCont.__top {
  padding-bottom: 5.3125rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__top {
    padding-bottom: 9.375rem
  }
}

#sec-product .secCont__childCont.__top .container {
  display: flex;
  gap: 2.5rem;
  margin-bottom: 6.5625rem;
  position: relative
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__top .container {
    flex-direction: column-reverse;
    gap: 2.8125rem;
    margin-bottom: 6.25rem
  }
}

#sec-product .secCont__childCont.__top .container .img {
  width: 31.25rem;
  min-width: 31.25rem;
  aspect-ratio: 600/380
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__top .container .img {
    width: 100%;
    min-width: unset;
    aspect-ratio: 686/394
  }
}

#sec-product .secCont__childCont.__top .container .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 2.5rem
}

#sec-product .secCont__childCont.__top .container .txt__wrap {
  /*  padding: 4.375rem 0rem 0 0*/
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__top .container .txt__wrap {
    padding: 0 1.25rem
  }
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__top .container .txt__wrap .txt {
    line-height: 1.5
  }
}

#sec-product .secCont__childCont.__top .container .txt__wrap .txt:not(:last-child) {
  margin-bottom: 1.625em
}

#sec-product .secCont__childCont.__top .container .obj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  background-image: url(../img/img_top_sec-product_obj.png);
  width: 28.0625rem;
  aspect-ratio: 449/458;
  top: 3.0625rem;
  right: -14.6875rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__top .container .obj {
    width: 22.4375rem;
    top: -2.6875rem;
    right: -3.375rem;
    transform: translateY(-100%)
  }
}

#sec-product .secCont__childCont.__top .list_wrap:not(:last-of-type) {
  margin-bottom: 6.25rem
}

#sec-product .secCont__childCont.__top .list_wrap .list_02 {
  max-width: 56.25rem;
  margin: 0 auto
}

#sec-product .secCont__childCont.__top .list_wrap .list_03 {
  max-width: 56.25rem;
  margin: 0 auto
}

#sec-product .secCont__childCont.__bottom {
  position: relative;
  z-index: 11;
  padding: 8.5625rem 0 7.0625rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom {
    padding: 6rem 0 7.1875rem
  }
}

#sec-product .secCont__childCont.__bottom:before {
  content: "";
  display: block;
  width: 101.4375rem;
  aspect-ratio: 2.4479638009;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/bg_top_sec-product_online.png");
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom:before {
    content: "";
    display: block;
    width: 46.875rem;
    aspect-ratio: .9920634921;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../img/bg_top_sec-product_online_sp.png");
    bottom: unset;
    top: 0
  }
}

#sec-product .secCont__childCont.__bottom .ttl_01 {
  margin-bottom: 1.875rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .ttl_01 {
    margin-bottom: 4.75rem
  }
}

#sec-product .secCont__childCont.__bottom .ttl_01 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-product_online.png)
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .ttl_01 .ttl_01__row.__01:after {
    background-image: url(../img/line_ttl_01_top_sec-product_online_01_sp.png)
  }
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .ttl_01 .ttl_01__row.__02:after {
    background-image: url(../img/line_ttl_01_top_sec-product_online_02_sp.png)
  }
}

#sec-product .secCont__childCont.__bottom .container {
  display: flex;
  gap: 1.875rem;
  padding: 0 0rem 0 0rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container {
    flex-direction: column;
    gap: 0;
    padding: 0 1.25rem;
    position: relative;
    z-index: 11
  }
}

#sec-product .secCont__childCont.__bottom .container .img {
  width: 32.5rem;
  min-width: 32.5rem;
  position: relative
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .img {
    width: 100%;
    min-width: unset;
    order: 2
  }
}

#sec-product .secCont__childCont.__bottom .container .img .obj {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 9rem;
  aspect-ratio: 144/148;
  background: url(../img/bg_top_sec-product_online_obj.png) no-repeat center/contain;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: var(--BROWN_01);
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .img .obj {
    width: 10.75rem;
    font-size: 1.5rem;
    right: -0.125rem;
    bottom: -2rem
  }
}

#sec-product .secCont__childCont.__bottom .container .img .obj .txt__l {
  font-size: 2.125rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .img .obj .txt__l {
    font-size: 2.5625rem
  }
}

#sec-product .secCont__childCont.__bottom .container .txt__wrap {
  margin-top: 3.125rem;
  width: calc(100% - 1rem - 32.5rem)
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .txt__wrap {
    margin-top: 0;
    width: 100%;
    display: contents
  }
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .ttl_04 {
    width: 29.0625rem;
    margin-bottom: 1.875rem
  }
}

#sec-product .secCont__childCont.__bottom .container .txt {
  max-width: 20.3125rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .txt {
    max-width: 100%;
    line-height: 1.428;
    margin-bottom: 2.5rem
  }
}

#sec-product .secCont__childCont.__bottom .container .btn_wrap {
  margin-top: 2.5rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .btn_wrap {
    order: 3;
    margin-top: 4.625rem
  }
}

#sec-product .secCont__childCont.__bottom .container .btn_01 {
  width: 22.9375rem;
  font-size: 1.125rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .btn_01 {
    width: 36.25rem;
    font-size: 1.75rem;
    padding: 1.0625rem 6.25rem;
    margin: 0 auto
  }
}

#sec-product .secCont__childCont.__bottom .container .btn_01:hover {
  opacity: .8;
  background: #fff;
  border-color: var(--BROWN_01);
  color: var(--BROWN_01)
}

#sec-product .secCont__childCont.__bottom .container .btn_01:hover:after {
  background-image: url(../img/arrow_brown.png)
}

#sec-product .secCont__childCont.__bottom .container .btn_01:before {
  width: 2.25rem;
  background-image: url(../img/ico_cart_brown.png);
  left: 1.25rem
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .btn_01:before {
    width: 3rem;
    left: 2.4375rem
  }
}

#sec-product .secCont__childCont.__bottom .container .container__obj {
  display: none
}

@media screen and (max-width: 767px) {
  #sec-product .secCont__childCont.__bottom .container .container__obj {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
    background-image: url(../img/img_top_sec-product_online_container__obj.png);
    aspect-ratio: 321/323;
    width: 20.0625rem;
    bottom: -18.9375rem;
    left: -3.4375rem
  }
}

#sec-product .ttl__04 {
  font-size: 1.25rem;
  font-weight: bold;
  border-left: 6px solid var(--NAVY_01);
  padding-left: 0.625rem;
  max-height: 1.5625;
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}

@media screen and (max-width: 767px) {
  #sec-product .ttl__04 {
    font-size: 2.25rem;
  }
}

#sec-product .txt {
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  #sec-product .txt {
    font-size: 2rem;
  }
}

#sec-support {
  padding: 4.375rem 0 0;
  position: relative;
  z-index: 11
}

@media screen and (max-width: 767px) {
  #sec-support {
    padding-top: 8.125rem
  }
}

#sec-support:before {
  content: "";
  display: block;
  width: 97.4375rem;
  aspect-ratio: 1.6567481403;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/bg_top_sec-support.png");
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1
}

@media screen and (max-width: 767px) {
  #sec-support:before {
    content: "";
    display: block;
    width: 46.875rem;
    aspect-ratio: .7836990596;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../img/bg_top_sec-support_sp.png");
    top: 1.5625rem
  }
}

#sec-support .inner {
  max-width: 58.75rem
}

#sec-support .container {
  position: relative
}

#sec-support .container .obj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  background-image: url(../img/img_top_sec-support_obj.png);
  width: 25.6875rem;
  aspect-ratio: 411/394;
  top: 26.0625rem;
  right: -15.625rem
}

#sec-support .ttl_01 .ttl_01__row.__01:after {
  background-image: url(../img/line_ttl_01_top_sec-support_01.png)
}

@media screen and (max-width: 767px) {
  #sec-support .ttl_01 .ttl_01__row.__01:after {
    background-image: url(../img/line_ttl_01_top_sec-support_01_sp.png);
    height: .4375rem
  }
}

#sec-support .ttl_01 .ttl_01__row.__02:after {
  background-image: url(../img/line_ttl_01_top_sec-support_02.png)
}

@media screen and (max-width: 767px) {
  #sec-support .ttl_01 .ttl_01__row.__02:after {
    background-image: url(../img/line_ttl_01_top_sec-support_02_sp.png);
    height: .4375rem
  }
}

#sec-support .secCont__disc {
  margin-bottom: 2.375rem
}

#sec-support .support_list {
  display: flex;
  flex-wrap: wrap;
  gap: .9375rem
}

@media screen and (max-width: 767px) {
  #sec-support .support_list {
    gap: 1.25rem
  }
}

#sec-support .support_list__item {
  width: calc((100% - 1.875rem)/3)
}

@media screen and (max-width: 767px) {
  #sec-support .support_list__item {
    width: calc((100% - 1.25rem)/2)
  }
}

#sec-support .support_list__item a {
  width: 100%;
  aspect-ratio: 290/210;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: .625rem;
  border-radius: 1.25rem;
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 1.875rem;
  line-height: 1.2;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 11
}

@media screen and (max-width: 767px) {
  #sec-support .support_list__item a {
    aspect-ratio: 325/236;
    padding: .9375rem;
    font-size: 2.25rem
  }
}

#sec-support .support_list__item a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  background: rgba(67, 35, 14, .5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

#sec-support .support_list__item a .support_list__txt {
  display: block;
  min-width: 12.125rem;
  text-align: center;
  border-radius: 100px;
  padding: 1rem
}

@media screen and (max-width: 767px) {
  #sec-support .support_list__item a .support_list__txt {
    min-width: 13.75rem;
    padding: .75rem
  }
}

#sec-support .support_list__item a .support_list__txt02 {
  font-size: 1rem;
  width: 100%;
  position: absolute;
  top: calc(50% + .5em + 1.625rem);
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (max-width: 767px) {
  #sec-support .support_list__item a .support_list__txt02 {
    font-size: 1.5rem;
    line-height: 1.25
  }
}

#sec-support .support_list__item a:hover:before {
  content: none
}

#sec-support .support_list__item a:hover .support_list__txt {
  background: var(--BEIGE_01)
}

#sec-support .support_list__item a.__noLink {
  filter: none;
  opacity: 1
}

#sec-support .support_list__item:nth-child(1) a {
  background-image: url(../img/img_top_sec-support_01.jpg)
}

#sec-support .support_list__item:nth-child(2) a {
  background-image: url(../img/img_top_sec-support_02.jpg)
}

#sec-support .support_list__item:nth-child(3) a {
  background-image: url(../img/img_top_sec-support_03.jpg)
}

#sec-support .support_list__item:nth-child(4) a {
  background-image: url(../img/img_top_sec-support_04.jpg)
}

#sec-support .support_list__item:nth-child(5) a {
  background-image: url(../img/img_top_sec-support_05.jpg)
}

#sec-support .support_list__item:nth-child(6) a {
  background-image: url(../img/img_top_sec-support_06.jpg)
}

#sec-support .support_list__item:nth-child(7) a {
  background-image: url(../img/img_top_sec-support_07.jpg)
}

#sec-support .support_list__item:nth-child(8) a {
  background-image: url(../img/img_top_sec-support_08.jpg)
}

#sec-support .support_list__item:nth-child(9) a {
  background-image: url(../img/img_top_sec-support_09.jpg)
}

#sec-supportAchvmnts {
  padding: 5.3125rem 0 0
}

@media screen and (max-width: 767px) {
  #sec-supportAchvmnts {
    padding-top: 7.8125rem
  }
}

#sec-supportAchvmnts .inner {
  max-width: 58.75rem
}

@media screen and (max-width: 767px) {
  #sec-supportAchvmnts .container {
    position: relative
  }
}

@media screen and (max-width: 767px) {
  #sec-supportAchvmnts .container .obj {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
    background-image: url(../img/img_top_sec-supportAchvmnts_obj.png);
    width: 23.5rem;
    aspect-ratio: 376/371;
    top: -9.375rem;
    right: -2.75rem
  }
}

#sec-supportAchvmnts .ttl_01 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-supportAchvmnts.png);
  height: .4375rem
}

@media screen and (max-width: 767px) {
  #sec-supportAchvmnts .ttl_01 .ttl_01__row:after {
    background-image: url(../img/line_ttl_01_top_sec-supportAchvmnts_sp.png)
  }
}

#sec-supportAchvmnts .secCont__disc {
  margin-bottom: 2.375rem
}

@media screen and (max-width: 767px) {
  #sec-supportAchvmnts .secCont__disc {
    margin-bottom: 3.125rem
  }
}

#sec-supportAchvmnts .btn_wrap {
  display: flex;
  justify-content: center;
  margin-top: 2.1875rem
}

@media screen and (max-width: 767px) {
  #sec-supportAchvmnts .btn_wrap {
    margin-top: 3.75rem
  }
}

#sec-column {
  padding: 5.3125rem 0 0
}

@media screen and (max-width: 767px) {
  #sec-column {
    padding: 8.125rem 0 0
  }
}

#sec-column .inner {
  max-width: 58.75rem
}

#sec-column .ttl_01 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-column.png);
  height: .4375rem
}

@media screen and (max-width: 767px) {
  #sec-column .ttl_01 .ttl_01__row:after {
    background-image: url(../img/line_ttl_01_top_sec-column_sp.png);
    height: .5rem
  }
}

#sec-column .postList_02__txtWrap {
  min-height: 9.875rem
}

@media screen and (max-width: 767px) {
  #sec-column .postList_02__txtWrap {
    min-height: 13.125rem
  }
}

#sec-column .btn_wrap {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem
}

@media screen and (max-width: 767px) {
  #sec-column .btn_wrap {
    margin-top: 4rem
  }
}

#sec-consultant {
  padding: 0 0 4.375rem
}

@media screen and (max-width: 767px) {
  #sec-consultant {
    padding: 0 0 7.5rem
  }
}

#sec-consultant .ttl_01 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-consultant.png)
}

@media screen and (max-width: 767px) {
  #sec-consultant .ttl_01 .ttl_01__row.__01:after {
    background-image: url(../img/line_ttl_01_top_sec-consultant_01_sp.png);
    height: .4375rem
  }
}

@media screen and (max-width: 767px) {
  #sec-consultant .ttl_01 .ttl_01__row.__02:after {
    background-image: url(../img/line_ttl_01_top_sec-consultant_02_sp.png);
    height: .4375rem
  }
}

@media screen and (max-width: 767px) {
  #sec-consultant .secCont__disc {
    padding: 0 1.25rem;
    margin-bottom: 2.5rem
  }
}

#sec-consultant .container {
  display: flex;
  gap: .8125rem;
  margin-top: 4rem
}

@media screen and (max-width: 767px) {
  #sec-consultant .container {
    flex-direction: column-reverse;
    gap: 2.5rem;
    padding: 0 1.25rem;
    margin-top: 6.25rem
  }
}

#sec-consultant .container .img {
  width: 31.25rem;
  min-width: 31.25rem;
  aspect-ratio: 500/366;
  border-radius: 2.5rem;
  background: #c6bda8
}

@media screen and (max-width: 767px) {
  #sec-consultant .container .img {
    width: 100%;
    min-width: unset
  }
}

#sec-consultant .container .img img {
  border-radius: 2.5rem
}

#sec-consultant .container .txt__wrap {
  width: calc(100% - 31.25rem - .8125rem);
  margin-top: 4.375rem
}

@media screen and (max-width: 767px) {
  #sec-consultant .container .txt__wrap {
    width: 100%;
    margin-top: 0
  }
}

@media screen and (max-width: 767px) {
  #sec-consultant .container .ttl_04 {
    margin-bottom: 1.6875rem;
    width: 29.0625rem
  }
}

#sec-consultant .container .txt {
  max-width: 20.3125rem;
  margin-left: auto
}

@media screen and (max-width: 767px) {
  #sec-consultant .container .txt {
    max-width: 100%
  }
}

#sec-after {
  padding: 0
}

#sec-after .ttl_01 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-after.png);
  height: .4375rem
}

@media screen and (max-width: 767px) {
  #sec-after .ttl_01 .ttl_01__row.__01:after {
    background-image: url(../img/line_ttl_01_top_sec-after_01_sp.png);
    height: .4375rem
  }
}

@media screen and (max-width: 767px) {
  #sec-after .ttl_01 .ttl_01__row.__02:after {
    background-image: url(../img/line_ttl_01_top_sec-after_02_sp.png)
  }
}

@media screen and (max-width: 767px) {
  #sec-after .secCont__disc {
    margin-bottom: 2.5rem;
    padding: 0 1.25rem
  }
}

#sec-after .after_list {
  display: flex;
  flex-wrap: wrap;
  gap: .9375rem
}

@media screen and (max-width: 767px) {
  #sec-after .after_list {
    flex-direction: column;
    gap: 0
  }
}

#sec-after .after_list__item {
  width: calc((100% - 1.875rem)/3)
}

@media screen and (max-width: 767px) {
  #sec-after .after_list__item {
    width: 100%;
    display: flex;
    gap: 1.25rem
  }
}

@media screen and (max-width: 767px) {
  #sec-after .after_list__item:nth-child(even) {
    flex-direction: row-reverse
  }
}

#sec-after .after_list__img {
  width: 100%;
  aspect-ratio: 290/210;
  margin-bottom: 1.0625rem
}

@media screen and (max-width: 767px) {
  #sec-after .after_list__img {
    margin-bottom: 0;
    width: 20.3125rem;
    min-width: 20.3125rem
  }
}

#sec-after .after_list__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 1.25rem
}

#sec-after .after_list__txt {
  font-family: var(--FONT_NOTO_SERIF);
  font-size: 1.875rem;
  line-height: 1.2;
  text-align: center;
  color: #000
}

@media screen and (max-width: 767px) {
  #sec-after .after_list__txt {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 2.25rem
  }
}

#sec-merit-01,
#sec-merit-03 {
  padding: 2rem 0 0;
  z-index: 22
}


#sec-merit-02 {
  padding: 5rem 0 0;
  z-index: 22
}

@media screen and (max-width: 767px) {

  #sec-merit-01,
  #sec-merit-03 {
    padding-top: 2.5rem
  }

  #sec-merit-02 {
    padding-top: 5rem
  }
}

#sec-merit-01 .ttl_01,
#sec-merit-02 .ttl_01 #sec-merit-03 .ttl_01 {
  align-items: flex-start;
  margin-bottom: 3.125rem
}

#sec-merit-02 .ttl_02 {
  text-align: left;
}

@media screen and (max-width: 767px) {

  #sec-merit-01 .ttl_01,
  #sec-merit-02 .ttl_01,
  #sec-merit-03 .ttl_01 {
    align-items: center;
    margin-bottom: 2.5rem
  }

  #sec-merit-02 .ttl_02 {
    text-align: center;
  }
}

#sec-merit-01 .ttl_01 .ttl_01__row:after,
#sec-merit-01 .ttl_02 .ttl_01__row:after,
#sec-merit-01 .ttl_03 .ttl_01__row:after {
  background-image: url(../img/line_ttl_01_top_sec-repair.png);
  height: .4375rem
}

@media screen and (max-width: 767px) {

  #sec-merit-01 .ttl_01 .ttl_01__row:after,
  #sec-merit-01 .ttl_02 .ttl_01__row:after,
  #sec-merit-01 .ttl_03 .ttl_01__row:after {
    background-image: url(../img/line_ttl_01_top_sec-repair_sp.png);
    height: .5rem
  }
}

#sec-product .ttl_01 .ttl_01__row.__01:after {
  background-image: url(../img/line_ttl_01_top_sec-introduce_01.png);
  width: 17.1875rem;
  height: .375rem
}

@media screen and (max-width: 767px) {
  #sec-product .ttl_01 .ttl_01__row.__01:after {
    background-image: url(../img/line_ttl_01_top_sec-introduce_01_sp.png);
    width: 17.375rem
  }
}

#sec-product .ttl_01 .ttl_01__row.__02:after {
  background-image: url(../img/line_ttl_01_top_sec-product.png);
  width: 30.125rem;
  height: 12.375rem;
}

@media screen and (max-width: 767px) {
  #sec-product .ttl_01 .ttl_01__row.__02:after {
    background-image: url(../img/line_ttl_01_top_sec-product.png);
    width: 40.25rem;
    height: 23.375rem;
  }
}

#sec-product .ttl_02 {
  /*font-size: 2.125rem;
	line-height: 1.5;*/
}

#sec-merit-01 .container,
#sec-merit-02 .container,
#sec-merit-03 .container {
  display: flex;
  gap: 2.5rem;
  padding-left: 0rem
}

@media screen and (max-width: 767px) {

  #sec-merit-01 .container,
  #sec-merit-03 .container {
    flex-direction: column;
    gap: 3.125rem;
    padding: 0 1.25rem;
    position: relative
  }

  #sec-merit-02 .container {
    flex-direction: column-reverse;
  }
}

#sec-merit-01 .container .img,
#sec-merit-02 .container .img,
#sec-merit-03 .container .img {
  width: 28.25rem;
  min-width: 28.25rem
}

@media screen and (max-width: 767px) {

  #sec-merit-01 .container .img,
  #sec-merit-02 .container .img,
  #sec-merit-03 .container .img {
    width: 100%
  }
}

#sec-merit-01 .container .img img,
#sec-merit-02 .container .img img,
#sec-merit-03 .container .img img {
  border-radius: 2.5rem
}

#sec-merit-01 .container .obj {
  display: none
}

@media screen and (max-width: 767px) {

  #sec-merit-01 .container .obj,
  #sec-merit-02 .container .obj,
  #sec-merit-03 .container .obj {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
    background-image: url(../img/img_top_sec-repair_obj.png);
    width: 19.75rem;
    aspect-ratio: 316/323;
    top: 0.5rem;
    left: -10.75rem;
  }
}



#sec-info {
  padding: 5.3125rem 0 6.625rem;
  background: url(../img/bg_top_sec-info.jpg) no-repeat center/cover
}

@media screen and (max-width: 767px) {
  #sec-info {
    padding: 6.25rem 0 9.375rem
  }
}

#sec-info:before {
  content: "";
  display: block;
  width: 97.875rem;
  aspect-ratio: 1.5979591837;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/bg_top_sec-purchase.png");
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1
}

@media screen and (max-width: 767px) {
  #sec-info:before {
    content: none
  }
}

#sec-info .container {
  position: relative
}

#sec-info .container .obj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  background-image: url(../img/img_top_sec-purchase_obj.png);
  width: 24.6875rem;
  aspect-ratio: 395/404;
  top: -14.875rem;
  left: -12.125rem
}

@media screen and (max-width: 767px) {
  #sec-info .container .obj {
    display: none
  }
}

#sec-info .inner {
  max-width: 58.75rem
}

#sec-info .ttl_01 {
  margin-bottom: 1.875rem
}

@media screen and (max-width: 767px) {
  #sec-info .ttl_01 {
    margin-bottom: 1.25rem
  }
}
#sec-info .img_area {
  margin-bottom: 1.875rem
}
@media screen and (max-width: 767px) {
  #sec-info .img_area {
    margin-bottom: 1.25rem
  }
}
#sec-info .img_area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 2.5rem;
}


#sec-info .info_tbl {
  --BORDER_COL: var(--L_BLUE_02);
  border-top: 1px solid var(--BORDER_COL);
  border-left: 1px solid var(--BORDER_COL);
  color: var(--BLACK_02);
  margin-bottom: 1.875rem;
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl {
    margin-bottom: 3.125rem
  }
}

#sec-info .info_tbl th,
#sec-info .info_tbl td {
  border-bottom: 1px solid var(--BORDER_COL);
  border-right: 1px solid var(--BORDER_COL);
  padding: .4375rem 1.4375rem;
  line-height: 1.75
}

@media screen and (max-width: 767px) {

  #sec-info .info_tbl th,
  #sec-info .info_tbl td {
    line-height: 1.71
  }
}

#sec-info .info_tbl th {
  background: var(--L_BLUE_01);
  vertical-align: top;
  text-align: left;
  width: 12.5rem;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl th {
    padding: 1rem;
    font-weight: bold;
    width: 11.25rem
  }
}

#sec-info .info_tbl td {
  background: #fff;
  font-weight: 400
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl td {
    padding: 1rem
  }
}

#sec-info .info_tbl td * {
  font-weight: 400
}

#sec-info .info_tbl__access td {
  position: relative;
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__access td {
    padding-right: 1.4375rem;
    padding-bottom: 2.5rem
  }
}

#sec-info .info_tbl__access td .btn_01 {
  position: absolute;
  bottom: .75rem;
  right: .8125rem;
  width: 23.375rem;
  padding: .9375rem 3.625rem .9375rem 5.3125rem;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__access td .btn_01 {
    position: relative;
    bottom: 0;
    right: 0;
    width: 26.875rem;
    margin-top: 1.875rem;
    line-height: 1.11
  }
}

#sec-info .info_tbl__access td .btn_01:before {
  left: 1.5rem
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__access td .btn_01:before {
    left: 2rem
  }
}

#sec-info .info_tbl__tel dl:last-of-type:before {
  content: "ーーーーーーーーーーーーーーーーーー";
  display: block
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__tel dl:last-of-type:before {
    content: "ーーーーーーーーーーーーーーー"
  }
}

#sec-info .info_tbl__tel dt {
  font-size: 1.125rem;
  font-weight: bold
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__tel dt {
    font-size: 1.75rem
  }
}

#sec-info .info_tbl__tel .btn__tel {
  display: flex;
  align-items: center;
  width: max-content;
  gap: .4375rem;
  font-family: var(--FONT_ROBOTO);
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.5;
  color: var(--RED01);
  pointer-events: none
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__tel .btn__tel {
    gap: .6875rem;
    font-size: 2.5rem;
    pointer-events: auto
  }
}

#sec-info .info_tbl__tel .btn__tel:before {
  content: "";
  display: block;
  width: 1.625rem;
  aspect-ratio: 1/1;
  background: url(../img/ico_tel_02_black.png) no-repeat center/contain
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__tel .btn__tel:before {
    width: 2.4375rem
  }
}

#sec-info .info_tbl__tel .btn_01.__mail {
  width: 14.25rem;
  min-height: 2.625rem;
  font-size: 1rem;
  font-weight: bold;
  border-width: .125rem;
  padding: .625rem 2.875rem;
  margin: .3125rem 0
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__tel .btn_01.__mail {
    width: 100%;
    min-height: 5rem;
    font-size: 1.75rem;
    padding: 1.0625rem 4.3125rem;
    margin: .75rem 0
  }
}

#sec-info .info_tbl__tel .btn_01.__mail:before {
  width: 1.375rem;
  left: 1.1875rem
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__tel .btn_01.__mail:before {
    width: 2.6875rem;
    left: 2rem
  }
}

#sec-info .info_tbl__tel .btn_01.__mail:after {
  width: .875rem;
  right: 1rem
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__tel .btn_01.__mail:after {
    width: 1.4375rem;
    right: 2.625rem
  }
}

#sec-info .info_tbl__line td {
  text-align: center
}


#sec-info .info_tbl__line .btn_wrap .img {
  display: block;
  width: 15.625rem;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  #sec-info .info_tbl__line .btn_wrap .img {
    margin: margin: .8125rem auto;
  }
}

#sec-info .map_wrap {
  border: 1px solid var(--BEIGE_03);
  margin: 1.8125rem 0;
  aspect-ratio: 900/500
}

@media screen and (max-width: 767px) {
  #sec-info .map_wrap {
    margin: 3.125rem 0 6.25rem;
    aspect-ratio: 670/372
  }
}

#sec-info .map_wrap iframe {
  width: 100%;
  height: 100%
}

#sec-info .btn_01 {
  margin: 0 auto
}

#sec-info .btn_wrap-02 .btn_01 {
  border-color: var(--NAVY_01);
  color: var(--NAVY_01);
}

#sec-info .btn_wrap-02 .btn_01:hover {
  background-color: var(--NAVY_01);
  color: var(--WHITE_01);
}

#sec-info .btn_wrap-02 .btn_01:after {
  background-image: url(../img/arrow_navy.png);
}

#sec-info .btn_wrap-02 .btn_01:hover:after {
  background-image: url(../img/arrow_white.png);
}

/*# sourceMappingURL=top.css.map */