/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* break point */
/* color setting */
/* base setting */
html {
  background: #fff;
  font-size: 62.5%;
}

@media only screen and (max-width: 750px) {
  html {
    font-size: 1.33333vw;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background: #fffdf3;
  color: #333;
  font-family: montserrat, "Yu Gothic", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 auto;
  max-width: 75rem;
}

._english {
  font-family: montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
}

picture {
  display: block;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.4s ease;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: inherit;
}

ul {
  list-style: none;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
}

input[type="submit"],
input[type="button"],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

input::-webkit-input-placeholder {
  color: #777;
}

input::-moz-placeholder {
  color: #777;
}

input:-ms-input-placeholder {
  color: #777;
}

input::-ms-input-placeholder {
  color: #777;
}

input::placeholder {
  color: #777;
}

/* IE */
input:-ms-input-placeholder {
  color: #777;
}

/* Edge */
input::-ms-input-placeholder {
  color: #777;
}

@media only screen and (max-width: 750px) {
  .only-sp {
    display: none;
  }
}

.only-sp-inline {
  display: inline;
}

@media only screen and (max-width: 750px) {
  .only-sp-inline {
    display: none;
  }
}

.only-pc {
  display: none;
}

@media only screen and (max-width: 750px) {
  .only-pc {
    display: block;
  }
}

.only-pc-inline {
  display: none;
}

@media only screen and (max-width: 750px) {
  .only-pc-inline {
    display: inline;
  }
}

.nowrap {
  white-space: nowrap;
}

.l-cta {
  background: #7e9986;
  padding: 5.5rem;
}

.l-cta__box {
  background: #fff;
  padding: 3rem 3rem 3.5rem;
}

.l-cta__box:first-child {
  margin-bottom: 3rem;
}

.l-cta__box-top {
  display: flex;
}

.l-cta__body-ttl {
  color: #7e9986;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.40625;
  margin-bottom: 2.8rem;
}

.l-cta__body-txt {
  font-size: 2.4rem;
  line-height: 1.375;
  margin-bottom: 1rem;
}

.l-cta__body-small {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
}

.l-cta__btn1, .l-cta__btn2 {
  transition: opacity .2s ease;
}

@media (hover: hover) {
  .l-cta__btn1:hover, .l-cta__btn1:active, .l-cta__btn2:hover, .l-cta__btn2:active {
    opacity: 0.8;
  }
}

.l-cta__btn2, .l-cta__btn1, .l-cta__label, .l-cta__item {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-cta__btn2::before, .l-cta__btn1::before, .l-cta__label::before, .l-cta__item::before {
  content: "";
  display: block;
}

.l-cta__btn2 img, .l-cta__btn1 img, .l-cta__label img, .l-cta__item img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: contain;
  height: 100%;
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-cta__item {
  max-width: 24.6rem;
}

.l-cta__item::before {
  padding-top: 143.49593%;
}

.l-cta__label {
  margin: 0 auto;
  max-width: 59.1rem;
}

.l-cta__label::before {
  padding-top: 29.27242%;
}

.l-cta__btn1 {
  margin: 0 auto;
  max-width: 58.1rem;
}

.l-cta__btn1::before {
  padding-top: 29.43201%;
}

.l-cta__btn2 {
  margin: 0 auto;
  max-width: 58.1rem;
}

.l-cta__btn2::before {
  padding-top: 25.12909%;
}

.l-footer {
  background: #fffdf3;
  padding-bottom: 8rem;
  padding-top: 5.5rem;
}

.l-footer__inner {
  padding: 0 5.5rem;
}

.l-footer__txt1, .l-footer__txt2 {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-footer__txt1::before, .l-footer__txt2::before {
  content: "";
  display: block;
}

.l-footer__txt1 img, .l-footer__txt2 img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: contain;
  height: 100%;
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-footer__txt1 {
  margin: 0 auto 3.8rem;
  max-width: 59.3rem;
}

.l-footer__txt1::before {
  padding-top: 15.17707%;
}

.l-footer__txt2 {
  margin: 0 auto 3rem;
  max-width: 49.3rem;
}

.l-footer__txt2::before {
  padding-top: 11.76471%;
}

.l-footer__label {
  align-items: center;
  background: #222;
  color: #fff;
  display: flex;
  font-size: 3.2rem;
  font-weight: 700;
  height: 5.8rem;
  justify-content: center;
  margin: 0 auto 4rem;
  width: 64rem;
}

.l-footer__ttl {
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 3rem;
  text-align: center;
}

.l-footer__txt {
  font-size: 1.8rem;
  line-height: 1.72222;
}

.l-footer__list {
  margin-bottom: 3.2rem;
}

.l-footer__item-ttl {
  border-bottom: 2px solid #333;
  display: inline-block;
  font-size: 3.2rem;
  line-height: 1.3125;
  margin-bottom: 1.6rem;
}

.l-footer__item-txt {
  font-size: 2.4rem;
  line-height: 1.79167;
}

.l-footer__item {
  background: #fff;
  border: 1px solid #7e9986;
  height: 20rem;
  margin-bottom: 2.3rem;
  padding-left: 20.5rem;
  padding-top: 3rem;
  width: 100%;
}

.l-footer__item:last-child {
  margin-bottom: 0;
}

.l-footer__item.lazyloaded._item0 {
  background: url(../img/footer/item0.png) no-repeat center/cover;
}

.l-footer__item.lazyloaded._item1 {
  background: url(../img/footer/item1.png) no-repeat center/cover;
}

.l-footer__item.lazyloaded._item2 {
  background: url(../img/footer/item2.png) no-repeat center/cover;
}

.l-footer__item.lazyloaded._item3 {
  background: url(../img/footer/item3.png) no-repeat center/cover;
}

.l-footer__item.lazyloaded._item4 {
  background: url(../img/footer/item4.png) no-repeat center/cover;
}

.l-header {
  background: #fffdf3;
  position: relative;
  z-index: 100;
}

.l-header__inner {
  align-items: center;
  display: flex;
  height: 10.8rem;
  padding-left: 10rem;
}

.l-header__item {
  left: 2.5rem;
  max-width: 8.9rem;
  overflow: hidden;
  position: absolute;
  top: 2rem;
  width: 100%;
}

.l-header__item::before {
  content: "";
  display: block;
  padding-top: 185.39326%;
}

.l-header__item img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-header__txt {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.l-header__logo {
  max-width: 23.2rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-header__logo::before {
  content: "";
  display: block;
  padding-top: 37.66667%;
}

.l-header__logo img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-condition {
  padding-bottom: 3rem;
  padding-top: 5rem;
}

.l-condition__ttl {
  margin-bottom: 2.4rem;
  margin-left: 6rem;
  max-width: 67.1rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-condition__ttl::before {
  content: "";
  display: block;
  padding-top: 37.40686%;
}

.l-condition__ttl img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-condition__txt {
  font-size: 2rem;
  line-height: 1.7;
  margin-bottom: 2rem;
  text-align: center;
}

.l-condition__step {
  margin: 0 auto 5.4rem;
  max-width: 64rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-condition__step::before {
  content: "";
  display: block;
  padding-top: 46.09375%;
}

.l-condition__step img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-condition__bottom {
  margin: 0 auto;
  max-width: 57.6rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-condition__bottom::before {
  content: "";
  display: block;
  padding-top: 14.58333%;
}

.l-condition__bottom img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-cosmo {
  padding-left: 5.5rem;
  padding-top: 2.3rem;
}

.l-cosmo__label {
  margin-bottom: 1.8rem;
  max-width: 35.8rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-cosmo__label::before {
  content: "";
  display: block;
  padding-top: 31.28492%;
}

.l-cosmo__label img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-cosmo__txt {
  margin-bottom: 2.3rem;
  max-width: 49.5rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-cosmo__txt::before {
  content: "";
  display: block;
  padding-top: 11.31313%;
}

.l-cosmo__txt img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-cosmo__btn {
  display: block;
  max-width: 64.2rem;
  overflow: hidden;
  position: relative;
  transition: opacity 0.2s ease;
  width: 100%;
}

@media (hover: hover) {
  .l-cosmo__btn:hover, .l-cosmo__btn:active {
    opacity: 0.8;
  }
}

.l-cosmo__btn::before {
  content: "";
  display: block;
  padding-top: 30.21807%;
}

.l-cosmo__btn img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-feature__inner {
  padding: 0 5.5rem;
}
.l-feature__inner._padding {
  padding: 0 5.5rem 2.2rem;
}

.l-feature__inner._white {
  background: #fff;
  padding-top: 7rem;
}

.l-feature__txt, .l-feature__ttl1-sub, .l-feature__label {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.79167;
  text-align: center;
}

.l-feature__ttl1-sub {
  letter-spacing: 0;
}

.l-feature__txt {
  margin-bottom: 1.8rem;
}

.l-feature__ttl1-sub {
  margin-bottom: 6rem;
}

.l-feature__label {
  align-items: center;
  border: 2px solid #000;
  border-radius: 2rem;
  display: flex;
  height: 4rem;
  justify-content: center;
  margin-bottom: 3rem;
}

.l-feature__img, .l-feature__ttl1, .l-feature__ttl2, .l-feature__pic, .l-feature__bottom {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-feature__img::before, .l-feature__ttl1::before, .l-feature__ttl2::before, .l-feature__pic::before, .l-feature__bottom::before {
  content: "";
  display: block;
}

.l-feature__img img, .l-feature__ttl1 img, .l-feature__ttl2 img, .l-feature__pic img, .l-feature__bottom img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-feature__img {
  margin: 0 auto 5rem;
  max-width: 58.8rem;
}

.l-feature__img::before {
  padding-top: 100%;
}

.l-feature__ttl1 {
  margin: 0 auto 2rem;
  max-width: 39.5rem;
}

.l-feature__ttl1::before {
  padding-top: 25.56962%;
}

.l-feature__ttl2 {
  margin: 0 auto 4rem;
  max-width: 52.6rem;
}

.l-feature__ttl2::before {
  padding-top: 14.63878%;
}

.l-feature__pic {
  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
  margin: 0 auto 6rem;
  max-width: 63.9rem;
}

.l-feature__pic::before {
  padding-top: 57.43349%;
}

.l-feature__bottom {
  margin: 0 auto;
  max-width: 17.4rem;
}

.l-feature__bottom::before {
  padding-top: 19.54023%;
}

.l-fv {
  margin-left: 5.5rem;
}

.l-fv__image {
  background: url(../img/fv/bg.jpg) no-repeat center/cover;
  padding-top: 104.46043%;
  position: relative;
}

.l-fv__image-txt {
  bottom: 2.8rem;
  left: 2.8rem;
  max-width: 40.7rem;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.l-fv__image-txt::before {
  content: "";
  display: block;
  padding-top: 67.81327%;
}

.l-fv__image-txt img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-fv__label {
  bottom: -13rem;
  position: absolute;
  right: 2rem;
  width: 21.8rem;
}

.l-fv__label-txt {
  -webkit-transform: translate(-50%, -100%);
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: -2rem;
  transform: translate(-50%, -100%);
  width: 24rem;
}

.l-fv__label-txt::before {
  content: "";
  display: block;
  padding-top: 23.33333%;
}

.l-fv__label-txt > img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-fv__label-img {
  max-width: 21.8rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-fv__label-img::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.l-fv__label-img > img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-kodawari {
  padding-bottom: 8rem;
}

.l-kodawari__top {
  padding-bottom: 4.2rem;
  position: relative;
}

.l-kodawari__top-bg {
  background: url(../img/kodawari/bg.png) no-repeat center top/100% auto;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.l-kodawari__top-voice {
  color: #7e9986;
  font-size: 3.2rem;
  line-height: 1.40625;
  margin-bottom: 20.5rem;
  padding-left: 6.6rem;
  padding-top: 6rem;
  position: relative;
  z-index: 2;
}

.l-kodawari__top-label {
  align-items: center;
  background: #000;
  color: #fff;
  display: flex;
  font-size: 3.2rem;
  font-weight: 700;
  height: 5.9rem;
  justify-content: center;
  margin: 0 auto;
  max-width: 34.3rem;
  position: relative;
  z-index: -1;
}

.l-kodawari__top-ttl {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.38889;
  text-align: center;
}

.l-kodawari__top-bold {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.125;
  text-align: center;
}

.l-kodawari__body {
  background: #fff;
  padding: 5rem;
  padding-left: 0;
}

.l-kodawari__body._reverse {
  padding-left: 5.5rem;
  padding-right: 0;
}

.l-kodawari__item {
  margin-bottom: 5rem;
  max-width: 92.93333%;
  position: relative;
  z-index: 1;
}

.l-kodawari__item:nth-child(2n) {
  margin-left: auto;
}

.l-kodawari__item:last-child {
  margin-bottom: 0;
}

.l-kodawari__blur {
  -webkit-filter: blur(4px);
  background: #dcddd0;
  filter: blur(4px);
  height: 100%;
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: 100%;
  z-index: -1;
}

.l-kodawari__blur._reverse {
  left: auto;
  right: 1rem;
}

.l-kodawari__commitment {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-kodawari__commitment._item1, .l-kodawari__commitment._item2, .l-kodawari__commitment._item3, .l-kodawari__commitment._item4 {
  max-width: 37.5rem;
}

.l-kodawari__commitment._item1::before, .l-kodawari__commitment._item2::before, .l-kodawari__commitment._item3::before, .l-kodawari__commitment._item4::before {
  padding-top: 14.66667%;
}

.l-kodawari__commitment._item3 {
  margin-bottom: 3rem;
}

.l-kodawari__commitment._item2, .l-kodawari__commitment._item4 {
  margin-bottom: 3rem;
  margin-left: auto;
}

.l-kodawari__commitment::before {
  content: "";
  display: block;
}

.l-kodawari__commitment img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-kodawari__item-head {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.8rem;
  padding-left: 5.5rem;
}

.l-kodawari__item-head._reverse {
  padding-left: 0;
  padding-right: 5rem;
}

.l-kodawari__item-head--ttl {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.38889;
}

.l-kodawari__item-head--ttl ._sm {
  font-size: 3.2rem;
  letter-spacing: 0.04em;
}

.l-kodawari__item-cosmos {
  flex: 0 0 auto;
  margin-bottom: 1rem;
  margin-left: 3rem;
  max-width: 10.7rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-kodawari__item-cosmos::before {
  content: "";
  display: block;
  padding-top: 113.08411%;
}

.l-kodawari__item-cosmos img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-kodawari__item-ttl {
  font-size: 3.2rem;
  letter-spacing: 0.05em;
  line-height: 1.40625;
  margin-bottom: 1.8rem;
  padding-left: 5.5rem;
  font-weight: bold;
}

.l-kodawari__item-pic {
  margin-bottom: 3.6rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-kodawari__item-pic._item4 {
  margin-left: auto;
  max-width: 63.7rem;
}

.l-kodawari__item-pic._item2 {
  max-width: 59.3rem;
}

.l-kodawari__item-pic._item2::before {
  padding-top: 60.8769%;
}

.l-kodawari__item-pic._body {
  flex: 0 0 auto;
  margin-bottom: 0;
  margin-left: 1rem;
  max-width: 33rem;
}

.l-kodawari__item-pic._body::before {
  padding-top: 57.57576%;
}

.l-kodawari__item-pic::before {
  content: "";
  display: block;
  padding-top: 57.94393%;
}

.l-kodawari__item-pic img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: contain;
  height: 100%;
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-kodawari__item-txt {
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 1.79167;
  padding-left: 5.5rem;
}

.l-kodawari__item-txt._reverse {
  padding-left: 0;
  padding-right: 5.5rem;
}

.l-kodawari__item-body {
  display: flex;
}

.l-kodawari__advisor {
  background: #fffdf3;
  margin-left: 5.5rem;
  margin-top: 2.5rem;
  max-width: 58.6rem;
}

.l-kodawari__advisor-body {
  border: 2px solid #7e9986;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.7;
  padding: 2rem 2.8rem;
}

.l-kodawari__advisor-head {
  align-items: center;
  background: #7e9986;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 10.8rem;
  justify-content: center;
}

.l-kodawari__advisor-ttl {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.41667;
}

.l-kodawari__advisor-name {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 1.75;
}

.l-kodawari__advisor-name ._bold {
  font-weight: 700;
}

.l-kodawari__advisor-name ._lg {
  font-size: 3.2rem;
  line-height: 1.3125;
}

.l-lineup__top {
  background: #fffdf3;
  padding-bottom: 4.4rem;
  padding-top: 4rem;
}

.l-lineup__top-ttl {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.38889;
  margin-bottom: 2rem;
  text-align: center;
}

.l-lineup__top-label {
  align-items: center;
  background: #000;
  color: #fff;
  display: flex;
  font-size: 3.2rem;
  font-weight: 700;
  height: 5.4rem;
  justify-content: center;
  margin: 0 auto 3.6rem;
  width: 31.6rem;
}

.l-lineup__top-txt {
  color: #7e9986;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.40625;
  text-align: center;
}

.l-refresh {
  padding-bottom: 8rem;
  background-color: white;
}

.l-refresh-top {
  align-items: center;
  background: #7e9986;
  display: flex;
  flex-direction: column;
  height: 19.5rem;
  justify-content: center;
}

.l-refresh-top._red {
  background: #ca6c73;
}

.l-refresh-top__txt {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.22222;
}

.l-refresh-top__english {
  color: #fff;
  font-size: 4rem;
  line-height: 1.1;
  margin-bottom: 0.6rem;
}

.l-refresh-top__label {
  align-items: center;
  background: #fff;
  color: #7e9986;
  display: flex;
  font-size: 3.2rem;
  font-weight: 700;
  height: 6.3rem;
  justify-content: center;
  line-height: 1;
  width: 64rem;
}

.l-refresh-top__label._red {
  color: #ca6c73;
}

.l-refresh__box-top {
  display: flex;
  justify-content: center;
  padding: 0 7%;
}

.l-refresh__box._item1 {
  margin-bottom: 4.4rem;
  padding-bottom: 5rem;
  padding-top: 4.6rem;
  position: relative;
}

.l-refresh__box._item1::before {
  -webkit-transform: translate(-50%, 0);
  border-bottom: 2px solid #7e9986;
  bottom: 0;
  content: '';
  height: 0.2rem;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  width: 64rem;
}

.l-refresh__box-name {
  font-size: 3.2rem;
  line-height: 1.25;
  margin-bottom: 3rem;
  white-space: nowrap;
}

.l-refresh__box-name ._english {
  line-height: 1.375;
}

.l-refresh__box-name ._sm {
  font-size: 2rem;
  font-weight: 500;
}

.l-refresh__box-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.l-refresh__list-item {
  align-items: center;
  background: #e1e4cf;
  color: #7e9986;
  display: flex;
  flex: 0 0 auto;
  font-size: 1.7rem;
  height: 4.2rem;
  justify-content: center;
  line-height: 1.11765;
  margin-bottom: 0.7rem;
  margin-right: 1.91781%;
  text-align: center;
  width: 31.78082%;
}

.l-refresh__list-item._red {
  background: #f2dad9;
  color: #ca6c73;
}

.l-refresh__list-item:nth-child(3n), .l-refresh__list-item:last-child {
  margin-right: 0;
}

.l-refresh__list-item._wide {
  width: 65.47945%;
}

.l-refresh__box-body {
  max-width: 36.3rem;
}

.l-refresh__box-txt {
  font-size: 2.4rem;
  line-height: 1.66667;
}

.l-refresh__box-btn, .l-refresh__box-label, .l-refresh__box-item, .l-refresh__box-ttl {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-refresh__box-btn::before, .l-refresh__box-label::before, .l-refresh__box-item::before, .l-refresh__box-ttl::before {
  content: "";
  display: block;
}

.l-refresh__box-btn img, .l-refresh__box-label img, .l-refresh__box-item img, .l-refresh__box-ttl img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}
.l-refresh__box-item img {
  object-fit: contain;
  -o-object-fit: contain;
}
.l-refresh__box-label {
  margin: 0 auto 3rem;
  max-width: 64.1rem;
}

.l-refresh__box-label._item1::before {
  padding-top: 12.16849%;
}

.l-refresh__box-label._item2::before {
  padding-top: 12.32449%;
}

.l-refresh__box-ttl {
  margin: 0;
  margin-bottom: 2.4rem;
}

.l-refresh__box-ttl._item1 {
  max-width: 32.7rem;
}

.l-refresh__box-ttl._item1::before {
  padding-top: 26.91131%;
}

.l-refresh__box-ttl._item2 {
  max-width: 34.1rem;
}

.l-refresh__box-ttl._item2::before {
  padding-top: 26.09971%;
}

.l-refresh__box-ttl._item3 {
  max-width: 36.1rem;
}

.l-refresh__box-ttl._item3::before {
  padding-top: 24.65374%;
}

.l-refresh__box-ttl._item4 {
  max-width: 35rem;
}

.l-refresh__box-ttl._item4::before {
  padding-top: 25.42857%;
}

.l-refresh__box-item {
  margin: 0;
}

.l-refresh__box-item._item1 {
  margin-right: 1.8rem;
  max-width: 29.7rem;
}

.l-refresh__box-item._item1::before {
  padding-top: 176.43098%;
}

.l-refresh__box-item._item2 {
  margin-left: 1.8rem;
  max-width: 30.6rem;
  order: 2;
}

.l-refresh__box-item._item2::before {
  padding-top: 174.18301%;
}

.l-refresh__box-item._item3 {
  margin-right: 1.8rem;
  max-width: 29.7rem;
}

.l-refresh__box-item._item3::before {
  padding-top: 175.75758%;
}

.l-refresh__box-item._item4 {
  margin-left: 1.8rem;
  max-width: 29.7rem;
  order: 2;
}

.l-refresh__box-item._item4::before {
  padding-top: 1791.24579%;
}

.l-refresh__box-btn {
  display: block;
  margin: 0 auto;
  max-width: 64rem;
  transition: opacity .2s ease;
}

@media (hover: hover) {
  .l-refresh__box-btn:hover, .l-refresh__box-btn:active {
    opacity: 0.8;
  }
}

.l-refresh__box-btn::before {
  padding-top: 17.1875%;
}

.l-refresh__box-btn._item2::before {
  padding-top: 17.03125%;
}

.l-refresh__bottom {
  background: #e1e4cf;
  height: 22rem;
  margin: 4.5rem auto 0;
  padding-left: 28rem;
  padding-right: 3.8rem;
  padding-top: 3.2rem;
  position: relative;
  width: 64rem;
}

.l-refresh__bottom._red {
  background: #f2dad9;
}

.l-refresh__bottom-img {
  -webkit-transform: translate(0, -50%);
  left: -1.8rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.l-refresh__bottom-img img {
  height: 160px;
  width: auto;
}

.l-refresh__bottom-ttl {
  color: #7e9986;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.l-refresh__bottom-ttl._red {
  color: #ca6c73;
}

.l-refresh__bottom-txt {
  font-size: 2.4rem;
  line-height: 1.79167;
}

.l-scalp {
  padding-bottom: 5.4rem;
  padding-top: 4.8rem;
}

.l-scalp__top, .l-scalp__ttl1, .l-scalp__ttl2, .l-scalp__item, .l-scalp__step {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-scalp__top::before, .l-scalp__ttl1::before, .l-scalp__ttl2::before, .l-scalp__item::before, .l-scalp__step::before {
  content: "";
  display: block;
}

.l-scalp__top img, .l-scalp__ttl1 img, .l-scalp__ttl2 img, .l-scalp__item img, .l-scalp__step img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-scalp__top {
  margin: 0 auto 4rem;
  max-width: 62.4rem;
}

.l-scalp__top::before {
  padding-top: 19.87179%;
}

.l-scalp__ttl1 {
  margin: 0 auto 2.5rem;
  max-width: 61.1rem;
}

.l-scalp__ttl1::before {
  padding-top: 18.98527%;
}

.l-scalp__ttl2 {
  margin: 0 auto 2.3rem;
  max-width: 44.2rem;
}

.l-scalp__ttl2::before {
  padding-top: 23.9819%;
}

.l-scalp__item {
  margin: 0 auto 2rem;
  max-width: 71rem;
}

.l-scalp__item::before {
  padding-top: 107.46479%;
}

.l-scalp__step {
  margin: 0 auto;
  max-width: 64rem;
}

.l-scalp__step::before {
  padding-top: 45.9375%;
}

.l-scalp__inner.lazyloaded {
  background: url(../img/scalp/bg.png) no-repeat center top/100%;
}

.l-scalp__ttl {
  align-items: center;
  background: #b75a5f;
  color: #fff;
  display: flex;
  font-size: 4rem;
  font-weight: 700;
  height: 9.2rem;
  justify-content: center;
  margin-bottom: 3.7rem;
  position: relative;
  width: 100%;
}

.l-scalp__ttl::before {
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-transform: translate(-50%, 50%);
  background: #b75a5f;
  bottom: 0;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  content: '';
  height: 3.5rem;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  width: 8.6rem;
}

.l-scalp__label {
  align-items: center;
  border: 1px solid #333;
  border-radius: 2.8rem;
  display: flex;
  font-size: 3.3rem;
  font-weight: 500;
  height: 5.6rem;
  justify-content: center;
  margin: 0 auto 2rem;
  width: 44.4rem;
}

.l-scalp__caution {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 3.2rem;
  padding: 0 5.5rem;
  white-space: nowrap;
}

.l-secret__inner {
  overflow: hidden;
  padding: 0 5.5rem;
}

.l-secret__top {
  align-items: center;
  background: #7e9986;
  color: #fff;
  display: flex;
  font-size: 3.6rem;
  font-weight: 700;
  height: 7.6rem;
  justify-content: center;
}

.l-secret__box {
  position: relative;
}

.l-secret__box._item1 {
  border-bottom: 2px solid #7e9986;
  margin-bottom: 6.5rem;
  padding-bottom: 4.5rem;
  padding-top: 4.2rem;
}

.l-secret__box._item2 {
  margin-bottom: 5.5rem;
}

.l-secret__box-item, .l-secret__box-ttl, .l-secret__box-name, .l-secret__item-pic {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-secret__box-item::before, .l-secret__box-ttl::before, .l-secret__box-name::before, .l-secret__item-pic::before {
  content: "";
  display: block;
}

.l-secret__box-item img, .l-secret__box-ttl img, .l-secret__box-name img, .l-secret__item-pic img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-secret__box-top._item1 {
  margin-left: auto;
  max-width: 38.8rem;
}

.l-secret__box-item {
  position: absolute;
}

.l-secret__box-item._item1 {
  left: -8.8rem;
  max-width: 50.9rem;
  top: -3.6rem;
}

.l-secret__box-item._item1::before {
  padding-top: 149.7053%;
}

.l-secret__box-item._item2 {
  max-width: 51.7rem;
  right: -8.2rem;
  top: -7.5rem;
}

.l-secret__box-item._item2::before {
  padding-top: 142.55319%;
}

.l-secret__box-ttl {
  margin-bottom: 3.6rem;
}

.l-secret__box-ttl._item1 {
  max-width: 38.8rem;
}

.l-secret__box-ttl._item1::before {
  padding-top: 27.31959%;
}

.l-secret__box-ttl._item2 {
  max-width: 36.6rem;
}

.l-secret__box-ttl._item2::before {
  padding-top: 28.4153%;
}

.l-secret__box-name {
  margin-bottom: 5.8rem;
}

.l-secret__box-name._item1 {
  max-width: 25.5rem;
}

.l-secret__box-name._item1::before {
  padding-top: 29.80392%;
}

.l-secret__box-name._item2 {
  max-width: 25.5rem;
}

.l-secret__box-name._item2::before {
  padding-top: 29.80392%;
}

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

.l-secret__item {
  flex: 0 0 auto;
  width: 44.84375%;
}

.l-secret__item:nth-child(-n + 2) {
  margin-bottom: 6rem;
}

.l-secret__item-pic {
  margin-bottom: 2rem;
  max-width: 100%;
}

.l-secret__item-pic::before {
  padding-top: 74.56446%;
}

.l-secret__item-ttl {
  color: #7e9986;
  font-size: 2.4rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.l-secret__item-txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.65;
}

sup {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

.l-secret__caution {
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 2rem;
  text-align: right;
}

.l-trouble {
  background: #fffdf3 url(../img/trouble/bg.png) no-repeat center bottom/100% auto;
  padding-bottom: 3.8rem;
}

.l-trouble__inner {
  padding: 0 5.5rem;
}

.l-trouble__card {
  margin-bottom: 59rem;
  max-width: 64rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-trouble__card::before {
  content: "";
  display: block;
  padding-top: 177.88162%;
}

.l-trouble__card img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-trouble__txt {
  align-items: center;
  background: #7e9986;
  color: #fff;
  display: flex;
  font-size: 3.6rem;
  font-weight: 700;
  height: 7.4rem;
  justify-content: center;
  width: 100%;
}

.l-voice {
  padding-bottom: 3.8rem;
}

.l-voice__head {
  background: #7e9986;
  color: #fff;
  font-size: 3.6rem;
  height: 16.9rem;
  padding-top: 4rem;
  text-align: center;
}

.l-voice__inner {
  margin-top: -3.6rem;
  padding: 0 5.5rem;
  position: relative;
  z-index: 1;
}

.l-voice__item {
  background: #fff;
  border: 2px solid #7e9986;
  margin-bottom: 4.6rem;
  padding: 3.4rem 5rem 4rem 5rem;
  position: relative;
}

.l-voice__item:last-child {
  margin-bottom: 0;
}

.l-voice__item-ttl {
  color: #7e9986;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.40625;
  margin-bottom: 3.6rem;
}

.l-voice__item-ttl._item1 {
  margin-left: 14.7rem;
}

.l-voice__item-txt {
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  line-height: 1.79167;
}

.l-voice__item-txt._item1 {
  text-indent: 14.7rem;
}

.l-voice__item-pic {
  max-width: 20rem;
  overflow: hidden;
  position: absolute;
  top: -2.2rem;
  width: 100%;
}

.l-voice__item-pic._item1 {
  left: -1.6rem;
}

.l-voice__item-pic._item2 {
  right: -1.6rem;
}

.l-voice__item-pic._item3 {
  left: -1.6rem;
}

.l-voice__item-pic::before {
  content: "";
  display: block;
  padding-top: 111.11111%;
}

.l-voice__item-pic img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-voice__caution {
  font-size: 1.4rem;
  line-height: 1.71429;
  margin-bottom: 3rem;
  margin-top: 1.6rem;
  text-align: right;
}

.l-voice__bottom {
  margin: 0 auto;
  max-width: 65.3rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.l-voice__bottom::before {
  content: "";
  display: block;
  padding-top: 11.94487%;
}

.l-voice__bottom img {
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  height: 100%;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  width: 100%;
}

.l-voice__item-body ._space {
  display: inline-block;
  float: right;
  height: 1rem;
  width: 14rem;
}

.l-worry {
  padding-top: 187.06667%;
  position: relative;
}

.l-worry.lazyloaded {
  background: #fffdf3 url(../img/worry/bg.png) no-repeat center/cover;
}

.l-worry__txt {
  font-size: 3.6rem;
  font-weight: 700;
  left: 5.5rem;
  line-height: 1.38889;
  position: absolute;
  top: 5rem;
  white-space: nowrap;
}

.l-worry__list {
  left: 5.5rem;
  position: absolute;
  top: 22rem;
}

.l-worry__item {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 2rem;
  padding-left: 4.6rem;
  position: relative;
  white-space: nowrap;
}

.l-worry__item::before {
  background: url(../img/worry/check.png) no-repeat center/3.9rem;
  content: '';
  height: 3.2rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.9rem;
}

.l-worry__bottom {
  position: absolute;
  text-align: center;
  top: 64.8rem;
  white-space: nowrap;
  width: 100%;
}

.l-worry__bottom-txt {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.79167;
}

.l-worry__bottom-bold {
  color: #7e9986;
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.38889;
}
/*# sourceMappingURL=sourcemaps/style.css.map */