@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- base
- mv_sec
- choose_sec
- feature_sec
- product_sec01
- inquiry_sec
- float_inquiry
-------------------------*/
/*=======================================
　base
=======================================*/
.bg_beige {
  padding-bottom: 105px;
  background: #fcf0dc;
  overflow: hidden;
}

.bg_white {
  padding: 50px 0 0;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .bg_white {
    padding: 30px 0 50px;
  }
}

.bg_wrap {
  width: 90%;
  margin: 0 auto;
  max-width: 1340px;
  background: #d3b88a;
  border-radius: 37px;
}

.ttl_02 {
  position: relative;
  display: inline-block;
  padding: 18px 46px;
  margin: 0 auto 60px;
  background: #000000;
  color: #fff;
  font-size: 26px;
  border-radius: 50vw;
}
@media screen and (max-width: 768px) {
  .ttl_02 {
    padding: 10px 21px;
    margin: 0 auto 27px;
    font-size: 13px;
  }
}
.ttl_02::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -160px;
  width: 150px;
  height: 20px;
  background: url(../img/top/ttl02_left_img.svg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .ttl_02::before {
    left: -82.5px;
    width: 75px;
    height: 10px;
  }
}
.ttl_02::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -160px;
  width: 150px;
  height: 20px;
  background: url(../img/top/ttl02_right_img.svg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .ttl_02::after {
    right: -82.5px;
    width: 75px;
    height: 10px;
  }
}

.ttl_area:has(.ttl_02-2) {
  text-align: center;
}

.ttl_02-2 {
  display: inline-block;
  padding-bottom: 22px;
  font-size: 48px;
  color: #fff;
  line-height: 1;
  border-bottom: 2px dotted #fff;
}
@media screen and (max-width: 768px) {
  .ttl_02-2 {
    padding-bottom: 15px;
    font-size: 24px;
  }
}

.ttl_area:has(.ttl_02) {
  text-align: center;
}

.ttl_03 {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 34px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .ttl_03 {
    font-size: 22px;
  }
}

.ttl_03-2 {
  position: relative;
  text-align: center;
  padding-top: 121px;
  margin-bottom: 20px;
  font-family: "Dela Gothic One", sans-serif;
  font-size: 85px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .ttl_03-2 {
    padding-top: 60px;
    font-size: 42px;
  }
}
.ttl_03-2::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  width: 85px;
  height: 85px;
  background: url(../img/top/feature_num01.svg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .ttl_03-2::before {
    width: 45px;
    height: 45px;
  }
}

.cmn_wrap01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7%;
}
@media screen and (max-width: 768px) {
  .cmn_wrap01 {
    gap: 60px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

.cmn_wrap02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .cmn_wrap02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.cmn_wrap02 .txt_wrap {
  font-size: 85px;
  color: #d3b88a;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .cmn_wrap02 .txt_wrap {
    margin-bottom: 18px;
    font-size: 50px;
  }
}

.txt_white {
  color: #fff;
}

.ft_dela {
  font-family: "Dela Gothic One", sans-serif;
}

.sec_cap {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .sec_cap {
    width: 76%;
    max-width: 400px;
    font-size: 10px;
    text-align: left;
  }
}

/*=======================================
　mv_sec
=======================================*/
.mv_sec {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .mv_sec {
    margin-bottom: 35px;
  }
}
.mv_sec img {
  width: 100%;
}

/*=======================================
choose_sec
=======================================*/
.choose_sec {
  margin-bottom: 66.4px;
}
.choose_sec .inner .cmn_wrap01 > a {
  position: relative;
  display: block;
  width: 42.328042328%;
  background: #d3b88a;
  border-radius: 28px;
  text-align: center;
  padding: 30px 2% 40px;
  margin-bottom: 67.5px;
}
@media screen and (max-width: 768px) {
  .choose_sec .inner .cmn_wrap01 > a {
    width: 73.9644970414%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.choose_sec .inner .cmn_wrap01 > a::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 133px;
  height: 133px;
  background: #d3b88a;
  border-radius: 50vw;
  bottom: -67.5px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .choose_sec .inner .cmn_wrap01 > a::before {
    width: 86px;
    height: 86px;
    bottom: -43px;
  }
}
.choose_sec .inner .cmn_wrap01 > a::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 50px;
  height: 45px;
  background: url(../img/top/icon_down.svg) no-repeat;
  background-size: cover;
  bottom: -45px;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .choose_sec .inner .cmn_wrap01 > a::after {
    width: 30px;
    height: 27px;
    bottom: -20px;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .choose_sec .inner .cmn_wrap01 > a:hover {
    opacity: 1;
  }
  .choose_sec .inner .cmn_wrap01 > a:hover::after {
    bottom: -55px;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .choose_sec .inner .cmn_wrap01 > a:hover {
    opacity: 1;
  }
  .choose_sec .inner .cmn_wrap01 > a:hover::after {
    bottom: -55px;
  }
}
.choose_sec .inner .cmn_wrap01 > a .choose_box01 {
  position: relative;
  z-index: 2;
}
.choose_sec .inner .cmn_wrap01 > a .choose_box01 .ttl_03 {
  width: 82%;
  margin: 0 auto;
  display: block;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2.2px dotted #fff;
}
@media screen and (max-width: 768px) {
  .choose_sec .inner .cmn_wrap01 > a .choose_box01 .ttl_03 {
    padding-bottom: 22px;
    margin-bottom: 15px;
  }
}
.choose_sec .inner .cmn_wrap01 > a .choose_box01 .img_area {
  width: 80%;
  margin: 0 auto 30px;
}
.choose_sec .inner .cmn_wrap01 > a .choose_box01 .txt_area {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1400px) {
  .choose_sec .inner .cmn_wrap01 > a .choose_box01 .txt_area {
    font-size: clamp(13px, 1.2857142857vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .choose_sec .inner .cmn_wrap01 > a .choose_box01 .txt_area {
    font-size: 12.5px;
  }
}

/*=======================================
feature_sec
=======================================*/
.feature_sec .feature_copy01 {
  margin-bottom: 43px;
  font-size: 22px;
  line-height: 1.8181818182;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .feature_sec .feature_copy01 {
    font-size: 13px;
  }
}
.feature_sec .cmn_wrap02 {
  margin-bottom: 20px;
}
.feature_sec .cmn_wrap02 > a {
  position: relative;
  display: block;
  width: 42.328042328%;
  background: #d3b88a;
  border-radius: 20px;
  text-align: center;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .feature_sec .cmn_wrap02 > a {
    width: 73.9644970414%;
    max-width: 400px;
    margin: 0 auto 18px;
    padding: 25px 18px 20px;
  }
}
.feature_sec .cmn_wrap02 > a .feature_box01 .ttl_04 {
  margin-bottom: 15px;
}
.feature_sec .cmn_wrap02 > a .feature_box01 .img_area {
  width: 100%;
  margin: 0 auto 25px;
}
.feature_sec .cmn_wrap02 > a .feature_box01 .btn_area {
  position: relative;
  width: 100%;
  padding: 19px 33px;
  background: #fff;
  border-radius: 17px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .feature_sec .cmn_wrap02 > a .feature_box01 .btn_area {
    padding: 15px 20px;
    border-radius: 15px;
  }
}
.feature_sec .cmn_wrap02 > a .feature_box01 .btn_area::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 45px;
  background: url(../img/top/icon_down.svg) no-repeat;
  background-size: cover;
  bottom: -45px;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-filter: brightness(0) saturate(100%) invert(73%) sepia(11%) saturate(961%) hue-rotate(359deg) brightness(100%) contrast(92%);
          filter: brightness(0) saturate(100%) invert(73%) sepia(11%) saturate(961%) hue-rotate(359deg) brightness(100%) contrast(92%);
}
@media screen and (max-width: 768px) {
  .feature_sec .cmn_wrap02 > a .feature_box01 .btn_area::after {
    width: 30px;
    height: 27px;
  }
}
.feature_sec .cmn_wrap02 > a .feature_box01 .btn_area .ft_dela {
  font-size: 20px;
  margin-bottom: 2px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1400px) {
  .feature_sec .cmn_wrap02 > a .feature_box01 .btn_area .ft_dela {
    font-size: clamp(14px, 1.4285714286vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .feature_sec .cmn_wrap02 > a .feature_box01 .btn_area .ft_dela {
    font-size: 13px;
  }
}
.feature_sec .cmn_wrap02 > a .feature_box01 .btn_area .txt {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (max-width: 1400px) {
  .feature_sec .cmn_wrap02 > a .feature_box01 .btn_area .txt {
    font-size: clamp(13px, 1.2857142857vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .feature_sec .cmn_wrap02 > a .feature_box01 .btn_area .txt {
    font-size: 12px;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .feature_sec .cmn_wrap02 > a:hover {
    opacity: 1;
  }
  .feature_sec .cmn_wrap02 > a:hover .feature_box01 {
    opacity: 1;
  }
  .feature_sec .cmn_wrap02 > a:hover .feature_box01 .btn_area::after {
    top: 62%;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .feature_sec .cmn_wrap02 > a:hover {
    opacity: 1;
  }
  .feature_sec .cmn_wrap02 > a:hover .feature_box01 {
    opacity: 1;
  }
  .feature_sec .cmn_wrap02 > a:hover .feature_box01 .btn_area::after {
    top: 62%;
  }
}
.feature_sec .feature_01 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .feature_sec .feature_01 {
    margin-bottom: 10px;
  }
}
.feature_sec .feature_01 .feature_copy01 {
  margin-bottom: 63px;
}
@media screen and (max-width: 768px) {
  .feature_sec .feature_01 .feature_copy01 {
    margin-bottom: 30px;
  }
}
.feature_sec .feature_01 .img_area {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1500px;
  text-align: center;
}
.feature_sec .feature_01 .img_area img {
  width: 1500px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .feature_sec .feature_01 .img_area img {
    width: 510px;
  }
}
.feature_sec .feature_02 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .feature_sec .feature_02 {
    margin-bottom: 50px;
  }
}
.feature_sec .feature_02 .ttl_area .ttl_03-2::before {
  background: url(../img/top/feature_num02.svg) no-repeat;
}
.feature_sec .feature_02 .cmn_wrap02 > a .feature_box01 .ttl_04 {
  margin-bottom: 35px;
}
.feature_sec .feature_02 .cmn_wrap02 > a .feature_box01 .img_area {
  width: 100%;
  margin: 0 auto 29px;
}
.feature_sec .feature_03 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .feature_sec .feature_03 {
    margin-bottom: 50px;
  }
}
.feature_sec .feature_03 .ttl_area .ttl_03-2::before {
  background: url(../img/top/feature_num03.svg) no-repeat;
}
.feature_sec .feature_04 .cmn_wrap02 {
  margin-bottom: 0;
}
.feature_sec .feature_04 .ttl_area .ttl_03-2::before {
  background: url(../img/top/feature_num04.svg) no-repeat;
}

/*=======================================
product_sec01
=======================================*/
.product_sec .bg_wrap {
  padding: 80px 0 107px;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap {
    padding: 40px 0 50px;
  }
}
.product_sec .bg_wrap .inner .ttl_area {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .ttl_area {
    margin-bottom: 20px;
  }
}
.product_sec .bg_wrap .inner .swiper_container {
  width: 90%;
  max-width: calc(784px + 5%);
  margin: 0 auto;
  padding-right: 5%;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .swiper_container {
    margin-bottom: 30px;
  }
}
.product_sec .bg_wrap .inner .swiper_container .swiper {
  padding-bottom: 55px;
}
.product_sec .bg_wrap .inner .swiper_container .swiper-pagination {
  padding-left: 5%;
}
.product_sec .bg_wrap .inner .swiper_container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .product_sec .bg_wrap .inner .swiper_container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background: transparent;
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  opacity: 1;
}
.product_sec .bg_wrap .inner .swiper_container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.product_sec .bg_wrap .inner .swiper_container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .product_sec .bg_wrap .inner .swiper_container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}
.product_sec .bg_wrap .inner .txt_area {
  margin-bottom: 86px;
  font-size: 20px;
  line-height: 1.9;
  text-align: center;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .txt_area {
    font-size: 13px;
    margin-bottom: 40px;
  }
}
.product_sec .bg_wrap .inner .spec_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px 11px;
  max-width: 777px;
  margin: 0 auto 70px;
}
@media screen and (max-width: 1024px) {
  .product_sec .bg_wrap .inner .spec_list {
    gap: 10px 6px;
  }
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .spec_list {
    gap: 6px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 40px;
  }
}
.product_sec .bg_wrap .inner .spec_list > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 38.61003861%;
  padding: 5px 0;
  background: #bd1414;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.8333333333;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .spec_list > dt {
    font-size: 12px;
  }
}
.product_sec .bg_wrap .inner .spec_list > dd {
  width: 59.9742599743%;
  padding: 5px 0;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 1.8333333333;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .spec_list > dd {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 58%;
  }
}
.product_sec .bg_wrap .inner .spec_list > dd:has(ul) {
  background: transparent;
}
.product_sec .bg_wrap .inner .spec_list > dd > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px 0;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .spec_list > dd > ul {
    width: 100%;
    gap: 8px 0;
  }
}
.product_sec .bg_wrap .inner .spec_list > dd > ul > li {
  width: 100%;
  padding: 5px 0;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .spec_list > dd > ul > li {
    line-height: 1.4;
  }
}
.product_sec .bg_wrap .inner .point_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px 5.5%;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .point_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px 0;
  }
}
.product_sec .bg_wrap .inner .point_area > li {
  position: relative;
  width: 47.1698113208%;
}
@media screen and (max-width: 768px) {
  .product_sec .bg_wrap .inner .point_area > li {
    width: 73.9644970414%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.product_sec .bg_wrap .inner .point_area > li .contents_area {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 7%;
  z-index: 2;
}
.product_sec .bg_wrap .inner .point_area > li .contents_area > p {
  margin-top: 20px;
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  line-height: 1.5833333333;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1400px) {
  .product_sec .bg_wrap .inner .point_area > li .contents_area > p {
    font-size: clamp(14px, 1.7142857143vw, 24px);
  }
}
.product_sec .bg_wrap .inner .point_area > li .contents_area .img_area {
  width: 80%;
  margin: 0 auto;
}
.product_sec.product01 {
  margin-bottom: 53px;
}
.product_sec.product02 {
  margin-bottom: 53px;
}
.product_sec.product02 .bg_wrap .inner .spec_list > dt {
  background: #143296;
}

/*=======================================
inquiry_sec
=======================================*/
.inquiry_sec {
  background: #e6dcbe;
  padding: 95px 0;
}
@media screen and (max-width: 768px) {
  .inquiry_sec {
    padding: 45px 0;
  }
}
.inquiry_sec .inner > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  padding: 0 30px 0 70px;
  max-width: 346px;
  margin: 0 auto;
  background: #bd1414;
  border-radius: 50vw;
  font-size: 21px;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .inquiry_sec .inner > a {
    max-width: 250px;
    height: 58px;
    padding: 0 15px 0 50px;
    font-size: 15px;
  }
}
.inquiry_sec .inner > a::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 40px;
  width: 30px;
  height: 22.5px;
  background: url(../img/top/ft_icon_mail.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .inquiry_sec .inner > a::before {
    left: 30px;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .inquiry_sec .inner > a:hover {
    opacity: 1;
    background: #000;
    color: #fff;
  }
  .inquiry_sec .inner > a:hover::before {
    background: url(../img/top/ft_icon_mail_hov.svg) no-repeat;
    background-size: contain;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .inquiry_sec .inner > a:hover {
    opacity: 1;
    background: #000;
    color: #fff;
  }
  .inquiry_sec .inner > a:hover::before {
    background: url(../img/top/ft_icon_mail_hov.svg) no-repeat;
    background-size: contain;
  }
}

/*=======================================
float_inquiry
=======================================*/
.float_inquiry {
  position: fixed;
  width: 100%;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.float_inquiry.is-show {
  opacity: 1;
  pointer-events: auto;
}
.float_inquiry .inner > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  padding: 0 30px 0 70px;
  max-width: 346px;
  margin: 0 auto;
  background: #bd1414;
  border-radius: 50vw;
  font-size: 21px;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .float_inquiry .inner > a {
    max-width: 250px;
    height: 58px;
    padding: 0 15px 0 50px;
    font-size: 15px;
  }
}
.float_inquiry .inner > a::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 40px;
  width: 30px;
  height: 22.5px;
  background: url(../img/top/ft_icon_mail.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .float_inquiry .inner > a::before {
    left: 30px;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .float_inquiry .inner > a:hover {
    opacity: 1;
    background: #000;
    color: #fff;
  }
  .float_inquiry .inner > a:hover::before {
    background: url(../img/top/ft_icon_mail_hov.svg) no-repeat;
    background-size: contain;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .float_inquiry .inner > a:hover {
    opacity: 1;
    background: #000;
    color: #fff;
  }
  .float_inquiry .inner > a:hover::before {
    background: url(../img/top/ft_icon_mail_hov.svg) no-repeat;
    background-size: contain;
  }
}/*# sourceMappingURL=top.css.map */