@charset "UTF-8";
h1.fs-c-heading.fs-c-heading--page {
  display: none;
}

/* -------------------------
    bp
------------------------- */
.pc_br {
  display: block;
}

@media (max-width: 768px) {
  .pc_br {
    display: none;
  }
}

.sp_br {
  display: none;
}

@media (max-width: 768px) {
  .sp_br {
    display: block;
  }
}

/* -------------------------
    about ページで利用
------------------------- */
/* body {
    overflow: auto;
}
 */
p {
  color: #222222;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.01em;
  font-weight: 500;
  margin: 0;
}

.slick {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.slick.slick-initialized {
  opacity: 1;
}

.slick.s1 {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.slick.s1 img {
  width: 100%;
  opacity: 0.5;
}

.slick.s1 img.slick-arrow {
  width: 22px;
  position: absolute;
}

@media (max-width: 768px) {
  .slick.s1 img.slick-arrow {
    width: 11px;
  }
}

.slick.s1 img.slide-arrow.next-arrow.slick-arrow {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.slick.s1 img.slide-arrow.prev-arrow.slick-arrow {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.slick.s1 img.slide-arrow.prev-arrow.slick-arrow {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  transform: rotate(180deg);
}

.slick.s1 .slick-active img {
  opacity: 1;
  transition: all 0.3s 0.5s;
}

main.fs-l-main {
  max-width: 100%;
  overflow: hidden;
}

.kv_area {
  position: relative;
}

.kv_area .slick-list {
  overflow: visible;
}

.kv_area .slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li button:before {
  content: "●";
}

@media (max-width: 768px) {
  .fits_main_top {
    overflow: hidden;
  }
}

.fits_main_top a:hover {
  text-decoration: none;
}

.fits_main_top .h2 {
  font-family: "Raleway", sans-serif;
  font-size: 34px;
  font-weight: bold;
  color: #111;
  letter-spacing: 0.1em;
  line-height: 40px;
  text-align: center;
  margin: 0 auto 60px;
}

@media (max-width: 768px) {
  .fits_main_top .h2 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 auto 30px;
  }
}

.fits_main_top .h2 span {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 12px;
  display: block;
  letter-spacing: 0.15em;
  color: #666666;
}

.fits_main_top h3 {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 28px;
  display: block;
  letter-spacing: 0.15em;
  color: #111;
  font-weight: bold;
  text-align: center;
  margin: 0 0 50px;
}

@media (max-width: 768px) {
  .fits_main_top h3 {
    font-size: 24px;
  }
}

.fits_main_top .sec1 {
  max-width: 1200px;
  margin: 60px auto 180px;
}

@media (max-width: 768px) {
  .fits_main_top .sec1 {
    margin: 60px auto 120px;
  }
}

.fits_main_top .sec1 ul {
  display: flex;
  margin: auto;
  width: 100%;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .fits_main_top .sec1 ul {
    flex-wrap: wrap;
    padding: 0 4%;
  }
}

.fits_main_top .sec1 ul li {
  width: 14.58333%;
  margin: 0 0 30px;
}

@media (max-width: 768px) {
  .fits_main_top .sec1 ul li {
    width: 47.82609%;
  }
  .fits_main_top .sec1 ul li:nth-child(n + 5) {
    display: none;
  }
}

.fits_main_top .sec1 ul li img {
  width: 100%;
  vertical-align: top;
}

.fits_main_top .sec1 ul li a {
  display: block;
}

.fits_main_top .sec1 ul li p.p1 {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin: 15px 0 10px 0;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

@media (max-width: 768px) {
  .fits_main_top .sec1 ul li p.p1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    letter-spacing: 0.05em;
  }
}

.fits_main_top .sec1 ul li p.p2 {
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media (max-width: 768px) {
  .fits_main_top .sec2 {
    margin: 0 auto 110px;
  }
}

.fits_main_top .sec2__innar {
  max-width: 1200px;
  margin: 0px auto 180px;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar {
    margin: 0px auto 70px;
  }
}

.fits_main_top .sec2__innar__tab {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  margin: 0 auto 80px;
}

.fits_main_top .sec2__innar__tab ul {
  width: 400px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__tab ul {
    width: 100%;
  }
}

.fits_main_top .sec2__innar__tab ul li {
  width: 200px;
  height: 35px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__tab ul li {
    width: 50%;
  }
}

.fits_main_top .sec2__innar__tab ul li.on:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #bf9a58;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fits_main_top .sec2__innar__tab ul li a {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #111;
  line-height: 14px;
}

.fits_main_top .sec2__innar__ranking {
  display: block;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  font-style: 0;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking {
    padding: 0 4%;
  }
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking.newarrival .name {
    display: block !important;
  }
}

.fits_main_top .sec2__innar__ranking li {
  position: relative;
  display: inline-block;
  margin: 0 2% 0 0;
  vertical-align: top;
}

.fits_main_top .sec2__innar__ranking li:nth-child(5) {
  margin: 0;
}

.fits_main_top .sec2__innar__ranking li:nth-child(6) {
  display: none;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking li:nth-child(6) {
    display: block;
  }
}

.fits_main_top .sec2__innar__ranking .rank {
  width: 30px;
  height: 30px;
  font-family: "Raleway", sans-serif;
  position: absolute;
  display: block;
  display: block;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 75%;
  text-align: center;
  line-height: 26px;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking .rank {
    width: 22px;
    font-size: 12px;
    height: 22px;
    line-height: 19px;
  }
}

.fits_main_top .sec2__innar__ranking .rank.r1 {
  background: #c6a254;
  line-height: 28px;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking .rank.r1 {
    line-height: 21px;
  }
}

.fits_main_top .sec2__innar__ranking .rank.r2 {
  background: #999999;
  line-height: 28px;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking .rank.r2 {
    line-height: 22px;
  }
}

.fits_main_top .sec2__innar__ranking .rank.r3 {
  background: #a7896b;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking .rank.r3 {
    line-height: 20px;
  }
}

.fits_main_top .sec2__innar__ranking .rank.r4 {
  background: #fff;
  border: 1px solid #111;
  color: #111;
}

.fits_main_top .sec2__innar__ranking .rank.r5 {
  background: #fff;
  border: 1px solid #111;
  color: #111;
}

.fits_main_top .sec2__innar__ranking .rank.r6 {
  background: #fff;
  border: 1px solid #111;
  color: #111;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking .rank.r6 {
    line-height: 22px;
  }
}

.fits_main_top .sec2__innar__ranking.active {
  opacity: 1;
  visibility: visible;
  position: relative;
  font-size: 16px;
  transition: opacity 0.5s;
}

.fits_main_top .sec2__innar__ranking li {
  width: 18%;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking li {
    display: inline-block;
    vertical-align: top;
    width: 47.82609%;
    margin: 0 2.7% 30px 0;
  }
  .fits_main_top .sec2__innar__ranking li:nth-child(2n) {
    margin: 0 0 30px;
  }
  .fits_main_top .sec2__innar__ranking li:nth-child(n + 5) {
    display: none;
  }
}

.fits_main_top .sec2__innar__ranking li img {
  width: 100%;
  vertical-align: top;
}

.fits_main_top .sec2__innar__ranking li .brand {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin: 15px 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking li .brand {
    text-align: center;
    font-size: 12px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

.fits_main_top .sec2__innar__ranking li .name {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin: 0 0 15px 0;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 22px;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking li .name {
    text-align: center;
    line-height: 22px;
    text-align: center;
    line-height: 22px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

.fits_main_top .sec2__innar__ranking li .price {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 26px;
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking li .price {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .fits_main_top .sec2__innar__ranking.rank_ul li {
    width: 30.43478%;
    margin: 0 2.7% 30px 0;
  }
  .fits_main_top .sec2__innar__ranking.rank_ul li:nth-child(3n) {
    margin: 0 0 30px 0;
  }
  .fits_main_top .sec2__innar__ranking.rank_ul li:nth-child(n + 5) {
    display: inline-block !important;
  }
}

.fits_main_top .sec3 {
  height: 800px;
  background: url(https://fits.itembox.design/item/images/maintop/bg.jpg);
  margin: 0 auto 180px;
}

@media (max-width: 768px) {
  .fits_main_top .sec3 {
    background: url(https://fits.itembox.design/item/images/maintop/sp_bg.png);
    height: auto;
    padding: 0 0 55px;
    background-size: cover;
    margin: 0 auto 65px;
  }
}

.fits_main_top .sec3 h2 {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 40px;
  color: #111;
  font-weight: bold;
  position: relative;
  top: -20px;
  margin: 0 auto 20px;
}

@media (max-width: 768px) {
  .fits_main_top .sec3 h2 {
    font-size: 26px;
  }
}

.fits_main_top .sec3 h2 span {
  font-family: "Raleway", sans-serif;
  font-weight: bold;
  font-size: 34px;
  display: inline-block;
  color: #111;
}

.fits_main_top .sec3 .p1 {
  color: #111;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  margin: 0 auto 60px;
  text-align: center;
}

@media (max-width: 768px) {
  .fits_main_top .sec3 .p1 {
    margin: 0 auto 40px;
  }
}

.fits_main_top .sec3 .slick-list {
  margin: 0 -60px 0 0;
}

.fits_main_top .sec3 .slick-slide {
  margin: 0 60px 0 0;
}

.fits_main_top .sec3 img.slide-arrow.next-arrow.slick-arrow {
  position: absolute;
  right: -73px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 768px) {
  .fits_main_top .sec3 img.slide-arrow.next-arrow.slick-arrow {
    right: -35px;
  }
}

.fits_main_top .sec3 img.slide-arrow.prev-arrow.slick-arrow {
  position: absolute;
  left: -73px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .fits_main_top .sec3 img.slide-arrow.prev-arrow.slick-arrow {
    left: -35px;
  }
}

.fits_main_top .sec3 ul.slick-dots {
  display: none !important;
}

.fits_main_top .sec3__bottom {
  width: 588px;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .fits_main_top .sec3__bottom {
    width: 100%;
    padding: 0 4.34783%;
  }
}

.fits_main_top .sec3__bottom li {
  width: 176px;
}

@media (max-width: 768px) {
  .fits_main_top .sec3__bottom li {
    width: 47.82609%;
  }
  .fits_main_top .sec3__bottom li:nth-child(3) {
    display: none;
  }
}

.fits_main_top .sec3__bottom li img {
  width: 100%;
}

.fits_main_top .slick.s2 {
  width: 806px;
  height: 400px;
  margin: auto;
}

@media (max-width: 768px) {
  .fits_main_top .slick.s2 {
    width: 76%;
    height: auto;
  }
  .fits_main_top .slick.s2 .slick-arrow {
    width: 11px;
    top: -50%;
  }
}

.fits_main_top .slick.s2 .slick__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 768px) {
  .fits_main_top .slick.s2 .slick__wrap {
    display: block;
  }
}

.fits_main_top .slick.s2 .l {
  width: 400px;
}

@media (max-width: 768px) {
  .fits_main_top .slick.s2 .l {
    width: 100%;
    margin: 0 0 27px;
  }
}

.fits_main_top .slick.s2 .l img {
  width: 100%;
}

.fits_main_top .slick.s2 .r {
  width: 315px;
}

@media (max-width: 768px) {
  .fits_main_top .slick.s2 .r {
    width: 100%;
  }
}

.fits_main_top .slick.s2 .r .p1-1 {
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  letter-spacing: 0.15em;
  font-weight: bold;
  margin: 0 0 15px;
}

.fits_main_top .slick.s2 .r h4 {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 28px;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin: 0 0 20px;
  line-height: 39px;
}

.fits_main_top .slick.s2 .r .p2 {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 15px;
}

@media (max-width: 768px) {
  .fits_main_top .slick.s2 .r .p2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}

.fits_main_top .slick.s2 .r .p3 {
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #999999;
}

.fits_main_top .new_btn {
  width: 220px;
  height: 56px;
  border: 2px solid #111111;
  margin: 80px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #111111;
  font-weight: bold;
  font-style: italic;
}

@media (max-width: 768px) {
  .fits_main_top .new_btn {
    margin: 35px auto 0;
  }
}

.fits_main_top .sec4 {
  margin: 0 auto 180px;
}

@media (max-width: 768px) {
  .fits_main_top .sec4 {
    margin: 0 auto 150px;
  }
}

.fits_main_top .sec4 .h2 {
  margin: 0 auto 30px;
}

.fits_main_top .sec4 .read {
  color: #111;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  margin: 0 auto 60px;
  text-align: center;
}

.fits_main_top .sec5 {
  margin: 0 auto 160px;
}

@media (max-width: 768px) {
  .fits_main_top .sec5 {
    margin: 0 auto 55px;
  }
}

.fits_main_top .sec5 .h2 {
  margin: 0 auto 30px;
}

.fits_main_top .sec5 .read {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 60px;
  text-align: center;
}

.fits_main_top .sec5__innar {
  width: 500px;
  margin: 0 auto 50px;
}

@media (max-width: 768px) {
  .fits_main_top .sec5__innar {
    width: 100%;
  }
}

.fits_main_top .sec5__innar img {
  width: 80px;
  margin: 0 auto 15px;
  display: block;
}

.fits_main_top .sec5__innar a {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #111;
  display: block;
  text-align: center;
}

.fits_main_top .sec5 .slick-list {
  margin: 0 0px 0 0;
}

.fits_main_top .sec5 .slick-slide {
  width: 224px;
  margin: 0 5px 0;
}

@media (max-width: 768px) {
  .fits_main_top .sec5 .slick-slide {
    margin: 0 16px 0 0;
  }
}

.fits_main_top .sec5 .slick-slide img {
  width: 100%;
  vertical-align: top;
}

.fits_main_top .sec5 img.slide-arrow.next-arrow.slick-arrow {
  position: absolute;
  right: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 768px) {
  .fits_main_top .sec5 img.slide-arrow.next-arrow.slick-arrow {
    right: -75%;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    width: 30px;
  }
}

.fits_main_top .sec5 img.slide-arrow.prev-arrow.slick-arrow {
  position: absolute;
  left: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .fits_main_top .sec5 img.slide-arrow.prev-arrow.slick-arrow {
    position: absolute;
    left: -8%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    transform: rotate(180deg);
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    width: 30px;
  }
}

.fits_main_top .sec5 .slick-dots {
  display: none !important;
}

.fits_main_top .slick.s3 {
  width: 1140px;
  margin: auto;
}

@media (max-width: 768px) {
  .fits_main_top .slick.s3 {
    width: 55.07246%;
    margin: 0 0 0 4.34783%;
  }
  .fits_main_top .slick.s3 .slick-list {
    overflow: visible;
  }
}

.fits_main_top .sec6 {
  margin: 0 auto 180px;
}

@media (max-width: 768px) {
  .fits_main_top .sec6 {
    margin: 0 auto 150px;
  }
}

.fits_main_top .sec6 h2 {
  margin: 0 0 5px;
  width: 180px;
}

@media (max-width: 768px) {
  .fits_main_top .sec6 h2 {
    margin: 0 0 5px;
  }
}

.fits_main_top .sec6__innar {
  width: 100%;
  display: flex;
}

@media (max-width: 768px) {
  .fits_main_top .sec6__innar {
    display: block;
  }
}

.fits_main_top .sec6__innar .l {
  width: 50%;
  display: flex;
}

@media (max-width: 768px) {
  .fits_main_top .sec6__innar .l {
    width: 100%;
    margin: 0 0 50px;
  }
}

.fits_main_top .sec6__innar .l__1 {
  width: 50%;
}

@media (max-width: 768px) {
  .fits_main_top .sec6__innar .l__1 {
    display: none;
  }
}

.fits_main_top .sec6__innar .l__2 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 5.46875%;
}

@media (max-width: 768px) {
  .fits_main_top .sec6__innar .l__2 {
    width: 63%;
    margin: auto;
  }
}

.fits_main_top .sec6__innar .l img {
  width: 100%;
}

.fits_main_top .sec6__innar .r {
  width: 50%;
}

@media (max-width: 768px) {
  .fits_main_top .sec6__innar .r {
    width: 100%;
  }
}

.fits_main_top .sec6__innar .r img {
  width: 100%;
}

.fits_main_top .sec7 {
  margin: 0 auto;
  padding: 100px 0 0;
  background: #f4f4f4;
}

@media (max-width: 768px) {
  .fits_main_top .sec7 {
    padding: 50px 0 65px;
    margin: 0 auto;
  }
}

.fits_main_top .sec7__bottom {
  text-align: center;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom {
    width: 92%;
    margin: auto;
  }
}

.fits_main_top .sec7__bottom li {
  display: inline-block;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.08em;
  margin: 0 10px 36px;
  vertical-align: top;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li {
    width: 49%;
    margin: 0 0px 15px;
    white-space: nowrap;
    font-size: 14px;
  }
}

.fits_main_top .sec7__bottom li a {
  display: flex;
  align-items: center;
  height: 40px;
}

.fits_main_top .sec7__bottom li a span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.08em;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li a span {
    font-size: 11px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(1) img {
  width: 19px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(1) img {
    width: 15px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(2) img {
  width: 14px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(2) img {
    width: 12px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(3) img {
  width: 11px;
}

.fits_main_top .sec7__bottom li:nth-child(4) img {
  width: 8px;
}

.fits_main_top .sec7__bottom li:nth-child(5) img {
  width: 16px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(5) img {
    width: 13px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(6) img {
  width: 12px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(6) img {
    width: 9px;
    min-width: 10.5px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(8) img {
  width: 18px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(8) img {
    width: 15px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(9) {
  min-width: 17.6px;
}

.fits_main_top .sec7__bottom li:nth-child(9) img {
  width: 15px;
  min-width: 19.6px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(9) img {
    width: 12px;
    min-width: 16.6px;
    margin: 0 18px 0 0;
  }
}

.fits_main_top .sec7__bottom li:nth-child(10) {
  min-width: 17px;
}

.fits_main_top .sec7__bottom li:nth-child(10) img {
  width: 17px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(10) img {
    width: 14px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(11) {
  min-width: 12px;
}

.fits_main_top .sec7__bottom li:nth-child(11) img {
  width: 12px;
  min-width: 14px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(11) img {
    width: 9px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(12) img {
  min-width: 26.2px;
}

.fits_main_top .sec7__bottom li:nth-child(12) img {
  width: 30px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(12) img {
    width: 20px;
  }
}

.fits_main_top .sec7__bottom li:nth-child(13) {
  min-width: 17px;
}

.fits_main_top .sec7__bottom li:nth-child(13) img {
  width: 14px;
  min-width: 17px;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li:nth-child(13) img {
    width: 9px;
  }
}

.fits_main_top .sec7__bottom li img {
  display: inline-block;
  margin: 0 15px 0 0;
}

@media (max-width: 768px) {
  .fits_main_top .sec7__bottom li img {
    margin: 0 12px 0 0;
  }
}

.fits_main_top .sec8 {
  max-width: 1200px;
  margin: 0 auto 180px;
}

@media (max-width: 768px) {
  .fits_main_top .sec8 {
    padding: 0 4.34783%;
    margin: 0 auto 150px;
  }
}

.fits_main_top .sec8 ul {
  font-size: 0;
}

.fits_main_top .sec8 ul li {
  width: 31.66667%;
  margin: 0 2.4% 30px 0;
  display: inline-block;
  vertical-align: top;
}

.fits_main_top .sec8 ul li:nth-child(3n) {
  margin: 0 0 53px 0;
}

@media (max-width: 768px) {
  .fits_main_top .sec8 ul li:nth-child(3n) {
    margin: 0 4% 30px 0;
  }
}

@media (max-width: 768px) {
  .fits_main_top .sec8 ul li {
    width: 47.82609%;
    margin: 0 4% 53px 0;
  }
  .fits_main_top .sec8 ul li:nth-child(2n) {
    margin: 0 0 30px 0;
  }
}

.fits_main_top .sec8 ul li h3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #777777;
  font-weight: 500;
  margin: 20px 0 5px;
}

@media (max-width: 768px) {
  .fits_main_top .sec8 ul li h3 {
    font-size: 10px;
    line-height: 17px;
    text-align: left;
  }
}

.fits_main_top .sec8 ul li p {
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 0.01;
  color: #777777;
}

@media (max-width: 768px) {
  .fits_main_top .sec8 .h2 {
    margin: 0 auto 60px;
  }
}

.fits_main_top .sec9 {
  padding: 100px 0;
  background: #f4f4f4;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .fits_main_top .sec9 {
    padding: 50px 4.34783% 100px 4.34783%;
    margin: 0 auto;
  }
}

.fits_main_top .sec9 .sec9__img {
  width: 256px;
  margin: 0 auto 45px;
  display: block;
}

@media (max-width: 768px) {
  .fits_main_top .sec9 .sec9__img {
    width: 100%;
  }
}

.fits_main_top .sec9 ul {
  max-width: 980px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .fits_main_top .sec9 ul {
    display: block;
  }
}

.fits_main_top .sec9 ul li {
  width: 48.31461%;
  margin: 0 0 30px;
}

@media (max-width: 768px) {
  .fits_main_top .sec9 ul li {
    width: 100%;
    margin: 0 0 20px;
  }
}

.sec10 {
  margin: 0 auto 180px;
}

@media (max-width: 768px) {
  .sec10 {
    margin: 0 auto 80px;
  }
}

.sec10 img {
  width: 100%;
}

.sec10__innar {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.sec10__innar .text {
  position: absolute;
  width: 680px;
  height: 160px;
}

@media (max-width: 768px) {
  .sec10__innar .text {
    width: 100%;
    height: 160px;
  }
}

.sec10__innar .text h2 {
  font-size: 40px;
  color: #fff;
  letter-spacing: 0.03em;
  margin: 0 0 40px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 768px) {
  .sec10__innar .text h2 {
    font-size: 18px;
  }
}

.sec10__innar .text p {
  font-size: 18px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 768px) {
  .sec10__innar .text p {
    font-size: 12px;
  }
}
/* ----- MEDIAエリア設置20231219----- */
.media.is-hidden {
  display: none;
}

.media {
  padding: 100px 0;
  background: linear-gradient(90deg, rgba(255, 244, 215, 0.30) 0%, rgba(250, 251, 239, 0.30) 84.37%, rgba(232, 250, 221, 0.30) 100%);
  margin: 0 auto;
  position: relative;
  display: block;
}

.media .h2 {
  margin: 0 auto 30px;
}

.media .h2 .media__link img {
  margin-top: 20px;
}

.media .media__bg {
  position: absolute;
  top: 74px;
  left: 50%;
  transform: translateX(-75%);
  width: 252px;
  height: 252px;
  z-index: -1;
}

.media .media__bg img {
  width: 100%;
  height: auto;
}

.media .media__list {
  display: flex;
  gap: 30px;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
}

.media .media__card {
  width: 216px;
}

.media .media__thumb {
  margin-bottom: 10px;
  aspect-ratio: 1/1;
  max-width: none;
  max-height: none;
}

.media .media__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media .media__category {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #777;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 2.10883;
  letter-spacing: 0.42px;
}

.media .media__title {
  color: #333;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.833;
  letter-spacing: 0.36px;
  margin-top: 5px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%
}

.media .media__time {
  color: #A3A3A3;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
  margin-top: 10px;
}

.media .media__time time {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.media .media__btn {
  display: flex;
  gap: 7px;
  margin-top: 110px;
}

.media .media__btn svg {
  display: block;
  margin-top: -4px;
}

@media (max-width: 768px) {
  .media {
    padding: 50px 4.34783% 50px 4.34783%;
    margin: 0 auto;
  }

  .media .h2 {
    margin: 0 auto 20px;
  }

  .media .h2 .media__link img {
    width: 30%;
    height: auto;
    margin-top: 25px;
    padding-left: 3%;
  }

  .media .h2 span {
    font-size: clamp(10px, 3.63vw, 12px);
    letter-spacing: 0;
  }

  .media .media__bg {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-75%);
    width: 53vmin;
    height: 53vmin;
  }

  .media .media__list {
    flex-wrap: wrap;
    gap: 4%;
    justify-content: space-between;
    margin: 0 auto;
  }

  .media .media__card {
    width: 48%;
    margin: 0 0 30px 0;
  }

  .media .media__card:nth-child(n+5) {
    display: none;
  }

  .media .media__thumb {
    margin-bottom: 14px;
  }

  .media .media__category {
    gap: 6px;
    font-size: 14px;
    font-size: clamp(10px, 3.5vw, 14px);
  }

  .media .media__category img {
    width: 9.6%;
    height: auto;
    flex-shrink: 0;
  }

  .media .media__title {
    -webkit-line-clamp: 3;
  }

  .media .media__btn {
    margin-top: 10px;
  }

}

/*media-bg-animation*/
.u-pattern-animation img {
  animation-name: wave-large;
  animation-delay: -1s;
  animation-duration: 7s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out
}

@keyframes wave-large {
  0% {
    transform: translateY(-10.5%) translateX(-10%) scale(1)
  }

  25% {
    transform: translateY(2.5%) translateX(0) scale(1)
  }

  50% {
    transform: translateY(-10.5%) translateX(10%) scale(1.1)
  }

  75% {
    transform: translateY(2.5%) translateX(15%) scale(1)
  }

  to {
    transform: translateY(-10.5%) translateX(-10%) scale(1)
  }
}


.insta_img {
  position: relative;
  top: -8px;
}

@media (max-width: 768px) {
  .insta_img {
    top: -3px;
    width: 22px;
  }
}

.productCategory {
  padding-bottom: 70px;
  display: none;
}

ul.information-list {
  margin: 0 0 120px;
}

.d_box {
  height: 175px;
}

ul.serviceList.l-inner {
  display: none;
}

.sec6 {
  position: relative;
  overflow: hidden;
  height: 360px;
}

@media (max-width: 768px) {
  .sec6 {
    height: auto;
  }
}

.sec6 .ecbn-selection-page-wrapper .ecbn-selection-snap {
  margin: 0 auto;
  width: 2000px !important;
}

.sec6 .ecbn-selection-page-wrapper .ecbn-selection-item {
  width: 180px !important;
  position: static !important;
  display: inline-block;
  vertical-align: top;
}

.sec6 .vsm-tile {
  height: 363px;
  overflow: hidden;
}

.sec6 .l__2 {
  width: 360px;
  height: 360px;
  position: absolute;
  top: 0;
  left: 200px;
  background: #fff;
  z-index: 11;
  padding: 74px;
}

.sec6 .l__2 img {
  width: 180px;
  margin: 0 0 30px;
}

.sec6 .sec6 .ecbn-selection-widget.initailized.ecbn-selection-widget-new {
  max-width: 100% !important;
}

@media (max-width: 768px) {
  .sec6 .vsm-tile {
    height: auto;
    overflow: hidden;
  }
  .sec6 .ecbn-selection-page-wrapper .ecbn-selection-snap {
    margin: 0 auto;
    width: 100% !important;
  }
  .sec6 .l__2 {
    width: 100%;
    height: 300px;
    position: static;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 11;
    padding: 45px;
    padding-bottom: 0;
  }
  .sec6 ul.ecbn-selection-snap li:nth-child(4 + n) {
    display: none !important;
  }
  .sec6 .ecbn-selection-page-wrapper .ecbn-selection-item {
    width: 48.5% !important;
    position: static !important;
    display: inline-block;
    vertical-align: top;
    padding: 0%;
    vertical-align: top;
    margin: 0 0 10px;
  }
  .sec6 .ecbn-selection-page-wrapper .ecbn-selection-snap {
    margin: 0 auto;
    width: 100% !important;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto !important;
  }
  .sec6 .ecbn-selection-page-wrapper .ecbn-selection-content {
    padding: 0;
    padding: 0 10px;
  }
  .sec6 ul.ecbn-selection-snap li:nth-child(n + 5) {
    display: none !important;
  }
  .sec6 .l__2 img {
    width: 180px;
    margin: 0px auto 30px;
    display: block;
  }
  .sec6 .ecbn-selection-image-loading-more {
    display: none;
  }
  .sec6 .fits_main_top .sec6 h2 {
    margin: 0 auto 40px;
    width: 180px;
  }
}

#hamburgerMenu-category2 {
  position: relative;
}

#hamburgerMenu-category2::before, #hamburgerMenu-category2::after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  background: #000;
}

#hamburgerMenu-category2::before {
  display: none;
}

#hamburgerMenu-category2::after {
  transform: rotate(90deg);
}

#hamburgerMenu-category2.is-close::before {
  display: block;
}