.if-category {
  background-color: #ffffff;
}

.if-category_container {
  width: 100%;
  max-width: 900px;
  background-color: #fff;
}

.if-category_inner {
  width: 100%;
}

.if-category_mv {
  width: 100%;
  margin-bottom: 2.5%;
}

.if-category_mv img {
  width: 100%;
}

body {
  padding-top: 0;
}

img {
  max-width: 100%;
}

.if-category_mv {
  margin-bottom: 0;
}

.if-category_container {
  container-type: inline-size;
}

.productsnav {
  background: #FDF6DC;
  position: relative;
}

.productsnav::after {
  width: 100%;
  aspect-ratio: 320 / 53;
  background-image: url(/ec/images/feature/110F1q00000/productsnav_bg-arch.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top;
  position: absolute;
  left: 0;
  bottom: 1px;
  transform: translateY(-100%);
  z-index: 2;
}

.productsnav_inner {
  padding: 10vw 5vw 8.75vw;
  padding: 10cqi 5cqi 8.75cqi;
}

.productsnav_list > li {
  width: 100%;
}

.productsnav_list > li img {
  width: 100%;
}

.productsnav_list > li + li {
  margin-top: 3.75vw;
  margin-top: 3.75cqi;
}

.about {
  color: #333;
  background-image: url(/ec/images/feature/110F1q00000/about_bg-top.svg), url(/ec/images/feature/110F1q00000/about_bg-btm.svg);
  background-repeat: no-repeat no-repeat;
  background-size: 100% 41.25vw, 100% 18.75vw;
  background-size: 100% 41.25cqi, 100% 18.75cqi;
  background-position: left top, left bottom;
  position: relative;
}

.about::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 320 / 53;
  background: url(/ec/images/feature/110F1q00000/about_arch-top.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left top;
  position: absolute;
  top: -1px;
  left: 0;
}

.about_inner {
  padding: 20.625vw 5vw 0;
  padding: 20.625cqi 5cqi 0;
}

.about_head {
  margin: 0 -5vw 0;
  margin: 0 -5cqi 0;
  padding: 12.5vw 5vw 0;
  padding: 12.5cqi 5cqi 0;
  position: relative;
}

.about_headLead {
  width: auto;
  height: 8.75vw;
  height: 8.75cqi;
  position: absolute;
  left: 0;
  top: 0;
}

.about_headLead img {
  width: auto;
  height: 100%;
}

.about_headTitle {
  width: auto;
  height: 35.625vw;
  height: 35.625cqi;
}

.about_headTitle img {
  width: auto;
  height: 100%;
}

.about_lead {
  margin-top: 5vw;
  margin-top: 5cqi;
  width: auto;
  height: 17.8125vw;
  height: 17.8125cqi;
}

.about_lead img {
  width: auto;
  height: 100%;
}

.about_image {
  padding: 0.625vw 0;
  padding: 0.625cqi 0;
}

.about_image img {
  width: 100%;
}

.collaboration {
  margin-top: -1px;
  background-color: #F7DC73;
  background-image: url(/ec/images/feature/110F1q00000/collaboration_bg-btm.svg);
  background-repeat: no-repeat;
  background-size: 100% 21.875vw;
  background-size: 100% 21.875cqi;
  background-position: left bottom;
  color: #333;
}

.collaboration_inner {
  padding: 0 5vw 37.5vw;
  padding: 0 5cqi 37.5cqi;
}

.collaboration_head {
  margin: 0 -5vw 0;
  margin: 0 -5cqi 0;
  position: relative;
}

.collaboration_head img {
  width: 100%;
}

.collaboration_headTitle {
  width: auto;
  height: 22.1875vw;
  height: 22.1875cqi;
  position: absolute;
  left: 5vw;
  left: 5cqi;
  bottom: 6.25vw;
  bottom: 6.25cqi;
}

.collaboration_headTitle img {
  width: auto;
  height: 100%;
}

.collaboration_profile {
  padding: 6.25vw;
  padding: 6.25cqi;
  border-radius: 3.75vw;
  border-radius: 3.75cqi;
  background: #FFF;
  color: #333;
}

.collaboration_profile img {
  width: 100%;
}

.collaboration_profileLink {
  display: block;
  margin-top: 3.75vw;
  margin-top: 3.75cqi;
}

.coorinate {
  margin: 0 -5vw;
  margin: 0 -5cqi;
  position: relative;
  overflow: clip;
}

.coorinate_inner {
  padding: 9.375vw 0 9.375vw;
  padding: 9.375cqi 0 9.375cqi;
}

.coorinate_title {
  margin: 0 0 -1.25vw -0.85313vw;
  margin: 0 0 -1.25cqi -0.85313cqi;
  width: 64.6875vw;
  width: 64.6875cqi;
}

.coorinate_title img {
  width: 100%;
}

.coordinate_arrow, .coordinate_arrow--left, .coordinate_arrow--right {
  width: 10vw;
  width: 10cqi;
  height: 10vw;
  height: 10cqi;
  position: absolute;
  top: 50%;
  z-index: 2;
}

.coordinate_arrow img, .coordinate_arrow--left img, .coordinate_arrow--right img {
  width: 100%;
}

.coordinate_arrow--left {
  left: 5vw;
  left: 5cqi;
  transform: scaleX(1);
}

.coordinate_arrow--right {
  right: 5vw;
  right: 5cqi;
  transform: scaleX(-1);
}

.coordinate_image {
  border: 4px solid #D5734A;
  border-width: 1.25vw;
  border-width: 1.25cqi;
  border-radius: 3.75vw;
  border-radius: 3.75cqi;
  overflow: clip;
}

.coordinate_image img {
  margin: -1.25vw;
  margin: -1.25cqi;
  width: calc(100% + 1.25vw * 2);
  width: calc(100% + 1.25cqi * 2);
  max-width: none;
}

.coordinate_pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.6875vw;
  gap: 4.6875cqi;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.coordinate_pagination .swiper-pagination-bullet {
  width: 3.125vw;
  width: 3.125cqi;
  height: 3.125vw;
  height: 3.125cqi;
  background: transparent;
  border: 1px solid #D5734A;
  opacity: 1;
}

.coordinate_pagination .swiper-pagination-bullet-active {
  background: #D5734A;
}

.point {
  margin-top: -1px;
  background-color: #D5734A;
  color: #FFF;
}

.point:has(+ .promotion) {
  background-image: url(/ec/images/feature/110F1q00000/point_bg-btm.svg);
  background-repeat: no-repeat;
  background-size: 100% 19.0625vw;
  background-size: 100% 19.0625cqi;
  background-position: left bottom;
}

.point:has(+ .products) {
  background-image: url(/ec/images/feature/110F1q00000/promotion_bg-btm.svg);
  background-repeat: no-repeat;
  background-size: 100% 23.4375vw;
  background-size: 100% 23.4375cqi;
  background-position: left bottom;
}

.point_inner {
  padding: 6.25vw 5vw 31.25vw;
  padding: 6.25cqi 5cqi 31.25cqi;
}

.point_head {
  margin: 0 -5vw 3.90625vw;
  margin: 0 -5cqi 3.90625cqi;
  padding: 6.6vw 5vw 0;
  padding: 6.6cqi 5cqi 0;
  position: relative;
}

.point_headLead {
  width: auto;
  height: 8.75vw;
  height: 8.75cqi;
  position: absolute;
  left: 0;
  top: 0;
}

.point_headLead img {
  width: auto;
  height: 100%;
}

.point_headTitle {
  margin-left: -1.50625vw;
  margin-left: -1.50625cqi;
  width: auto;
  height: 17.8125vw;
  height: 17.8125cqi;
}

.point_headTitle img {
  width: auto;
  height: 100%;
}

.point_list > li + li {
  margin-top: 3.75vw;
  margin-top: 3.75cqi;
}

.point_image {
  width: 100%;
}

.point_image img {
  width: 100%;
}

.promotion {
  margin-top: -1px;
  background-color: #AEC162;
  background-image: url(/ec/images/feature/110F1q00000/promotion_bg-btm.svg);
  background-repeat: no-repeat;
  background-size: 100% 23.4375vw;
  background-size: 100% 23.4375cqi;
  background-position: left bottom;
}

.promotion_inner {
  padding: 6.25vw 5vw 31.25vw;
  padding: 6.25cqi 5cqi 31.25cqi;
}

.promotion_title {
  width: auto;
  height: 19.375vw;
  height: 19.375cqi;
}

.promotion_title img {
  width: auto;
  height: 100%;
}

.promotion_list > li {
  margin-top: 6.25vw;
  margin-top: 6.25cqi;
}

.promotion_list > li iframe {
  margin: 0 auto !important;
}

@media screen and (min-width: 813px) {
  .promotion_list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 6.25vw;
    gap: 6.25cqi;
  }
}

.products {
  margin-top: -1px;
  background-color: #FAEAAB;
  color: #333;
}

.products_inner {
  padding: 5vw 5vw 12.5vw;
  padding: 5cqi 5cqi 12.5cqi;
}

.products_head {
  margin: 0 -5vw 3.90625vw;
  margin: 0 -5cqi 3.90625cqi;
  padding: 20vw 5vw 0;
  padding: 20cqi 5cqi 0;
  position: relative;
}

.products_headLead {
  width: auto;
  height: 15vw;
  height: 15cqi;
  position: absolute;
  left: 0;
  top: 0;
}

.products_headLead img {
  width: auto;
  height: 100%;
}

.products_headTitle {
  width: auto;
  height: 9.375vw;
  height: 9.375cqi;
}

.products_headTitle img {
  width: auto;
  height: 100%;
}

.products_list > li {
  width: 100%;
}

.products_list > li img {
  width: 100%;
}

.products_list > li + li {
  margin-top: 3.75vw;
  margin-top: 3.75cqi;
}

.caution {
  background: #FFF;
  color: #333;
}

.caution_inner {
  padding: 6.25vw 5vw 6.25vw;
  padding: 6.25cqi 5cqi 6.25cqi;
}

.caution_text {
  font-size: 3.75vw;
  font-size: 3.75cqi;
  line-height: 1.4;
}

.attention {
  margin-top: 6.25vw;
  margin-top: 6.25cqi;
}

.attention img {
  width: 100%;
}

@media screen and (min-width: 813px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 812px) {
  .pc {
    display: none;
  }
}