@charset "UTF-8";
/* 202303 inherit */
@media screen and (min-width: 769px) {
  .Products .slick-list {
    width: 1120px;
    overflow: hidden !important;
  }
}
@media screen and (min-width: 751px) {
  .CommonSubsection--product {
    margin: 0 !important;
  }
  .CommonSubsection__title.faq {
    margin: 0;
  }
  .Products .slick-arrow {
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 40px;
    z-index: 20;
  }
  .Products .slick-arrow::before {
    border-bottom: 2px solid #777;
    border-left: 2px solid #777;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 20px;
  }
  .Products .slick-prev {
    left: -24px;
  }
  .Products .slick-prev::before {
    margin-left: 5px;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .Products .slick-next {
    right: -24px;
  }
  .Products .slick-next::before {
    margin-left: -5px;
    transform: translate(0, -50%) rotate(-135deg);
  }
  .Products .slick-list {
    overflow: visible;
  }
  .BtnBlock.BtnBlock--halfway.BtnBlock--halfway-bottom-info.qa {
    justify-content: flex-start;
    margin: 0 0 40px 60px;
  }
}
/* 202303 inherit */
.ProductDetailContent-img {
  margin-bottom: 20px;
}

.ProductDetailContent--set4 {
  padding-top: 0;
}
.ProductDetailContent p small {
  display: block;
  margin-top: 12px;
  line-height: 1.4;
  color: #777;
}

.ProductCardInfo__meta {
  align-items: center;
  flex-wrap: wrap;
  margin-top: clamp(0px, 2vw, 15px);
  padding: clamp(0px, 4vw, 30px) clamp(0px, 2.6666666667vw, 20px);
  height: auto;
  background: #F5F5F5;
}
.ProductCardInfo__meta::after {
  content: none;
}
.ProductCardInfo__meta--background {
  padding: clamp(0px, 6.1333333333vw, 20px) !important;
  background: #F8F8F8;
}
.ProductCardInfo__meta--background .H2 {
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.8;
}
.ProductCardInfo__metaTextArea {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.ProductCardInfo__metaText {
  margin: 4px 8px 0 0;
}
@media (max-width: 750px) {
  .ProductCardInfo__metaText {
    font-size: clamp(0px, 4vw, 18px);
  }
}
@media (max-width: 750px) {
  .ProductCardInfo__metaText small {
    font-size: clamp(0px, 4vw, 18px);
    color: inherit;
  }
}
.ProductCardInfo__metaNotice {
  margin-top: 10px;
  width: 100%;
  color: #777;
}
@media (max-width: 750px) {
  .ProductCardInfo__metaNotice {
    margin-top: 20px;
  }
}
.ProductCardInfo__metaTitle {
  margin-right: clamp(0px, 2.6666666667vw, 20px);
  margin-bottom: 0;
  font-size: 22px;
}
@media (max-width: 750px) {
  .ProductCardInfo__metaTitle {
    font-size: clamp(0px, 4.8vw, 22px);
  }
}
.ProductCardInfo__attr {
  margin-top: 0;
  margin-right: auto;
}
.ProductCardInfo__checkTitle {
  padding: 0 clamp(0px, 4vw, 30px);
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .ProductCardInfo__checkTitle {
    padding: 0 0 clamp(0px, 4vw, 30px);
    font-size: clamp(0px, 4vw, 18px);
  }
}

.ProductCardInfo__title + .ProductPriceList {
  padding: clamp(0px, 1.3333333333vw, 10px) 0 clamp(0px, 2.6666666667vw, 20px);
}
.ProductCardInfo__title + .ProductPriceList::after {
  width: 100%;
}
@media (max-width: 750px) {
  .ProductCardInfo__title + .ProductPriceList::after {
    margin-right: 20px;
    width: calc(100% - 20px);
  }
}

@media (max-width: 750px) {
  .ProductPriceListItemValue {
    font-size: clamp(0px, 6.4vw, 32px);
  }
}
@media (max-width: 750px) {
  .ProductPriceListItemValue__prefix {
    font-size: clamp(0px, 4vw, 18px) !important;
  }
}

.CheckList {
  padding: clamp(0px, 2vw, 15px) clamp(0px, 4vw, 30px);
}
@media (max-width: 750px) {
  .CheckList {
    padding: clamp(0px, 4vw, 30px) 0;
  }
}

@media (max-width: 750px) {
  .CheckListItem {
    font-size: clamp(0px, 4vw, 18px);
  }
}
.CheckListItem small {
  display: block;
  margin-top: 0;
  font-size: 0.667em;
  color: #777;
}

@media (max-width: 750px) {
  .H2.H2 {
    font-size: clamp(0px, 5.3333333333vw, 36px);
  }
}
.H2.H2--large {
  font-size: 36px;
}
@media (max-width: 750px) {
  .H2.H2--large {
    font-size: clamp(0px, 6.4vw, 36px);
  }
}
.H2.H2--taCenter {
  text-align: center;
}

.ContentOutline {
  padding: clamp(0px, 5.3333333333vw, 40px) 0;
  border: 4px solid #AABDCD;
}
.ContentOutline .H2 {
  margin-bottom: clamp(0px, 2vw, 15px);
}

.TextList {
  margin: clamp(0px, 2.6666666667vw, 20px) auto 0;
  width: clamp(0px, 58.6666666667vw, 440px);
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
}
@media (max-width: 750px) {
  .TextList {
    margin: auto;
    width: 80%;
    font-size: clamp(0px, 4.2666666667vw, 20px);
  }
}
.TextList li {
  display: flex;
  padding: 4px 0;
  line-height: 1.4;
}
.TextList li::before {
  content: "";
  display: inline-block;
  flex: 0 0 5px;
  margin: 10px 12px 0 0;
  width: 5px;
  height: 5px;
  background: #5E82A1;
  border-radius: 50vh;
}

.ContentBackground {
  margin-top: clamp(0px, 13.3333333333vw, 100px);
  padding: clamp(0px, 6.1333333333vw, 20px);
  background: #F8F8F8;
}
.ContentBackground .H2 {
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.8;
}
@media (max-width: 750px) {
  .ContentBackground .H2 {
    font-size: clamp(0px, 5.3333333333vw, 28px);
  }
}

.ProductDetailBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: clamp(0px, 6.6666666667vw, 50px) 0 clamp(0px, 8vw, 60px);
}
@media (max-width: 750px) {
  .ProductDetailBox {
    flex-wrap: wrap;
  }
}
.ProductDetailBox__info {
  flex: 0 0 clamp(0px, 44vw, 330px);
  width: clamp(0px, 44vw, 330px);
}
@media (max-width: 750px) {
  .ProductDetailBox__info {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
  }
}
.ProductDetailBox__name {
  margin-bottom: 10px !important;
  font-size: 36px;
}
@media (max-width: 750px) {
  .ProductDetailBox__name {
    font-size: clamp(0px, 6.4vw, 36px);
  }
}
.ProductDetailBox__name small {
  margin-left: 8px;
  font-size: 0.5em;
}
.ProductDetailBox__text {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .ProductDetailBox__text {
    font-size: clamp(0px, 4vw, 30px);
    letter-spacing: -0.05em;
  }
}
.ProductDetailBox__photo {
  flex: 0 0 clamp(0px, 24vw, 180px);
  width: clamp(0px, 24vw, 180px);
}
@media (max-width: 750px) {
  .ProductDetailBox__photo {
    order: 1;
    flex: 0 0 clamp(0px, 41.3333333333vw, 310px);
    width: clamp(0px, 41.3333333333vw, 310px);
  }
}
.ProductDetailBox__illust {
  flex: 0 0 160px;
  width: 160px;
}
@media (max-width: 750px) {
  .ProductDetailBox__illust {
    order: 2;
    flex: 0 0 clamp(0px, 42.6666666667vw, 320px);
    width: clamp(0px, 42.6666666667vw, 320px);
  }
}
.ProductDetailBox__buttonList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}
@media (max-width: 750px) {
  .ProductDetailBox__buttonList {
    gap: 7px;
    margin-top: 10px;
  }
}
.ProductDetailBox__button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 0 0 160px;
  width: 160px;
  height: 39px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
}
@media (max-width: 750px) {
  .ProductDetailBox__button {
    flex: 0 0 clamp(0px, 44vw, 330px);
    width: clamp(0px, 44vw, 330px);
    height: 48px;
  }
}
.ProductDetailBox__button::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}

.AnnotationText {
  margin-top: 10px;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #777;
}
@media (max-width: 750px) {
  .AnnotationText {
    font-size: clamp(0px, 2.6666666667vw, 12px) !important;
  }
}

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