@charset "UTF-8";
html,
body {
  overflow-x: hidden;
}
#breadcrumb {
  color: #1C1C1C;
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  line-height: 1;
}
.scrTop__btn {
  font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.main-area {
  max-width: none;
  min-width: auto;
}

.main-contents * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: inherit;
}

.main-contents {
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
}
_:-ms-lang(x)::-ms-backdrop .main-contents {
  overflow-x: hidden;
}

.main-contents * a,
.main-contents picture {
  display: block;
}

.main-contents img,
.main-contents source {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

.main-contents video {
  width: 100%;
  height: 100%;
}

.main-contents a:link,
.main-contents h2,
.main-contents h3,
.main-contents h4,
.main-contents h5,
.main-contents h6 {
  color: inherit;
}

.main-contents .section-block {
  margin-left: auto;
  margin-right: auto;
}

.main-contents .txt-new-line {
  display: block;
}

.main-contents .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.main-contents .flex-wrap-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-contents .flex-direction-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-contents .flex-direction-container _:-ms-lang(x)::-ms-backdrop, .main-contents .flex-direction-container {
  min-height: 0%;
}

.main-contents .grid-container,
.main-contents .grid-wrapper {
  display: -ms-grid;
  display: grid;
  justify-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-grid-column-align: start;
  -ms-grid-row-align: start;
}

.main-contents .image-opacity-block {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.main-contents .image-opacity-block::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.main-contents .background-image {
  position: relative;
  z-index: 0;
}

.main-contents .background-image::before {
  content: "";
  width: 110%;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
}

.main-contents .background-parent {
  position: relative;
  z-index: 0;
}

.main-contents .background-parent::before, .main-contents .background-parent::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
}

.main-contents .item-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.js-fade {
  opacity: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.js-fade.show {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.js-fade-left {
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}

.js-fade-right {
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
}

.js-fade-up {
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
}

.js-fade-down {
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

.js-fade-in {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.js-fade-down {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.image-horizon-anime {
  position: relative;
}

.image-horizon-anime::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  z-index: 3;
}

.image-horizon-anime-show::before {
  width: 0 !important;
}

.main-contents .firstview__lead {
  font-family: kozuka-mincho-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.main-contents .heading-txt {
  font-family: yu-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.main-contents .color-txt {
  font-family: abril-display, serif;
  font-weight: 400;
  font-style: normal;
}

.main-contents .variation-txt {
  font-family: kozuka-mincho-pro, serif;
  font-weight: 700;
  font-style: normal;
}

.main-contents .name-txt {
  font-family: kozuka-mincho-pro, serif;
  font-style: normal;
}
.main-contents .price-txt {
  font-family: bodoni-urw, serif;
  font-weight: 300;
  font-style: normal;
}

.main-contents .caution-txt {
  font-family: kozuka-mincho-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.main-contents .section-container::before {
  width: 100%;
}
.main-contents .section-container::after {
  display: none;
}

.main-contents .variation-wrapper {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.main-contents .variation-wrapper::before {
  background-color: #e1dddb;
  width: 100%;
}
.main-contents .variation-wrapper::after {
  display: none;
}

.main-contents .variation-wrapper .variation-txt {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/2/3;
  justify-self: center;
  -ms-grid-column-align: center;
}

.main-contents .variation-wrapper .item-image {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}

.main-contents .variation-wrapper .credit-wrapper {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
  position: relative;
  z-index: 1;
}

.main-contents .heading-txt {
  line-height: 1.75;
  color: #604c3f;
}
.main-contents .color-txt {
  color: #c5c5cd;
  letter-spacing: 0;
}
.main-contents .variation-txt {
  color: #000;
  text-align: center;
}
.main-contents .name-txt {
  color: #000;
  line-height: 1.75;
  text-align: center;
  z-index: 1;
  letter-spacing: 0.1em;
}
.main-contents .wrapper-credit {
  letter-spacing: 0;
}

.main-contents .wrapper-credit span {
  display: block;
}
.main-contents .price-txt span {
  display: block;
}
.main-contents .price-txt span:nth-of-type(2) {
  text-align: right;
}
.main-contents .firstview-container {
  margin: 0 auto;
}
.main-contents .firstview__lead {
  text-align: center;
}
.main-contents .sec01-container::before {
  background-image: url(../img/sec01-icon.svg);
}
.main-contents .sec01-container .sec01__wrapper--first::before {
  background-image: url(../img/sec01-bg.png);
  width: 100%;
  top: 6.5rem;
}
.main-contents .sec01-container .sec01__wrapper--first::after {
  display: none;
}
.main-contents .sec01-container .sec01__wrapper--first--image:nth-of-type(2) {
  position: relative;
  z-index: 1;
}
.main-contents .sec01-container .sec01__wrapper--first--color {
  position: relative;
  z-index: 1;
}
.main-contents .sec02-container::before {
  background-image: url(../img/sec02-icon.svg);
}
.main-contents .sec02-container .sec02__wrapper--first--wrapper {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--image:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/3/2;
}
.main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--image:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  position: relative;
  z-index: 1;
}
.main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
}
.main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit span:nth-of-type(2),
.main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit span:nth-of-type(3) {
  position: relative;
  z-index: 1;
}
.main-contents .sec02-container .sec02__wrapper--second--credit {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}
.main-contents .sec02-container .sec02__wrapper--second--item {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
  position: relative;
}
.main-contents .sec03-container::before {
  background-image: url(../img/sec03-icon.svg);
}
.main-contents .sec03-container .sec03__wrapper--first::before, .main-contents .sec03-container .sec03__wrapper--first::after {
  width: 100%;
  z-index: 1;
}

.main-contents .sec03-container .sec03__wrapper--first::before {
  background-image: url(../img/sec03-decoration1.svg);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main-contents .sec03-container .sec03__wrapper--first::after {
  background-image: url(../img/sec03-decoration2.svg);
}
.main-contents .sec03-container .sec03__wrapper--first--color {
  color: #cec9c6;
}
.main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--image:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  z-index: 1;
}
.main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}
.main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit span {
  position: relative;
  z-index: 1;
}
.main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/3/3;
}
.main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit {
  white-space: nowrap;
}
.main-contents .viewall-container {
  margin: 0 auto;
}
.main-contents .viewall-container a {
  width: 100%;
}
.main-contents .caution-txt {
  text-align: center;
}
.sp-contents {
  display: none;
}
@media only screen and (min-width: 1199px) {
  html,
body {
    font-size: 62.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  html,
body {
    font-size: calc(10 * (100vw / 1200));
  }
}
@media only screen and (max-width: 767px) {
  html,
body {
    font-size: calc(10 * (100vw / 750));
  }
  #breadcrumb {
    width: 100%;
    font-size: calc(24* (100vw / 750));
    margin-bottom: calc(30* (100vw / 750));
    padding: calc(80* (100vw / 750)) calc(26 * (100vw / 750)) 0;
  }
  .scrTop__btn {
    font-size: calc(26* (100vw / 750));
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main-contents {
    max-width: calc(750 * (100vw / 750));
    margin-bottom: calc(190 * (100vw / 750));
  }
  .main-contents .image-out-border {
    -webkit-box-shadow: 0px 0px 0px 30px #fff;
    box-shadow: 0px 0px 0px 30px #fff;
  }
  .main-contents .sp-inner-margin-left {
    margin-left: calc(60 * (100vw / 750));
  }
  .main-contents .sp-outer-margin-left {
    margin-left: calc(37 * (100vw / 750));
  }
  .main-contents .name-txt {
    font-weight: 700;
  }
  .main-contents .section-container::before {
    height: calc(48 * (100vw / 750));
  }
  .main-contents .variation-wrapper::before {
    top: calc(26 * (100vw / 750));
  }
  .main-contents .heading-txt {
    font-size: calc(117 * (100vw / 750));
    letter-spacing: 0;
    margin-left: calc(52 * (100vw / 750));
  }
  .main-contents .color-txt {
    font-size: calc(98 * (100vw / 750));
    line-height: 1.745;
  }
  .main-contents .variation-txt {
    font-size: calc(36 * (100vw / 750));
    line-height: 1.727;
  }
  .main-contents .name-txt {
    font-size: calc(24 * (100vw / 750));
  }
  .main-contents .price-txt span:nth-of-type(1) {
    font-size: calc(52 * (100vw / 750));
    line-height: 1.75;
  }
  .main-contents .price-txt span:nth-of-type(2) {
    font-size: calc(32 * (100vw / 750));
    line-height: 1.719;
  }
  .main-contents .firstview-container {
    width: calc(648 * (100vw / 750));
    margin-bottom: calc(56 * (100vw / 750));
  }
  .main-contents .firstview__image {
    margin-bottom: calc(56 * (100vw / 750));
  }
  .main-contents .firstview__lead {
    font-size: calc(26 * (100vw / 750));
    line-height: 1.731;
    letter-spacing: 0;
  }
  .main-contents .firstview__lead span:nth-of-type(3) {
    margin-bottom: calc(14 * (100vw / 750));
  }
  .main-contents .sec01-container {
    margin-bottom: calc(140 * (100vw / 750));
  }
  .main-contents .sec01-container::before {
    top: calc(173 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__heading {
    margin-bottom: calc(152 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--first {
    margin-bottom: calc(72 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--first::before {
    height: calc(900 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--first--image:nth-of-type(1) {
    width: calc(495 * (100vw / 750));
    margin-left: calc(53 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--first--image:nth-of-type(2) {
    width: calc(384 * (100vw / 750));
    margin: calc(-230 * (100vw / 750)) 0 0 calc(327 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--first--color {
    margin: calc(-79 * (100vw / 750)) 0 0 calc(14 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--second::before {
    height: calc(429 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--second--variation {
    margin-bottom: calc(24 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--second--item {
    width: calc(425 * (100vw / 750));
    margin-left: calc(11 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--second--credit {
    margin: calc(101 * (100vw / 750)) 0 0 calc(-16 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--second--credit--price {
    position: relative;
  }
  .main-contents .sec01-container .sec01__wrapper--second--credit--price span {
    position: absolute;
  }
  .main-contents .sec01-container .sec01__wrapper--second--credit--price span:nth-of-type(1) {
    top: calc(5 * (100vw / 750));
    left: calc(31 * (100vw / 750));
  }
  .main-contents .sec01-container .sec01__wrapper--second--credit--price span:nth-of-type(2) {
    letter-spacing: 0;
    top: calc(68 * (100vw / 750));
    left: calc(190 * (100vw / 750));
  }
  .main-contents .sec02-container {
    margin-bottom: calc(95 * (100vw / 750));
  }
  .main-contents .sec02-container::before {
    top: calc(148 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__heading {
    margin-bottom: calc(52 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--first--image:nth-of-type(1) {
    width: calc(502 * (100vw / 750));
    margin: 0 0 calc(3 * (100vw / 750)) calc(196 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper {
    margin-bottom: calc(150 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--image:nth-of-type(1) {
    width: calc(487 * (100vw / 750));
    margin-left: calc(15 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--image:nth-of-type(2) {
    width: calc(291 * (100vw / 750));
    margin: calc(127 * (100vw / 750)) 0 0 calc(-65 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit {
    margin: calc(-84 * (100vw / 750)) 0 0 calc(-55 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit span:nth-of-type(2) {
    top: calc(-10 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit span:nth-of-type(3) {
    top: calc(-15 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--second::before {
    height: calc(330 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--second--variation {
    margin-bottom: calc(2 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--second--credit {
    white-space: nowrap;
    position: absolute;
    top: calc(84 * (100vw / 750));
    left: calc(10 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--second--credit--name {
    font-size: calc(26 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--second--credit--price span:nth-of-type(1) {
    font-size: calc(38 * (100vw / 750));
    letter-spacing: 0;
    margin: calc(8 * (100vw / 750)) 0 0 calc(40 * (100vw / 750));
  }
  .main-contents .sec02-container .sec02__wrapper--second--credit--price span:nth-of-type(2) {
    font-size: calc(23 * (100vw / 750));
    letter-spacing: 0;
    margin: calc(-20 * (100vw / 750)) calc(35 * (100vw / 750)) 0 0;
  }
  .main-contents .sec02-container .sec02__wrapper--second--item {
    width: calc(540 * (100vw / 750));
    left: calc(6 * (100vw / 750));
  }
  .main-contents .sec03-container {
    margin-bottom: calc(158 * (100vw / 750));
  }
  .main-contents .sec03-container::before {
    top: calc(148 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__heading {
    margin-bottom: calc(112 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first {
    margin-bottom: calc(129 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first::before {
    width: calc(830 * (100vw / 750));
    height: calc(281 * (100vw / 750));
    top: calc(15 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first::after {
    height: calc(154 * (100vw / 750));
    top: calc(720 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first--color {
    margin-left: calc(52 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first--image:nth-of-type(1) {
    width: calc(680 * (100vw / 750));
    margin: calc(-47 * (100vw / 750)) 0 calc(239 * (100vw / 750)) calc(18 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper {
    -ms-grid-columns: 1fr calc(508 * (100vw / 750));
    grid-template-columns: 1fr calc(508 * (100vw / 750));
    position: relative;
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--image:nth-of-type(1) {
    position: absolute;
    width: calc(270 * (100vw / 750));
    top: calc(155 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit {
    white-space: nowrap;
    position: absolute;
    top: calc(148 * (100vw / 750));
    left: calc(10 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit span:nth-of-type(2) {
    top: calc(-10 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit span:nth-of-type(3) {
    top: calc(-14 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--second {
    position: relative;
  }
  .main-contents .sec03-container .sec03__wrapper--second::before {
    height: calc(429 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--variation {
    margin-bottom: calc(24 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--item {
    width: calc(468 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit {
    position: absolute;
    top: calc(190 * (100vw / 750));
    left: calc(-50 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--name {
    font-size: calc(29 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--price {
    position: relative;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--price span:nth-of-type(1) {
    font-size: calc(45 * (100vw / 750));
    letter-spacing: 0;
    position: absolute;
    top: calc(4 * (100vw / 750));
    left: calc(55 * (100vw / 750));
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--price span:nth-of-type(2) {
    font-size: calc(27 * (100vw / 750));
    letter-spacing: 0;
    position: absolute;
    top: calc(57 * (100vw / 750));
    left: calc(191 * (100vw / 750));
  }
  .main-contents .viewall-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(650 * (100vw / 750));
    margin-bottom: calc(34 * (100vw / 750));
  }
  .main-contents .viewall-container a:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .main-contents .viewall-container a:nth-of-type(2) {
    margin-bottom: calc(28 * (100vw / 750));
  }
  .main-contents .caution-txt {
    font-size: calc(13 * (100vw / 750));
    line-height: 1.769;
  }
  .pc-contents {
    display: none;
  }
  .sp-contents {
    display: inherit;
  }
}
@media only screen and (min-width: 768px) {
  #breadcrumb {
    width: 120rem;
    font-size: 1rem;
    margin: 8rem auto 2rem;
  }
  .scrTop__btn {
    font-size: 1.2rem;
    width: 120rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .main-contents {
    max-width: 120rem;
    margin: 0 auto 10rem;
  }
  .main-contents .image-out-border {
    -webkit-box-shadow: 0px 0px 0px 15px #fff;
    box-shadow: 0px 0px 0px 15px #fff;
  }
  .main-contents .name-txt {
    font-weight: normal;
  }
  .main-contents .section-container::before {
    height: 7.3rem;
  }
  .main-contents .variation-wrapper::before {
    top: 3.7rem;
  }
  .main-contents .heading-txt {
    font-size: 18rem;
    margin-left: 9.8rem;
  }
  .main-contents .color-txt {
    font-size: 15.1rem;
    line-height: 1.742;
  }
  .main-contents .variation-txt {
    font-size: 5.7rem;
    line-height: 1.761;
  }
  .main-contents .name-txt {
    font-size: 3.8rem;
  }
  .main-contents .price-txt {
    margin: 1rem 0 0 5rem;
  }
  .main-contents .price-txt span:nth-of-type(1) {
    font-size: 8.3rem;
    line-height: 1.735;
  }
  .main-contents .price-txt span:nth-of-type(2) {
    font-size: 5rem;
    line-height: 1.74;
    margin-top: -4.5rem;
    letter-spacing: 0;
  }
  .main-contents .firstview-container {
    width: 101rem;
    margin-bottom: 8.7rem;
  }
  .main-contents .firstview__image {
    margin-bottom: 8.5rem;
  }
  .main-contents .firstview__lead {
    font-size: 3.4rem;
    line-height: 1.769;
  }
  .main-contents .firstview__lead span:nth-of-type(3) {
    margin-bottom: 2.5rem;
  }
  .main-contents .sec01-container {
    margin-bottom: 23.7rem;
  }
  .main-contents .sec01-container::before {
    top: 26.5rem;
  }
  .main-contents .sec01-container .sec01__heading {
    margin-bottom: 23.3rem;
  }
  .main-contents .sec01-container .sec01__wrapper--first {
    margin-bottom: 11.1rem;
  }
  .main-contents .sec01-container .sec01__wrapper--first::before {
    height: 144.3rem;
  }
  .main-contents .sec01-container .sec01__wrapper--first--image:nth-of-type(1) {
    width: 76rem;
    margin-left: 10.1rem;
  }
  .main-contents .sec01-container .sec01__wrapper--first--image:nth-of-type(2) {
    width: 59rem;
    margin: -35rem 0 0 52.4rem;
  }
  .main-contents .sec01-container .sec01__wrapper--first--color {
    margin: -12.4rem 0 0 4.8rem;
  }
  .main-contents .sec01-container .sec01__wrapper--second::before {
    height: 66rem;
  }
  .main-contents .sec01-container .sec01__wrapper--second--variation {
    margin-bottom: 1.4rem;
  }
  .main-contents .sec01-container .sec01__wrapper--second--item {
    width: 65.2rem;
    position: relative;
    top: 2.5rem;
    left: 4rem;
  }
  .main-contents .sec01-container .sec01__wrapper--second--credit {
    margin: 18rem 0 0 1.6rem;
  }
  .main-contents .sec01-container .sec01__wrapper--second--credit--price {
    width: 38.6rem;
    margin: 1rem 0 0 5rem;
  }
  .main-contents .sec02-container {
    margin-bottom: 14.5rem;
  }
  .main-contents .sec02-container::before {
    top: 23rem;
  }
  .main-contents .sec02-container .sec02__heading {
    margin-bottom: 8rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first {
    margin-bottom: 21.5rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first--image:nth-of-type(1) {
    width: 77.3rem;
    margin: 0 0 0.4rem 32rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper {
    margin-bottom: 2rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--image:nth-of-type(1) {
    width: 75rem;
    margin: 0 0 0 4.4rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--image:nth-of-type(2) {
    width: 44.8rem;
    margin: 19rem 0 0 -10rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit {
    margin: -13rem 0 0 -9rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit span:nth-of-type(2) {
    top: -2rem;
  }
  .main-contents .sec02-container .sec02__wrapper--first--wrapper .sec02__wrapper--first--wrapper-credit span:nth-of-type(3) {
    top: -3rem;
  }
  .main-contents .sec02-container .sec02__wrapper--second::before {
    height: 50.8rem;
  }
  .main-contents .sec02-container .sec02__wrapper--second--variation {
    margin-bottom: 0.2rem;
  }
  .main-contents .sec02-container .sec02__wrapper--second--credit {
    position: relative;
    top: 12.5rem;
    left: 2rem;
  }
  .main-contents .sec02-container .sec02__wrapper--second--credit--price span:nth-of-type(1) {
    font-size: 5.9rem;
    margin: 2rem 0 0 1rem;
  }
  .main-contents .sec02-container .sec02__wrapper--second--credit--price span:nth-of-type(2) {
    font-size: 3.6rem;
    margin: -3rem 3rem 0 0;
  }
  .main-contents .sec02-container .sec02__wrapper--second--item {
    width: 82.7rem;
    left: -2rem;
  }
  .main-contents .sec03-container {
    margin-bottom: 32.5rem;
  }
  .main-contents .sec03-container::before {
    top: 22.8rem;
  }
  .main-contents .sec03-container .sec03__heading {
    margin-bottom: 17rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first {
    margin-bottom: 21.3rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first::before {
    width: 127.6rem;
    height: 43.2rem;
    top: 2rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first::after {
    height: 24rem;
    top: 110rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first--color {
    margin-left: 10rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first--image:nth-of-type(1) {
    width: 104.9rem;
    margin: -7rem 0 36.5rem 5rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--image:nth-of-type(1) {
    width: 41.8rem;
    margin: 16.2rem 0 0 4.5rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--image:nth-of-type(2) {
    width: 77.8rem;
    margin-left: -9rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit span:nth-of-type(1) {
    left: 3.2rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit span:nth-of-type(2) {
    top: -1.2rem;
    left: 3rem;
  }
  .main-contents .sec03-container .sec03__wrapper--first--wrapper .sec03__wrapper--first--wrapper-credit span:nth-of-type(3) {
    top: -2rem;
    left: 3.2rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second::before {
    height: 66rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--variation {
    margin-bottom: 3.2rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--item {
    width: 72.3rem;
    margin-left: 1.7rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit {
    margin: 27.8rem 0 0 -7rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--name {
    font-size: 4.7rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--price {
    margin: 0.4rem 0 0 8rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--price span:nth-of-type(1) {
    font-size: 7.4rem;
  }
  .main-contents .sec03-container .sec03__wrapper--second .sec03__wrapper--second--credit .sec03__wrapper--second--credit--price span:nth-of-type(2) {
    font-size: 4.5rem;
    margin: -4rem 10rem 0 0;
  }
  .main-contents .viewall-container {
    width: 114.5rem;
    margin-bottom: 15rem;
    -ms-grid-rows: 10.3rem;
    -ms-grid-columns: 54.5rem 5.5rem 54.5rem;
    grid-template: "item1 item2" 10.3rem/54.5rem 54.5rem;
    gap: 5.5rem;
  }
  .main-contents .viewall-container a:nth-of-type(1) {
    grid-area: item1;
  }
  .main-contents .viewall-container a:nth-of-type(2) {
    grid-area: item2;
  }
  .main-contents .viewall-container a:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main-contents .viewall-container a:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .main-contents .caution-txt {
    font-size: 2.2rem;
    line-height: 1.773;
  }
}