@charset "UTF-8";
@media screen and (min-width: 769px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}
.page {
  overflow: hidden;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
}
.page a {
  display: block;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.page a:hover {
  opacity: 0.6;
}
.page img {
  max-width: 100%;
  height: auto;
}
.page div, .page span, .page applet, .page object, .page iframe,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page p,
.page blockquote, .page pre, .page a, .page abbr, .page acronym, .page address,
.page big, .page cite, .page code, .page del, .page dfn, .page em, .page img, .page ins, .page kbd, .page q, .page s, .page samp, .page small, .page strike, .page strong, .page sub, .page sup, .page tt, .page var, .page b, .page u, .page i, .page center,
.page dl, .page dt, .page dd, .page ol, .page ul, .page li,
.page fieldset, .page form, .page label, .page legend,
.page table, .page caption, .page tbody, .page tfoot, .page thead, .page tr, .page th, .page td,
.page article, .page aside, .page canvas, .page details, .page embed, .page figure, .page figcaption, .page footer, .page header, .page hgroup,
.page menu, .page nav, .page output, .page ruby, .page section, .page summary, .page time, .page mark, .page audio, .page video, .page picture {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page article, .page aside, .page details, .page figcaption, .page figure, .page footer, .page header, .page hgroup, .page menu, .page nav, .page section, .page summary, .page picture {
  display: block;
}
.page *, .page *:before, .page *:after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.page button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.page {
  font-size: 16px;
  font-family: "Noto Sans", sans-serif;
  line-height: 1.45;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .page {
    font-size: 4.2vw;
  }
}
.page .c-inner {
  width: 92%;
  max-width: 976px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .page .c-inner {
    width: 89.6vw;
  }
}
.page .c-button__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .c-button__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .page .c-button__wrap .c-button {
    margin-right: 60px;
  }
  .page .c-button__wrap .c-button:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .c-button__wrap .c-button {
    margin-bottom: 7.8vw;
  }
  .page .c-button__wrap .c-button:last-child {
    margin-bottom: 0;
  }
}
.page .c-button {
  width: 320px;
  height: 70px;
  padding: 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border: 1px solid #222;
  border-radius: 10px;
  background-image: url("/order/assets/img/common/icon/c_button_arrow.svg");
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: center right 20px;
  background-color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .page .c-button {
    width: 83.3vw;
    height: 18.2vw;
    padding: 0 7.8vw;
    font-size: 4.2vw;
    border-radius: 2.6vw;
    background-size: 2.1vw auto;
    background-position: center right 5.2vw;
  }
}
.page .c-button.is-black {
  color: #fff;
  background-color: #222;
  background-image: url("/order/assets/img/common/icon/c_button_arrow-black.svg");
}
.page .c-button.is-big {
  height: 100px;
}
@media screen and (max-width: 768px) {
  .page .c-button.is-big {
    height: 26vw;
  }
}
.page .c-heading__2 {
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .page .c-heading__2 {
    margin: 0 0 7.8vw;
  }
}
.page .c-heading__2 span {
  color: #346560;
  display: block;
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.3em;
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .page .c-heading__2 span {
    font-size: 3.6vw;
    margin: 0 0 1.3vw;
  }
}
.page .c-heading__2 b {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.3em;
  line-height: 1.1875;
}
@media screen and (max-width: 768px) {
  .page .c-heading__2 b {
    display: block;
    font-size: 6.8vw;
    line-height: 1.84;
  }
}
.page .c-heading__2 b:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #000;
  margin: 0 0 0 10px;
}
@media screen and (max-width: 768px) {
  .page .c-heading__2 b:after {
    width: 13vw;
    margin: 2.6vw 0 0;
  }
}
.page .c-heading__3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.66;
  letter-spacing: 0.3em;
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .page .c-heading__3 {
    margin: 0 0 5.2vw;
    font-size: 4.2vw;
  }
}
.page .c-heading__3 b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.66;
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .page .c-heading__3 b {
    font-size: 5.2vw;
    margin: 0 0 1.3vw;
  }
}
.page .c-heading__3 b:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #000;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .page .c-heading__3 b:after {
    width: 13vw;
    margin: 0 0 0 5.2vw;
  }
}
.page .c-heading__3 span {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .page .c-heading__3 span {
    font-size: 4.2vw;
  }
}
.page .c-text__note {
  font-size: 14px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .page .c-text__note {
    font-size: 3.6vw;
    line-height: 2.14;
  }
}
.page .c-align-right {
  text-align: right;
}
.page.ladies .c-heading__2 span {
  color: #C6958C;
}

.page .hero {
  margin: 0 auto 200px;
}
@media screen and (max-width: 768px) {
  .page .hero {
    margin: 0 auto 26vw;
  }
}
.page .hero .hero__mv {
  margin: 0 auto 103px;
}
@media screen and (max-width: 768px) {
  .page .hero .hero__mv {
    margin: 0 auto 15.6vw;
  }
}
.page .hero .hero__lead {
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 0.25em;
  line-height: 2.5;
  text-align: center;
  margin: 0 auto 105px;
}
@media screen and (max-width: 768px) {
  .page .hero .hero__lead {
    font-size: 6.8vw;
    line-height: 1.92;
    margin: 0 auto 15.1vw;
  }
}
.page .hero .hero__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .page .hero .hero__link {
    display: block;
    width: 74.2vw;
    margin: 0 auto 7.8vw;
  }
}
@media screen and (min-width: 769px) {
  .page .hero .hero__link .hero__link__item {
    width: 29.2%;
    margin: 0 6.1% 0 0;
  }
  .page .hero .hero__link .hero__link__item:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .hero .hero__link .hero__link__item {
    width: 100%;
    margin: 0 auto 9.1vw;
    text-align: center;
  }
  .page .hero .hero__link .hero__link__item:last-child {
    margin-bottom: 0;
  }
}
.page .hero .hero__link .hero__link__title {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .page .hero .hero__link .hero__link__title {
    text-align: left;
    margin: 0 0 3.9vw;
    font-size: 4.2vw;
  }
}
.page .hero .hero__link .hero__link__title span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 10px;
  color: #346560;
}
@media screen and (max-width: 768px) {
  .page .hero .hero__link .hero__link__title span {
    font-size: 5.2vw;
    margin: 0 0 2.6vw;
  }
}
.page .hero .hero__link .hero__link__title span:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #000;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 768px) {
  .page .hero .hero__link .hero__link__title span:after {
    width: 13vw;
    margin: 0 0 0 5.2vw;
  }
}
.page.ladies .hero .hero__link__title span {
  color: #C6958C;
}

.page .charm {
  padding: 80px 0 75px;
  margin: 0 0 80px;
  background-color: #000;
  background-image: url("/order/assets/img/mens/charm_bg-pc.jpg");
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page .charm {
    padding: 15.6vw 0;
    margin: 0 0 10.4vw;
    background-image: url("/order/assets/img/mens/charm_bg-sp.jpg");
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .page .charm .c-heading__2 {
    margin: 0 0 10.4vw;
  }
}
.page .charm .c-heading__2 span {
  color: #fff;
}
.page .charm .c-heading__2 b:after {
  background: #fff;
}
.page .charm .charm__point .charm__point__item {
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .page .charm .charm__point .charm__point__item {
    margin: 0 0 10.4vw;
    font-weight: 400;
    font-size: 4.2vw;
    line-height: 1.875;
    text-shadow: 0px 0px 4px rgb(0, 0, 0);
  }
}
.page .charm .charm__point .charm__point__item:last-child {
  margin-bottom: 0;
}
.page .charm .charm__point .charm__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.45;
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .page .charm .charm__point .charm__title {
    font-size: 5.2vw;
    margin: 0 0 3.1vw;
  }
}

.page .comparison {
  margin: 0 0 200px;
}
@media screen and (max-width: 768px) {
  .page .comparison {
    margin: 0 0 26vw;
  }
}
.page .comparison .comparison__list {
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .page .comparison .comparison__list {
    margin: 0 0 15.6vw;
  }
}
.page .comparison .comparison__title {
  padding: 8px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.43;
  background-color: #346560;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .comparison .comparison__title {
    padding: 2.3vw 0;
    font-size: 4.2vw;
  }
}
.page .comparison .comparison__text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 0;
}
@media screen and (max-width: 768px) {
  .page .comparison .comparison__text {
    padding: 5.2vw 0;
  }
}
.page .comparison .comparison__text:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #000;
}
.page .comparison .comparison__text p {
  padding: 0 20px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .page .comparison .comparison__text p {
    line-height: 1.875;
    letter-spacing: -0.02em;
  }
  .page .comparison .comparison__text p:nth-child(1) {
    padding: 0 3.9vw 0 0;
  }
  .page .comparison .comparison__text p:nth-child(2) {
    padding: 0 0 0 3.9vw;
  }
}
.page.ladies .comparison .comparison__title {
  background-color: #C6958C;
}

.page .recommend {
  margin: 0 0 200px;
}
@media screen and (max-width: 768px) {
  .page .recommend {
    margin: 0 0 26vw;
  }
}
.page .recommend .recommend__main {
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main {
    margin: 0 0 15.6vw;
  }
}
.page .recommend .recommend__main .recommend__main__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page .recommend .recommend__main .recommend__main__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__main__item {
    display: block;
    margin-bottom: 15.6vw;
  }
  .page .recommend .recommend__main .recommend__main__item:last-child {
    margin-bottom: 0;
  }
}
.page .recommend .recommend__main .recommend__main__img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__main__img {
    width: 100%;
    margin: 0 0 3.4vw;
  }
}
.page .recommend .recommend__main .recommend__main__contents {
  width: 45.9%;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__main__contents {
    width: 100%;
  }
}
.page .recommend .recommend__main .recommend__text {
  margin: 0 0 28px;
  font-weight: 400;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__text {
    margin: 0 0 5.2vw;
  }
}
.page .recommend .recommend__main .recommend__list {
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__list {
    margin: 0 0 5.2vw;
  }
}
.page .recommend .recommend__main .recommend__list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__list li {
    margin: 0 0 3.9vw;
  }
}
.page .recommend .recommend__main .recommend__list li:last-child {
  margin-bottom: 0;
}
.page .recommend .recommend__main .recommend__list li:before {
  content: "";
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #346560;
  background-image: url(/order/assets/img/common/icon/icon-check.png);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__list li:before {
    width: 5.2vw;
    height: 5.2vw;
    background-size: 4.7vw 4.7vw;
    margin: 0 3.9vw 0 0;
  }
}
.page .recommend .recommend__main .recommend__lead {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.66;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .recommend__lead {
    font-size: 5.2vw;
  }
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .c-heading__3 {
    margin: 0 0 3.9vw;
  }
}
.page .recommend .recommend__main .c-heading__3 b {
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .page .recommend .recommend__main .c-heading__3 b {
    margin: 0;
  }
}
.page .recommend .recommend__main .c-heading__3 span {
  letter-spacing: 0;
}
.page.ladies .recommend .recommend__list li:before {
  background-color: #C6958C;
}

.page .choice {
  margin: 0 0 200px;
  padding: 80px 0;
  background-color: #F9F9F9;
}
@media screen and (max-width: 768px) {
  .page .choice {
    margin: 0 0 26vw;
    padding: 15.6vw 0;
  }
}
.page .choice .choice__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .page .choice .choice__main {
    display: block;
    margin: 0 0 10.4vw;
  }
}
@media screen and (min-width: 769px) {
  .page .choice .choice__main .choice__main__item {
    width: 46.7%;
    margin: 50px 6.5% 0 0;
  }
  .page .choice .choice__main .choice__main__item:nth-child(even) {
    margin-right: 0;
  }
  .page .choice .choice__main .choice__main__item:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .choice .choice__main .choice__main__item {
    width: 100%;
    margin: 0 0 7.8vw;
  }
  .page .choice .choice__main .choice__main__item:last-child {
    margin-bottom: 0;
  }
}
.page .choice .choice__main .choice__main__item .c-heading__3 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .page .choice .choice__main .choice__main__item .c-heading__3 {
    margin-bottom: 2.6vw;
  }
}
@media screen and (max-width: 768px) {
  .page .choice .choice__main .choice__main__item .c-heading__3 b {
    letter-spacing: 0.1em;
  }
}
.page .choice .choice__main .choice__main__item .c-align-right {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .page .choice .choice__main .choice__main__item .c-align-right {
    margin-top: 1.3vw;
  }
}
.page .choice .choice__main .choice__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page .choice .choice__main .choice__list li {
  width: 31.57%;
  margin: 0 2.6% 0 0;
}
.page .choice .choice__main .choice__list li:last-child {
  margin-right: 0;
}
.page .choice .choice__main .choice__list li p {
  margin: 15px 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .choice .choice__main .choice__list li p {
    margin: 2.1vw 0 0;
  }
}

.page .voice {
  margin: 0 auto 200px;
}
@media screen and (max-width: 768px) {
  .page .voice {
    margin: 0 auto 26vw;
  }
}
@media screen and (max-width: 768px) {
  .page .voice .c-heading__2 {
    margin-bottom: 10.4vw;
  }
}
.page .voice .voice__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .page .voice .voice__list {
    display: block;
    margin: 0 0 10.4vw;
  }
}
.page .voice .voice__item {
  padding: 0 30px 30px 0;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
}
@media screen and (min-width: 769px) {
  .page .voice .voice__item {
    width: 46.9%;
    margin: 60px 6.1% 0 0;
  }
  .page .voice .voice__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .page .voice .voice__item:nth-child(even) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .voice .voice__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 29.2vw 5.2vw 5.2vw 0;
    margin: 0 0 10.4vw;
  }
  .page .voice .voice__item:last-child {
    margin-bottom: 0;
  }
}
.page .voice .voice__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 12px;
}
@media screen and (min-width: 769px) {
  .page .voice .voice__head {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .page .voice .voice__head {
    display: block;
    margin: 0 3.1vw 0 0;
  }
}
.page .voice .voice__head .voice__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 20px;
  font-weight: 500;
  padding: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .page .voice .voice__head .voice__title {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 5.2vw;
    padding: 0;
  }
}
.page .voice .voice__head .voice__title span {
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.3em;
  color: #fff;
  background-color: #346560;
  padding: 10px;
  font-size: 16px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .page .voice .voice__head .voice__title span {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 182px;
  }
}
@media screen and (max-width: 768px) {
  .page .voice .voice__head .voice__title span {
    width: 59.9vw;
    display: block;
    padding: 2.6vw;
    font-size: 4.2vw;
    margin: 0 0 5.2vw;
  }
}
.page .voice .voice__head .voice__img {
  min-width: 130px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0 0 0 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .voice .voice__head .voice__img {
    min-width: 34.4vw;
    margin: 0 0 2.6vw;
    text-align: left;
  }
}
.page .voice .voice__head .voice__img img {
  display: block;
  width: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page .voice .voice__head .voice__img img {
    width: 26vw;
  }
}
.page .voice .voice__head .voice__img p {
  margin: 10px 0 0;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: 0;
}
.page .voice .voice__text p {
  line-height: 1.875;
}
.page.ladies .voice .voice__title span {
  background-color: #C6958C;
}

.page .date {
  padding: 80px 0;
  margin: 0 0 200px;
  background-color: #F9F9F9;
}
@media screen and (max-width: 768px) {
  .page .date {
    padding: 15.6vw 0;
    margin: 0 0 26vw;
  }
}
.page .price-list {
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .page .price-list {
    margin: 0 0 15.6vw;
  }
}
.page .price-list .price-list__main {
  margin: 0 0 80px;
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__main {
    margin: 0 0 15.6vw;
  }
}
.page .price-list .price-list__main .price-list__table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__main .price-list__table {
    display: block;
    margin: 0 0 10.4vw;
  }
}
.page .price-list .price-list__main .price-list__table .price-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 31%;
  padding: 90px 25px;
  margin: 0 3.38% 0 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .page .price-list .price-list__main .price-list__table .price-list__item:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__main .price-list__table .price-list__item {
    width: 100%;
    padding: 24vw 13vw 23.4vw;
    margin: 0 0 5.2vw;
  }
  .page .price-list .price-list__main .price-list__table .price-list__item:last-child {
    margin-bottom: 0;
  }
}
.page .price-list .price-list__main .price-list__table .price-list__item:nth-child(1) {
  background-image: url("/order/assets/img/mens/price-list_bg-1.jpg");
}
.page .price-list .price-list__main .price-list__table .price-list__item:nth-child(2) {
  background-image: url("/order/assets/img/mens/price-list_bg-2.jpg");
}
.page .price-list .price-list__main .price-list__table .price-list__item:nth-child(3) {
  background-image: url("/order/assets/img/mens/price-list_bg-3.jpg");
}
.page .price-list .price-list__main .price-list__table .price-list__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: 1.45;
  margin: 0 0 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__main .price-list__table .price-list__title {
    font-size: 5.2vw;
    margin: 0 0 7.8vw;
  }
}
.page .price-list .price-list__main .price-list__table .price-list__text {
  line-height: 1.875;
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__main .price-list__table .price-list__text {
    margin: 0 0 6.5vw;
  }
}
.page .price-list .price-list__main .price-list__table .price-list__value {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__main .price-list__table .price-list__value {
    font-size: 8.3vw;
  }
}
.page .price-list .price-list__sub .c-heading__3 {
  text-align: center;
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__sub .c-heading__3 {
    margin: 0 0 5.2vw;
  }
}
.page .price-list .price-list__sub .price-list__table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__sub .price-list__table {
    display: block;
    margin: 0 0 10.4vw;
  }
}
.page .price-list .price-list__sub .price-list__table .price-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 28px;
  border-bottom: 1px solid #222;
}
@media screen and (min-width: 769px) {
  .page .price-list .price-list__sub .price-list__table .price-list__item {
    width: 31.1%;
    margin: 30px 3.3% 0 0;
  }
  .page .price-list .price-list__sub .price-list__table .price-list__item:nth-child(3n) {
    margin-right: 0;
  }
  .page .price-list .price-list__sub .price-list__table .price-list__item:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .page .price-list .price-list__sub .price-list__table .price-list__item {
    width: 100%;
    padding: 0 0 5.2vw;
    margin: 0 0 5.2vw;
  }
  .page .price-list .price-list__sub .price-list__table .price-list__item:last-child {
    margin-bottom: 0;
  }
}
.page .price-list .price-list__sub .price-list__table .price-list__title,
.page .price-list .price-list__sub .price-list__table .price-list__value {
  font-family: "Montserrat", sans-serif;
  line-height: 1.25;
}
.page .price-list .price-list__sub .price-list__table .price-list__value {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .page .price-list .price-list__sub .price-list__table--2 {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .page .price-list .price-list__sub .price-list__table--2 .price-list__item {
    width: 47.5%;
    margin: 30px 5% 0 0;
  }
  .page .price-list .price-list__sub .price-list__table--2 .price-list__item:nth-child(even) {
    margin-right: 0;
  }
  .page .price-list .price-list__sub .price-list__table--2 .price-list__item:nth-child(3n) {
    margin-right: 5%;
  }
  .page .price-list .price-list__sub .price-list__table--2 .price-list__item:nth-child(3) {
    margin-top: 30px;
  }
}
.page.ladies .price-list__main .price-list__table .price-list__item:nth-child(1) {
  background-image: url("/order/assets/img/ladies/top/price-list_bg-1.jpg");
}
.page.ladies .price-list__main .price-list__table .price-list__item:nth-child(2) {
  background-image: url("/order/assets/img/ladies/top/price-list_bg-2.jpg");
}
.page.ladies .price-list__main .price-list__table .price-list__item:nth-child(3) {
  background-image: url("/order/assets/img/ladies/top/price-list_bg-3.jpg");
}

.page .howto {
  margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
  .page .howto {
    margin: 0 0 13vw;
  }
}
.page .howto .howto__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 30px;
}
@media screen and (max-width: 768px) {
  .page .howto .howto__list {
    display: block;
    margin: 0 0 10.9vw;
  }
}
.page .howto .howto__item {
  width: 25%;
  background-image: url("/order/assets/img/mens/howto_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}
@media screen and (min-width: 769px) {
  .page .howto .howto__item {
    margin: 0 30px 0 0;
    padding: 0 60px 0 0;
  }
  .page .howto .howto__item:last-child {
    width: auto;
    margin-right: 0;
    padding-right: 0;
    background: none;
  }
  .page .howto .howto__item .howto__text {
    max-width: 174px;
  }
}
@media screen and (max-width: 768px) {
  .page .howto .howto__item {
    width: 100%;
    margin: 0 0 7.8vw;
    padding: 0 0 13vw;
    background-image: url("/order/assets/img/mens/howto_arrow-bottom.png");
    background-position: center bottom;
    text-align: center;
  }
  .page .howto .howto__item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .page .howto .howto__item:nth-child(2) .howto__heading:after {
    background-image: url("/order/assets/img/mens/howto_icon-2.png");
  }
}
@media screen and (max-width: 768px) {
  .page .howto .howto__item:nth-child(2) .howto__title:after {
    background-image: url("/order/assets/img/mens/howto_icon-2.png");
  }
}
@media screen and (min-width: 769px) {
  .page .howto .howto__item:nth-child(3) .howto__heading:after {
    background-image: url("/order/assets/img/mens/howto_icon-3.png");
  }
}
@media screen and (max-width: 768px) {
  .page .howto .howto__item:nth-child(3) .howto__title:after {
    background-image: url("/order/assets/img/mens/howto_icon-3.png");
  }
}
@media screen and (min-width: 769px) {
  .page .howto .howto__item:nth-child(4) .howto__heading:after {
    background-image: url("/order/assets/img/mens/howto_icon-4.png");
  }
}
@media screen and (max-width: 768px) {
  .page .howto .howto__item:nth-child(4) .howto__title:after {
    background-image: url("/order/assets/img/mens/howto_icon-4.png");
  }
}
.page .howto .howto__heading {
  margin: 0 0 20px;
}
@media screen and (min-width: 769px) {
  .page .howto .howto__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page .howto .howto__heading img {
    width: 41px;
  }
  .page .howto .howto__heading:after {
    content: "";
    display: inline-block;
    width: 66px;
    height: 66px;
    background-image: url("/order/assets/img/mens/howto_icon-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page .howto .howto__heading {
    width: 10.7vw;
    margin: 0 auto 0.5vw;
  }
}
.page .howto .howto__title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.3em;
  line-height: 1.45;
  margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
  .page .howto .howto__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 5.2vw;
    margin: 0 0 2.6vw;
  }
  .page .howto .howto__title:after {
    content: "";
    display: inline-block;
    width: 17.2vw;
    height: 17.2vw;
    background-image: url("/order/assets/img/mens/howto_icon-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 2.6vw auto 0;
  }
}
.page .howto .howto__text {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .page .howto .howto__text {
    text-align: left;
  }
}
.page .howto .c-button__wrap {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .page .howto .c-button__wrap {
    margin-top: 13vw;
  }
}
@media screen and (min-width: 769px) {
  .page.ladies .howto .howto__item {
    background-image: url(/order/assets/img/ladies/top/howto_arrow.png);
  }
  .page.ladies .howto .howto__item:last-child {
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .page.ladies .howto .howto__item {
    background-image: url(/order/assets/img/ladies/top/howto_arrow-bottom.png);
  }
}
@media screen and (min-width: 769px) {
  .page.ladies .howto .howto__item:nth-child(1) .howto__heading:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-1.png");
  }
  .page.ladies .howto .howto__item:nth-child(2) .howto__heading:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-2.png");
  }
  .page.ladies .howto .howto__item:nth-child(3) .howto__heading:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-3.png");
  }
  .page.ladies .howto .howto__item:nth-child(4) .howto__heading:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-4.png");
  }
}
@media screen and (max-width: 768px) {
  .page.ladies .howto .howto__item:nth-child(1) .howto__title:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-1.png");
  }
  .page.ladies .howto .howto__item:nth-child(2) .howto__title:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-2.png");
  }
  .page.ladies .howto .howto__item:nth-child(3) .howto__title:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-3.png");
  }
  .page.ladies .howto .howto__item:nth-child(4) .howto__title:after {
    background-image: url("/order/assets/img/ladies/top/howto_icon-4.png");
  }
}

.page .experience {
  margin: 0 0 200px;
  text-align: center;
  line-height: 1.875;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .page .experience {
    margin: 0 0 26vw;
  }
}
.page .experience .c-inner {
  padding: 60px 0;
  background-image: url("/order/assets/img/mens/experience_bg-pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .page .experience .c-inner {
    width: 100%;
    padding: 9.4vw 0 10.4vw;
    background-image: url("/order/assets/img/mens/experience_bg-sp.jpg");
  }
}
.page .experience .experience__head {
  color: #fff;
  margin: 0 0 55px;
}
@media screen and (max-width: 768px) {
  .page .experience .experience__head {
    margin: 0 0 7.8vw;
    padding: 0 5.2vw;
  }
}
.page .experience .experience__heading {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.3em;
  margin: 0 0 5px;
}
@media screen and (max-width: 768px) {
  .page .experience .experience__heading {
    font-size: 6.3vw;
    margin: 0 0 2.6vw;
  }
}
.page.ladies .experience .c-inner {
  background-image: url(/order/assets/img/ladies/top/experience_bg-pc.jpg);
}
@media screen and (max-width: 768px) {
  .page.ladies .experience .c-inner {
    background-image: url(/order/assets/img/ladies/top/experience_bg-sp.jpg);
  }
}

.page .faq {
  padding: 80px 0;
  margin: 0 0 200px;
  background: #F9F9F9;
}
@media screen and (max-width: 768px) {
  .page .faq {
    padding: 13vw 0;
    margin: 0 0 26vw;
  }
}
.page .faq .faq__main {
  padding: 40px 50px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__main {
    padding: 5.2vw 5.2vw 7.8vw;
  }
}
.page .faq .faq__list {
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__list {
    margin: 0 0 7.8vw;
  }
}
.page .faq .faq__item {
  margin: 0 0 50px;
  border-bottom: 1px solid #222;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__item {
    margin: 0 0 5.2vw;
  }
}
.page .faq .faq__item:last-child {
  margin-bottom: 0;
}
.page .faq .faq__item .faq__title {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 45px;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__item .faq__title {
    margin: 0 0 5.2vw;
  }
}
.page .faq .faq__item .faq__title:after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #346560;
  background-position: center center;
  background-size: 14px auto;
  background-repeat: no-repeat;
  background-image: url("/order/assets/img/mens/icon_accordion_plus.svg");
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__item .faq__title:after {
    width: 7.3vw;
    height: 7.3vw;
    background-size: 3.6vw auto;
  }
}
.page .faq .faq__item .faq__title span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.3em;
  padding: 0 20px 0 0;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__item .faq__title span {
    font-size: 5.2vw;
    padding: 0 2.6vw 0 0;
  }
}
.page .faq .faq__item .faq__title span:before {
  content: "Q";
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  line-height: 1.2;
  color: #346560;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__item .faq__title span:before {
    font-size: 6.3vw;
    margin: 0 1.3vw 0 0;
  }
}
.page .faq .faq__item .faq__text {
  display: none;
  padding: 0 0 50px;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .page .faq .faq__item .faq__text {
    padding: 0 0 5.2vw;
  }
}
.page .faq .faq__item.is-open .faq__title span {
  color: #C9C9C9;
}
.page .faq .faq__item.is-open .faq__title span:before {
  color: #222;
}
.page .faq .faq__item.is-open .faq__title:after {
  background-color: #C9C9C9;
  background-image: url("/order/assets/img/mens/icon_accordion_minus.svg");
}
.page.ladies .faq .faq__title:after {
  background-color: #C6958C;
}