@charset "UTF-8";
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: perspective(800px) translateZ(-80px);
            transform: perspective(800px) translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(800px) translateZ(0);
            transform: perspective(800px) translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: perspective(800px) translateZ(-80px);
            transform: perspective(800px) translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(800px) translateZ(0);
            transform: perspective(800px) translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform: perspective(800px) translateZ(80px);
            transform: perspective(800px) translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(800px) translateZ(0);
            transform: perspective(800px) translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-bck {
  0% {
    -webkit-transform: perspective(800px) translateZ(80px);
            transform: perspective(800px) translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(800px) translateZ(0);
            transform: perspective(800px) translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, em, figcaption, figure, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
button, fieldset, form, input, label, legend, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, small {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}

audio, canvas, video {
  display: inline-block;
  max-width: 100%;
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

blockquote, q {
  quotes: "" "";
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

ol, ul, li {
  list-style: none;
}

p {
  margin-bottom: 20px;
}

b, strong {
  font-weight: bold;
}

cite, dfn, em, i {
  font-style: italic;
}

ins, mark {
  text-decoration: none;
}

img, svg {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

a {
  text-decoration: none;
}

iframe {
  max-width: 100%;
  vertical-align: middle;
}

:focus {
  outline: 0;
}

hr {
  display: none;
}

body {
  font-family: "M PLUS 1p", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "Kozuka Gothic Pro", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.04em;
  overflow: hidden;
  word-wrap: break-word;
}

a {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  color: #000;
}
a:not(.p-gnav__link):not(.c-social__link):hover {
  opacity: 0.5;
  color: #b790ea;
}
a:not(.p-gnav__link):not(.c-social__link):hover img {
  opacity: 0.5;
}

img {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

p:last-of-type {
  margin-bottom: 0;
}

sup {
  vertical-align: top;
}

.mq-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .mq-sp {
    display: block;
  }
  br.mq-sp, img.mq-sp, a.mq-sp, span.mq-sp, strong.mq-sp {
    display: inline;
  }
}

@media screen and (max-width: 1024px) {
  .mq-pc {
    display: none;
  }
}

.js-anim {
  opacity: 0;
}

.is-animated.c-anim__fadeIn {
  -webkit-animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 both;
          animation: fade-in 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 both;
}
.is-animated.c-anim__fadeIn--bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s 1 both;
          animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s 1 both;
}

.p-lnav__link, .c-btn--1st, .p-homeInfo__button, .l-side__button, .c-btn--2nd, .c-btn {
  font-weight: 700;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 1 !important;
  width: 100%;
  padding: 15px;
}

.c-btn--1st, .p-homeInfo__button, .l-side__button, .c-btn--2nd {
  border-style: solid;
  border-width: 1px;
}
.c-btn--1st.c-btn__color--white, .c-btn__color--white.p-homeInfo__button, .c-btn__color--white.l-side__button, .c-btn__color--white.c-btn--2nd {
  color: #000;
}
.c-btn--2nd.c-btn__color--white {
  color: #000 !important;
}
.c-btn--2nd.c-btn__color--white:hover {
  color: #000 !important;
}

.c-btn--1st.c-btn__color--black, .c-btn__color--black.p-homeInfo__button, .c-btn__color--black.l-side__button, .c-btn__color--black.c-btn--2nd {
  border-color: #000;
  color: #000;
}
.c-btn--1st.c-btn__color--black:hover, .c-btn__color--black.p-homeInfo__button:hover, .c-btn__color--black.l-side__button:hover, .c-btn__color--black.c-btn--2nd:hover {
  background-color: #000;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--black.is-active, .c-btn__color--black.is-active.p-homeInfo__button, .c-btn__color--black.is-active.l-side__button, .c-btn__color--black.is-active.c-btn--2nd {
  background-color: #000 !important;
  color: #000 !important;
}

.c-btn--2nd.c-btn__color--black {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.c-btn--2nd.c-btn__color--black:hover {
  background-color: #fff;
  color: #000 !important;
}
.c-btn--2nd.c-btn__color--black.is-active {
  background-color: #000 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--white, .c-btn__color--white.p-homeInfo__button, .c-btn__color--white.l-side__button, .c-btn__color--white.c-btn--2nd {
  border-color: #fff;
  color: #fff;
}
.c-btn--1st.c-btn__color--white:hover, .c-btn__color--white.p-homeInfo__button:hover, .c-btn__color--white.l-side__button:hover, .c-btn__color--white.c-btn--2nd:hover {
  background-color: #fff;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--white.is-active, .c-btn__color--white.is-active.p-homeInfo__button, .c-btn__color--white.is-active.l-side__button, .c-btn__color--white.is-active.c-btn--2nd {
  background-color: #fff !important;
  color: #fff !important;
}

.c-btn--2nd.c-btn__color--white {
  background-color: #fff;
  border-color: #fff;
  color: #fff;
}
.c-btn--2nd.c-btn__color--white:hover {
  background-color: #fff;
  color: #fff !important;
}
.c-btn--2nd.c-btn__color--white.is-active {
  background-color: #fff !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--gray, .c-btn__color--gray.p-homeInfo__button, .c-btn__color--gray.l-side__button, .c-btn__color--gray.c-btn--2nd {
  border-color: #ccc;
  color: #ccc;
}
.c-btn--1st.c-btn__color--gray:hover, .c-btn__color--gray.p-homeInfo__button:hover, .c-btn__color--gray.l-side__button:hover, .c-btn__color--gray.c-btn--2nd:hover {
  background-color: #ccc;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--gray.is-active, .c-btn__color--gray.is-active.p-homeInfo__button, .c-btn__color--gray.is-active.l-side__button, .c-btn__color--gray.is-active.c-btn--2nd {
  background-color: #ccc !important;
  color: #ccc !important;
}

.c-btn--2nd.c-btn__color--gray {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
}
.c-btn--2nd.c-btn__color--gray:hover {
  background-color: #fff;
  color: #ccc !important;
}
.c-btn--2nd.c-btn__color--gray.is-active {
  background-color: #ccc !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--darkgray, .c-btn__color--darkgray.p-homeInfo__button, .c-btn__color--darkgray.l-side__button, .c-btn__color--darkgray.c-btn--2nd {
  border-color: #444;
  color: #444;
}
.c-btn--1st.c-btn__color--darkgray:hover, .c-btn__color--darkgray.p-homeInfo__button:hover, .c-btn__color--darkgray.l-side__button:hover, .c-btn__color--darkgray.c-btn--2nd:hover {
  background-color: #444;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--darkgray.is-active, .c-btn__color--darkgray.is-active.p-homeInfo__button, .c-btn__color--darkgray.is-active.l-side__button, .c-btn__color--darkgray.is-active.c-btn--2nd {
  background-color: #444 !important;
  color: #444 !important;
}

.c-btn--2nd.c-btn__color--darkgray {
  background-color: #444;
  border-color: #444;
  color: #fff;
}
.c-btn--2nd.c-btn__color--darkgray:hover {
  background-color: #fff;
  color: #444 !important;
}
.c-btn--2nd.c-btn__color--darkgray.is-active {
  background-color: #444 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--lightgray, .c-btn__color--lightgray.p-homeInfo__button, .c-btn__color--lightgray.l-side__button, .c-btn__color--lightgray.c-btn--2nd {
  border-color: #fafafa;
  color: #fafafa;
}
.c-btn--1st.c-btn__color--lightgray:hover, .c-btn__color--lightgray.p-homeInfo__button:hover, .c-btn__color--lightgray.l-side__button:hover, .c-btn__color--lightgray.c-btn--2nd:hover {
  background-color: #fafafa;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--lightgray.is-active, .c-btn__color--lightgray.is-active.p-homeInfo__button, .c-btn__color--lightgray.is-active.l-side__button, .c-btn__color--lightgray.is-active.c-btn--2nd {
  background-color: #fafafa !important;
  color: #fafafa !important;
}

.c-btn--2nd.c-btn__color--lightgray {
  background-color: #fafafa;
  border-color: #fafafa;
  color: #fff;
}
.c-btn--2nd.c-btn__color--lightgray:hover {
  background-color: #fff;
  color: #fafafa !important;
}
.c-btn--2nd.c-btn__color--lightgray.is-active {
  background-color: #fafafa !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--red, .c-btn__color--red.p-homeInfo__button, .c-btn__color--red.l-side__button, .c-btn__color--red.c-btn--2nd {
  border-color: #ff0000;
  color: #ff0000;
}
.c-btn--1st.c-btn__color--red:hover, .c-btn__color--red.p-homeInfo__button:hover, .c-btn__color--red.l-side__button:hover, .c-btn__color--red.c-btn--2nd:hover {
  background-color: #ff0000;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--red.is-active, .c-btn__color--red.is-active.p-homeInfo__button, .c-btn__color--red.is-active.l-side__button, .c-btn__color--red.is-active.c-btn--2nd {
  background-color: #ff0000 !important;
  color: #ff0000 !important;
}

.c-btn--2nd.c-btn__color--red {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}
.c-btn--2nd.c-btn__color--red:hover {
  background-color: #fff;
  color: #ff0000 !important;
}
.c-btn--2nd.c-btn__color--red.is-active {
  background-color: #ff0000 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--link, .c-btn__color--link.p-homeInfo__button, .c-btn__color--link.l-side__button, .c-btn__color--link.c-btn--2nd {
  border-color: #000;
  color: #000;
}
.c-btn--1st.c-btn__color--link:hover, .c-btn__color--link.p-homeInfo__button:hover, .c-btn__color--link.l-side__button:hover, .c-btn__color--link.c-btn--2nd:hover {
  background-color: #000;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--link.is-active, .c-btn__color--link.is-active.p-homeInfo__button, .c-btn__color--link.is-active.l-side__button, .c-btn__color--link.is-active.c-btn--2nd {
  background-color: #000 !important;
  color: #000 !important;
}

.c-btn--2nd.c-btn__color--link {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.c-btn--2nd.c-btn__color--link:hover {
  background-color: #fff;
  color: #000 !important;
}
.c-btn--2nd.c-btn__color--link.is-active {
  background-color: #000 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--key, .c-btn__color--key.p-homeInfo__button, .c-btn__color--key.l-side__button, .c-btn__color--key.c-btn--2nd {
  border-color: #e53366;
  color: #e53366;
}
.c-btn--1st.c-btn__color--key:hover, .c-btn__color--key.p-homeInfo__button:hover, .c-btn__color--key.l-side__button:hover, .c-btn__color--key.c-btn--2nd:hover {
  background-color: #e53366;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--key.is-active, .c-btn__color--key.is-active.p-homeInfo__button, .c-btn__color--key.is-active.l-side__button, .c-btn__color--key.is-active.c-btn--2nd {
  background-color: #e53366 !important;
  color: #e53366 !important;
}

.c-btn--2nd.c-btn__color--key {
  background-color: #e53366;
  border-color: #e53366;
  color: #fff;
}
.c-btn--2nd.c-btn__color--key:hover {
  background-color: #fff;
  color: #e53366 !important;
}
.c-btn--2nd.c-btn__color--key.is-active {
  background-color: #e53366 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--skin, .c-btn__color--skin.p-homeInfo__button, .c-btn__color--skin.l-side__button, .c-btn__color--skin.c-btn--2nd {
  border-color: #f0dab4;
  color: #f0dab4;
}
.c-btn--1st.c-btn__color--skin:hover, .c-btn__color--skin.p-homeInfo__button:hover, .c-btn__color--skin.l-side__button:hover, .c-btn__color--skin.c-btn--2nd:hover {
  background-color: #f0dab4;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--skin.is-active, .c-btn__color--skin.is-active.p-homeInfo__button, .c-btn__color--skin.is-active.l-side__button, .c-btn__color--skin.is-active.c-btn--2nd {
  background-color: #f0dab4 !important;
  color: #f0dab4 !important;
}

.c-btn--2nd.c-btn__color--skin {
  background-color: #f0dab4;
  border-color: #f0dab4;
  color: #fff;
}
.c-btn--2nd.c-btn__color--skin:hover {
  background-color: #fff;
  color: #f0dab4 !important;
}
.c-btn--2nd.c-btn__color--skin.is-active {
  background-color: #f0dab4 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--green, .c-btn__color--green.p-homeInfo__button, .c-btn__color--green.l-side__button, .c-btn__color--green.c-btn--2nd {
  border-color: #87caa5;
  color: #87caa5;
}
.c-btn--1st.c-btn__color--green:hover, .c-btn__color--green.p-homeInfo__button:hover, .c-btn__color--green.l-side__button:hover, .c-btn__color--green.c-btn--2nd:hover {
  background-color: #87caa5;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--green.is-active, .c-btn__color--green.is-active.p-homeInfo__button, .c-btn__color--green.is-active.l-side__button, .c-btn__color--green.is-active.c-btn--2nd {
  background-color: #87caa5 !important;
  color: #87caa5 !important;
}

.c-btn--2nd.c-btn__color--green {
  background-color: #87caa5;
  border-color: #87caa5;
  color: #fff;
}
.c-btn--2nd.c-btn__color--green:hover {
  background-color: #fff;
  color: #87caa5 !important;
}
.c-btn--2nd.c-btn__color--green.is-active {
  background-color: #87caa5 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--blue, .c-btn__color--blue.p-homeInfo__button, .c-btn__color--blue.l-side__button, .c-btn__color--blue.c-btn--2nd {
  border-color: #acdee6;
  color: #acdee6;
}
.c-btn--1st.c-btn__color--blue:hover, .c-btn__color--blue.p-homeInfo__button:hover, .c-btn__color--blue.l-side__button:hover, .c-btn__color--blue.c-btn--2nd:hover {
  background-color: #acdee6;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--blue.is-active, .c-btn__color--blue.is-active.p-homeInfo__button, .c-btn__color--blue.is-active.l-side__button, .c-btn__color--blue.is-active.c-btn--2nd {
  background-color: #acdee6 !important;
  color: #acdee6 !important;
}

.c-btn--2nd.c-btn__color--blue {
  background-color: #acdee6;
  border-color: #acdee6;
  color: #fff;
}
.c-btn--2nd.c-btn__color--blue:hover {
  background-color: #fff;
  color: #acdee6 !important;
}
.c-btn--2nd.c-btn__color--blue.is-active {
  background-color: #acdee6 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--lavender, .c-btn__color--lavender.p-homeInfo__button, .c-btn__color--lavender.l-side__button, .c-btn__color--lavender.c-btn--2nd {
  border-color: #abb8d5;
  color: #abb8d5;
}
.c-btn--1st.c-btn__color--lavender:hover, .c-btn__color--lavender.p-homeInfo__button:hover, .c-btn__color--lavender.l-side__button:hover, .c-btn__color--lavender.c-btn--2nd:hover {
  background-color: #abb8d5;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--lavender.is-active, .c-btn__color--lavender.is-active.p-homeInfo__button, .c-btn__color--lavender.is-active.l-side__button, .c-btn__color--lavender.is-active.c-btn--2nd {
  background-color: #abb8d5 !important;
  color: #abb8d5 !important;
}

.c-btn--2nd.c-btn__color--lavender {
  background-color: #abb8d5;
  border-color: #abb8d5;
  color: #fff;
}
.c-btn--2nd.c-btn__color--lavender:hover {
  background-color: #fff;
  color: #abb8d5 !important;
}
.c-btn--2nd.c-btn__color--lavender.is-active {
  background-color: #abb8d5 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--purple, .p-homeInfo__button, .l-side__button, .c-btn__color--purple.c-btn--2nd {
  border-color: #b790ea;
  color: #b790ea;
}
.c-btn--1st.c-btn__color--purple:hover, .p-homeInfo__button:hover, .l-side__button:hover, .c-btn__color--purple.c-btn--2nd:hover {
  background-color: #b790ea;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--purple.is-active, .is-active.p-homeInfo__button, .is-active.l-side__button, .c-btn__color--purple.is-active.c-btn--2nd {
  background-color: #b790ea !important;
  color: #b790ea !important;
}

.c-btn--2nd.c-btn__color--purple, .c-btn--2nd.p-homeInfo__button, .c-btn--2nd.l-side__button {
  background-color: #b790ea;
  border-color: #b790ea;
  color: #fff;
}
.c-btn--2nd.c-btn__color--purple:hover, .c-btn--2nd.p-homeInfo__button:hover, .c-btn--2nd.l-side__button:hover {
  background-color: #fff;
  color: #b790ea !important;
}
.c-btn--2nd.c-btn__color--purple.is-active, .c-btn--2nd.is-active.p-homeInfo__button, .c-btn--2nd.is-active.l-side__button {
  background-color: #b790ea !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--yellow, .c-btn__color--yellow.p-homeInfo__button, .c-btn__color--yellow.l-side__button, .c-btn__color--yellow.c-btn--2nd {
  border-color: #ffff2e;
  color: #ffff2e;
}
.c-btn--1st.c-btn__color--yellow:hover, .c-btn__color--yellow.p-homeInfo__button:hover, .c-btn__color--yellow.l-side__button:hover, .c-btn__color--yellow.c-btn--2nd:hover {
  background-color: #ffff2e;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--yellow.is-active, .c-btn__color--yellow.is-active.p-homeInfo__button, .c-btn__color--yellow.is-active.l-side__button, .c-btn__color--yellow.is-active.c-btn--2nd {
  background-color: #ffff2e !important;
  color: #ffff2e !important;
}

.c-btn--2nd.c-btn__color--yellow {
  background-color: #ffff2e;
  border-color: #ffff2e;
  color: #fff;
}
.c-btn--2nd.c-btn__color--yellow:hover {
  background-color: #fff;
  color: #ffff2e !important;
}
.c-btn--2nd.c-btn__color--yellow.is-active {
  background-color: #ffff2e !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--gold, .c-btn__color--gold.p-homeInfo__button, .c-btn__color--gold.l-side__button, .c-btn__color--gold.c-btn--2nd {
  border-color: #cc9933;
  color: #cc9933;
}
.c-btn--1st.c-btn__color--gold:hover, .c-btn__color--gold.p-homeInfo__button:hover, .c-btn__color--gold.l-side__button:hover, .c-btn__color--gold.c-btn--2nd:hover {
  background-color: #cc9933;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--gold.is-active, .c-btn__color--gold.is-active.p-homeInfo__button, .c-btn__color--gold.is-active.l-side__button, .c-btn__color--gold.is-active.c-btn--2nd {
  background-color: #cc9933 !important;
  color: #cc9933 !important;
}

.c-btn--2nd.c-btn__color--gold {
  background-color: #cc9933;
  border-color: #cc9933;
  color: #fff;
}
.c-btn--2nd.c-btn__color--gold:hover {
  background-color: #fff;
  color: #cc9933 !important;
}
.c-btn--2nd.c-btn__color--gold.is-active {
  background-color: #cc9933 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--blog, .c-btn__color--blog.p-homeInfo__button, .c-btn__color--blog.l-side__button, .c-btn__color--blog.c-btn--2nd {
  border-color: #e53366;
  color: #e53366;
}
.c-btn--1st.c-btn__color--blog:hover, .c-btn__color--blog.p-homeInfo__button:hover, .c-btn__color--blog.l-side__button:hover, .c-btn__color--blog.c-btn--2nd:hover {
  background-color: #e53366;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--blog.is-active, .c-btn__color--blog.is-active.p-homeInfo__button, .c-btn__color--blog.is-active.l-side__button, .c-btn__color--blog.is-active.c-btn--2nd {
  background-color: #e53366 !important;
  color: #e53366 !important;
}

.c-btn--2nd.c-btn__color--blog {
  background-color: #e53366;
  border-color: #e53366;
  color: #fff;
}
.c-btn--2nd.c-btn__color--blog:hover {
  background-color: #fff;
  color: #e53366 !important;
}
.c-btn--2nd.c-btn__color--blog.is-active {
  background-color: #e53366 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--protecthair1, .c-btn__color--protecthair1.p-homeInfo__button, .c-btn__color--protecthair1.l-side__button, .c-btn__color--protecthair1.c-btn--2nd {
  border-color: #c69c6d;
  color: #c69c6d;
}
.c-btn--1st.c-btn__color--protecthair1:hover, .c-btn__color--protecthair1.p-homeInfo__button:hover, .c-btn__color--protecthair1.l-side__button:hover, .c-btn__color--protecthair1.c-btn--2nd:hover {
  background-color: #c69c6d;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--protecthair1.is-active, .c-btn__color--protecthair1.is-active.p-homeInfo__button, .c-btn__color--protecthair1.is-active.l-side__button, .c-btn__color--protecthair1.is-active.c-btn--2nd {
  background-color: #c69c6d !important;
  color: #c69c6d !important;
}

.c-btn--2nd.c-btn__color--protecthair1 {
  background-color: #c69c6d;
  border-color: #c69c6d;
  color: #fff;
}
.c-btn--2nd.c-btn__color--protecthair1:hover {
  background-color: #fff;
  color: #c69c6d !important;
}
.c-btn--2nd.c-btn__color--protecthair1.is-active {
  background-color: #c69c6d !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--c3mirror, .c-btn__color--c3mirror.p-homeInfo__button, .c-btn__color--c3mirror.l-side__button, .c-btn__color--c3mirror.c-btn--2nd {
  border-color: #ff1f95;
  color: #ff1f95;
}
.c-btn--1st.c-btn__color--c3mirror:hover, .c-btn__color--c3mirror.p-homeInfo__button:hover, .c-btn__color--c3mirror.l-side__button:hover, .c-btn__color--c3mirror.c-btn--2nd:hover {
  background-color: #ff1f95;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--c3mirror.is-active, .c-btn__color--c3mirror.is-active.p-homeInfo__button, .c-btn__color--c3mirror.is-active.l-side__button, .c-btn__color--c3mirror.is-active.c-btn--2nd {
  background-color: #ff1f95 !important;
  color: #ff1f95 !important;
}

.c-btn--2nd.c-btn__color--c3mirror {
  background-color: #ff1f95;
  border-color: #ff1f95;
  color: #fff;
}
.c-btn--2nd.c-btn__color--c3mirror:hover {
  background-color: #fff;
  color: #ff1f95 !important;
}
.c-btn--2nd.c-btn__color--c3mirror.is-active {
  background-color: #ff1f95 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--bplusforhair1, .c-btn__color--bplusforhair1.p-homeInfo__button, .c-btn__color--bplusforhair1.l-side__button, .c-btn__color--bplusforhair1.c-btn--2nd {
  border-color: #f1ebf4;
  color: #f1ebf4;
}
.c-btn--1st.c-btn__color--bplusforhair1:hover, .c-btn__color--bplusforhair1.p-homeInfo__button:hover, .c-btn__color--bplusforhair1.l-side__button:hover, .c-btn__color--bplusforhair1.c-btn--2nd:hover {
  background-color: #f1ebf4;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--bplusforhair1.is-active, .c-btn__color--bplusforhair1.is-active.p-homeInfo__button, .c-btn__color--bplusforhair1.is-active.l-side__button, .c-btn__color--bplusforhair1.is-active.c-btn--2nd {
  background-color: #f1ebf4 !important;
  color: #f1ebf4 !important;
}

.c-btn--2nd.c-btn__color--bplusforhair1 {
  background-color: #f1ebf4;
  border-color: #f1ebf4;
  color: #fff;
}
.c-btn--2nd.c-btn__color--bplusforhair1:hover {
  background-color: #fff;
  color: #f1ebf4 !important;
}
.c-btn--2nd.c-btn__color--bplusforhair1.is-active {
  background-color: #f1ebf4 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--bplusforhair2, .c-btn__color--bplusforhair2.p-homeInfo__button, .c-btn__color--bplusforhair2.l-side__button, .c-btn__color--bplusforhair2.c-btn--2nd {
  border-color: #ded1e6;
  color: #ded1e6;
}
.c-btn--1st.c-btn__color--bplusforhair2:hover, .c-btn__color--bplusforhair2.p-homeInfo__button:hover, .c-btn__color--bplusforhair2.l-side__button:hover, .c-btn__color--bplusforhair2.c-btn--2nd:hover {
  background-color: #ded1e6;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--bplusforhair2.is-active, .c-btn__color--bplusforhair2.is-active.p-homeInfo__button, .c-btn__color--bplusforhair2.is-active.l-side__button, .c-btn__color--bplusforhair2.is-active.c-btn--2nd {
  background-color: #ded1e6 !important;
  color: #ded1e6 !important;
}

.c-btn--2nd.c-btn__color--bplusforhair2 {
  background-color: #ded1e6;
  border-color: #ded1e6;
  color: #fff;
}
.c-btn--2nd.c-btn__color--bplusforhair2:hover {
  background-color: #fff;
  color: #ded1e6 !important;
}
.c-btn--2nd.c-btn__color--bplusforhair2.is-active {
  background-color: #ded1e6 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--bplusforhair3, .c-btn__color--bplusforhair3.p-homeInfo__button, .c-btn__color--bplusforhair3.l-side__button, .c-btn__color--bplusforhair3.c-btn--2nd {
  border-color: #bca3cc;
  color: #bca3cc;
}
.c-btn--1st.c-btn__color--bplusforhair3:hover, .c-btn__color--bplusforhair3.p-homeInfo__button:hover, .c-btn__color--bplusforhair3.l-side__button:hover, .c-btn__color--bplusforhair3.c-btn--2nd:hover {
  background-color: #bca3cc;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--bplusforhair3.is-active, .c-btn__color--bplusforhair3.is-active.p-homeInfo__button, .c-btn__color--bplusforhair3.is-active.l-side__button, .c-btn__color--bplusforhair3.is-active.c-btn--2nd {
  background-color: #bca3cc !important;
  color: #bca3cc !important;
}

.c-btn--2nd.c-btn__color--bplusforhair3 {
  background-color: #bca3cc;
  border-color: #bca3cc;
  color: #fff;
}
.c-btn--2nd.c-btn__color--bplusforhair3:hover {
  background-color: #fff;
  color: #bca3cc !important;
}
.c-btn--2nd.c-btn__color--bplusforhair3.is-active {
  background-color: #bca3cc !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--bplusforhair4, .c-btn__color--bplusforhair4.p-homeInfo__button, .c-btn__color--bplusforhair4.l-side__button, .c-btn__color--bplusforhair4.c-btn--2nd {
  border-color: #a684ba;
  color: #a684ba;
}
.c-btn--1st.c-btn__color--bplusforhair4:hover, .c-btn__color--bplusforhair4.p-homeInfo__button:hover, .c-btn__color--bplusforhair4.l-side__button:hover, .c-btn__color--bplusforhair4.c-btn--2nd:hover {
  background-color: #a684ba;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--bplusforhair4.is-active, .c-btn__color--bplusforhair4.is-active.p-homeInfo__button, .c-btn__color--bplusforhair4.is-active.l-side__button, .c-btn__color--bplusforhair4.is-active.c-btn--2nd {
  background-color: #a684ba !important;
  color: #a684ba !important;
}

.c-btn--2nd.c-btn__color--bplusforhair4 {
  background-color: #a684ba;
  border-color: #a684ba;
  color: #fff;
}
.c-btn--2nd.c-btn__color--bplusforhair4:hover {
  background-color: #fff;
  color: #a684ba !important;
}
.c-btn--2nd.c-btn__color--bplusforhair4.is-active {
  background-color: #a684ba !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--bplusforhair5, .c-btn__color--bplusforhair5.p-homeInfo__button, .c-btn__color--bplusforhair5.l-side__button, .c-btn__color--bplusforhair5.c-btn--2nd {
  border-color: #996ea9;
  color: #996ea9;
}
.c-btn--1st.c-btn__color--bplusforhair5:hover, .c-btn__color--bplusforhair5.p-homeInfo__button:hover, .c-btn__color--bplusforhair5.l-side__button:hover, .c-btn__color--bplusforhair5.c-btn--2nd:hover {
  background-color: #996ea9;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--bplusforhair5.is-active, .c-btn__color--bplusforhair5.is-active.p-homeInfo__button, .c-btn__color--bplusforhair5.is-active.l-side__button, .c-btn__color--bplusforhair5.is-active.c-btn--2nd {
  background-color: #996ea9 !important;
  color: #996ea9 !important;
}

.c-btn--2nd.c-btn__color--bplusforhair5 {
  background-color: #996ea9;
  border-color: #996ea9;
  color: #fff;
}
.c-btn--2nd.c-btn__color--bplusforhair5:hover {
  background-color: #fff;
  color: #996ea9 !important;
}
.c-btn--2nd.c-btn__color--bplusforhair5.is-active {
  background-color: #996ea9 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--diet, .c-btn__color--diet.p-homeInfo__button, .c-btn__color--diet.l-side__button, .c-btn__color--diet.c-btn--2nd {
  border-color: #f7931e;
  color: #f7931e;
}
.c-btn--1st.c-btn__color--diet:hover, .c-btn__color--diet.p-homeInfo__button:hover, .c-btn__color--diet.l-side__button:hover, .c-btn__color--diet.c-btn--2nd:hover {
  background-color: #f7931e;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--diet.is-active, .c-btn__color--diet.is-active.p-homeInfo__button, .c-btn__color--diet.is-active.l-side__button, .c-btn__color--diet.is-active.c-btn--2nd {
  background-color: #f7931e !important;
  color: #f7931e !important;
}

.c-btn--2nd.c-btn__color--diet {
  background-color: #f7931e;
  border-color: #f7931e;
  color: #fff;
}
.c-btn--2nd.c-btn__color--diet:hover {
  background-color: #fff;
  color: #f7931e !important;
}
.c-btn--2nd.c-btn__color--diet.is-active {
  background-color: #f7931e !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--rich, .c-btn__color--rich.p-homeInfo__button, .c-btn__color--rich.l-side__button, .c-btn__color--rich.c-btn--2nd {
  border-color: #573327;
  color: #573327;
}
.c-btn--1st.c-btn__color--rich:hover, .c-btn__color--rich.p-homeInfo__button:hover, .c-btn__color--rich.l-side__button:hover, .c-btn__color--rich.c-btn--2nd:hover {
  background-color: #573327;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--rich.is-active, .c-btn__color--rich.is-active.p-homeInfo__button, .c-btn__color--rich.is-active.l-side__button, .c-btn__color--rich.is-active.c-btn--2nd {
  background-color: #573327 !important;
  color: #573327 !important;
}

.c-btn--2nd.c-btn__color--rich {
  background-color: #573327;
  border-color: #573327;
  color: #fff;
}
.c-btn--2nd.c-btn__color--rich:hover {
  background-color: #fff;
  color: #573327 !important;
}
.c-btn--2nd.c-btn__color--rich.is-active {
  background-color: #573327 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--tea, .c-btn__color--tea.p-homeInfo__button, .c-btn__color--tea.l-side__button, .c-btn__color--tea.c-btn--2nd {
  border-color: #967150;
  color: #967150;
}
.c-btn--1st.c-btn__color--tea:hover, .c-btn__color--tea.p-homeInfo__button:hover, .c-btn__color--tea.l-side__button:hover, .c-btn__color--tea.c-btn--2nd:hover {
  background-color: #967150;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--tea.is-active, .c-btn__color--tea.is-active.p-homeInfo__button, .c-btn__color--tea.is-active.l-side__button, .c-btn__color--tea.is-active.c-btn--2nd {
  background-color: #967150 !important;
  color: #967150 !important;
}

.c-btn--2nd.c-btn__color--tea {
  background-color: #967150;
  border-color: #967150;
  color: #fff;
}
.c-btn--2nd.c-btn__color--tea:hover {
  background-color: #fff;
  color: #967150 !important;
}
.c-btn--2nd.c-btn__color--tea.is-active {
  background-color: #967150 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--nanosoy, .c-btn__color--nanosoy.p-homeInfo__button, .c-btn__color--nanosoy.l-side__button, .c-btn__color--nanosoy.c-btn--2nd {
  border-color: #00aecb;
  color: #00aecb;
}
.c-btn--1st.c-btn__color--nanosoy:hover, .c-btn__color--nanosoy.p-homeInfo__button:hover, .c-btn__color--nanosoy.l-side__button:hover, .c-btn__color--nanosoy.c-btn--2nd:hover {
  background-color: #00aecb;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--nanosoy.is-active, .c-btn__color--nanosoy.is-active.p-homeInfo__button, .c-btn__color--nanosoy.is-active.l-side__button, .c-btn__color--nanosoy.is-active.c-btn--2nd {
  background-color: #00aecb !important;
  color: #00aecb !important;
}

.c-btn--2nd.c-btn__color--nanosoy {
  background-color: #00aecb;
  border-color: #00aecb;
  color: #fff;
}
.c-btn--2nd.c-btn__color--nanosoy:hover {
  background-color: #fff;
  color: #00aecb !important;
}
.c-btn--2nd.c-btn__color--nanosoy.is-active {
  background-color: #00aecb !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--nanosoy2, .c-btn__color--nanosoy2.p-homeInfo__button, .c-btn__color--nanosoy2.l-side__button, .c-btn__color--nanosoy2.c-btn--2nd {
  border-color: #133a76;
  color: #133a76;
}
.c-btn--1st.c-btn__color--nanosoy2:hover, .c-btn__color--nanosoy2.p-homeInfo__button:hover, .c-btn__color--nanosoy2.l-side__button:hover, .c-btn__color--nanosoy2.c-btn--2nd:hover {
  background-color: #133a76;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--nanosoy2.is-active, .c-btn__color--nanosoy2.is-active.p-homeInfo__button, .c-btn__color--nanosoy2.is-active.l-side__button, .c-btn__color--nanosoy2.is-active.c-btn--2nd {
  background-color: #133a76 !important;
  color: #133a76 !important;
}

.c-btn--2nd.c-btn__color--nanosoy2 {
  background-color: #133a76;
  border-color: #133a76;
  color: #fff;
}
.c-btn--2nd.c-btn__color--nanosoy2:hover {
  background-color: #fff;
  color: #133a76 !important;
}
.c-btn--2nd.c-btn__color--nanosoy2.is-active {
  background-color: #133a76 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--dietsupport, .c-btn__color--dietsupport.p-homeInfo__button, .c-btn__color--dietsupport.l-side__button, .c-btn__color--dietsupport.c-btn--2nd {
  border-color: #f991c5;
  color: #f991c5;
}
.c-btn--1st.c-btn__color--dietsupport:hover, .c-btn__color--dietsupport.p-homeInfo__button:hover, .c-btn__color--dietsupport.l-side__button:hover, .c-btn__color--dietsupport.c-btn--2nd:hover {
  background-color: #f991c5;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--dietsupport.is-active, .c-btn__color--dietsupport.is-active.p-homeInfo__button, .c-btn__color--dietsupport.is-active.l-side__button, .c-btn__color--dietsupport.is-active.c-btn--2nd {
  background-color: #f991c5 !important;
  color: #f991c5 !important;
}

.c-btn--2nd.c-btn__color--dietsupport {
  background-color: #f991c5;
  border-color: #f991c5;
  color: #fff;
}
.c-btn--2nd.c-btn__color--dietsupport:hover {
  background-color: #fff;
  color: #f991c5 !important;
}
.c-btn--2nd.c-btn__color--dietsupport.is-active {
  background-color: #f991c5 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--dietsupport2, .c-btn__color--dietsupport2.p-homeInfo__button, .c-btn__color--dietsupport2.l-side__button, .c-btn__color--dietsupport2.c-btn--2nd {
  border-color: #a77fdd;
  color: #a77fdd;
}
.c-btn--1st.c-btn__color--dietsupport2:hover, .c-btn__color--dietsupport2.p-homeInfo__button:hover, .c-btn__color--dietsupport2.l-side__button:hover, .c-btn__color--dietsupport2.c-btn--2nd:hover {
  background-color: #a77fdd;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--dietsupport2.is-active, .c-btn__color--dietsupport2.is-active.p-homeInfo__button, .c-btn__color--dietsupport2.is-active.l-side__button, .c-btn__color--dietsupport2.is-active.c-btn--2nd {
  background-color: #a77fdd !important;
  color: #a77fdd !important;
}

.c-btn--2nd.c-btn__color--dietsupport2 {
  background-color: #a77fdd;
  border-color: #a77fdd;
  color: #fff;
}
.c-btn--2nd.c-btn__color--dietsupport2:hover {
  background-color: #fff;
  color: #a77fdd !important;
}
.c-btn--2nd.c-btn__color--dietsupport2.is-active {
  background-color: #a77fdd !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--fasting, .c-btn__color--fasting.p-homeInfo__button, .c-btn__color--fasting.l-side__button, .c-btn__color--fasting.c-btn--2nd {
  border-color: #bacc1b;
  color: #bacc1b;
}
.c-btn--1st.c-btn__color--fasting:hover, .c-btn__color--fasting.p-homeInfo__button:hover, .c-btn__color--fasting.l-side__button:hover, .c-btn__color--fasting.c-btn--2nd:hover {
  background-color: #bacc1b;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--fasting.is-active, .c-btn__color--fasting.is-active.p-homeInfo__button, .c-btn__color--fasting.is-active.l-side__button, .c-btn__color--fasting.is-active.c-btn--2nd {
  background-color: #bacc1b !important;
  color: #bacc1b !important;
}

.c-btn--2nd.c-btn__color--fasting {
  background-color: #bacc1b;
  border-color: #bacc1b;
  color: #fff;
}
.c-btn--2nd.c-btn__color--fasting:hover {
  background-color: #fff;
  color: #bacc1b !important;
}
.c-btn--2nd.c-btn__color--fasting.is-active {
  background-color: #bacc1b !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--dfa39e, .c-btn__color--dfa39e.p-homeInfo__button, .c-btn__color--dfa39e.l-side__button, .c-btn__color--dfa39e.c-btn--2nd {
  border-color: #dfa39e;
  color: #dfa39e;
}
.c-btn--1st.c-btn__color--dfa39e:hover, .c-btn__color--dfa39e.p-homeInfo__button:hover, .c-btn__color--dfa39e.l-side__button:hover, .c-btn__color--dfa39e.c-btn--2nd:hover {
  background-color: #dfa39e;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--dfa39e.is-active, .c-btn__color--dfa39e.is-active.p-homeInfo__button, .c-btn__color--dfa39e.is-active.l-side__button, .c-btn__color--dfa39e.is-active.c-btn--2nd {
  background-color: #dfa39e !important;
  color: #dfa39e !important;
}

.c-btn--2nd.c-btn__color--dfa39e {
  background-color: #dfa39e;
  border-color: #dfa39e;
  color: #fff;
}
.c-btn--2nd.c-btn__color--dfa39e:hover {
  background-color: #fff;
  color: #dfa39e !important;
}
.c-btn--2nd.c-btn__color--dfa39e.is-active {
  background-color: #dfa39e !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--e9f2fa, .c-btn__color--e9f2fa.p-homeInfo__button, .c-btn__color--e9f2fa.l-side__button, .c-btn__color--e9f2fa.c-btn--2nd {
  border-color: #e9f2fa;
  color: #e9f2fa;
}
.c-btn--1st.c-btn__color--e9f2fa:hover, .c-btn__color--e9f2fa.p-homeInfo__button:hover, .c-btn__color--e9f2fa.l-side__button:hover, .c-btn__color--e9f2fa.c-btn--2nd:hover {
  background-color: #e9f2fa;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--e9f2fa.is-active, .c-btn__color--e9f2fa.is-active.p-homeInfo__button, .c-btn__color--e9f2fa.is-active.l-side__button, .c-btn__color--e9f2fa.is-active.c-btn--2nd {
  background-color: #e9f2fa !important;
  color: #e9f2fa !important;
}

.c-btn--2nd.c-btn__color--e9f2fa {
  background-color: #e9f2fa;
  border-color: #e9f2fa;
  color: #fff;
}
.c-btn--2nd.c-btn__color--e9f2fa:hover {
  background-color: #fff;
  color: #e9f2fa !important;
}
.c-btn--2nd.c-btn__color--e9f2fa.is-active {
  background-color: #e9f2fa !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--f2ffff, .c-btn__color--f2ffff.p-homeInfo__button, .c-btn__color--f2ffff.l-side__button, .c-btn__color--f2ffff.c-btn--2nd {
  border-color: #f2ffff;
  color: #f2ffff;
}
.c-btn--1st.c-btn__color--f2ffff:hover, .c-btn__color--f2ffff.p-homeInfo__button:hover, .c-btn__color--f2ffff.l-side__button:hover, .c-btn__color--f2ffff.c-btn--2nd:hover {
  background-color: #f2ffff;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--f2ffff.is-active, .c-btn__color--f2ffff.is-active.p-homeInfo__button, .c-btn__color--f2ffff.is-active.l-side__button, .c-btn__color--f2ffff.is-active.c-btn--2nd {
  background-color: #f2ffff !important;
  color: #f2ffff !important;
}

.c-btn--2nd.c-btn__color--f2ffff {
  background-color: #f2ffff;
  border-color: #f2ffff;
  color: #fff;
}
.c-btn--2nd.c-btn__color--f2ffff:hover {
  background-color: #fff;
  color: #f2ffff !important;
}
.c-btn--2nd.c-btn__color--f2ffff.is-active {
  background-color: #f2ffff !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--f3f9f7, .c-btn__color--f3f9f7.p-homeInfo__button, .c-btn__color--f3f9f7.l-side__button, .c-btn__color--f3f9f7.c-btn--2nd {
  border-color: #f3f9f7;
  color: #f3f9f7;
}
.c-btn--1st.c-btn__color--f3f9f7:hover, .c-btn__color--f3f9f7.p-homeInfo__button:hover, .c-btn__color--f3f9f7.l-side__button:hover, .c-btn__color--f3f9f7.c-btn--2nd:hover {
  background-color: #f3f9f7;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--f3f9f7.is-active, .c-btn__color--f3f9f7.is-active.p-homeInfo__button, .c-btn__color--f3f9f7.is-active.l-side__button, .c-btn__color--f3f9f7.is-active.c-btn--2nd {
  background-color: #f3f9f7 !important;
  color: #f3f9f7 !important;
}

.c-btn--2nd.c-btn__color--f3f9f7 {
  background-color: #f3f9f7;
  border-color: #f3f9f7;
  color: #fff;
}
.c-btn--2nd.c-btn__color--f3f9f7:hover {
  background-color: #fff;
  color: #f3f9f7 !important;
}
.c-btn--2nd.c-btn__color--f3f9f7.is-active {
  background-color: #f3f9f7 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--f7931e, .c-btn__color--f7931e.p-homeInfo__button, .c-btn__color--f7931e.l-side__button, .c-btn__color--f7931e.c-btn--2nd {
  border-color: #f7931e;
  color: #f7931e;
}
.c-btn--1st.c-btn__color--f7931e:hover, .c-btn__color--f7931e.p-homeInfo__button:hover, .c-btn__color--f7931e.l-side__button:hover, .c-btn__color--f7931e.c-btn--2nd:hover {
  background-color: #f7931e;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--f7931e.is-active, .c-btn__color--f7931e.is-active.p-homeInfo__button, .c-btn__color--f7931e.is-active.l-side__button, .c-btn__color--f7931e.is-active.c-btn--2nd {
  background-color: #f7931e !important;
  color: #f7931e !important;
}

.c-btn--2nd.c-btn__color--f7931e {
  background-color: #f7931e;
  border-color: #f7931e;
  color: #fff;
}
.c-btn--2nd.c-btn__color--f7931e:hover {
  background-color: #fff;
  color: #f7931e !important;
}
.c-btn--2nd.c-btn__color--f7931e.is-active {
  background-color: #f7931e !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--f8f5de, .c-btn__color--f8f5de.p-homeInfo__button, .c-btn__color--f8f5de.l-side__button, .c-btn__color--f8f5de.c-btn--2nd {
  border-color: #f8f5de;
  color: #f8f5de;
}
.c-btn--1st.c-btn__color--f8f5de:hover, .c-btn__color--f8f5de.p-homeInfo__button:hover, .c-btn__color--f8f5de.l-side__button:hover, .c-btn__color--f8f5de.c-btn--2nd:hover {
  background-color: #f8f5de;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--f8f5de.is-active, .c-btn__color--f8f5de.is-active.p-homeInfo__button, .c-btn__color--f8f5de.is-active.l-side__button, .c-btn__color--f8f5de.is-active.c-btn--2nd {
  background-color: #f8f5de !important;
  color: #f8f5de !important;
}

.c-btn--2nd.c-btn__color--f8f5de {
  background-color: #f8f5de;
  border-color: #f8f5de;
  color: #fff;
}
.c-btn--2nd.c-btn__color--f8f5de:hover {
  background-color: #fff;
  color: #f8f5de !important;
}
.c-btn--2nd.c-btn__color--f8f5de.is-active {
  background-color: #f8f5de !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--f9c6bc, .c-btn__color--f9c6bc.p-homeInfo__button, .c-btn__color--f9c6bc.l-side__button, .c-btn__color--f9c6bc.c-btn--2nd {
  border-color: #f9c6bc;
  color: #f9c6bc;
}
.c-btn--1st.c-btn__color--f9c6bc:hover, .c-btn__color--f9c6bc.p-homeInfo__button:hover, .c-btn__color--f9c6bc.l-side__button:hover, .c-btn__color--f9c6bc.c-btn--2nd:hover {
  background-color: #f9c6bc;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--f9c6bc.is-active, .c-btn__color--f9c6bc.is-active.p-homeInfo__button, .c-btn__color--f9c6bc.is-active.l-side__button, .c-btn__color--f9c6bc.is-active.c-btn--2nd {
  background-color: #f9c6bc !important;
  color: #f9c6bc !important;
}

.c-btn--2nd.c-btn__color--f9c6bc {
  background-color: #f9c6bc;
  border-color: #f9c6bc;
  color: #fff;
}
.c-btn--2nd.c-btn__color--f9c6bc:hover {
  background-color: #fff;
  color: #f9c6bc !important;
}
.c-btn--2nd.c-btn__color--f9c6bc.is-active {
  background-color: #f9c6bc !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--f9eb9c, .c-btn__color--f9eb9c.p-homeInfo__button, .c-btn__color--f9eb9c.l-side__button, .c-btn__color--f9eb9c.c-btn--2nd {
  border-color: #f9eb9c;
  color: #f9eb9c;
}
.c-btn--1st.c-btn__color--f9eb9c:hover, .c-btn__color--f9eb9c.p-homeInfo__button:hover, .c-btn__color--f9eb9c.l-side__button:hover, .c-btn__color--f9eb9c.c-btn--2nd:hover {
  background-color: #f9eb9c;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--f9eb9c.is-active, .c-btn__color--f9eb9c.is-active.p-homeInfo__button, .c-btn__color--f9eb9c.is-active.l-side__button, .c-btn__color--f9eb9c.is-active.c-btn--2nd {
  background-color: #f9eb9c !important;
  color: #f9eb9c !important;
}

.c-btn--2nd.c-btn__color--f9eb9c {
  background-color: #f9eb9c;
  border-color: #f9eb9c;
  color: #fff;
}
.c-btn--2nd.c-btn__color--f9eb9c:hover {
  background-color: #fff;
  color: #f9eb9c !important;
}
.c-btn--2nd.c-btn__color--f9eb9c.is-active {
  background-color: #f9eb9c !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--fdf9e1, .c-btn__color--fdf9e1.p-homeInfo__button, .c-btn__color--fdf9e1.l-side__button, .c-btn__color--fdf9e1.c-btn--2nd {
  border-color: #fdf9e1;
  color: #fdf9e1;
}
.c-btn--1st.c-btn__color--fdf9e1:hover, .c-btn__color--fdf9e1.p-homeInfo__button:hover, .c-btn__color--fdf9e1.l-side__button:hover, .c-btn__color--fdf9e1.c-btn--2nd:hover {
  background-color: #fdf9e1;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--fdf9e1.is-active, .c-btn__color--fdf9e1.is-active.p-homeInfo__button, .c-btn__color--fdf9e1.is-active.l-side__button, .c-btn__color--fdf9e1.is-active.c-btn--2nd {
  background-color: #fdf9e1 !important;
  color: #fdf9e1 !important;
}

.c-btn--2nd.c-btn__color--fdf9e1 {
  background-color: #fdf9e1;
  border-color: #fdf9e1;
  color: #fff;
}
.c-btn--2nd.c-btn__color--fdf9e1:hover {
  background-color: #fff;
  color: #fdf9e1 !important;
}
.c-btn--2nd.c-btn__color--fdf9e1.is-active {
  background-color: #fdf9e1 !important;
  color: #fff !important;
}

.c-btn--1st.c-btn__color--ff7bac, .c-btn__color--ff7bac.p-homeInfo__button, .c-btn__color--ff7bac.l-side__button, .c-btn__color--ff7bac.c-btn--2nd {
  border-color: #ff7bac;
  color: #ff7bac;
}
.c-btn--1st.c-btn__color--ff7bac:hover, .c-btn__color--ff7bac.p-homeInfo__button:hover, .c-btn__color--ff7bac.l-side__button:hover, .c-btn__color--ff7bac.c-btn--2nd:hover {
  background-color: #ff7bac;
  color: #fff !important;
}
.c-btn--1st.c-btn__color--ff7bac.is-active, .c-btn__color--ff7bac.is-active.p-homeInfo__button, .c-btn__color--ff7bac.is-active.l-side__button, .c-btn__color--ff7bac.is-active.c-btn--2nd {
  background-color: #ff7bac !important;
  color: #ff7bac !important;
}

.c-btn--2nd.c-btn__color--ff7bac {
  background-color: #ff7bac;
  border-color: #ff7bac;
  color: #fff;
}
.c-btn--2nd.c-btn__color--ff7bac:hover {
  background-color: #fff;
  color: #ff7bac !important;
}
.c-btn--2nd.c-btn__color--ff7bac.is-active {
  background-color: #ff7bac !important;
  color: #fff !important;
}

.c-cc--secondary, .c-cc--primary {
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .c-cc--secondary, .c-cc--primary {
    text-align: center;
  }
}

.c-cc--primary {
  font-size: 1.25rem;
  line-height: 1.4;
  line-height: 1.2;
}
@media screen and (min-width: 1025px) {
  .c-cc--primary {
    font-size: 1.5rem;
  }
}
.c-cc--secondary {
  font-size: 1.0625rem;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .c-cc--secondary {
    font-size: 1.125rem;
  }
}

.c-flex {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.c-flex__fd--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.c-flex__fd--rowr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.c-flex__fd--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-flex__fd--columnr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.c-flex__ai--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-flex__jc--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-flex__jc--evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.c-flex__gap--5 {
  margin-left: -5px !important;
}
.c-flex__gap--5 > * {
  margin-left: 5px !important;
}

.c-flex__gap--10 {
  margin-left: -10px !important;
}
.c-flex__gap--10 > * {
  margin-left: 10px !important;
}

.c-flex__gap--20 {
  margin-left: -20px !important;
}
.c-flex__gap--20 > * {
  margin-left: 20px !important;
}

.c-flex__gap--30 {
  margin-left: -30px !important;
}
.c-flex__gap--30 > * {
  margin-left: 30px !important;
}

.c-flex__gap--40 {
  margin-left: -40px !important;
}
.c-flex__gap--40 > * {
  margin-left: 40px !important;
}

.c-flex__col--1 {
  width: 100%;
}

.c-flex__col--2 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--2 {
    width: 50%;
  }
}
.c-flex__gap--5 > .c-flex__col--2 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--5 > .c-flex__col--2 {
    width: calc(100% / 2 - 5px);
  }
}

.c-flex__col--3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--3 {
    width: 33.3333333333%;
  }
}
.c-flex__gap--5 > .c-flex__col--3 {
  width: calc(100% / 1 - 5px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--3 {
    width: calc(100% / 3 - 5px);
  }
}

.c-flex__col--4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--4 {
    width: 25%;
  }
}
.c-flex__gap--5 > .c-flex__col--4 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--5 > .c-flex__col--4 {
    width: calc(100% / 3 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--4 {
    width: calc(100% / 4 - 5px);
  }
}

.c-flex__col--5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--5 {
    width: 20%;
  }
}
.c-flex__gap--5 > .c-flex__col--5 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--5 > .c-flex__col--5 {
    width: calc(100% / 3 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--5 {
    width: calc(100% / 5 - 5px);
  }
}

.c-flex__col--6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--6 {
    width: 16.6666666667%;
  }
}
.c-flex__gap--5 > .c-flex__col--6 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--5 > .c-flex__col--6 {
    width: calc(100% / 3 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--6 {
    width: calc(100% / 6 - 5px);
  }
}

.c-flex__col--7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--7 {
    width: 14.2857142857%;
  }
}
.c-flex__gap--5 > .c-flex__col--7 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--5 > .c-flex__col--7 {
    width: calc(100% / 4 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--7 {
    width: calc(100% / 7 - 5px);
  }
}

.c-flex__col--8 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--8 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--8 {
    width: 12.5%;
  }
}
.c-flex__gap--5 > .c-flex__col--8 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--5 > .c-flex__col--8 {
    width: calc(100% / 4 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--8 {
    width: calc(100% / 8 - 5px);
  }
}

.c-flex__col--fr3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr3 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--5 > .c-flex__col--fr3 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--fr3 {
    width: calc(100% / 3 * 2 - 5px);
  }
}

.c-flex__col--fr4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr4 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--5 > .c-flex__col--fr4 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--5 > .c-flex__col--fr4 {
    width: calc(100% / 3 * 2 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--fr4 {
    width: calc(100% / 4 * 3 - 5px);
  }
}

.c-flex__col--fr5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr5 {
    width: 80%;
  }
}
.c-flex__gap--5 > .c-flex__col--fr5 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--5 > .c-flex__col--fr5 {
    width: calc(100% / 3 * 2 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--fr5 {
    width: calc(100% / 5 * 4 - 5px);
  }
}

.c-flex__col--fr6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr6 {
    width: 83.3333333333%;
  }
}
.c-flex__gap--5 > .c-flex__col--fr6 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--5 > .c-flex__col--fr6 {
    width: calc(100% / 3 * 2 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--fr6 {
    width: calc(100% / 6 * 5 - 5px);
  }
}

.c-flex__col--fr7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr7 {
    width: 85.7142857143%;
  }
}
.c-flex__gap--5 > .c-flex__col--fr7 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--5 > .c-flex__col--fr7 {
    width: calc(100% / 4 * 3 - 5px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--5 > .c-flex__col--fr7 {
    width: calc(100% / 7 * 6 - 5px);
  }
}

.c-flex__col--fr8 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr8 {
    width: 87.5%;
  }
}
.c-flex__gap--5 > .c-flex__col--fr8 {
  width: calc(100% - 5px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--5 > .c-flex__col--fr8 {
    width: calc(100% / 8 * 7 - 5px);
  }
}

.c-flex__col--1 {
  width: 100%;
}

.c-flex__col--2 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--2 {
    width: 50%;
  }
}
.c-flex__gap--10 > .c-flex__col--2 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--10 > .c-flex__col--2 {
    width: calc(100% / 2 - 10px);
  }
}

.c-flex__col--3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--3 {
    width: 33.3333333333%;
  }
}
.c-flex__gap--10 > .c-flex__col--3 {
  width: calc(100% / 1 - 10px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--3 {
    width: calc(100% / 3 - 10px);
  }
}

.c-flex__col--4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--4 {
    width: 25%;
  }
}
.c-flex__gap--10 > .c-flex__col--4 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--10 > .c-flex__col--4 {
    width: calc(100% / 3 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--4 {
    width: calc(100% / 4 - 10px);
  }
}

.c-flex__col--5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--5 {
    width: 20%;
  }
}
.c-flex__gap--10 > .c-flex__col--5 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--10 > .c-flex__col--5 {
    width: calc(100% / 3 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--5 {
    width: calc(100% / 5 - 10px);
  }
}

.c-flex__col--6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--6 {
    width: 16.6666666667%;
  }
}
.c-flex__gap--10 > .c-flex__col--6 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--10 > .c-flex__col--6 {
    width: calc(100% / 3 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--6 {
    width: calc(100% / 6 - 10px);
  }
}

.c-flex__col--7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--7 {
    width: 14.2857142857%;
  }
}
.c-flex__gap--10 > .c-flex__col--7 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--10 > .c-flex__col--7 {
    width: calc(100% / 4 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--7 {
    width: calc(100% / 7 - 10px);
  }
}

.c-flex__col--8 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--8 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--8 {
    width: 12.5%;
  }
}
.c-flex__gap--10 > .c-flex__col--8 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--10 > .c-flex__col--8 {
    width: calc(100% / 4 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--8 {
    width: calc(100% / 8 - 10px);
  }
}

.c-flex__col--fr3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr3 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--10 > .c-flex__col--fr3 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--fr3 {
    width: calc(100% / 3 * 2 - 10px);
  }
}

.c-flex__col--fr4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr4 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--10 > .c-flex__col--fr4 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--10 > .c-flex__col--fr4 {
    width: calc(100% / 3 * 2 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--fr4 {
    width: calc(100% / 4 * 3 - 10px);
  }
}

.c-flex__col--fr5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr5 {
    width: 80%;
  }
}
.c-flex__gap--10 > .c-flex__col--fr5 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--10 > .c-flex__col--fr5 {
    width: calc(100% / 3 * 2 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--fr5 {
    width: calc(100% / 5 * 4 - 10px);
  }
}

.c-flex__col--fr6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr6 {
    width: 83.3333333333%;
  }
}
.c-flex__gap--10 > .c-flex__col--fr6 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--10 > .c-flex__col--fr6 {
    width: calc(100% / 3 * 2 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--fr6 {
    width: calc(100% / 6 * 5 - 10px);
  }
}

.c-flex__col--fr7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr7 {
    width: 85.7142857143%;
  }
}
.c-flex__gap--10 > .c-flex__col--fr7 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--10 > .c-flex__col--fr7 {
    width: calc(100% / 4 * 3 - 10px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--10 > .c-flex__col--fr7 {
    width: calc(100% / 7 * 6 - 10px);
  }
}

.c-flex__col--fr8 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr8 {
    width: 87.5%;
  }
}
.c-flex__gap--10 > .c-flex__col--fr8 {
  width: calc(100% - 10px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--10 > .c-flex__col--fr8 {
    width: calc(100% / 8 * 7 - 10px);
  }
}

.c-flex__col--1 {
  width: 100%;
}

.c-flex__col--2 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--2 {
    width: 50%;
  }
}
.c-flex__gap--20 > .c-flex__col--2 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--20 > .c-flex__col--2 {
    width: calc(100% / 2 - 20px);
  }
}

.c-flex__col--3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--3 {
    width: 33.3333333333%;
  }
}
.c-flex__gap--20 > .c-flex__col--3 {
  width: calc(100% / 1 - 20px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--3 {
    width: calc(100% / 3 - 20px);
  }
}

.c-flex__col--4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--4 {
    width: 25%;
  }
}
.c-flex__gap--20 > .c-flex__col--4 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--20 > .c-flex__col--4 {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--4 {
    width: calc(100% / 4 - 20px);
  }
}

.c-flex__col--5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--5 {
    width: 20%;
  }
}
.c-flex__gap--20 > .c-flex__col--5 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--20 > .c-flex__col--5 {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--5 {
    width: calc(100% / 5 - 20px);
  }
}

.c-flex__col--6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--6 {
    width: 16.6666666667%;
  }
}
.c-flex__gap--20 > .c-flex__col--6 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--20 > .c-flex__col--6 {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--6 {
    width: calc(100% / 6 - 20px);
  }
}

.c-flex__col--7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--7 {
    width: 14.2857142857%;
  }
}
.c-flex__gap--20 > .c-flex__col--7 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--20 > .c-flex__col--7 {
    width: calc(100% / 4 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--7 {
    width: calc(100% / 7 - 20px);
  }
}

.c-flex__col--8 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--8 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--8 {
    width: 12.5%;
  }
}
.c-flex__gap--20 > .c-flex__col--8 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--20 > .c-flex__col--8 {
    width: calc(100% / 4 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--8 {
    width: calc(100% / 8 - 20px);
  }
}

.c-flex__col--fr3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr3 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--20 > .c-flex__col--fr3 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--fr3 {
    width: calc(100% / 3 * 2 - 20px);
  }
}

.c-flex__col--fr4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr4 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--20 > .c-flex__col--fr4 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--20 > .c-flex__col--fr4 {
    width: calc(100% / 3 * 2 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--fr4 {
    width: calc(100% / 4 * 3 - 20px);
  }
}

.c-flex__col--fr5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr5 {
    width: 80%;
  }
}
.c-flex__gap--20 > .c-flex__col--fr5 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--20 > .c-flex__col--fr5 {
    width: calc(100% / 3 * 2 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--fr5 {
    width: calc(100% / 5 * 4 - 20px);
  }
}

.c-flex__col--fr6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr6 {
    width: 83.3333333333%;
  }
}
.c-flex__gap--20 > .c-flex__col--fr6 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--20 > .c-flex__col--fr6 {
    width: calc(100% / 3 * 2 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--fr6 {
    width: calc(100% / 6 * 5 - 20px);
  }
}

.c-flex__col--fr7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr7 {
    width: 85.7142857143%;
  }
}
.c-flex__gap--20 > .c-flex__col--fr7 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--20 > .c-flex__col--fr7 {
    width: calc(100% / 4 * 3 - 20px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--20 > .c-flex__col--fr7 {
    width: calc(100% / 7 * 6 - 20px);
  }
}

.c-flex__col--fr8 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr8 {
    width: 87.5%;
  }
}
.c-flex__gap--20 > .c-flex__col--fr8 {
  width: calc(100% - 20px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--20 > .c-flex__col--fr8 {
    width: calc(100% / 8 * 7 - 20px);
  }
}

.c-flex__col--1 {
  width: 100%;
}

.c-flex__col--2 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--2 {
    width: 50%;
  }
}
.c-flex__gap--30 > .c-flex__col--2 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--30 > .c-flex__col--2 {
    width: calc(100% / 2 - 30px);
  }
}

.c-flex__col--3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--3 {
    width: 33.3333333333%;
  }
}
.c-flex__gap--30 > .c-flex__col--3 {
  width: calc(100% / 1 - 30px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--3 {
    width: calc(100% / 3 - 30px);
  }
}

.c-flex__col--4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--4 {
    width: 25%;
  }
}
.c-flex__gap--30 > .c-flex__col--4 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--30 > .c-flex__col--4 {
    width: calc(100% / 3 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--4 {
    width: calc(100% / 4 - 30px);
  }
}

.c-flex__col--5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--5 {
    width: 20%;
  }
}
.c-flex__gap--30 > .c-flex__col--5 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--30 > .c-flex__col--5 {
    width: calc(100% / 3 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--5 {
    width: calc(100% / 5 - 30px);
  }
}

.c-flex__col--6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--6 {
    width: 16.6666666667%;
  }
}
.c-flex__gap--30 > .c-flex__col--6 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--30 > .c-flex__col--6 {
    width: calc(100% / 3 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--6 {
    width: calc(100% / 6 - 30px);
  }
}

.c-flex__col--7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--7 {
    width: 14.2857142857%;
  }
}
.c-flex__gap--30 > .c-flex__col--7 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--30 > .c-flex__col--7 {
    width: calc(100% / 4 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--7 {
    width: calc(100% / 7 - 30px);
  }
}

.c-flex__col--8 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--8 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--8 {
    width: 12.5%;
  }
}
.c-flex__gap--30 > .c-flex__col--8 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--30 > .c-flex__col--8 {
    width: calc(100% / 4 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--8 {
    width: calc(100% / 8 - 30px);
  }
}

.c-flex__col--fr3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr3 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--30 > .c-flex__col--fr3 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--fr3 {
    width: calc(100% / 3 * 2 - 30px);
  }
}

.c-flex__col--fr4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr4 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--30 > .c-flex__col--fr4 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--30 > .c-flex__col--fr4 {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--fr4 {
    width: calc(100% / 4 * 3 - 30px);
  }
}

.c-flex__col--fr5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr5 {
    width: 80%;
  }
}
.c-flex__gap--30 > .c-flex__col--fr5 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--30 > .c-flex__col--fr5 {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--fr5 {
    width: calc(100% / 5 * 4 - 30px);
  }
}

.c-flex__col--fr6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr6 {
    width: 83.3333333333%;
  }
}
.c-flex__gap--30 > .c-flex__col--fr6 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--30 > .c-flex__col--fr6 {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--fr6 {
    width: calc(100% / 6 * 5 - 30px);
  }
}

.c-flex__col--fr7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr7 {
    width: 85.7142857143%;
  }
}
.c-flex__gap--30 > .c-flex__col--fr7 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--30 > .c-flex__col--fr7 {
    width: calc(100% / 4 * 3 - 30px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--30 > .c-flex__col--fr7 {
    width: calc(100% / 7 * 6 - 30px);
  }
}

.c-flex__col--fr8 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr8 {
    width: 87.5%;
  }
}
.c-flex__gap--30 > .c-flex__col--fr8 {
  width: calc(100% - 30px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--30 > .c-flex__col--fr8 {
    width: calc(100% / 8 * 7 - 30px);
  }
}

.c-flex__col--1 {
  width: 100%;
}

.c-flex__col--2 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--2 {
    width: 50%;
  }
}
.c-flex__gap--40 > .c-flex__col--2 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--40 > .c-flex__col--2 {
    width: calc(100% / 2 - 40px);
  }
}

.c-flex__col--3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--3 {
    width: 33.3333333333%;
  }
}
.c-flex__gap--40 > .c-flex__col--3 {
  width: calc(100% / 1 - 40px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--3 {
    width: calc(100% / 3 - 40px);
  }
}

.c-flex__col--4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--4 {
    width: 25%;
  }
}
.c-flex__gap--40 > .c-flex__col--4 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--40 > .c-flex__col--4 {
    width: calc(100% / 3 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--4 {
    width: calc(100% / 4 - 40px);
  }
}

.c-flex__col--5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--5 {
    width: 20%;
  }
}
.c-flex__gap--40 > .c-flex__col--5 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--40 > .c-flex__col--5 {
    width: calc(100% / 3 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--5 {
    width: calc(100% / 5 - 40px);
  }
}

.c-flex__col--6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--6 {
    width: 16.6666666667%;
  }
}
.c-flex__gap--40 > .c-flex__col--6 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--40 > .c-flex__col--6 {
    width: calc(100% / 3 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--6 {
    width: calc(100% / 6 - 40px);
  }
}

.c-flex__col--7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--7 {
    width: 14.2857142857%;
  }
}
.c-flex__gap--40 > .c-flex__col--7 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--40 > .c-flex__col--7 {
    width: calc(100% / 4 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--7 {
    width: calc(100% / 7 - 40px);
  }
}

.c-flex__col--8 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--8 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--8 {
    width: 12.5%;
  }
}
.c-flex__gap--40 > .c-flex__col--8 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--40 > .c-flex__col--8 {
    width: calc(100% / 4 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--8 {
    width: calc(100% / 8 - 40px);
  }
}

.c-flex__col--fr3 {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr3 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--40 > .c-flex__col--fr3 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--fr3 {
    width: calc(100% / 3 * 2 - 40px);
  }
}

.c-flex__col--fr4 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr4 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr4 {
    width: 66.6666666667%;
  }
}
.c-flex__gap--40 > .c-flex__col--fr4 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--40 > .c-flex__col--fr4 {
    width: calc(100% / 3 * 2 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--fr4 {
    width: calc(100% / 4 * 3 - 40px);
  }
}

.c-flex__col--fr5 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr5 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr5 {
    width: 80%;
  }
}
.c-flex__gap--40 > .c-flex__col--fr5 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--40 > .c-flex__col--fr5 {
    width: calc(100% / 3 * 2 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--fr5 {
    width: calc(100% / 5 * 4 - 40px);
  }
}

.c-flex__col--fr6 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr6 {
    width: 83.3333333333%;
  }
}
.c-flex__gap--40 > .c-flex__col--fr6 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--40 > .c-flex__col--fr6 {
    width: calc(100% / 3 * 2 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--fr6 {
    width: calc(100% / 6 * 5 - 40px);
  }
}

.c-flex__col--fr7 {
  width: 100%;
}
@media screen and (min-width: 641px) {
  .c-flex__col--fr7 {
    width: 25%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__col--fr7 {
    width: 85.7142857143%;
  }
}
.c-flex__gap--40 > .c-flex__col--fr7 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 641px) {
  .c-flex__gap--40 > .c-flex__col--fr7 {
    width: calc(100% / 4 * 3 - 40px);
  }
}
@media screen and (min-width: 1025px) {
  .c-flex__gap--40 > .c-flex__col--fr7 {
    width: calc(100% / 7 * 6 - 40px);
  }
}

.c-flex__col--fr8 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex__col--fr8 {
    width: 87.5%;
  }
}
.c-flex__gap--40 > .c-flex__col--fr8 {
  width: calc(100% - 40px);
}
@media screen and (min-width: 769px) {
  .c-flex__gap--40 > .c-flex__col--fr8 {
    width: calc(100% / 8 * 7 - 40px);
  }
}

.c-flex .\--6 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-flex .\--6 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1025px) {
  .c-flex .\--6 {
    width: 16.6666666667%;
  }
}

form input, form textarea, form select {
  padding: 5px 10px;
}
form input:not([type=radio]):not([type=checkbox]):not([type=submit]), form textarea {
  width: 100%;
}
form textarea {
  height: 200px;
}
form ::-webkit-input-placeholder {
  color: #ccc;
}
form ::-moz-placeholder {
  color: #ccc;
}
form :-ms-input-placeholder {
  color: #ccc;
}
form ::-ms-input-placeholder {
  color: #ccc;
}
form ::placeholder {
  color: #ccc;
}

h3, h2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.p-fasting__h3, .p-fasting__h2, .p-protecthair__h3, .p-protecthair__h2, .p-lajuju__h3, .p-lajuju__h2, .p-highend__h5, .p-highend__h2, .p-cosmeSkin__h3, .p-cosmePickup__h3, .p-cosme__h4, .p-cosme__h2, .p-arranjuOther__h2, .p-arranjuProduct__h3, .p-protecthairProduct__h3, .p-arranjuCare__h3, .p-arranjuCare__h2, .p-c3mirror__h2 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  padding: 0;
}
.p-fasting__h3:before, .p-fasting__h2:before, .p-protecthair__h3:before, .p-protecthair__h2:before, .p-lajuju__h3:before, .p-lajuju__h2:before, .p-highend__h5:before, .p-highend__h2:before, .p-cosmeSkin__h3:before, .p-cosmePickup__h3:before, .p-cosme__h4:before, .p-cosme__h2:before, .p-arranjuOther__h2:before, .p-arranjuProduct__h3:before, .p-protecthairProduct__h3:before, .p-arranjuCare__h3:before, .p-arranjuCare__h2:before, .p-c3mirror__h2:before, .p-fasting__h3:after, .p-fasting__h2:after, .p-protecthair__h3:after, .p-protecthair__h2:after, .p-lajuju__h3:after, .p-lajuju__h2:after, .p-highend__h5:after, .p-highend__h2:after, .p-cosmeSkin__h3:after, .p-cosmePickup__h3:after, .p-cosme__h4:after, .p-cosme__h2:after, .p-arranjuOther__h2:after, .p-arranjuProduct__h3:after, .p-protecthairProduct__h3:after, .p-arranjuCare__h3:after, .p-arranjuCare__h2:after, .p-c3mirror__h2:after {
  display: none;
}

.--reset {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  padding: 0;
  text-align: inherit;
}
.--reset:before, .--reset:after {
  display: none;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #444;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  h2 {
    margin-bottom: 40px;
  }
}
h2:before {
  content: "";
}
h2:after {
  border-top: 5px solid transparent;
  content: "";
  margin-top: 10px;
  width: 50px;
}
h2.is-skin:after {
  border-color: #f0dab4;
}
h2.is-green:after {
  border-color: #87caa5;
}
h2.is-blue:after {
  border-color: #acdee6;
}
h2.is-purple:after {
  border-color: #b790ea;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
}
@media screen and (min-width: 1025px) {
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-weight: 700;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding-bottom: 5px;
  text-align: center;
}

.c-inquiry__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
  background: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  border-radius: 3px !important;
  -webkit-box-shadow: 5px 5px 0 0 #f0f0f0;
          box-shadow: 5px 5px 0 0 #f0f0f0;
  color: #fff !important;
  opacity: 1 !important;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
}
.c-inquiry__link:after {
  content: "";
  height: 100%;
  position: absolute;
  top: -10%;
  left: -120%;
  -webkit-transform: scale(2) rotate(20deg);
          transform: scale(2) rotate(20deg);
  width: 50px;
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 0%);
}
.is-fixed .c-inquiry__link:after {
  top: -20%;
  left: -220%;
}

.c-inquiry__link:hover:after {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: shiny;
          animation-name: shiny;
}
.is-fixed .c-inquiry__link:hover:after {
  -webkit-animation-name: shiny-fixed;
          animation-name: shiny-fixed;
}

.c-inquiry__link i {
  font-size: 1.0625rem;
  margin-right: 5px;
}
@media screen and (min-width: 1025px) {
  .c-inquiry__link i {
    font-size: 1.125rem;
  }
}

@-webkit-keyframes shiny {
  0% {
    left: -120%;
  }
  100% {
    left: 120%;
  }
}

@keyframes shiny {
  0% {
    left: -120%;
  }
  100% {
    left: 120%;
  }
}
@-webkit-keyframes shiny-fixed {
  0% {
    left: -260%;
  }
  100% {
    left: 260%;
  }
}
@keyframes shiny-fixed {
  0% {
    left: -260%;
  }
  100% {
    left: 260%;
  }
}

.c-link--block {
  color: inherit;
  display: block;
  height: 100%;
  position: relative;
}

.c-list__type--disc {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list__type--disc:before {
  font-size: 0.6em;
  margin-right: 0.5em;
  vertical-align: 0.3em;
}
.c-list__type--disc:before {
  content: "●";
}
.c-list__type--circle {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list__type--circle:before {
  font-size: 0.6em;
  margin-right: 0.5em;
  vertical-align: 0.3em;
}
.c-list__type--circle:before {
  content: "○";
}
.c-list__type--square {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list__type--square:before {
  font-size: 0.6em;
  margin-right: 0.5em;
  vertical-align: 0.3em;
}
.c-list__type--square:before {
  content: "■";
}

.c-post__thumbnail {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.c-post__thumbnail::before {
  content: "";
  display: block;
  padding-top: 100%;
}
a:hover .c-post__thumbnail {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.c-post__category, .c-post__tag {
  font-size: 0.75rem;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  padding: 2px 8px;
  text-align: center;
}
.c-post__time {
  font-size: 0.875rem;
  display: block;
}
.c-post__sns__list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-post__sns__item {
  line-height: 1;
  margin-right: 10px;
}

.c-ratio {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.c-ratio::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-search__field {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
}
@media screen and (min-width: 1025px) {
  .c-search__field {
    font-size: 14px;
  }
}
.c-search__submit {
  color: #000;
  height: 30px;
  padding: 0 !important;
  width: 30px !important;
}
.c-social__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -15px;
}
.c-social__item {
  margin-left: 15px;
}
.c-social__link i {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #000;
}
@media screen and (min-width: 1025px) {
  .c-social__link i {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
.c-social__link i:hover {
  color: #e53366;
}

.c-thumbnail {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.c-thumbnail::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.l-breadcrumb {
  font-size: 0.875rem;
  padding: 10px 0;
}

.l-drawer {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  background-color: #fafafa;
  height: 100vh;
  overflow: auto;
  padding: 60px 20px 20px;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  width: 300px;
  z-index: 999;
}
@media screen and (min-width: 1025px) {
  .l-drawer {
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
    padding: 100px 40px 40px;
  }
}
.l-drawer.is-show {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.l-drawerNav {
  margin: 0 -20px;
}
@media screen and (min-width: 1025px) {
  .l-drawerNav {
    margin: 0 -40px;
  }
}

.l-drawerInquiry {
  margin: 30px 0;
}
@media screen and (min-width: 1025px) {
  .l-drawerInquiry {
    margin: 40px 0;
  }
}
.l-drawerInquiry .c-inquiry__link {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.l-drawerSocial .c-social__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-footer {
  background-color: #e5e5e5;
}
.l-footer__wrapper {
  max-width: 90%;
  width: 1110px;
}

@media screen and (max-width: 1024px) {
  .l-footerLogo {
    display: none;
  }
}

.l-footerSitemap {
  margin: 0 -25px;
}
@media screen and (max-width: 1280px) {
  .l-footerSitemap {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 1024px) {
  .l-footerSitemap {
    display: none;
  }
}
.l-footerSitemap__container {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 25px;
}
.l-footerSitemap__container::after {
  content: "";
  display: block;
  clear: both;
}
.l-footerSitemap__container:last-of-type() {
  border-right: 0;
}
@media screen and (max-width: 1280px) {
  .l-footerSitemap__container {
    padding: 0 15px;
  }
}
.l-footerSitemap__h5 {
  border-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 5px;
  padding-bottom: 0;
  text-align: left;
}
.l-footerSitemap__item, .l-footerSitemap__term {
  font-size: 0.875rem;
}
/*
.l-footerSitemap__container:last-of-type .l-footerSitemap__item, .l-footerSitemap__container:last-of-type .l-footerSitemap__term {
  font-size: 1rem;
}
.l-footerSitemap__container:last-of-type .l-footerSitemap__item:before, .l-footerSitemap__container:last-of-type .l-footerSitemap__term:before {
  display: none;
}
*/
.l-footerSitemap__link {
  color: #000;
  opacity: 1 !important;
}
.l-footerSitemap__link:hover {
  color: #b790ea;
}
.l-footerSitemap__link.is-hidden {
  color: inherit !important;
}
.l-footerSitemap__link > strong {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  color: rgba(0, 0, 0, 0.5);
}
.l-footerSitemap__link > strong:hover {
  color: #b790ea;
}
.l-footerSitemap__dlist {
  font-size: 0.875rem;
  float: left;
}
.l-footerSitemap__dlist:not(:last-of-type) {
  margin-right: 15px;
}
@media screen and (max-width: 1280px) {
  .l-footerSitemap__dlist:not(:last-of-type) {
    margin-right: 5px;
  }
}
.l-footerSitemap__term {
  margin-bottom: 5px;
}
.l-footerSitemap__desc {
  font-size: 0.875rem;
}

.l-footerNav__item {
  margin-bottom: 20px;
}
.l-footerSocial {
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .l-footerSocial {
    display: none;
  }
}
.l-footerSocial .c-social__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-copyright {
  font-family: "M PLUS 1p", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "Kozuka Gothic Pro", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.75rem;
  background-color: #e5e5e5;
  padding: 20px 0 40px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .l-copyright {
    padding: 60px 0 80px;
  }
}

.l-pagetop {
  background-color: rgba(0, 0, 0, 0.2);
  height: 40px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 40px;
  z-index: 9999;
}
@media screen and (min-width: 1025px) {
  .l-pagetop {
    height: 60px;
    bottom: 20px;
    right: 20px;
    width: 60px;
  }
}
.l-pagetop__link {
  font-size: 1.25rem;
  line-height: 1.4;
  line-height: 1;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .l-pagetop__link {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .l-pagetop__link {
    font-size: 1.75rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .l-pagetop__link {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.l-hamburger {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  background: -webkit-gradient(linear, left top, left bottom, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
  background: linear-gradient(to bottom, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  border-radius: 100%;
  cursor: pointer;
  height: 40px;
  position: fixed;
  top: 10px;
  right: 10px;
  width: 40px;
  z-index: 9999;
}
@media screen and (min-width: 1025px) {
  .l-hamburger {
    height: 60px;
    top: 20px;
    right: 20px;
    width: 60px;
  }
  .l-hamburger:not(.is-fixed) {
    display: none;
  }
}
.l-hamburgerTrigger {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.l-hamburgerTrigger__line {
  position: relative;
  height: 18px;
  width: 22px;
}
@media screen and (min-width: 1025px) {
  .l-hamburgerTrigger__line {
    height: 20px;
    width: 30px;
  }
}
.l-hamburgerTrigger__line span {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  background-color: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 2px;
  position: absolute;
  left: 0;
  width: 100%;
}
.l-hamburgerTrigger__line span:nth-of-type(1) {
  top: 0;
}
.l-hamburgerTrigger__line span:nth-of-type(2) {
  top: 8px;
}
@media screen and (min-width: 1025px) {
  .l-hamburgerTrigger__line span:nth-of-type(2) {
    top: 9px;
  }
}
.l-hamburgerTrigger__line span:nth-of-type(3) {
  bottom: 0;
}
.l-hamburgerTrigger__line.is-active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-315deg);
          transform: translateY(9px) rotate(-315deg);
  top: -1px;
}
.l-hamburgerTrigger__line.is-active span:nth-of-type(2) {
  opacity: 0;
}
.l-hamburgerTrigger__line.is-active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(315deg);
          transform: translateY(-9px) rotate(315deg);
}
.l-hamburgerTrigger__title {
  font-size: 0.75rem;
  color: #fff;
  display: none;
}

@media screen and (max-width: 768px) {
  .l-header.is-admin .l-headerLogo, .l-header.is-admin .l-drawer, .l-header.is-admin .l-hamburger {
    margin-top: 46px;
  }
}
@media screen and (min-width: 1025px) {
  .l-header.is-admin .l-headerLogo, .l-header.is-admin .l-drawer, .l-header.is-admin .l-hamburger {
    margin-top: 32px;
  }
}

.l-header {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  height: 60px;
  padding: 0 20px;
  position: relative;
  width: 100%;
  z-index: 9999;
}
@media screen and (min-width: 1025px) {
  .l-header {
    height: 130px;
  }
}

.l-headerLogo {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  margin-left: 0;
  margin-right: auto;
  position: fixed;
  top: 30px;
  left: 20px;
  width: 240px;
}
@media screen and (max-width: 1024px) {
  .l-headerLogo {
    top: 8px;
    left: 10px;
    width: 130px;
  }
}
.l-headerNav {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  position: absolute;
  bottom: 30px;
  right: 220px;
}
@media screen and (max-width: 1280px) {
  .l-headerNav {
    right: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .l-headerNav {
    display: none;
  }
}

.l-headerInquiry {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 180px;
}
.l-headerInquiry.is-fixed {
  position: fixed;
  top: 130px;
  right: 25px;
  width: auto;
}
.l-headerInquiry.is-fixed .c-inquiry__link {
  background: -webkit-gradient(linear, left top, left bottom, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
  background: linear-gradient(to bottom, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 180px;
  padding: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 50px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.l-headerInquiry.is-fixed .c-inquiry__link i {
  margin: 0 0 5px;
}
.page-id-8 .l-headerInquiry.is-fixed {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .l-headerInquiry {
    display: none;
  }
}

.l-key {
  font-size: 0.75rem;
  background-color: rgba(183, 144, 234, 0.2);
  color: rgba(0, 0, 0, 0.6);
  padding: 15px 5%;
}
.l-key.is-large {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.1em;
  background-image: url(/img/common/key.png);
  color: #fff;
  padding: 0;
}
.l-key.is-large::before {
  content: "";
  display: block;
  padding-top: 10%;
}
@media screen and (min-width: 1025px) {
  .l-key.is-large {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1024px) {
  .l-key.is-large {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1025px) {
  .l-key.is-large {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .l-key.is-large:before {
    padding-top: 20%;
  }
}

.l-main::after {
  content: "";
  display: block;
  clear: both;
}
body.single .l-main .p-lnav {
  max-width: none;
}

@media screen and (min-width: 769px) {
  body.single .l-contents {
    float: left;
    width: 70%;
  }
}

.l-pager {
  font-size: 1.125rem;
  line-height: 1.4;
  line-height: 1;
  margin: 40px 0;
}
@media screen and (min-width: 1025px) {
  .l-pager {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1025px) {
  .l-pager {
    margin: 60px 0;
  }
}
.l-pager .wp-pagenavi {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-pager .wp-pagenavi > * {
  border-color: #000 !important;
  color: #000;
  display: block;
  margin: 2px;
  padding: 8px;
}
.l-pager .wp-pagenavi > *.current, .l-pager .wp-pagenavi > .page:hover {
  background-color: #000;
  color: #fff;
}
.l-pager .wp-pagenavi > *.pages, .l-pager .wp-pagenavi > *.first, .l-pager .wp-pagenavi > *.last, .l-pager .wp-pagenavi > *.previouspostslink, .l-pager .wp-pagenavi > *.nextpostslink, .l-pager .wp-pagenavi > *.extend {
  border: 0;
}
.l-pager .wp-pagenavi > *.page:hover {
  opacity: 1;
}

.l-side {
  margin-bottom: 60px;
}
@media screen and (min-width: 769px) {
  .l-side {
    float: right;
    width: 24%;
  }
}
.l-side__container {
  margin-bottom: 40px;
}
.l-side__title {
  font-size: 1rem;
  margin: 0 0 20px;
}
.l-side__title:after {
  margin-top: 10px;
  width: 100%;
}
.l-side__button {
  padding: 5px 10px;
}

.l-sideCategory {
  font-size: 0.875rem;
}
.l-sideCategory__item .l-sideCategory__list {
  margin-left: 0.8em;
}
.l-sideCategory__link:before {
  content: "・";
}

.l-sideRecently__item {
  margin-bottom: 20px;
}
.l-sideRecently__link {
  line-height: 1.2;
  color: #000;
}
.l-sideRecently__image {
  margin-bottom: 10px;
  overflow: hidden;
  width: 60px;
}
.l-sideRecently__text.is-blog {
  width: calc(100% - 75px);
}
.l-sideRecently__text .c-post__time {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.6);
  display: block;
}
.l-sideRecently__title {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-top: 5px;
}
.l-sideRecently .c-post__time {
  font-size: 0.875rem;
}
.l-sideRecently .c-post__category, .l-sideRecently .c-post__tag {
  font-size: 0.75rem;
}

.l-wrapper--pct90, .l-wrapper--pct100, .l-wrapper, body.single .l-main {
  margin: auto;
  position: relative;
}
.l-wrapper--pct90::after, .l-wrapper--pct100::after, .l-wrapper::after, body.single .l-main::after {
  content: "";
  display: block;
  clear: both;
}

.l-wrapper, body.single .l-main {
  max-width: 90%;
  width: 1000px;
}
.l-wrapper--pct100 {
  width: 100%;
}
.l-wrapper--pct90 {
  width: 90%;
}

@media screen and (min-width: 1025px) {
  .p-gnav__list {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-gnav__item {
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
}
.l-headerNav .p-gnav__item {
  border-left-width: 1px;
  padding: 0 5px;
}
.l-headerNav .p-gnav__item:first-of-type {
  border-left-width: 0;
}

.l-drawerNav .p-gnav__item {
  border-top-width: 1px;
  width: 100%;
}
.l-drawerNav .p-gnav__item:last-of-type {
  border-bottom-width: 1px;
}

.p-gnav__link {
  font-size: 0.875rem;
  font-weight: 700;
  color: #444;
  display: block;
  padding: 2px 1em;
}
.l-drawer .p-gnav__link {
  padding: 10px 20px;
}
@media screen and (min-width: 1025px) {
  .l-drawer .p-gnav__link {
    padding: 15px 30px;
  }
}

.p-gnav__link:not(.is-active):hover {
  background-color: #b790ea;
  color: #fff;
}
.p-gnav__link.is-active {
  color: #b790ea;
}

.p-lnav__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 10px !important;
  max-width: 400px;
}
.p-lnav__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -20px;
}
.p-lnav__item {
  margin: 10px 0 0 20px;
  width: calc(100% - 20.01px);
}
@media screen and (min-width: 1025px) {
  .p-lnav__item {
    margin-top: 20px;
    width: calc(33.3333333333% - 20.01px);
  }
}
.p-lnav__link {
  font-weight: 400;
  border: 1px solid #000;
  color: #000;
  height: 100%;
}
.p-lnav__link:not(.is-active):not(.is-hidden):hover {
  background-color: #b790ea;
  border-color: #b790ea;
  color: #fff !important;
}
.p-lnav__link.is-active {
  border-color: #b790ea;
  color: #b790ea;
}
.p-lnav__link.is-hidden {
  opacity: 0.4 !important;
}

.l-headerNav .p-megamenu {
  background-color: #fff;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
}

.l-drawerNav .p-megamenu {
  background-color: rgba(255, 255, 255, 0.2);
  width: 100%;
}

.p-megamenu__trigger {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.p-megamenu__trigger:before, .p-megamenu__trigger:after {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  display: inline-block;
  position: relative;
}
.p-megamenu__trigger:before, .p-megamenu__trigger:after {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
}
.p-megamenu__trigger:before, .p-megamenu__trigger:after {
  font-size: 0.8em;
}
.p-megamenu__trigger:after {
  content: "\f078";
}
.p-megamenu__trigger:after {
  margin-left: 0.5em;
}
.l-headerNav .p-megamenu__trigger:after {
  color: #ffff2e;
}

.p-megamenu__trigger.is-active:after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.l-drawerNav .p-megamenu__trigger {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.l-headerNav .p-megamenu__list {
  margin-top: 10px;
}

.p-megamenu__item:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
.l-drawerNav .p-megamenu__item {
  border-color: #fff;
}

.p-megamenu__link {
  display: block;
  padding: 10px;
}
.l-headerNav .p-megamenu__link:hover {
  color: #ffff2e;
  opacity: 1;
}

.l-drawerNav .p-megamenu__link {
  padding: 15px 2em;
}

.p-archive__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-archive__item {
  border: 1px solid #ddd;
  margin: 0 0 -1px -1px;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-archive__item {
    width: 33.3333333333%;
  }
}
.p-archive__image {
  margin: -1px;
  overflow: hidden;
}
.p-archive__text {
  padding: 20px;
}
@media screen and (min-width: 1025px) {
  .p-archive__text {
    padding: 40px;
  }
}
.p-archive__title {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  font-size: 1.0625rem;
  color: #e53366;
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .p-archive__title {
    font-size: 1.125rem;
  }
}
.p-archive__link:hover .p-archive__title {
  color: #b790ea;
}

.p-archive .c-post__thumbnail:before {
  padding-top: 50%;
}

.p-single {
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-single {
    margin-bottom: 80px;
  }
}

.p-singleHeader {
  background-color: rgba(183, 144, 234, 0.1);
  margin-bottom: 40px;
}
.p-singleHeader__text {
  padding: 10px 20px;
}
@media screen and (min-width: 1025px) {
  .p-singleHeader__text {
    padding: 20px 30px;
  }
}
.p-singleHeader__h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  margin-bottom: 20px;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .p-singleHeader__h1 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
.p-mv__wrapper {
  margin: auto;
  position: relative;
}
.p-mv__image {
  margin: auto;
  width: 100%;
}
.p-mv__text._product, .p-mv__text._protein {
  background-color: rgba(255, 255, 255, 0.8);
  background-size: auto 60%;
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: 999;
  width: 50%;
}

.p-productMessage, .p-proteinMessage, .p-arranjuAbout, .p-machineMessage, .p-celebrebornAbout, .p-victoriaAbout, .p-celebrebornFeature-lead, .p-cosmeticProblem, .p-contact, .p-consultingStep, .p-consultingReason, .p-homeInfo, body.single .l-contents, .l-side, .p-singleFooter {
  margin: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-productMessage, .p-proteinMessage, .p-arranjuAbout, .p-machineMessage, .p-celebrebornAbout, .p-victoriaAbout, .p-celebrebornFeature-lead, .p-cosmeticProblem, .p-contact, .p-consultingStep, .p-consultingReason, .p-homeInfo, body.single .l-contents, .l-side, .p-singleFooter {
    margin: 80px 0;
  }
}
.p-madamProduct, .p-madamSupport, .p-madamRecommend, .p-madamFeature-bottom, .p-madamFeature-top, .p-madamAbout, .p-protecthairOther, .p-protecthairFeature, .p-highendMessage, .p-highendCare, .p-highendStep, .p-highendProblem-bottom, .p-highendProblem-middle, .p-highendProblem-top, .p-highendProduct, .p-highendFeature, .p-highendAbout, .p-serumPartscare, .p-serumFeature, .p-serumTrouble, .p-cosmeHair, .p-cosmeBath, .p-cosmeSkin, .p-cosmePickup, .p-arranjuOther, .p-arranjuProduct, .p-protecthairProduct, .p-arranjuCare, .p-arranjuTrouble, .p-arranjuCheck, .p-arranjuFeature, .p-victoriaFaq, .p-victoriaValue, .p-victoriaMerit, .p-celebrebornStep, .p-victoriaStep, .p-celebrebornDr, .p-celebrebornPlace, .p-celebrebornChoice .l-wrapper, .p-celebrebornChoice body.single .l-main, body.single .p-celebrebornChoice .l-main, .p-celebrebornChoice, .p-celebrebornCharm .l-wrapper, .p-celebrebornCharm body.single .l-main, body.single .p-celebrebornCharm .l-main, .p-celebrebornFeature, .p-c3mirrorResult, .p-foreignBooth, .p-cosmeticProduct, .p-cosmeticCasestudy, .p-cosmeticFlow, .p-cosmeticPoint, .p-consultingEvolution, .p-consultingPoint, .p-lnav, .p-archive {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-madamProduct, .p-madamSupport, .p-madamRecommend, .p-madamFeature-bottom, .p-madamFeature-top, .p-madamAbout, .p-protecthairOther, .p-protecthairFeature, .p-highendMessage, .p-highendCare, .p-highendStep, .p-highendProblem-bottom, .p-highendProblem-middle, .p-highendProblem-top, .p-highendProduct, .p-highendFeature, .p-highendAbout, .p-serumPartscare, .p-serumFeature, .p-serumTrouble, .p-cosmeHair, .p-cosmeBath, .p-cosmeSkin, .p-cosmePickup, .p-arranjuOther, .p-arranjuProduct, .p-protecthairProduct, .p-arranjuCare, .p-arranjuTrouble, .p-arranjuCheck, .p-arranjuFeature, .p-victoriaFaq, .p-victoriaValue, .p-victoriaMerit, .p-celebrebornStep, .p-victoriaStep, .p-celebrebornDr, .p-celebrebornPlace, .p-celebrebornChoice .l-wrapper, .p-celebrebornChoice body.single .l-main, body.single .p-celebrebornChoice .l-main, .p-celebrebornChoice, .p-celebrebornCharm .l-wrapper, .p-celebrebornCharm body.single .l-main, body.single .p-celebrebornCharm .l-main, .p-celebrebornFeature, .p-c3mirrorResult, .p-foreignBooth, .p-cosmeticProduct, .p-cosmeticCasestudy, .p-cosmeticFlow, .p-cosmeticPoint, .p-consultingEvolution, .p-consultingPoint, .p-lnav, .p-archive {
    padding: 80px 0;
  }
}

.p-homeMv {
  position: relative;
  overflow: hidden;
}
.p-homeMv__video {
  background: #ddd;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 69%, 0 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 69%, 0 100%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.p-homeMv__video::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.p-homeMv__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.p-homeMv__text {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  position: absolute;
  top: 8%;
  left: 4%;
  width: 50%;
}
.p-homeMv__text::before {
  content: "";
  display: block;
  padding-top: 58.6966666667%;
}
@media screen and (min-width: 1025px) {
  .p-homeMv__text {
    top: 10%;
    left: 10%;
    width: 40%;
  }
}
.p-homeMv__ccopy {
  background-color: #fff;
  padding: 10px 10px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: right;
  -webkit-transform: skewY(-10deg);
          transform: skewY(-10deg);
  width: 100%;
  z-index: 9;
}
@media screen and (min-width: 1025px) {
  .p-homeMv__ccopy {
    padding: 40px 40px 0;
    bottom: 10%;
  }
}
.p-homeMv__ccopy img {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: img-fade;
          animation-name: img-fade;
  display: inline-block;
  -webkit-transform: skewY(10deg);
          transform: skewY(10deg);
  width: 60%;
}
.p-homeMv__mask {
  background-image: -webkit-gradient(linear, left top, right top, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
  background-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 69%, 0 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 69%, 0 100%);
  height: 100%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@-webkit-keyframes img-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes img-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-homeBusiness__list, .p-homeProduct__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 1025px) {
  .p-homeBusiness__list, .p-homeProduct__list {
    margin-left: -40px;
  }
}
@media screen and (max-width: 1024px) {
  .p-homeBusiness__item, .p-homeInfo__item, .p-homeProduct__item {
    margin-bottom: 30px;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .p-homeBusiness__item, .p-homeInfo__item, .p-homeProduct__item {
    margin-left: 40px;
    width: calc(33.3333333333% - 40.01px);
  }
}
.p-homeBusiness__link:hover {
  opacity: 1 !important;
}
.p-homeBusiness__link p {
  color: #000 !important;
}
.p-homeBusiness__image, .p-homeProduct__image {
  overflow: hidden;
}
.p-homeBusiness__image--inner, .p-homeProduct__image--inner {
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.p-homeBusiness__image--inner::before, .p-homeProduct__image--inner::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.p-homeBusiness__image--inner:hover, .p-homeProduct__image--inner:hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.p-homeBusiness__image img, .p-homeProduct__image img {
  display: block;
}
.p-homeBusiness__image img:hover, .p-homeProduct__image img:hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.p-homeBusiness__text, .p-homeProduct__text {
  margin-top: 20px;
  text-align: center;
}

.p-homeSalon__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 40px;
}
.p-homeSalon__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  width: 100%;
}
.p-homeSalon__image::before {
  content: "";
  display: block;
  padding-top: 46%;
}
@media screen and (min-width: 1025px) {
  .p-homeSalon__image {
    width: 60%;
  }
}
@media screen and (min-width: 1025px) {
  .p-homeSalon__image {
    width: 70%;
  }
}
.p-homeSalon__text {
  background-color: #231815;
  color: #fff;
  padding: 20px;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-homeSalon__text {
    padding: 30px;
    width: 40%;
  }
}
@media screen and (min-width: 1025px) {
  .p-homeSalon__text {
    width: 30%;
  }
}

.p-homeInfo__list {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -20px;
}
.p-homeInfo__item {
  border: 2px solid transparent;
  -o-border-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
     border-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  border-image-slice: 1;
  margin: 0 0 20px 20px;
  padding: 20px;
  text-align: center;
  width: calc(100% - 20.01px);
}
@media screen and (min-width: 1025px) {
	.p-homeInfo__item {
		width: calc(50% - 20.01px) !important;
	}
}
.p-homeInfo__button {
  padding: 10px;
}
.p-homeInfo h3 {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	border-bottom: 0;
}
.p-homeInfo h3:before, .p-homeInfo h3:after {
  border-left: 1px solid #444;
  content: "";
  height: 1em;
  margin: 0 1em;
  -webkit-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.p-homeBlog__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 0;
}
.p-homeBlog__item:last-of-type {
  border-bottom: 0;
}
.p-homeBlog__link {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-homeBlog__image {
  overflow: hidden;
  width: 30%;
}
.p-homeBlog__text {
  text-align: left;
  width: 65%;
}

.p-aboutMenu, .p-contactMenu, .p-aboutAccess, .p-aboutCompany, .p-aboutGreeting {
  background-color: #fafafa;
  padding: 20px 0;
}
@media screen and (min-width: 1025px) {
  .p-aboutMenu, .p-contactMenu, .p-aboutAccess, .p-aboutCompany, .p-aboutGreeting {
    padding: 40px 0;
  }
}
.p-contactMenu__wrapper, .p-aboutMenu__wrapper, .p-aboutAccess__wrapper, .p-aboutCompany__wrapper, .p-aboutGreeting__wrapper {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}
@media screen and (min-width: 1025px) {
  .p-contactMenu__wrapper, .p-aboutMenu__wrapper, .p-aboutAccess__wrapper, .p-aboutCompany__wrapper, .p-aboutGreeting__wrapper {
    padding: 40px;
  }
}
.p-aboutMenu h2, .p-contactMenu h2, .p-aboutAccess h2, .p-aboutCompany h2, .p-aboutGreeting h2 {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.p-aboutGreeting__lead {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .p-aboutGreeting__lead {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-aboutGreeting__lead {
    text-align: center;
  }
}
.p-aboutGreeting__container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
.p-aboutGreeting__text {
  width: calc(100% - 400px);
}
@media screen and (max-width: 1024px) {
  .p-aboutGreeting__text {
    width: 100%;
  }
}
.p-aboutGreeting__image {
  width: 375px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-aboutGreeting__image {
    margin-top: 20px;
    width: 100%;
  }
}

.p-aboutCompany__dlist {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-aboutCompany__term, .p-aboutCompany__desc {
  border-top: 1px solid transparent;
  -o-border-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
     border-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  border-image-slice: 1;
  padding: 10px 0;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-aboutCompany__term, .p-aboutCompany__desc {
    width: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .p-aboutCompany__term {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .p-aboutCompany__desc {
    border-top: 0;
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-aboutCompany__desc {
    width: 80%;
  }
}

.p-aboutMenu__list, .p-contactMenu__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 1025px) {
  .p-aboutMenu__list, .p-contactMenu__list {
    margin-left: -20px;
  }
}
.p-aboutMenu__item, .p-contactMenu__item {
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-aboutMenu__item, .p-contactMenu__item {
    margin-left: 20px;
    width: calc(33.3333333333% - 20.01px);
  }
}
.p-aboutMenu__link, .p-contactMenu__link {
  color: #000;
  display: block;
}
.p-aboutMenu__link img, .p-contactMenu__link img {
  margin-bottom: 5px;
}
.p-aboutMenu__link.is-hidden, .is-hidden.p-contactMenu__link {
  opacity: 0.4;
}

.p-consulting__h2, .p-machine__h2, .p-foreign__h2, .p-cosmetic__h2 {
  color: #fff;
}
.p-consulting__h2--inner, .p-machine__h2--inner, .p-foreign__h2--inner, .p-cosmetic__h2--inner {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  display: inline-block;
  padding: 10px 20px;
}

.p-consultingMv__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(12%, #fff), color-stop(12%, #fafafa), color-stop(88%, #fafafa), color-stop(88%, #fff), to(#fff));
  background: linear-gradient(to bottom, #fff 0%, #fff 12%, #fafafa 12%, #fafafa 88%, #fff 88%, #fff 100%);
  margin: 0 auto;
  position: relative;
}
.p-consultingMv__text {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  position: absolute;
  top: 20%;
  left: 4%;
  z-index: 999;
  width: 52%;
}
.p-consultingMv__text::before {
  content: "";
  display: block;
  padding-top: 63.5%;
}
.p-consultingMv__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  background-position: 0 center;
  -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
  width: 52%;
}
.p-consultingMv__image::before {
  content: "";
  display: block;
  padding-top: 89.7196261682%;
}

.p-consultingReason__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 -22px;
}
@media screen and (max-width: 1024px) {
	.p-consultingReason__list {
		align-items: center;
		flex-direction: column;
	}
}
.p-consultingReason__item {
  margin: 0 22px;
  width: 240px;
}
@media screen and (max-width: 1024px) {
  .p-consultingReason__item {
    width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .p-consultingReason__item {
    margin-bottom: 30px;
  }
}
.p-consultingReason__title {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
  font-size: 1.125rem;
  line-height: 1.4;
  background-color: #fff;
  border-radius: 100%;
  height: 240px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  width: 240px;
}
@media screen and (min-width: 1025px) {
  .p-consultingReason__title {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-consultingReason__title {
    height: 200px;
    width: 200px;
  }
}
.p-consultingReason__title:after {
  background-image: -webkit-gradient(linear, left top, right top, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
  background-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  border-radius: 100%;
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
}

.p-consultingPoint {
  background-color: #fafafa;
}
.p-consultingPoint__lead {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-consultingPoint__lead {
    font-size: 1.5rem;
  }
}
.p-consultingPoint__list {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 20px;
  padding: 30px;
}
@media screen and (min-width: 1025px) {
  .p-consultingPoint__list {
    margin-top: 40px;
    padding: 40px;
  }
}
.p-consultingPoint__item {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
	.p-consultingPoint__item {
		align-items: center;
		flex-direction: column;
	}
}
.p-consultingPoint__item:not(:last-of-type) {
  margin-bottom: 30px;
}
.p-consultingPoint__icon {
  width: 125px;
}
.p-consultingPoint__text {
  padding: 0 40px;
  width: calc(100% - 125px - 185px);
}
@media screen and (max-width: 1024px) {
  .p-consultingPoint__text {
    padding: 20px 0 10px;
    width: 100%;
  }
}
.p-consultingPoint__image {
  width: 185px;
}

.p-consultingEvolution {
  background-color: #222;
}
@media screen and (min-width: 1025px) {
  .p-consultingEvolution {
    padding: 60px 0;
  }
}

.p-cosmetic__h2--inner {
  background-color: #fff;
  color: #000;
}

.p-cosmeticMv {
  margin: 40px 0;
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-cosmeticMv {
    margin: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-cosmeticMv {
    padding: 80px 0;
  }
}
.p-cosmeticMv__wrapper {
  margin: auto;
  max-width: 90%;
}
.p-cosmeticMv__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  margin: auto;
  width: 100%;
}
.p-cosmeticMv__image::before {
  content: "";
  display: block;
  padding-top: 60.8272506083%;
}
@media screen and (min-width: 641px) {
  .p-cosmeticMv__image {
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .p-cosmeticMv__image {
    width: 60%;
  }
}

.p-cosmeticProblem {
  text-align: center;
}
.p-cosmeticProblem__wrapper {
  background-color: #ffebf2;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
          clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
  margin-bottom: 40px;
  padding: 40px 5% 60px;
}
@media screen and (min-width: 1025px) {
  .p-cosmeticProblem__wrapper {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
            clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
    margin-bottom: 60px;
    padding: 80px 5% 120px;
  }
}
.p-cosmeticProblem__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-cosmeticProblem__item {
  margin: 5px auto;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-cosmeticProblem__item {
    margin: 10px auto;
    width: 48%;
  }
}
.p-cosmeticProblem__item img {
  width: 100%;
}
.p-cosmeticProblem__image {
  margin: 20px auto 0;
  width: 60%;
}
@media screen and (min-width: 1025px) {
  .p-cosmeticProblem__image {
    width: 40%;
  }
}

.p-cosmeticPoint {
  background-color: #efd0f7;
}
.p-cosmeticPoint__list {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (max-width: 1024px) {
	.p-cosmeticPoint__list {
		flex-direction: column;
	}
}
.p-cosmeticPoint__item {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #fff;
  border: 12px solid #fff;
  border-radius: 100%;
  color: #b790ea;
  height: 300px;
  position: relative;
  text-align: center;
  width: 300px;
}
@media screen and (min-width: 1025px) {
  .p-cosmeticPoint__item {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-cosmeticPoint__item {
    font-size: 1.125rem;
    line-height: 1.4;
    height: 220px;
    width: 220px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1025px) {
  .p-cosmeticPoint__item {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-cosmeticPoint__item {
    height: 260px;
    margin-bottom: 20px;
    width: 260px;
  }
}
.p-cosmeticPoint__item:before {
  border: 10px solid #efd0f7;
  border-radius: 100%;
  content: "";
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

.p-cosmeticFlow {
  background-color: #ffebf2;
  text-align: center;
}
.p-cosmeticFlow__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -20px;
}
.p-cosmeticFlow__item {
  margin: 0 0 20px 20px;
  width: calc(100% - 20.01px);
}
@media screen and (min-width: 1025px) {
  .p-cosmeticFlow__item {
    width: calc(33.3333333333% - 20.01px);
  }
}
.p-cosmeticFlow .c-flex {
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-cosmeticFlow .c-flex {
    max-width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .p-cosmeticFlow .c-flex {
    max-width: 60%;
  }
}
@media screen and (max-width: 1024px) {
  .p-cosmeticFlow .c-flex__col--3 img {
    width: 40%;
  }
}
.p-cosmeticFlow .c-flex__col--fr3 img {
  width: 100%;
}

.p-cosmeticCasestudy {
  background-color: #efd0f7;
}
.p-cosmeticCasestudy__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -20px;
}
@media screen and (max-width: 1024px) {
  .p-cosmeticCasestudy__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-cosmeticCasestudy__item {
  margin: 0 0 20px 20px;
  width: calc(100% - 20.01px);
}
@media screen and (min-width: 1025px) {
  .p-cosmeticCasestudy__item {
    width: calc(33.3333333333% - 20.01px);
  }
}

.p-cosmeticProduct {
  background-color: #fff1a1;
  text-align: center;
}
.p-cosmeticProduct__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-cosmeticProduct__item {
  margin: 10px 0;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-cosmeticProduct__item {
    margin: 0 2%;
    width: 46%;
  }
}

.p-foreign__h2--inner {
  background-color: #fff;
  color: #000;
}

.p-foreignMv__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  position: relative;
}
.p-foreignMv__text {
  background-color: rgba(0, 0, 0, 0.2);
  background-position: 30% center;
  background-repeat: no-repeat;
  background-size: 70% auto;
  -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  color: #fff;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 70%;
}
.p-foreignMv__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  width: 100%;
}
.p-foreignMv__image::before {
  content: "";
  display: block;
  padding-top: 44%;
}

.p-foreignMessage {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.0625rem;
  background-color: #fff;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
          clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
  margin-bottom: -40px;
  padding: 30px 0 60px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-foreignMessage {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-foreignMessage {
    font-size: 1.125rem;
    line-height: 1.4;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
            clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
    margin-bottom: -120px;
    padding: 60px 0 120px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-foreignMessage {
    font-size: 1.25rem;
  }
}

.p-foreignFc {
  background: url(/img/foreign/fc_bg.jpg) no-repeat center center/cover fixed;
  color: #fff;
  text-align: center;
}
.p-foreignFc-Vietnam {
  background-color: rgba(0, 128, 203, 0.8);
  padding: 100px 0 60px;
}
@media screen and (min-width: 1025px) {
  .p-foreignFc-Vietnam {
    padding: 200px 0 80px;
  }
}
.p-foreignFc-Vietnam__list, .p-foreignFc-Thailand__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0 -40px;
}
.p-foreignFc-Vietnam__item, .p-foreignFc-Thailand__item {
  background-color: #fff;
  color: #000;
  margin: 20px 0 0 40px;
  padding: 20px;
  text-align: center;
  width: calc(100% - 40.01px);
}
@media screen and (min-width: 1025px) {
  .p-foreignFc-Vietnam__item, .p-foreignFc-Thailand__item {
    width: calc(33.3333333333% - 40.01px);
  }
}
.p-foreignFc-Thailand {
  background-color: rgba(0, 179, 236, 0.8);
  padding: 60px 0;
}
@media screen and (min-width: 1025px) {
  .p-foreignFc-Thailand {
    padding: 80px 0;
  }
}
.p-foreignFc-Thailand__item {
  width: auto;
}

.p-foreignBooth {
  background-color: #fafafa;
}

.p-machine__h2--inner {
  background-color: #fff;
  color: #000;
}

.p-machineLineup__item {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	background-position: center 0;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-machineLineup__item {
    border-right: 120px solid #fff;
    margin-bottom: 60px;
  }
}
.p-machineLineup__text {
  padding: 30px;
}
@media screen and (min-width: 1025px) {
  .p-machineLineup__text {
    padding: 50px;
    width: calc(100% - 255px);
  }
}
.p-machineLineup__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  width: 100%;
}
.p-machineLineup__image::before {
  content: "";
  display: block;
  padding-top: 74.6666666667%;
}
@media screen and (min-width: 1025px) {
  .p-machineLineup__image {
    margin-right: -120px;
    width: 375px;
  }
}
.p-machineLineup__image.is-2nd {
  margin: auto;
  width: 40%;
}
@media screen and (min-width: 1025px) {
  .p-machineLineup__image.is-2nd {
    margin: -80px -40px;
    width: 140px;
  }
}
.p-machineLineup__image.is-2nd:before {
  padding-top: 276.5957446809%;
}
.p-machineLineup__image.is-3rd {
  margin: auto;
  width: 40%;
}
@media screen and (min-width: 1025px) {
  .p-machineLineup__image.is-3rd {
    margin: -80px -40px;
    width: 140px;
  }
}
.p-machineLineup__image.is-3rd:before {
  padding-top: 202.4096385542%;
}
.p-machineLineup__button {
  background-color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
}
.p-machineLineup__button:not(.is-active):hover {
  background-color: #b790ea;
  color: #fff !important;
}
.p-machineLineup__h4 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  line-height: 1.4;
  text-align: center;
}

.p-bplusforhair__heading {
  background: -webkit-gradient(linear, right top, left top, from(#996ea9), color-stop(50%, #996ea9), color-stop(50%, #999), to(#999));
  background: linear-gradient(to left, #996ea9 0%, #996ea9 50%, #999 50%, #999 100%);
}
.p-bplusforhair__heading:nth-of-type(even) {
  background: -webkit-gradient(linear, left top, right top, from(#996ea9), color-stop(50%, #996ea9), color-stop(50%, #999), to(#999));
  background: linear-gradient(to right, #996ea9 0%, #996ea9 50%, #999 50%, #999 100%);
}

.p-bplusforhairMv__text {
  position: absolute;
  top: 12%;
  right: 10%;
  width: 36%;
}
.p-bplusforhairMv__text::before {
  padding-top: 24.4186046512%;
}
.p-bplusforhairMv__image {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
  position: absolute;
  bottom: 12%;
  right: 16%;
  width: 24%;
}
.p-bplusforhairMv__image::before {
  padding-top: 119.2307692308%;
}

.p-bplusforhairFeature {
  margin-bottom: -7.1428571429rem;
  padding-bottom: 7.1428571429rem;
  -webkit-clip-path: polygon(0% 0%, 100% 0px, 100% calc(100% - 40px), 50% 100%, 0px calc(100% - 40px));
          clip-path: polygon(0% 0%, 100% 0px, 100% calc(100% - 40px), 50% 100%, 0px calc(100% - 40px));
}
@media screen and (min-width: 1025px) {
  .p-bplusforhairFeature {
    margin-bottom: -10rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-bplusforhairFeature {
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-bplusforhairFeature {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
            clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
  }
}

.p-bplusforhairSolution {
  padding-top: 9.2857142857rem;
  padding-bottom: 3.5714285714rem;
}
@media screen and (min-width: 1025px) {
  .p-bplusforhairSolution {
    padding-top: 13rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-bplusforhairSolution {
    padding-bottom: 5rem;
  }
}

.p-c3mirror__h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  border-bottom: 1px solid #000;
  display: inline-block;
  padding: 0 10px 10px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-c3mirror__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-c3mirrorAbout {
  padding: 40px 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorAbout {
    padding: 80px 0;
  }
}
.p-c3mirrorAbout__lead {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorAbout__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorAbout__lead {
    font-size: 42px;
  }
}

.p-c3mirrorAttracting {
  padding: 40px 0;
  background-color: #f1f1f1;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorAttracting {
    padding: 80px 0;
  }
}
.p-c3mirrorAttracting__container, .p-c3mirrorManagement__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 20px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorAttracting__container, .p-c3mirrorManagement__container {
    border-radius: 40px;
    padding: 40px;
  }
}
.p-c3mirrorAttracting__container:before, .p-c3mirrorManagement__container:before {
  background: url(/img/c3mirror/attracting_pic_01.png) no-repeat 0 0/contain;
  content: "";
  height: 200px;
  position: absolute;
  left: -30px;
  bottom: -30px;
  width: 155px;
}
@media screen and (max-width: 1024px) {
  .p-c3mirrorAttracting__container:before, .p-c3mirrorManagement__container:before {
    height: 100px;
    top: -70px;
    left: -10px;
    width: 77px;
  }
}
.p-c3mirrorAttracting__item, .p-c3mirrorManagement__item {
  font-size: 1.125rem;
  line-height: 1.4;
  padding-left: 1em;
  text-indent: -1em;
  margin: 10px 0;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorAttracting__item, .p-c3mirrorManagement__item {
    font-size: 1.25rem;
  }
}
.p-c3mirrorAttracting__item:before, .p-c3mirrorManagement__item:before {
  font-size: 0.6em;
  margin-right: 0.5em;
  vertical-align: 0.3em;
}
.p-c3mirrorAttracting__item:before, .p-c3mirrorManagement__item:before {
  content: "■";
}

.p-c3mirrorOperation {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorOperation {
    padding: 80px 0;
  }
}
.p-c3mirrorOperation__container {
  border-radius: 20px;
  padding: 20px;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorOperation__container {
    padding: 40px;
  }
}
.p-c3mirrorOperation__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  width: 100%;
}
.p-c3mirrorOperation__image::before {
  content: "";
  display: block;
  padding-top: 75.3333333333%;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorOperation__image {
    width: 60%;
  }
}
.p-c3mirrorOperation__text {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.p-c3mirrorOperation__text::before {
  content: "";
  display: block;
  padding-top: 84.8%;
}
@media screen and (max-width: 1024px) {
  .p-c3mirrorOperation__text {
    margin: -15% 0 0 15%;
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorOperation__text {
    position: absolute;
    top: 10%;
    right: 5%;
    width: 50%;
  }
}
.p-c3mirrorOperation-pattern {
  background-color: #fcf5f5;
  border-radius: 10px;
  margin: 20px 0;
  padding: 20px 30px;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorOperation-pattern {
    padding: 20px 40px;
  }
}
.p-c3mirrorOperation-pattern__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -20px;
}
.p-c3mirrorOperation-pattern__item {
  margin: 0 0 20px 20px;
  text-align: center;
  width: calc(50% - 20.1px);
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorOperation-pattern__item {
    width: calc(16.6666666667% - 20.1px);
  }
}
.p-c3mirrorOperation-check {
  background: url(/img/c3mirror/operation_ico_touch.svg) no-repeat right top/90px auto;
  padding-right: 100px;
}
@media screen and (max-width: 1024px) {
  .p-c3mirrorOperation-check {
    background-size: 60px auto;
    padding-right: 70px;
  }
}
.p-c3mirrorOperation-check__item {
  background: url(/img/c3mirror/operation_ico_check.svg) no-repeat 0 0.5em/16px auto;
  padding-left: 26px;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorOperation-check__item {
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-c3mirrorOperation-check__item {
    font-size: 1.25rem;
  }
}

.p-c3mirrorResult {
  background-color: #f1f1f1;
}
.p-c3mirrorResult__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-c3mirrorResult__text {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorResult__text {
    width: 55%;
  }
}
.p-c3mirrorResult__image {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorResult__image {
    width: 40%;
  }
}
.p-c3mirrorResult__item {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 20px;
}
.p-c3mirrorResult__item:before {
  font-size: 0.6em;
  margin-right: 0.5em;
  vertical-align: 0.3em;
}
.p-c3mirrorResult__item:before {
  content: "■";
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorResult__item {
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-c3mirrorResult__item {
    font-size: 1.125rem;
  }
}

.p-c3mirrorManagement {
  padding: 40px 0;
  background-color: #ebe2f2;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorManagement {
    padding: 80px 0;
  }
}
.p-c3mirrorManagement__lead {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorManagement__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
.p-c3mirrorManagement__image {
  margin: 40px auto;
  width: 60%;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorManagement__image {
    width: 40%;
  }
}
.p-c3mirrorManagement__container:before {
  display: none;
}
.p-c3mirrorSupport {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorSupport {
    padding: 80px 0;
  }
}
.p-c3mirrorSupport__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 40px -40px;
}
.p-c3mirrorSupport__item {
  margin: 0 0 20px 40px;
  width: calc(80% - 40.01px);
}
@media screen and (min-width: 1025px) {
  .p-c3mirrorSupport__item {
    width: calc(33.3333333333% - 40.01px);
  }
}

.p-celebreborn__h2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-celebreborn__h2:after {
  display: none;
}
.p-celebreborn__h2--inner {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
  background-color: #8e736b;
  color: #fff;
  display: block;
  padding: 10px;
  width: 90%;
}
@media screen and (min-width: 1025px) {
  .p-celebreborn__h2--inner {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-celebreborn__h2--inner {
    padding: 20px;
    width: 60%;
  }
}
.p-celebreborn__h2.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-celebrebornAbout {
  font-family: "M PLUS 1p", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "Kozuka Gothic Pro", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.p-celebrebornFeature-lead {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #8e736b;
  color: #fff;
  padding: 30px 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornFeature-lead {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-celebrebornFeature-lead {
    font-size: 1.75rem;
    line-height: 1.4;
    padding: 40px 0;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-celebrebornFeature-lead {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-celebrebornFeature__h3 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornFeature__h3 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-celebrebornFeature__h3 {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-celebrebornFeature__h3 {
    font-size: 1.5rem;
  }
}

.p-celebrebornCharm-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  background-size: 100% auto;
}
.p-celebrebornCharm-bg::before {
  content: "";
  display: block;
  padding-top: 31.25%;
}

@media screen and (min-width: 1025px) {
  .p-celebrebornChoice {
    text-align: center;
  }
}
.p-celebrebornChoice__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 40px -20px;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornChoice__list {
    margin-left: -40px;
  }
}
.p-celebrebornChoice__item {
  margin: 0 0 20px 20px;
  text-align: center;
  width: calc(50% - 20.01px);
}
@media screen and (min-width: 1025px) {
  .p-celebrebornChoice__item {
    margin-left: 40px;
    width: calc(25% - 40.01px);
  }
}

.p-celebrebornPlace {
  background-color: #d4cec9;
}
.p-celebrebornPlace__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-celebrebornPlace__item {
  margin: 30px auto;
  width: 80%;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornPlace__item {
    width: calc(33.3333333333% - 40.01px);
  }
}
.p-celebrebornPlace__title {
  font-size: 1.125rem;
  line-height: 1.4;
  background-color: #f5f3f2;
  display: block;
  margin-top: 20px;
  padding: 5px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornPlace__title {
    font-size: 1.25rem;
  }
}

.p-celebrebornDr {
  background-color: #7d675d;
}
.p-celebrebornDr__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornDr__image {
    width: 45%;
  }
}
.p-celebrebornDr__text {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .p-celebrebornDr__text {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .p-celebrebornDr__text {
    width: 50%;
  }
}
.p-celebrebornDr__h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  border: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornDr__h3 {
    font-size: 1.5rem;
  }
}

.p-celebrebornStep, .p-victoriaStep {
  background-color: #f5eeed;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornStep, .p-victoriaStep {
    text-align: center;
  }
}
.p-celebrebornStep h2, .p-victoriaStep h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
}
@media screen and (min-width: 1025px) {
  .p-celebrebornStep h2, .p-victoriaStep h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-infinityPoint__image {
  background: -webkit-gradient(linear, right top, left top, from(#6ac5cf), color-stop(50%, #6ac5cf), color-stop(50%, #f9eb9c), to(#f9eb9c));
  background: linear-gradient(to left, #6ac5cf 0%, #6ac5cf 50%, #f9eb9c 50%, #f9eb9c 100%);
}
.p-infinityPoint__text {
  font-size: 1rem;
}
@media screen and (min-width: 1025px) {
  .p-infinityPoint__text {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-infinityPoint__text {
    font-size: 1.5rem;
  }
}

.p-infinityFeature {
  -webkit-clip-path: polygon(0% 0%, 100% 0px, 100% calc(100% - 40px), 50% 100%, 0px calc(100% - 40px));
          clip-path: polygon(0% 0%, 100% 0px, 100% calc(100% - 40px), 50% 100%, 0px calc(100% - 40px));
}
@media screen and (min-width: 1025px) {
  .p-infinityFeature {
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
            clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 120px), 50% 100%, 0 calc(100% - 120px));
  }
}

.p-victoria__h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .p-victoria__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-victoriaMerit {
  background-color: #082c52;
  color: #fff;
}
.p-victoriaMerit__item {
  font-size: 1.0625rem;
  margin: 10px 0;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 1025px) {
  .p-victoriaMerit__item {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-victoriaMerit__item {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-victoriaMerit__item {
    font-size: 1.5rem;
  }
}

.p-victoriaShare, .p-victoriaExplanation, .p-victoriaFeature {
  background-color: #236188;
  color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 40px), 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 40px), 0% 100%);
  padding: 80px 0;
}
@media screen and (min-width: 1025px) {
  .p-victoriaShare, .p-victoriaExplanation, .p-victoriaFeature {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 80px), 0% 100%);
            clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 80px), 0% 100%);
    padding: 80px 0 160px;
  }
}

.p-victoriaFeature {
  background-color: #c4dfed;
  -webkit-clip-path: polygon(0 40px, 100% 0%, 100% 100%, 0 calc(100% - 40px));
          clip-path: polygon(0 40px, 100% 0%, 100% 100%, 0 calc(100% - 40px));
  margin-top: -40px;
}
@media screen and (min-width: 1025px) {
  .p-victoriaFeature {
    -webkit-clip-path: polygon(0 80px, 100% 0%, 100% 100%, 0 calc(100% - 80px));
            clip-path: polygon(0 80px, 100% 0%, 100% 100%, 0 calc(100% - 80px));
    margin-top: -80px;
  }
}

.p-victoriaExplanation {
  background-color: #f7f9f5;
  -webkit-clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 100%);
  margin-top: -40px;
}
@media screen and (min-width: 1025px) {
  .p-victoriaExplanation {
    -webkit-clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 100%);
    margin-top: -80px;
    padding-top: 120px;
  }
}

.p-victoriaValue {
  background-color: #082c52;
  color: #fff;
}

.p-victoriaFaq {
  background-color: #c4dfed;
}
.p-victoriaFaq__term {
  font-size: 1.125rem;
  line-height: 1.4;
  border-bottom: 1px solid #6fb7c7;
  margin: 40px 0 20px;
  padding-left: 65px;
}
.p-victoriaFaq__term::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 1025px) {
  .p-victoriaFaq__term {
    font-size: 1.25rem;
  }
}
.p-victoriaFaq__term:before {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.25rem;
  line-height: 1.4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #6fb7c7;
  border-radius: 100%;
  color: #fff;
  content: "Q";
  float: left;
  height: 45px;
  margin: 0 20px 0 -65px;
  width: 45px;
}
@media screen and (min-width: 1025px) {
  .p-victoriaFaq__term:before {
    font-size: 1.5rem;
  }
}
.p-victoriaFaq__desc {
  padding-left: 65px;
}
.p-victoriaFaq__desc::after {
  content: "";
  display: block;
  clear: both;
}
.p-victoriaFaq__desc:before {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.25rem;
  line-height: 1.4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #082c52;
  border-radius: 100%;
  color: #fff;
  content: "A";
  float: left;
  height: 45px;
  margin: 0 20px 0 -65px;
  width: 45px;
}
@media screen and (min-width: 1025px) {
  .p-victoriaFaq__desc:before {
    font-size: 1.5rem;
  }
}
.p-victoriaFaq h2 {
  font-size: 1.75rem;
  line-height: 1.4;
}
@media screen and (min-width: 1025px) {
  .p-victoriaFaq h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-victoriaStep {
  background-color: #f7f9f5;
}

.p-product__h2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-product__h2--en {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: 700;
}
.p-product__h2--ja {
  font-size: 1rem;
}

.p-productMessage, .p-proteinMessage, .p-arranjuAbout, .p-machineMessage, .p-celebrebornAbout, .p-victoriaAbout {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.125rem;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-productMessage, .p-proteinMessage, .p-arranjuAbout, .p-machineMessage, .p-celebrebornAbout, .p-victoriaAbout {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-productMessage, .p-proteinMessage, .p-arranjuAbout, .p-machineMessage, .p-celebrebornAbout, .p-victoriaAbout {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-productMessage, .p-proteinMessage, .p-arranjuAbout, .p-machineMessage, .p-celebrebornAbout, .p-victoriaAbout {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-productLineup__list, .p-proteinLineup__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -30px;
}
.p-productLineup__item, .p-proteinLineup__item {
  margin: 0 0 20px 30px;
  width: calc(100% - 30.01px);
}
@media screen and (min-width: 1025px) {
  .p-productLineup__item, .p-proteinLineup__item {
    width: calc(33.3333333333% - 30.01px);
  }
}
.p-productLineup__link, .p-proteinLineup__link {
  display: block;
}
a.p-productLineup__link:hover, a.p-proteinLineup__link:hover {
  opacity: 1 !important;
}
a.p-productLineup__link:hover img, a.p-proteinLineup__link:hover img {
  opacity: 1 !important;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

span.p-productLineup__link, span.p-proteinLineup__link {
  opacity: 0.4;
}

.p-arranju__h2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-arranju__h2:after {
  display: none;
}
.p-arranju__h2--inner {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
  background-color: #8e736b;
  color: #fff;
  display: block;
  padding: 20px;
  width: 60%;
}
@media screen and (min-width: 1025px) {
  .p-arranju__h2--inner {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-arranju__h2.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-arranjuFeature {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.p-arranjuFeature__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  width: 100%;
}
.p-arranjuFeature__image::before {
  content: "";
  display: block;
  padding-top: 75.3333333333%;
}
@media screen and (min-width: 1025px) {
  .p-arranjuFeature__image {
    width: 60%;
  }
}
.p-arranjuFeature__text {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.p-arranjuFeature__text::before {
  content: "";
  display: block;
  padding-top: 84.8%;
}
@media screen and (max-width: 1024px) {
  .p-arranjuFeature__text {
    margin: -15% 0 0 15%;
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .p-arranjuFeature__text {
    position: absolute;
    top: 10%;
    right: 5%;
    width: 50%;
  }
}

.p-arranjuCheck {
  background-color: #e2dce2;
}

.p-arranjuTrouble {
  background: url(/img/arranju/trouble_bg.jpg) no-repeat center center/cover fixed;
}
.p-arranjuTrouble__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-arranjuTrouble__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  line-height: 1.4;
  background-color: #87b0dd;
  border-radius: 100%;
  color: #fff;
  height: 200px;
  margin: 20px;
  text-align: center;
  width: 200px;
}
@media screen and (min-width: 1025px) {
  .p-arranjuTrouble__item {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-arranjuTrouble__item {
    height: 240px;
    width: 240px;
  }
}

.p-arranjuCare {
  background: url(/img/arranju/care_bg.svg) no-repeat center center/100% 100% fixed;
}
.p-arranjuCare__list, .p-arranjuCare-use__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 40px -20px;
}
.p-arranjuCare__item, .p-arranjuCare-use__item {
  margin: 0 0 20px 20px;
  width: calc(100% - 20.01px);
}
@media screen and (min-width: 1025px) {
  .p-arranjuCare__item, .p-arranjuCare-use__item {
    width: calc(33.3333333333% - 20.01px);
  }
}
.p-arranjuCare__h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  background: url(/img/arranju/care_ttl.svg) no-repeat center bottom/70% auto;
  color: #fff;
  padding-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-arranjuCare__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1024px) {
  .p-arranjuCare__h2 {
    background-size: 100% auto;
  }
}
.p-arranjuCare__h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #7d3ca0;
  border-radius: 100px;
  color: #fff;
  padding: 10px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-arranjuCare__h3 {
    font-size: 1.5rem;
  }
}
.p-arranjuCare-use__container {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
}
@media screen and (min-width: 1025px) {
  .p-arranjuCare-use__container {
    border-radius: 30px;
    padding: 40px;
  }
}
.p-arranjuCare-use__item {
  width: calc(50% - 20.01px);
}
@media screen and (min-width: 1025px) {
  .p-arranjuCare-use__item {
    width: calc(25% - 20.01px);
  }
}

.p-arranjuProduct, .p-protecthairProduct {
  background: url(/img/arranju/product_bg.png) no-repeat center center/cover fixed;
}
.p-arranjuProduct__container, .p-protecthairProduct__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-arranjuProduct__image, .p-protecthairProduct__image {
  width: 40%;
}
@media screen and (max-width: 1024px) {
  .p-arranjuProduct__image, .p-protecthairProduct__image {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-arranjuProduct__text, .p-protecthairProduct__text {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.0625rem;
  color: #7d3ca0;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-arranjuProduct__text, .p-protecthairProduct__text {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-arranjuProduct__text, .p-protecthairProduct__text {
    width: 52%;
  }
}
.p-arranjuProduct__h3, .p-protecthairProduct__h3 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.5rem;
  line-height: 1.4;
  border-bottom: 1px solid #7d3ca0;
  color: #7d3ca0;
}
@media screen and (min-width: 1025px) {
  .p-arranjuProduct__h3, .p-protecthairProduct__h3 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-arranjuOther {
  background: url(/img/arranju/other_bg.jpg) no-repeat right center/cover fixed;
}
@media screen and (max-width: 640px) {
  .p-arranjuOther {
    background-position: right -60vw top 0;
  }
}
.p-arranjuOther__container {
  width: 60%;
}
@media screen and (max-width: 640px) {
  .p-arranjuOther__container {
    width: 80%;
  }
}
.p-arranjuOther__h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  background-color: #000;
  color: #fff;
  padding: 10px;
}
@media screen and (min-width: 1025px) {
  .p-arranjuOther__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-cosme__h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-cosme__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-cosme__h4 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.25rem;
  line-height: 1.4;
  border-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 10px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-cosme__h4 {
    font-size: 1.5rem;
  }
}
.p-cosme__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-cosme__list.is-col--2 {
  margin-left: -120px;
}
.p-cosme__list.is-col--3 {
  margin-left: -80px;
}
.is-col--1 .p-cosme__item {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

.is-col--2 .p-cosme__item {
  margin: 0 0 40px 120px;
  width: calc(100% - 120.01px);
}
@media screen and (min-width: 1025px) {
  .is-col--2 .p-cosme__item {
    width: calc(50% - 120.01px);
  }
}

.is-col--3 .p-cosme__item {
  margin: 0 0 40px 80px;
  width: calc(100% - 80.01px);
}
@media screen and (min-width: 1025px) {
  .is-col--3 .p-cosme__item {
    width: calc(33.3333333333% - 80.01px);
  }
}

.p-cosme__image {
  margin: 0 auto 20px;
  width: 80%;
}
@media screen and (min-width: 1025px) {
  .is-col--1 .p-cosme__image {
    width: 40%;
  }
}

@media screen and (min-width: 1025px) {
  .is-col--2 .p-cosme__image {
    width: 60%;
  }
}

@media screen and (min-width: 1025px) {
  .is-col--3 .p-cosme__image {
    width: 100%;
  }
}

.is-col--1 .p-cosme__text {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .is-col--1 .p-cosme__text {
    width: 50%;
  }
}

.p-cosmePickup {
  background: url(/img/cc-cosmetics/pickup_bg.svg) no-repeat 0 0/100% 100%;
}
.p-cosmePickup__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}
@media screen and (min-width: 1025px) {
  .p-cosmePickup__item {
    margin: 40px 0;
  }
}
.p-cosmePickup__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 1024px) {
  .p-cosmePickup__text {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .p-cosmePickup__text {
    width: 45%;
  }
}
@media screen and (min-width: 1025px) {
  .p-cosmePickup__image {
    width: 45%;
  }
}
.p-cosmePickup__h3 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.25rem;
  line-height: 1.4;
  border-bottom: 1px solid #8d2724;
}
@media screen and (min-width: 1025px) {
  .p-cosmePickup__h3 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-cosmePickup__h3 {
    font-size: 1.75rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-cosmePickup__h3 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-cosmeSkin {
  background-image: linear-gradient(to bottom, #dfa39e 0%, transparent 200px);
}
.p-cosmeSkin__h3 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  background: url(/img/cc-cosmetics/ico_01.svg) no-repeat 0 0/70px auto;
  padding: 20px 0 0 40px;
}
@media screen and (min-width: 1025px) {
  .p-cosmeSkin__h3 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-cosmeSkin__h4 {
  border-color: #dfa39e;
}

.p-cosmeBath {
  background-image: linear-gradient(to bottom, #d7df9f 0%, transparent 200px);
}
.p-cosmeBath__h4 {
  border-color: #d7df9f;
}

.p-cosmeHair {
  background-image: linear-gradient(to bottom, #a6d9df 0%, transparent 200px);
}
.p-cosmeHair__h4 {
  border-color: #a6d9df;
}

.p-serum__h2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-serum__h2:after {
  display: none;
}
.p-serum__h2--inner {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
  background-color: #8e736b;
  color: #fff;
  display: block;
  padding: 20px;
  width: 60%;
}
@media screen and (min-width: 1025px) {
  .p-serum__h2--inner {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-serum__h2.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-serumAbout {
  margin: 40px 0;
  font-family: "M PLUS 1p", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "Kozuka Gothic Pro", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (min-width: 1025px) {
  .p-serumAbout {
    margin: 80px 0;
  }
}
.p-serumAbout__def {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .p-serumAbout__term {
    margin: 20px auto;
    width: 120px;
  }
}
@media screen and (min-width: 1025px) {
  .p-serumAbout__term {
    margin: 20px 0;
    width: 16%;
  }
}
.p-serumAbout__term img {
  width: 100%;
}
.p-serumAbout__desc {
  font-size: 1.0625rem;
}
@media screen and (min-width: 1025px) {
  .p-serumAbout__desc {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-serumAbout__desc {
    font-size: 1.25rem;
    line-height: 1.4;
    width: 80%;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-serumAbout__desc {
    font-size: 1.5rem;
  }
}

.p-serumTrouble {
  background: url(/img/cr-serum/trouble_bg.jpg) no-repeat center center/cover fixed;
}
.p-serumTrouble h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .p-serumTrouble h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-serumFeature {
  background-color: #fffcd1;
}
@media screen and (max-width: 1024px) {
  .p-serumFeature__item {
    background-color: #fff;
    margin: 40px 0;
    padding: 30px;
  }
}
@media screen and (min-width: 1025px) {
  .p-serumFeature__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(14%, transparent), color-stop(14%, #fff), to(#fff));
    background: linear-gradient(to left, transparent 0%, transparent 14%, #fff 14%, #fff 100%);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 80px 0;
  }
  .p-serumFeature__item:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(14%, transparent), color-stop(14%, #fff), to(#fff));
    background: linear-gradient(to right, transparent 0%, transparent 14%, #fff 14%, #fff 100%);
  }
}
@media screen and (max-width: 1024px) {
  .p-serumFeature__image {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .p-serumFeature__image {
    width: 32%;
  }
}
@media screen and (min-width: 1025px) {
  .p-serumFeature__text {
    padding: 40px;
    width: 64%;
  }
}
.p-serumFeature__h3 {
  font-size: 1.5rem;
  line-height: 1.4;
  border-bottom: 2px solid #cc9933;
  padding-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .p-serumFeature__h3 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-serumPartscare {
  background-color: #665350;
}
.p-serumPartscare__wrapper {
  background-image: url(/img/cr-serum/partscare_bg_01.svg), url(/img/cr-serum/partscare_bg_02.svg), url(/img/cr-serum/partscare_bg_03.svg), url(/img/cr-serum/partscare_bg_04.svg);
  background-position: 0 0, right 0, 0 bottom, right bottom;
  background-repeat: no-repeat;
  background-size: 50px auto;
  color: #fff;
  padding: 30px;
}
@media screen and (min-width: 1025px) {
  .p-serumPartscare__wrapper {
    background-size: 120px auto;
    padding: 80px;
  }
}
.p-serumPartscare__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.p-serumPartscare__item {
  width: 50%;
}
@media screen and (min-width: 1025px) {
  .p-serumPartscare__item {
    width: 25%;
  }
}
.p-serumPartscare h4 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  line-height: 1.2;
  border-bottom: 2px solid transparent;
  -o-border-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#b790ea), color-stop(20%, #abb8d5), color-stop(40%, #acdee6), color-stop(55%, #a1d9d1), color-stop(75%, #87caa5), color-stop(90%, #c6d4ae), to(#f0dab4));
     border-image: linear-gradient(to right, #b790ea 0%, #abb8d5 20%, #acdee6 40%, #a1d9d1 55%, #87caa5 75%, #c6d4ae 90%, #f0dab4 100%);
  -o-border-image: linear-gradient(135deg, #fbcf00 0%, #fffcd1 20%, #cb9b0c 60%, #f3e18b 80%, #fffcd1 100%);
     border-image: linear-gradient(135deg, #fbcf00 0%, #fffcd1 20%, #cb9b0c 60%, #f3e18b 80%, #fffcd1 100%);
  border-image-slice: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.p-dietsupport__h1 {
  margin-top: -140px;
}
.p-dietsupport__h1--inner {
  font-size: 1.75rem;
  line-height: 1.4;
  line-height: 1.2;
  color: #fff;
  display: inline-block;
  padding: 0.8em;
}
@media screen and (min-width: 1025px) {
  .p-dietsupport__h1--inner {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-dietsupport__h2--inner {
  font-size: 1.5rem;
  line-height: 1.4;
  border-style: solid;
  border-bottom-width: 2px;
  padding: 0 0.2em;
}
@media screen and (min-width: 1025px) {
  .p-dietsupport__h2--inner {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-dietsupportSeries {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries {
    padding: 80px 0;
  }
}
.p-dietsupportSeries__item {
  background: url(../img/ico_down_black.svg) no-repeat center bottom/60px auto;
  padding-bottom: 40px;
  width: 40%;
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries__item {
    margin: 20px 0;
    width: 240px;
  }
}
.p-dietsupportSeries__link {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  height: 240px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  opacity: 1 !important;
  text-align: center;
  width: 240px;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries__link {
    font-size: 1.5rem;
  }
}
.p-dietsupportSeries__link:hover {
  background-color: #fff !important;
  color: #f991c5 !important;
}
.p-dietsupportSeries__link.u-bg--dietsupport2:hover {
  color: #a77fdd !important;
}
.p-dietsupportSeries__wrapper {
  background-color: #fff;
  border-radius: 20px;
  margin: 40px 0;
  padding: 20px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries__wrapper {
    padding: 40px;
  }
}
.p-dietsupportSeries__icon {
  height: 80px;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 80px;
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries__icon {
    height: 60px;
    width: 60px;
  }
}
.p-dietsupportSeries-lineup {
  margin-top: 180px !important;
}

.p-dietsupportSeries1 {
  padding: 40px 0;
  background-color: #fff3f3;
  border-top: 60px solid #f991c5;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1 {
    padding: 80px 0;
  }
}
.p-dietsupportSeries1__container1, .p-dietsupportSeries1__container2 {
  background: url(/img/dietsupport/about_pic_01.png) no-repeat 8% 0/auto 140px;
  min-height: 140px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries1__container1, .p-dietsupportSeries1__container2 {
    background-position: 0;
    padding-left: 18%;
  }
}
@media screen and (max-width: 640px) {
  .p-dietsupportSeries1__container1, .p-dietsupportSeries1__container2 {
    background-position: center 0 !important;
    padding: 150px 0 0 !important;
  }
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1__container1, .p-dietsupportSeries1__container2 {
    margin-top: -30px;
  }
}
.p-dietsupportSeries1__container2 {
  background-image: url(/img/dietsupport/about_pic_03.png);
  background-position: right 0;
  padding: 0 8% 0 0;
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries1__container2 {
    padding: 0 22% 0 0;
  }
}
.p-dietsupportSeries1__image {
  text-align: center;
  width: 80%;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1__image {
    width: 20%;
  }
}
.p-dietsupportSeries1__text {
  font-size: 1.0625rem;
  background-color: #fff;
  border: 3px solid #ffe461;
  border-radius: 10px;
  color: #f991c5;
  margin-top: 20px;
  padding: 20px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1__text {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1__text {
    margin: 0 0 0 40px;
    width: 60%;
  }
}
.p-dietsupportSeries1__text:after {
  background: url(/img/dietsupport/about_pic_02.svg) no-repeat 0 0/contain;
  content: "";
  display: block;
  height: 60.0246px;
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 120px;
}
@media screen and (max-width: 640px) {
  .p-dietsupportSeries1__text:after {
    height: 40.0164px;
    bottom: -20px;
    right: -10px;
    width: 80px;
  }
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1 .c-flex__gap--20 .c-flex__col--fr3 {
    width: calc(55% - 20.01px);
  }
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1 .c-flex__gap--20 .c-flex__col--3 {
    width: calc(45% - 20.01px);
  }
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1 .c-flex__gap--40 .c-flex__col--fr3 {
    width: calc(55% - 40.01px);
  }
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries1 .c-flex__gap--40 .c-flex__col--3 {
    width: calc(45% - 40.01px);
  }
}

.p-dietsupportSeries2 {
  padding: 40px 0;
  background-color: #f8e3ff;
  border-top: 60px solid #a77fdd;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries2 {
    padding: 80px 0;
  }
}
.p-dietsupportSeries2__container1 {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries2__container1 {
    padding: 40px;
    width: 80%;
  }
}
.p-dietsupportSeries2__container1:after {
  background: url(/img/dietsupport/about_pic_05.png) no-repeat 0 0/contain;
  content: "";
  display: block;
  height: 120px;
  position: absolute;
  bottom: -10px;
  right: -30px;
  width: 120px;
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries2__container1:after {
    bottom: -20px;
    right: -10px;
    height: 80px;
    width: 80px;
  }
}
.p-dietsupportSeries2-silk__h3 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #a77fdd;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  padding: 2px 18px;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries2-silk__h3 {
    font-size: 1.25rem;
  }
}
.p-dietsupportSeries2-silk__text {
  width: 60%;
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries2-silk__text {
    width: 100%;
  }
}
.p-dietsupportSeries2-silk__image {
  width: 16%;
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries2-silk__image {
    margin-top: 20px;
    width: 60%;
  }
}
.p-dietsupportSeries2-silk__item {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
  line-height: 1.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffe461;
  border-radius: 100px;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px;
  padding: 20px;
  text-align: center;
  width: 26.6666666667%;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries2-silk__item {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-dietsupportSeries2-silk__item {
    margin: 5px;
    width: 80%;
  }
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries2-silk__item {
    height: 4.8em;
  }
}
.p-dietsupportSeries2-wear li {
  padding: 0 10%;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries2-wear li {
    padding: 0 30px;
  }
}
.p-dietsupportSeries2-care li {
  padding: 0 10%;
}
@media screen and (min-width: 1025px) {
  .p-dietsupportSeries2-care li {
    padding: 0 30px;
  }
}

.p-highend__h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-highend__h2 {
    font-size: 1.5rem;
  }
}
.p-highendAbout {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #444;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-highendAbout {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-highendAbout {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-highendAbout {
    font-size: 1.5rem;
  }
}

.p-highendFeature {
  background-color: #fafafa;
}
.p-highendFeature__list, .p-highendProduct__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 0 -40px;
}
.p-highendFeature__item, .p-highendProduct__item {
  margin: 0 0 20px 40px;
  text-align: center;
  width: calc(100% - 40.01px);
}
@media screen and (min-width: 1025px) {
  .p-highendFeature__item, .p-highendProduct__item {
    width: calc(33.3333333333% - 40.01px);
  }
}

.p-highendProduct {
  position: relative;
}
.p-highendProduct:before {
  background-image: url(/img/highend/product_bg.png);
  content: "";
  height: 78%;
  position: absolute;
  top: 12%;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-highendProduct:before {
    top: 20%;
    height: 30%;
  }
}
@media screen and (min-width: 1025px) {
  .p-highendProduct:before {
    top: 280px;
    height: 220px;
  }
}
.p-highendProduct__h5 {
  font-weight: 700;
}

.p-highendProblem-top {
  background-color: #e1e3e7;
  position: relative;
}
.p-highendProblem-top:after {
  border-color: #e1e3e7 transparent transparent transparent;
  border-style: solid;
  border-width: 30px 80px 0 80px;
  content: "";
  height: 0;
  position: absolute;
  bottom: -30px;
  left: calc(50% - 80px);
  width: 0;
}
@media screen and (min-width: 1025px) {
  .p-highendProblem-top:after {
    border-width: 50px 100px 0 100px;
    bottom: -50px;
    left: calc(50% - 100px);
  }
}
.p-highendProblem-middle {
  background: url(/img/highend/problem_bg.jpg) no-repeat center center/cover fixed;
  text-align: center;
  padding-top: 60px;
}
@media screen and (min-width: 1025px) {
  .p-highendProblem-middle {
    padding-top: 100px;
  }
}
.p-highendProblem-bottom {
  letter-spacing: 0.1em;
  text-align: center;
}
.p-highendProblem__list {
  background: url(/img/highend/problem_frame.svg) no-repeat 0 center/100% 100%;
  margin-top: 40px;
  padding: 0 40px;
}
@media screen and (min-width: 1025px) {
  .p-highendProblem__list {
    padding: 20px 80px;
  }
}
.p-highendProblem__item {
  font-size: 1.0625rem;
  margin: 20px 0;
  padding-left: 1.2em;
  text-indent: -1.2em;
}
@media screen and (min-width: 1025px) {
  .p-highendProblem__item {
    font-size: 1.125rem;
  }
}
.p-highendProblem__item:before {
  content: "□";
  margin-right: 0.2em;
}

.p-highendStep {
  background-color: #aebfcd;
}
.p-highendStep__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  margin: 40px 0;
  position: relative;
  width: 90%;
}
@media screen and (min-width: 1025px) {
  .p-highendStep__item {
    margin: 80px 0;
    padding-left: 5%;
  }
}
.p-highendStep__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-left: 10%;
}
@media screen and (min-width: 1025px) {
  .p-highendStep__item:nth-child(even) {
    padding-right: 5%;
  }
}
.p-highendStep__text {
  padding: 20px;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-highendStep__text {
    padding: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .p-highendStep__text {
    width: calc(100% - 600px);
  }
}
.p-highendStep__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.p-highendStep__image::before {
  content: "";
  display: block;
  padding-top: 86.6666666667%;
}
@media screen and (max-width: 1024px) {
  .p-highendStep__image {
    margin: 5% -5% -10% 5%;
    width: 105%;
  }
}
@media screen and (min-width: 1025px) {
  .p-highendStep__image {
    margin: -2% -4% 0 0;
    width: 600px;
  }
}
@media screen and (max-width: 1024px) {
  .p-highendStep__item:nth-child(even) .p-highendStep__image {
    margin: 5% 5% -10% -5%;
  }
}
@media screen and (min-width: 1025px) {
  .p-highendStep__item:nth-child(even) .p-highendStep__image {
    margin: -2% 0 0 -4%;
  }
}

.p-highendStep__h2 {
  border-color: #fff;
  color: #fff;
}
.p-highendStep__h4 {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .p-highendStep__h4 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
.p-highendStep__dlist {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
.p-highendStep__term {
  font-size: 1.0625rem;
  font-weight: 700;
}
@media screen and (min-width: 1025px) {
  .p-highendStep__term {
    font-size: 1.125rem;
  }
}
.p-highendStep__desc {
  margin-bottom: 20px;
}

.p-highendCare {
  background-color: #eff4f6;
  text-align: center;
}
.p-highendCare__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.p-highendCare__item {
  margin: 20px 40px;
}

.p-highendMessage__container {
  border: 1px solid #444;
  padding: 20px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-highendMessage__container {
    padding: 40px;
  }
}

.p-lajuju__h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #000;
  color: #fff;
  padding: 15px 5%;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-lajuju__h2 {
    font-size: 1.5rem;
  }
}
.p-lajujuAbout {
  font-size: 1.0625rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-lajujuAbout {
    font-size: 1.125rem;
  }
}
.p-lajujuAbout__lead {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-lajujuAbout__lead {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-lajujuAbout__lead {
    font-size: 42px;
  }
}

.p-lajujuReason {
  background: url(/img/lajuju/reason_bg.jpg) no-repeat center center/cover fixed;
  padding-top: 0 !important;
}
.p-lajujuReason__item {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 10px 0;
  padding: 20px;
  text-align: center;
}
.p-lajujuReason__h3 {
  border-color: #000;
  -o-border-image: none;
     border-image: none;
}

.p-lajujuProduct {
  background: url(/img/lajuju/product_bg.jpg) no-repeat center center/cover fixed;
  padding-top: 0 !important;
}
.p-lajujuProduct-feature__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 20px -10px;
}
@media screen and (min-width: 1025px) {
  .p-lajujuProduct-feature__list {
    margin: 60px 0 60px -40px;
  }
}
.p-lajujuProduct-feature__item {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  margin: 10px 0 0 10px;
  padding: 10px;
  text-align: center;
  width: calc(50% - 10.01px);
}
@media screen and (min-width: 1025px) {
  .p-lajujuProduct-feature__item {
    margin-left: 40px;
    width: calc(25% - 40.01px);
  }
}
.p-lajujuProduct__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 20px 0;
  padding: 30px;
}
@media screen and (min-width: 1025px) {
  .p-lajujuProduct__container {
    margin: 40px 0;
    padding: 40px;
  }
}
.p-lajujuProduct__image {
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .p-lajujuProduct__image {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-lajujuProduct__text {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-lajujuProduct__text {
    width: 70%;
  }
}
.p-lajujuProduct__h3 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.p-lajujuProduct__h3 img {
  margin-left: 10px;
}
.p-lajujuProduct__h3 img:first-of-type {
  margin: 0 auto 0 0;
}
@media screen and (max-width: 1024px) {
  .p-lajujuProduct__h3 img:first-of-type {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .p-lajujuProduct__h3 img:not(:first-of-type) {
    width: 50px;
  }
}

.p-lajujuMessage {
  background: url(/img/lajuju/message_bg.jpg) no-repeat center 0/cover fixed;
}
.p-lajujuMessage__lead {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-lajujuMessage__lead {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.__h2\:nanosoy {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #00aecb;
  -webkit-box-shadow: 8px 8px 0 0 #133a76;
          box-shadow: 8px 8px 0 0 #133a76;
  color: #fff;
  margin: 0 auto 4rem;
  max-width: 90%;
  padding: 1.2rem;
  width: 1000px;
}
@media screen and (min-width: 1025px) {
  .__h2\:nanosoy {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-nanosoyAbout {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: rgba(0, 174, 203, 0.2);
  padding: 3rem 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyAbout {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-nanosoySeries {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-nanosoySeries {
    padding: 80px 0;
  }
}
.p-nanosoySeries__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-nanosoySeries__item {
  background: url(../img/ico_down_black.svg) no-repeat center bottom/60px auto;
  padding-bottom: 40px;
  width: 48%;
}
@media screen and (max-width: 1024px) {
  .p-nanosoySeries__item {
    margin: 20px 0;
    width: 100%;
  }
}
.p-nanosoySeries__h3 {
  border-bottom: 1px dashed #0c63a9;
  padding-bottom: 1.4rem;
  text-align: center;
}

.p-nanosoyFeature__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -2rem;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature__list {
    margin: -4rem 0 0 -2rem;
  }
}
.p-nanosoyFeature__item {
  background-color: #00aecb;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .p-nanosoyFeature__item {
    margin-bottom: 1rem;
    padding: 10px;
  }
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature__item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.0625rem;
    margin: 0 0 2rem 2rem;
    width: calc(16.6666666667% - 2rem);
  }
  .p-nanosoyFeature__item::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-nanosoyFeature__item {
    font-size: 1.125rem;
  }
}
.p-nanosoyFeature__item:nth-of-type(even) {
  background-color: #133a76;
}
.p-nanosoyFeature__item.is-rej {
  font-size: 1.0625rem;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature__item.is-rej {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature__item.is-rej {
    font-size: 1.25rem;
    line-height: 1.4;
    width: calc(25% - 2rem);
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-nanosoyFeature__item.is-rej {
    font-size: 1.5rem;
  }
}
.p-nanosoyFeature__item.is-rej:before {
  padding-top: 50%;
}
.p-nanosoyFeature__wrapper {
  padding: 40px 0;
  background-color: rgba(0, 174, 203, 0.2);
  padding-bottom: 0 !important;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature__wrapper {
    padding: 80px 0;
  }
}
.p-nanosoyFeature__wrapper.is-rej {
  background-color: #fff;
}
.p-nanosoyFeature-detail__item {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(90%, #fff), color-stop(90%, #cceff5), to(#cceff5));
  background: linear-gradient(to right, #fff 0%, #fff 90%, #cceff5 90%, #cceff5 100%);
  margin-top: 120px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-nanosoyFeature-detail__item {
    margin: 40px 0 80px;
  }
}
.p-nanosoyFeature-detail__item:nth-of-type(odd) {
  background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(90%, #fff), color-stop(90%, #cceff5), to(#cceff5));
  background: linear-gradient(to left, #fff 0%, #fff 90%, #cceff5 90%, #cceff5 100%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-nanosoyFeature-detail__item:nth-of-type(odd).is-rej {
  background: -webkit-gradient(linear, right top, left top, from(#133a76), color-stop(90%, #133a76), color-stop(90%, #fff), to(#fff));
  background: linear-gradient(to left, #133a76 0%, #133a76 90%, #fff 90%, #fff 100%);
}
.p-nanosoyFeature-detail__item.is-rej {
  background: -webkit-gradient(linear, left top, right top, from(#133a76), color-stop(90%, #133a76), color-stop(90%, #fff), to(#fff));
  background: linear-gradient(to right, #133a76 0%, #133a76 90%, #fff 90%, #fff 100%);
}
.p-nanosoyFeature-detail__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  margin: -40px 0 40px;
  width: 48%;
}
.p-nanosoyFeature-detail__image::before {
  content: "";
  display: block;
  padding-top: 58.6666666667%;
}
@media screen and (max-width: 1024px) {
  .p-nanosoyFeature-detail__image {
    margin: 0 0 -40px 10%;
    width: 100%;
  }
  .p-nanosoyFeature-detail__item:nth-of-type(odd) .p-nanosoyFeature-detail__image {
    margin: 0 10% -40px 0;
  }
}
.p-nanosoyFeature-detail__text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  width: 52%;
}
@media screen and (max-width: 1024px) {
  .p-nanosoyFeature-detail__text {
    margin: 20px;
    width: 80%;
  }
}
.p-nanosoyFeature-detail__text.is-rej {
  background-color: #133a76;
  color: #fff;
}
.p-nanosoyFeature-detail__text--inner {
  text-align: center;
}
.p-nanosoyFeature-effect {
  margin: 40px 0;
  padding: 40px 0;
  background-color: #fff;
  margin-bottom: 0 !important;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature-effect {
    margin: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature-effect {
    padding: 80px 0;
  }
}
.p-nanosoyFeature-rej__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-nanosoyFeature-rej__item {
  width: calc(33.3333333333% - 3rem);
}
@media screen and (max-width: 1024px) {
  .p-nanosoyFeature-rej__item {
    margin: 1rem 0;
    width: 100%;
  }
}
.p-nanosoyFeature-rej__def {
  background-color: #ccc;
  padding: 10px;
}
.p-nanosoyFeature-rej__term {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 10px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature-rej__term {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature-rej__term {
    height: 3.2em;
  }
}
.p-nanosoyFeature-rej__desc {
  font-size: 1.0625rem;
  background-color: #fff;
  padding: 10px;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature-rej__desc {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-nanosoyFeature-rej__desc {
    height: 6em;
  }
}
.p-nanosoyFeature .p-mv__image.is-rej {
  border-top: 60px solid #133a76;
}

.p-nanosoyProduct {
  padding: 40px 0;
  background-color: rgba(0, 174, 203, 0.2);
}
@media screen and (min-width: 1025px) {
  .p-nanosoyProduct {
    padding: 80px 0;
  }
}
.p-nanosoyProduct__container--left {
  float: left;
  width: 60%;
}
@media screen and (max-width: 1024px) {
  .p-nanosoyProduct__container--left {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-nanosoyProduct__container--right {
  float: right;
  width: 40%;
}
@media screen and (max-width: 1024px) {
  .p-nanosoyProduct__container--right {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-nanosoyProduct__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-nanosoyProduct__item {
  margin: auto;
  padding: 0 20px;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyProduct__item.c-flex__col--1 {
    max-width: 300px;
  }
}
.p-nanosoyProduct__h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
  border-bottom: 1px dashed #00aecb;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 1025px) {
  .p-nanosoyProduct__h4 {
    font-size: 1.25rem;
  }
}

.p-protein__h2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-protein__h2--en {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: 700;
}
.p-protein__h2--ja {
  font-size: 1rem;
}

.p-proteinProduct {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-proteinProduct {
    padding: 80px 0;
  }
}
.p-proteinProduct__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-proteinProduct__image {
  width: 42%;
}
@media screen and (max-width: 1024px) {
  .p-proteinProduct__image {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-proteinProduct__text {
  font-size: 1.0625rem;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-proteinProduct__text {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-proteinProduct__text {
    width: 54%;
  }
}
.p-proteinProduct__h3 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.p-proteinProduct__h3:before, .p-proteinProduct__h3:after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .p-proteinProduct__h3 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-proteinBanner {
	padding-top: calc(var(--dynamicScale) * 4rem);
	padding-bottom: calc(var(--dynamicScale) * 4rem);
}
.p-proteinBanner__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -40px;
}
.p-proteinBanner__item {
  margin: 0 0 20px 40px;
  width: calc(100% - 40.01px);
}
@media screen and (min-width: 1025px) {
  .p-proteinBanner__item {
    width: calc(33.3333333333% - 40.01px);
  }
}

.p-protecthair__h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-protecthair__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-protecthair__h3 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-protecthair__h3 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-protecthairAbout {
  padding: 40px 0;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.0625rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-protecthairAbout {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-protecthairAbout {
    font-size: 1.125rem;
  }
}
.p-protecthairAbout__lead {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-protecthairAbout__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-protecthairAbout__lead {
    font-size: 42px;
  }
}

.p-protecthairRecommend {
  padding: 40px 0;
  background-color: #c7b299;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .p-protecthairRecommend {
    padding: 80px 0;
  }
}
.p-protecthairRecommend__container, .p-richRecommend__container, .p-teatimeRecommend__container, .p-dietRecommend__container, .p-slimTrouble__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fff;
  margin: auto;
  max-width: 600px;
}
.p-protecthairRecommend__list, .p-richRecommend__list, .p-teatimeRecommend__list, .p-dietRecommend__list, .p-slimTrouble__list {
  padding: 10px 20px;
}
@media screen and (min-width: 1025px) {
  .p-protecthairRecommend__list, .p-richRecommend__list, .p-teatimeRecommend__list, .p-dietRecommend__list, .p-slimTrouble__list {
    padding: 30px 40px;
  }
}
.p-protecthairRecommend__item, .p-richRecommend__item, .p-teatimeRecommend__item, .p-dietRecommend__item, .p-slimTrouble__item {
  font-size: 1.125rem;
  line-height: 1.4;
  background: url(../img/ico_check_white.svg) no-repeat 0 0.3em/auto 1em;
  margin: 10px 0;
  padding-left: 1.6em;
}
@media screen and (min-width: 1025px) {
  .p-protecthairRecommend__item, .p-richRecommend__item, .p-teatimeRecommend__item, .p-dietRecommend__item, .p-slimTrouble__item {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-protecthairRecommend__item, .p-richRecommend__item, .p-teatimeRecommend__item, .p-dietRecommend__item, .p-slimTrouble__item {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1025px) {
  .p-protecthairRecommend__item, .p-richRecommend__item, .p-teatimeRecommend__item, .p-dietRecommend__item, .p-slimTrouble__item {
    font-size: 1.125rem;
  }
}

.p-protecthairNeed {
  padding: 40px 0;
  background-color: #666;
}
@media screen and (min-width: 1025px) {
  .p-protecthairNeed {
    padding: 80px 0;
  }
}
.p-protecthairNeed__h2 {
  font-size: 1.75rem;
  line-height: 1.4;
  line-height: 1.4;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 10px 0 30px;
}
@media screen and (min-width: 1025px) {
  .p-protecthairNeed__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-protecthairNeed__h2 {
    font-size: 54px;
  }
}
.p-protecthairNeed__h2 .u-fs--lg {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .p-protecthairNeed__h2 .u-fs--lg {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1025px) {
  .p-protecthairNeed__h2 .u-fs--lg {
    font-size: 1.125rem;
  }
}
.p-protecthairNeed__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.p-protecthairNeed__item {
  margin: 20px 0;
}

.p-protecthairFeature {
  background: url(/img/protecthair/feature_bg.jpg) no-repeat center center/cover fixed;
}
.p-protecthairFeature__container {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 40px 0;
  padding: 20px;
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-protecthairFeature__container {
    margin: 80px 0;
    padding: 40px;
  }
}
.p-protecthairFeature__icon {
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .p-protecthairFeature__icon {
    top: -30px;
    left: -10px;
    width: 90px;
  }
}
@media screen and (min-width: 1025px) {
  .p-protecthairFeature__icon {
    top: -40px;
    left: -40px;
  }
}

.p-protecthairProduct {
  background: radial-gradient(ellipse at center, transparent 0%, #ddd 100%);
}
.p-protecthairProduct__text {
  color: #000;
}
.p-protecthairProduct__h3 {
  border-color: #000;
  color: #000;
}
@media screen and (min-width: 1025px) {
  .p-protecthairProduct__h3 {
    font-size: 1.75rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-protecthairProduct__h3 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-arranjuOther {
  background: url(/img/arranju/other_bg.jpg) no-repeat right center/cover fixed;
}
@media screen and (max-width: 640px) {
  .p-arranjuOther {
    background-position: right -60vw top 0;
  }
}
.p-arranjuOther__container {
  width: 60%;
}
@media screen and (max-width: 640px) {
  .p-arranjuOther__container {
    width: 80%;
  }
}
.p-arranjuOther__h2 {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  background-color: #000;
  color: #fff;
  padding: 10px;
}
@media screen and (min-width: 1025px) {
  .p-arranjuOther__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-slim__h2 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  text-align: center;
}
.p-slim__h2:before, .p-slim__h2:after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .p-slim__h2 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-slim__h2 {
    font-size: 1.75rem;
    line-height: 1.4;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-slim__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-slim__h2 .u-disp--inlineblock {
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
  color: #000;
}
.p-slim__h3 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
}
.p-slim__h3:before, .p-slim__h3:after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .p-slim__h3 {
    font-size: 1.5rem;
  }
}

.p-slimAbout {
  font-size: 1.0625rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-slimAbout {
    font-size: 1.125rem;
  }
}
.p-slimAbout__lead {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-slimAbout__lead {
    font-size: 1.5rem;
  }
}

.p-slimTrouble {
  background-color: #876851;
  color: #fff;
}
.p-slimTrouble__list {
  border: 0;
}
.p-slimTrouble__h2 .u-disp--inlineblock {
  border: 0;
  color: #fff;
  padding-bottom: 0;
}

.p-slimNutrition {
  background-color: #f9f4ed;
}
@media screen and (max-width: 1024px) {
  .p-slimNutrition .c-flex__col--3 {
    width: 60%;
  }
}

.p-slimSupport {
  background-color: #697a48;
}
.p-slimSupport__h3 .u-disp--inlineblock {
  border-color: #fff;
  color: #fff;
}
.p-slimSupport__item {
  width: 220px;
}
@media screen and (max-width: 1024px) {
  .p-slimSupport__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100% !important;
  }
}
.p-slimSupport__item:nth-of-type(2) {
  width: calc(100% - 440px - 120px);
}
@media screen and (min-width: 1025px) {
  .p-slimSupport__item:nth-of-type(2) {
    width: calc(100% - 440px - 60px);
  }
}
@media screen and (min-width: 1025px) {
  .p-slimSupport__item:nth-of-type(2) {
    width: calc(100% - 440px - 110px);
  }
}
.p-slimSupport__item:nth-of-type(2):before, .p-slimSupport__item:nth-of-type(2):after {
  background: url(../img/ico_times_white.svg) no-repeat 0 0/40px auto;
  content: "";
  height: 40px;
  margin: 10px 0;
  width: 40px;
}
@media screen and (min-width: 1025px) {
  .p-slimSupport__item:nth-of-type(2):before, .p-slimSupport__item:nth-of-type(2):after {
    margin-top: 24%;
  }
}
@media screen and (min-width: 1025px) {
  .p-slimSupport__item:nth-of-type(2):before, .p-slimSupport__item:nth-of-type(2):after {
    background-size: 60px auto;
    height: 60px;
    margin-top: 18%;
    width: 60px;
  }
}
.p-slimSupport__dl {
  margin: auto;
  width: 220px;
}
.p-slimSupport__term {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #ccc;
  border-radius: 100%;
  color: #876851;
  height: 220px;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-slimSupport__term {
    font-size: 1.5rem;
  }
}
.p-slimSupport__desc {
  font-size: 1.125rem;
  line-height: 1.4;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .p-slimSupport__desc {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .p-slimSupport__desc {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1025px) {
  .p-slimSupport__desc {
    font-size: 1.125rem;
  }
}

.p-slimProduct {
  background: url(/img/slimchallenge/product_bg.jpg);
}
@media screen and (min-width: 1025px) {
  .p-slimProduct {
    padding: 40px 0;
  }
}
.p-slimProduct__container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.p-slimProduct__text {
  background-color: #000;
  color: #fff;
  padding: 20px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-slimProduct__text {
    margin-top: -40px;
    padding: 40px 40px 60px;
  }
}
.p-slimProduct__h3 {
  font-weight: 700;
  border-bottom: 1px solid #fff;
}

.p-diet__h2 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  text-align: center;
}
.p-diet__h2:before, .p-diet__h2:after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .p-diet__h2 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-diet__h2 {
    font-size: 1.75rem;
    line-height: 1.4;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-diet__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-diet__h2 .u-disp--inline {
  background-image: -webkit-gradient(linear, left top, right top, from(#f5a5c7), color-stop(50%, #fff68f), to(#90ccf2));
  background-image: linear-gradient(to right, #f5a5c7 0%, #fff68f 50%, #90ccf2 100%);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 40%;
  color: #000;
}
.p-diet__h3 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
}
.p-diet__h3:before, .p-diet__h3:after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .p-diet__h3 {
    font-size: 1.5rem;
  }
}

.p-dietAbout {
  padding: 40px 0;
  font-size: 1.0625rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-dietAbout {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-dietAbout {
    font-size: 1.125rem;
  }
}
.p-dietAbout__lead {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-dietAbout__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-dietAbout__lead {
    font-size: 42px;
  }
}

.p-dietRecommend {
  padding: 40px 0;
  background-color: #f7f1e8;
}
@media screen and (min-width: 1025px) {
  .p-dietRecommend {
    padding: 80px 0;
  }
}
.p-dietRecommend__container {
  border-color: #894d12;
}
.p-dietRecommend__item {
  background-image: url(../img/ico_check_black.svg);
}

.p-dietNutrition {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-dietNutrition {
    padding: 80px 0;
  }
}
.p-dietNutrition__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -40px;
}
.p-dietNutrition__item {
  margin: 0 0 20px 40px;
  width: calc(100% - 40.01px);
}
@media screen and (min-width: 1025px) {
  .p-dietNutrition__item {
    width: calc(25% - 40.01px);
  }
}
.p-dietNutrition__dl {
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-dietNutrition__dl {
    width: 80%;
  }
}
.p-dietNutrition__term {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
  border: 1px solid #f7931e;
  border-radius: 100%;
  margin: 20px auto;
  height: 220px;
  width: 220px;
}
@media screen and (min-width: 1025px) {
  .p-dietNutrition__term {
    font-size: 1.25rem;
  }
}
.p-dietNutrition-flavor__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: -webkit-gradient(linear, right top, left top, from(#fad2e3), color-stop(50%, #fffac7), to(#e3f2fb));
  background-image: linear-gradient(to left, #fad2e3 0%, #fffac7 50%, #e3f2fb 100%);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 80px;
  margin: 80px 0;
}
@media screen and (max-width: 1024px) {
  .p-dietNutrition-flavor__container {
    margin: 40px 0;
  }
}
.p-dietNutrition-flavor__container:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-dietNutrition-flavor__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
  width: 42%;
}
.p-dietNutrition-flavor__image::before {
  content: "";
  display: block;
  padding-top: 73.3333333333%;
}
@media screen and (max-width: 1024px) {
  .p-dietNutrition-flavor__image {
    width: 100%;
  }
}
.p-dietNutrition-flavor__text {
  width: 54%;
}
@media screen and (max-width: 1024px) {
  .p-dietNutrition-flavor__text {
    margin-top: 20px;
    width: 100%;
  }
}
.p-dietNutrition-flavor__icon {
  margin: 0 15px 15px !important;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .p-dietNutrition-flavor__icon {
    text-align: center;
  }
}
.p-dietNutrition-flavor__h3 {
  margin-bottom: 10px;
}
.p-dietNutrition-flavor__container:nth-of-type(1) .p-dietNutrition-flavor__h3 {
  color: #bd3980;
}

.p-dietNutrition-flavor__container:nth-of-type(2) .p-dietNutrition-flavor__h3 {
  color: #29abe2;
}

.p-dietNutrition-flavor__container:nth-of-type(3) .p-dietNutrition-flavor__h3 {
  color: #eabd00;
}

.p-dietProduct {
  background-color: #f7f1e8;
}
.p-dietProduct__h3 {
  font-weight: 700;
  border-bottom: 1px solid #f7931e;
}

.p-madam__h2 {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-madam__h2:after {
  display: none;
}
.p-madam__h2--inner {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
  background-color: #8e736b;
  color: #fff;
  display: block;
  padding: 20px;
  width: 60%;
}
@media screen and (min-width: 1025px) {
  .p-madam__h2--inner {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
.p-madam__h2.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-madamAbout {
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  background: url(/img/madam/bg.jpg);
  color: #4f0002;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-madamAbout {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-madamAbout {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1025px) and (min-width: 1025px) {
  .p-madamAbout {
    font-size: 1.5rem;
  }
}

.p-madamFeature-top {
  background-color: #51181e;
  padding-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-madamFeature-top {
    padding-bottom: 120px;
  }
}
.p-madamFeature-center {
  margin: -20px 0 20px;
}
@media screen and (min-width: 1025px) {
  .p-madamFeature-center {
    margin: -60px 0 40px;
  }
}
.p-madamFeature-bottom {
  background: url(/img/madam/bg.jpg);
  -webkit-clip-path: polygon(50% 30px, 100% 0, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(50% 30px, 100% 0, 100% 100%, 0 100%, 0 0);
  padding-top: 50px;
}
@media screen and (min-width: 1025px) {
  .p-madamFeature-bottom {
    padding-top: 120px;
  }
}
@media screen and (min-width: 1025px) {
  .p-madamFeature-bottom {
    -webkit-clip-path: polygon(50% 80px, 100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(50% 80px, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}

.p-madamRecommend {
  background-color: #faf4e9;
}

.p-madamSupport {
  background: url(/img/madam/bg.jpg);
}
.p-madamSupport__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 60px;
}
@media screen and (max-width: 1024px) {
  .p-madamSupport__list {
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .p-madamSupport__item {
    margin: 20px 0;
    width: 100% !important;
  }
}
.p-madamSupport__item.is-1st {
  width: 40%;
}
.p-madamSupport__item.is-2nd {
  width: 52%;
}
.p-madamSupport h3 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 0;
}

.p-madamProduct {
  background-image: url(/img/madam/product_bg_01.jpg), url(/img/madam/product_bg_02.jpg);
  background-position: 0 0, right 0;
  background-repeat: repeat-y;
  color: #4f0002;
}
@media screen and (max-width: 1024px) {
  .p-madamProduct {
    background-size: 5% auto;
  }
}
.p-madamProduct__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-madamProduct__item {
  margin: 0 auto 20px;
  width: 90%;
}
@media screen and (min-width: 1025px) {
  .p-madamProduct__item {
    margin: 0 20px;
    max-width: 375px;
    width: 48%;
  }
}
@media screen and (max-width: 1024px) {
  .p-madamProduct .l-wrapper, .p-madamProduct body.single .l-main, body.single .p-madamProduct .l-main {
    max-width: 80%;
  }
}

.p-fasting__h2 {
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 700;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #bacb1e));
  background-image: linear-gradient(transparent 50%, #bacb1e 50%);
  display: inline-block;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-fasting__h2 {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-fasting__h2 {
    font-size: 48px;
  }
}
.p-fastingMerit {
  padding: 40px 0;
  background-color: #c5eadf;
  padding-top: 0 !important;
}
@media screen and (min-width: 1025px) {
  .p-fastingMerit {
    padding: 80px 0;
  }
}
.p-fastingMerit__ccopy {
  padding: 40px 0;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  background-color: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px));
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-fastingMerit__ccopy {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-fastingMerit__ccopy {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-fastingMerit__ccopy {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px));
    font-size: 54px;
  }
}
.p-fastingMerit__lead {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 40px 0;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-fastingMerit__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
.p-fastingMerit__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.p-fastingMerit__list:after {
  background: url(/img/fastingsupport/merit_pic_01.png) no-repeat 0 0/contain;
  content: "";
  height: 200px;
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 140px;
}
@media screen and (max-width: 1024px) {
  .p-fastingMerit__list:after {
    height: 170px;
    bottom: 0;
    right: -10px;
    width: 120px;
  }
}
.p-fastingMerit__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #ffd966;
  border-radius: 100%;
  height: 240px;
  margin: 10px 40px;
  text-align: center;
  width: 240px;
}
@media screen and (min-width: 1025px) {
  .p-fastingMerit__item {
    font-size: 1.5rem;
  }
}

.p-fastingRebound {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-fastingRebound {
    padding: 80px 0;
  }
}
.p-fastingRebound__lead {
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-fastingRebound__lead {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-fastingRebound__lead {
    font-size: 54px;
  }
}

.p-fastingNutrition {
  padding: 40px 0;
  background: url(/img/fastingsupport/bg.jpg) center center;
}
@media screen and (min-width: 1025px) {
  .p-fastingNutrition {
    padding: 80px 0;
  }
}
.p-fastingNutrition__h3 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  background: url(/img/fastingsupport/ttl_01.svg) no-repeat 0 0/auto 100%;
  margin-top: 20px;
  padding: 10px 0 0 10px;
}
@media screen and (min-width: 1025px) {
  .p-fastingNutrition__h3 {
    font-size: 1.5rem;
  }
}
.p-fastingNutrition__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}
.p-fastingNutrition__container.is-1st {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-fastingNutrition__image {
  width: 38%;
}
@media screen and (max-width: 1024px) {
  .p-fastingNutrition__image {
    margin: 0 auto 20px;
    width: 80%;
  }
}
.p-fastingNutrition__image.is-1st {
  width: 28%;
}
@media screen and (max-width: 1024px) {
  .p-fastingNutrition__image.is-1st {
    width: 100%;
  }
}
.p-fastingNutrition__text {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-fastingNutrition__text {
    margin-left: 4%;
    width: 56%;
  }
}
.p-fastingNutrition-facts__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -40px;
}
.p-fastingNutrition-facts__item {
  margin: 0 0 20px 40px;
  text-align: center;
  width: calc(16.6666666667% - 40.01px);
}
@media screen and (max-width: 1024px) {
  .p-fastingNutrition-facts__item {
    width: calc(50% - 40.01px);
  }
}

.p-fastingPlan {
  padding: 40px 0;
  background: url(/img/fastingsupport/plan_bg.svg) repeat-x center -40px #bacb1e;
}
@media screen and (min-width: 1025px) {
  .p-fastingPlan {
    padding: 80px 0;
  }
}

.p-fastingProduct {
  padding: 40px 0;
  background: url(/img/fastingsupport/product_bg.png) no-repeat -5% -5%/20% auto, url(/img/fastingsupport/bg.jpg) center center;
}
@media screen and (min-width: 1025px) {
  .p-fastingProduct {
    padding: 80px 0;
  }
}
.p-fastingProduct__container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-fastingProduct__image {
  width: 40%;
}
@media screen and (max-width: 1024px) {
  .p-fastingProduct__image {
    width: 100%;
  }
}
.p-fastingProduct__text {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 40px;
  width: 60%;
}
@media screen and (max-width: 1024px) {
  .p-fastingProduct__text {
    margin-top: 20px;
    padding: 20px;
    width: 100%;
  }
}

.p-teatime__h2 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  text-align: center;
}
.p-teatime__h2:before, .p-teatime__h2:after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .p-teatime__h2 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-teatime__h2 {
    margin-bottom: 40px;
  }
}
.p-teatime__h3 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
}
.p-teatime__h3:before, .p-teatime__h3:after {
  display: none;
}
.p-teatime__lead {
  font-size: 1.75rem;
  line-height: 1.4;
  margin-bottom: 40px !important;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-teatime__lead {
    font-size: 2.125rem;
    line-height: 1.6;
  }
}

.p-teatimeAbout {
  padding: 40px 0;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.0625rem;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-teatimeAbout {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-teatimeAbout {
    font-size: 1.125rem;
  }
}
.p-teatimeAbout__lead {
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-teatimeAbout__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-teatimeRecommend {
  padding: 40px 0;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background: url(/img/teatime/bg_01.png);
  border-bottom: 10px solid #000;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .p-teatimeRecommend {
    padding: 80px 0;
  }
}
.p-teatimeRecommend__container:after {
  background: url(/img/teatime/recommend_pic_01.png) no-repeat 0 0/contain;
  content: "";
  height: 125px;
  position: absolute;
  bottom: -3%;
  right: 7%;
  width: 220px;
}
@media screen and (max-width: 1024px) {
  .p-teatimeRecommend__container:after {
    height: 45.44px;
    right: -3%;
    width: 80px;
  }
}
.p-teatimeRecommend__list {
  border: 0;
}
.p-teatimeRecommend__h2 {
  font-weight: 400;
  color: #fff;
}

.p-teatimeTrouble {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background-color: #f9f4ed;
  -webkit-clip-path: polygon(100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px), 0 0);
          clip-path: polygon(100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px), 0 0);
}
@media screen and (min-width: 1025px) {
  .p-teatimeTrouble {
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px), 0 0);
            clip-path: polygon(100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px), 0 0);
  }
}
.p-teatimeTrouble__lead {
  background-color: #000;
  color: #fff;
  padding: 10px 5%;
}
.p-teatimeTrouble-cont1 {
  padding: 40px 0;
}
@media screen and (min-width: 1025px) {
  .p-teatimeTrouble-cont1 {
    padding: 80px 0;
  }
}
.p-teatimeTrouble-cont2 {
  padding-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-teatimeTrouble-cont2 {
    padding-bottom: 80px;
  }
}

.p-teatimeNutrition {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background: url(/img/teatime/bg_02.svg) no-repeat center bottom/auto 60px;
  padding: 40px 0 100px;
}
@media screen and (max-width: 1024px) {
  .p-teatimeNutrition {
    background-size: auto 40px;
    padding: 20px 0 80px;
  }
}
.p-teatimeNutrition__lead {
  background: url(/img/teatime/line_01.svg) no-repeat center bottom/80% auto;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-teatimeNutrition__lead {
    background-size: 100% auto;
  }
}
@media screen and (max-width: 640px) {
  .p-teatimeNutrition__lead {
    background-size: 180% auto;
  }
}
.p-teatimeNutrition__item {
  margin-bottom: 20px;
  width: 200px;
}
.p-teatimeNutrition__term {
  line-height: 1.4;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  height: 132px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.p-teatimeProduct {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background: url(/img/teatime/bg_01.png);
  border-bottom: 10px solid #000;
}
.p-teatimeProduct__wrapper {
  padding: 40px 0;
  background-color: #fff;
  margin-top: -40px;
}
@media screen and (min-width: 1025px) {
  .p-teatimeProduct__wrapper {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-teatimeProduct__wrapper {
    margin-top: -80px;
  }
}
.p-teatimeProduct__container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.p-teatimeProduct__text {
  background: url(/img/teatime/recommend_pic_01.png) no-repeat right bottom/auto 14%;
  padding-bottom: 4%;
}
@media screen and (min-width: 1025px) {
  .p-teatimeProduct__text {
    background-size: auto 22%;
    padding-bottom: 2%;
  }
}
.p-teatimeProduct__h3 {
  border-bottom: 1px solid #cc9933;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.p-rich__h2 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  text-align: center;
}
.p-rich__h2:before, .p-rich__h2:after {
  display: none;
}
@media screen and (min-width: 1025px) {
  .p-rich__h2 {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-rich__h2 {
    margin-bottom: 40px;
  }
}
.p-rich__h3 {
  border: 0;
  display: block;
  font-size: inherit;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: inherit;
}
.p-rich__h3:before, .p-rich__h3:after {
  display: none;
}

.p-richAbout {
  padding: 40px 0;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 1.0625rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#d8d0b3), color-stop(30%, #e7e3d6), color-stop(70%, #d8d0b3), to(#e7e3d6));
  background-image: linear-gradient(to right, #d8d0b3 0%, #e7e3d6 30%, #d8d0b3 70%, #e7e3d6 100%);
  color: #573327;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-richAbout {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-richAbout {
    font-size: 1.125rem;
  }
}
.p-richAbout__lead {
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1025px) {
  .p-richAbout__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}

.p-richRecommend {
  padding: 40px 0;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background-color: #573327;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .p-richRecommend {
    padding: 80px 0;
  }
}
.p-richRecommend__list {
  border: 0;
}
.p-richRecommend__h2 {
  color: #fff;
}

.p-richTrouble {
  padding: 40px 0;
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background-color: #f9f4ed;
}
@media screen and (min-width: 1025px) {
  .p-richTrouble {
    padding: 80px 0;
  }
}

.p-richNutrition {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background: url(/img/rich/nutrition_bg_01.svg) repeat-x center bottom/auto 40px, -webkit-gradient(linear, left top, right top, from(#d8d0b3), color-stop(30%, #e7e3d6), color-stop(70%, #d8d0b3), to(#e7e3d6));
  background: url(/img/rich/nutrition_bg_01.svg) repeat-x center bottom/auto 40px, linear-gradient(to right, #d8d0b3 0%, #e7e3d6 30%, #d8d0b3 70%, #e7e3d6 100%);
  padding-bottom: 80px;
}
@media screen and (min-width: 1025px) {
  .p-richNutrition {
    background-size: auto 60px;
    padding-bottom: 120px;
  }
}
.p-richNutrition__h2 {
  background: -webkit-gradient(linear, left top, right top, from(#400000), color-stop(60%, #cf121b), to(#7e090f));
  background: linear-gradient(to right, #400000 0%, #cf121b 60%, #7e090f 100%);
  color: #fff;
  margin-bottom: 0;
  padding: 20px;
}
.p-richNutrition__lead {
  font-size: 1.5rem;
  line-height: 1.4;
  background: url(/img/rich/nutrition_line_03.svg) no-repeat center bottom/contain;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .p-richNutrition__lead {
    font-size: 1.875rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1025px) {
  .p-richNutrition__lead {
    background-size: 60% auto;
  }
}
.p-richNutrition__list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.p-richNutrition__item {
  margin: 10px 5%;
  width: 90%;
}
@media screen and (min-width: 1025px) {
  .p-richNutrition__item {
    width: 23.3333333333%;
  }
}
.p-richNutrition__dl {
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .p-richNutrition__dl {
    width: 220px;
  }
}
.p-richNutrition__term {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  line-height: 1.4;
  background: url(/img/rich/nutrition_bg_02.svg) no-repeat 0 0/cover;
  border-radius: 100%;
  color: #fff;
  height: 220px;
  margin: 0 auto 20px;
  text-align: center;
  width: 220px;
}
@media screen and (min-width: 1025px) {
  .p-richNutrition__term {
    font-size: 1.5rem;
  }
}
.p-richNutrition-top {
  padding: 40px 0;
  background-color: #fff;
  -webkit-clip-path: polygon(100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px), 0 0);
          clip-path: polygon(100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px), 0 0);
  margin-bottom: 40px;
}
@media screen and (min-width: 1025px) {
  .p-richNutrition-top {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-richNutrition-top {
    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px), 0 0);
            clip-path: polygon(100% 0, 100% calc(100% - 80px), 50% 100%, 0 calc(100% - 80px), 0 0);
    margin-bottom: 80px;
  }
}
.p-richNutrition-top__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-richNutrition-top__image {
  margin-right: 8%;
  width: 18%;
}
@media screen and (max-width: 1024px) {
  .p-richNutrition-top__image {
    margin: 0 auto 20px;
    width: 60%;
  }
}
.p-richNutrition-top__text {
  font-size: 1.0625rem;
  line-height: 1.8;
  background: url(/img/rich/nutrition_line_01.svg) no-repeat 0 top/contain, url(/img/rich/nutrition_line_02.svg) no-repeat 0 bottom/contain;
  padding: 8% 0;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .p-richNutrition-top__text {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-richNutrition-top__text {
    padding: 4% 0;
    width: 28%;
  }
}

.p-richProduct {
  font-family: "Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Kozuka Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background-image: -webkit-gradient(linear, left top, right top, from(#d8d0b3), color-stop(30%, #e7e3d6), color-stop(70%, #d8d0b3), to(#e7e3d6));
  background-image: linear-gradient(to right, #d8d0b3 0%, #e7e3d6 30%, #d8d0b3 70%, #e7e3d6 100%);
}
.p-richProduct__container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.p-richProduct__text {
  background: url(/img/rich/product_pic_01.png) no-repeat right bottom/auto 18%;
  padding-bottom: 4%;
}
@media screen and (min-width: 1025px) {
  .p-richProduct__text {
    background-size: auto 24%;
    margin: 0 auto;
    max-width: 38%;
    padding-bottom: 6%;
  }
}
.p-richProduct__h3 {
  border-bottom: 1px solid #573327;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.p-richBanner {
  background: url(/img/rich/banner_bg.jpg) repeat-x 0 0/auto 40px;
  border-top: 10px solid transparent;
  -o-border-image: linear-gradient(to right, #400000 0%, #cf121b 60%, #7e090f 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#400000), color-stop(60%, #cf121b), to(#7e090f));
     border-image: linear-gradient(to right, #400000 0%, #cf121b 60%, #7e090f 100%);
  border-image-slice: 1;
  padding-top: 80px;
}
@media screen and (min-width: 1025px) {
  .p-richBanner {
    background-size: auto 60px;
    padding-top: 140px;
  }
}/*# sourceMappingURL=style.css.map */