@charset "UTF-8";
@font-face {
  font-family: "FriendlyExpart";
  src: url(/assets/font/FriendlyExpart.woff) format("woff");
}
:root {
  --primary: #FADBAA;
  --white: #fff;
  --lightGoldGray: #FDFAF2;
  --midGoldGray: #FBF8F0;
  --goldGray: #F8F3E7;
  --lightRizeGold: #C6B183;
  --rizeGold: #B59751;
  --green: #65D171;
  --orange: #F7B837;
  --lightGray: #B2ADA9;
  --gray: #88837F;
  --pink: #E8857D;
  --darkGray: #6D6764;
  --subGray01: #A7A7A7;
  --subGray02: #BFBFBF;
  --grad-start-color01: #F7B837;
  --grad-end-color01: #B59751;
  --bg-gradient01: linear-gradient(var(--grad-start-color01), var(--grad-end-color01));
  --grad-start-color02: #BAA063;
  --grad-end-color02: #A88534;
  --bg-gradient02: linear-gradient(var(--grad-start-color02), var(--grad-end-color02));
}

body {
  transition: 1s all;
}
body .modMachine__Title {
  color: var(--lightRizeGold);
  transition: 1s all;
}
body .modMachine__Title .upper {
  border-bottom-color: var(--lightRizeGold);
}
body .modMachine__text {
  color: var(--gray);
}

body.brown {
  background: var(--lightRizeGold);
}
body.brown .modSection__title .modSection__title__main {
  color: #fff;
}
body.brown .modMachine__Title, body.brown .modMachine__text {
  color: #fff;
  transition: 1s all;
}
body.brown .modMachine__Title .upper, body.brown .modMachine__text .upper {
  border-bottom-color: #fff;
}
body.brown .modMachine__Title .sub, body.brown .modMachine__text .sub {
  color: #FFE76E;
}

body.goldGray {
  background: var(--goldGray);
}

body.white {
  background: #fff;
}

.youtube {
  position: relative;
  width: 89.53125vw;
  padding-top: 50.5%;
  margin: 0 auto 26.875vw;
}
@media screen and (min-width: 768px) {
  .youtube {
    width: 964px;
    height: 542px;
    padding: 0;
    margin: 0 auto 200px;
  }
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.font_orange {
  color: var(--orange);
}

.txt-center {
  text-align: center;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.drop-shadow {
  box-shadow: 0 0.625vw 1.5625vw 0 rgba(0, 0, 0, 0.08);
}

.relative {
  position: relative;
}

.priceKv__skin {
  text-align: center;
  background: url(/assets/img/skin/price/mv_sp.jpg) top center no-repeat;
  background-size: 100% auto;
  height: 134.375vw;
  position: relative;
}
@media screen and (max-width: 767px) {
  .priceKv__skin {
    padding-top: 92.34375vw;
  }
}
@media screen and (min-width: 768px) {
  .priceKv__skin {
    background: url(/assets/img/skin/price/mv_pc.jpg) top center no-repeat;
    background-size: 100% auto;
    min-height: 582px;
    height: 45.39vw;
    margin-bottom: 134px;
  }
}
@media screen and (min-width: 768px) {
  .priceKv__skin .mv {
    width: auto;
    position: relative;
    top: 189px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-left: 473px;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 768px) and (min-width: 1297px) {
  .priceKv__skin .mv {
    top: 14.77vw;
  }
}
.priceKv__skin .mv__midashi {
  color: var(--lightRizeGold);
  font-size: 16px;
  font-weight: bold;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 33%, #fff 66%, rgba(255, 255, 255, 0));
  padding: 0.3em 0;
  margin-bottom: 3.4375vw;
}
@media screen and (max-width: 767px) {
  .priceKv__skin .mv__midashi {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .priceKv__skin .mv__midashi {
    padding: 0.2em 0;
    margin-bottom: 15px;
  }
}
.priceKv__skin .mv__effectiveArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 89.375vw;
  margin: 0 auto 3.90625vw;
}
@media screen and (min-width: 768px) {
  .priceKv__skin .mv__effectiveArea {
    width: 390px;
    margin: 0 0 17px;
  }
}
.priceKv__skin .mv__effectiveArea__parts {
  color: var(--lightRizeGold);
  font-weight: bold;
  width: 20.625vw;
  height: 7.34375vw;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.5625vw;
  margin-bottom: 2.34375vw;
}
@media screen and (min-width: 768px) {
  .priceKv__skin .mv__effectiveArea__parts {
    width: 90px;
    height: 32px;
    border-radius: 8px;
    margin-bottom: 10px;
  }
}
.priceKv__skin h1 {
  font-size: 46px;
  color: var(--lightRizeGold);
  letter-spacing: 0.1em;
  line-height: 1.8;
  display: block;
  margin: 0 auto 3.578125vw;
}
@media screen and (max-width: 767px) {
  .priceKv__skin h1 {
    font-size: 7.1875vw;
  }
}
@media screen and (min-width: 768px) {
  .priceKv__skin h1 {
    margin-bottom: 35px;
  }
}
.priceKv__skin h1 .h1__subTop {
  font-size: 14px;
  color: var(--gray);
  letter-spacing: 0.1em;
  display: block;
}
@media screen and (max-width: 767px) {
  .priceKv__skin h1 .h1__subTop {
    font-size: 3.125vw;
  }
}
.priceKv__skin h1 .h1__subUnder {
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 16px;
  font-weight: normal;
  color: var(--orange);
  letter-spacing: 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .priceKv__skin h1 .h1__subUnder {
    font-size: 2.8125vw;
  }
}

.inner {
  width: 89.375vw;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .inner {
    width: 964px;
  }
}

ul.buttons li {
  width: 41.5625vw;
  height: 22.03125vw;
  background-color: #c7b184 !important;
  background-position: top center !important;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  ul.buttons li {
    width: 200px;
    height: 104px;
  }
}
ul.buttons li p {
  width: 100%;
  height: calc(100% - 6.875vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  ul.buttons li p {
    height: calc(100% - 34px);
  }
}
ul.buttons li a {
  width: 100%;
  height: 100%;
  position: relative;
}
ul.buttons li a .readMore {
  color: var(--lightRizeGold);
  font-size: 16px;
  width: 100%;
  height: 6.875vw;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  ul.buttons li a .readMore {
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  ul.buttons li a .readMore {
    height: 34px;
  }
}

@media screen and (min-width: 768px) {
  .caution {
    text-align: center;
  }
}
h2 {
  color: var(--lightRizeGold);
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 3.125vw;
  border-bottom: 1px solid var(--lightRizeGold);
  margin-top: 28.125vw;
  margin-bottom: 12.5vw;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) {
  h2 {
    width: 964px;
    padding-bottom: 13px;
    margin: 180px auto 66px;
  }
}
h2 a {
  display: block;
  position: relative;
}
h2 a::after {
  content: "";
  display: inline-block;
  width: 5vw;
  height: 1.09375vw;
  background-color: #C6B183;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.722 3.562'%3E%3Cg transform='translate(0 0.047)'%3E%3Crect width='15.844' height='0.69' transform='translate(0 1.734)'/%3E%3Cpath d='M1.425.026,2.9,2.494.046,2.441Z' transform='translate(13.967 1.379) rotate(-30)'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.722 3.562'%3E%3Cg transform='translate(0 0.047)'%3E%3Crect width='15.844' height='0.69' transform='translate(0 1.734)'/%3E%3Cpath d='M1.425.026,2.9,2.494.046,2.441Z' transform='translate(13.967 1.379) rotate(-30)'/%3E%3C/g%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5.3125vw;
}
@media screen and (min-width: 768px) {
  h2 a::after {
    width: 32px;
    height: 7px;
    right: 0;
  }
}
h2.optionTitle {
  color: #DDBF7C;
  padding-bottom: 0;
  border-bottom: none;
  margin-top: 12.5vw;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  h2.optionTitle {
    margin-top: 80px;
  }
}

.box {
  width: calc(100% + 1.25vw);
  border-collapse: separate;
  border-spacing: 0.625vw;
  margin: 6.875vw -0.625vw -0.625vw;
}
@media screen and (min-width: 768px) {
  .box {
    width: 600px;
    margin: 34px auto -4px;
    border-spacing: 4px;
  }
}
.box th,
.box td {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.box th {
  color: #fff;
  font-size: 20px;
  white-space: nowrap;
  width: 33.90625vw;
  background: #C6B183;
}
@media screen and (max-width: 767px) {
  .box th {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .box th {
    width: 260px;
    padding: 20px 0;
  }
}
.box td {
  font-size: 26px;
  width: calc(100% - 33.90625vw);
  background: #fff;
  padding-right: 4.53125vw;
}
@media screen and (max-width: 767px) {
  .box td {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .box td {
    width: 340px;
    padding-right: 30px;
  }
}
.box td div.flex {
  min-height: 13.28125vw;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .box td div.flex {
    min-height: 65px;
  }
}
.box td div.flex .parts {
  color: var(--lightRizeGold);
  font-size: 16px;
  width: 12.5vw;
  background: rgba(235, 235, 235, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .box td div.flex .parts {
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  .box td div.flex .parts {
    width: 85px;
  }
}
.box td div.flex .count {
  color: var(--lightRizeGold);
  font-size: 16px;
  width: 12.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .box td div.flex .count {
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 768px) {
  .box td div.flex .count {
    width: 85px;
  }
}
.box td div.flex .price {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.box.optionBox th {
  background: #DDBF7C;
}
.box.optionBox td div.flex .count {
  color: #DDBF7C;
}

#oligiox img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #oligiox img {
    width: 600px;
  }
}

@media screen and (max-width: 767px) {
  #oligioHifu .box th {
    letter-spacing: -0.05em;
  }
}
#homecare {
  margin-top: 32.8125vw;
}
@media screen and (min-width: 768px) {
  #homecare {
    margin-top: 250px;
  }
}

.add0 {
  font-weight: bold;
  padding: 30.78125vw 0 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .add0 {
    padding: 180px 0 0;
  }
}
.add0 #jsShape05 {
  top: 0;
}
.add0 h3 {
  color: var(--lightRizeGold);
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4375;
  letter-spacing: 0.3em;
  margin-bottom: 9.375vw;
}
@media screen and (max-width: 767px) {
  .add0 h3 {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .add0 h3 {
    margin-bottom: 90px;
  }
}
.add0 img {
  width: 73.125vw;
  display: block;
  margin: 0 auto 10.625vw;
}
@media screen and (min-width: 768px) {
  .add0 img {
    width: 350px;
    margin: 0;
  }
}
.add0 .text {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .add0 .text {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .add0 .text {
    width: 482px;
  }
}
@media screen and (min-width: 768px) {
  .add0 .inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}

.modFaq h2,
#method h2 {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}