@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap");
/*-------------------------------------
リセットCSS
--------------------------------------*/
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, a,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

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 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  color: #333;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  color: #333;
  font-style: normal;
  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;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #707070;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input[type=submit],
input[type=button],
input[type=radio] select {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration,
input[type=radio]::-webkit-search-decoration select::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus,
input[type=radio]::focus select::focus {
  outline-offset: -2px;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 59%;
}
@media (min-width: 375px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 480px) {
  html {
    font-size: 72%;
  }
}
@media (min-width: 560px) {
  html {
    font-size: 86%;
  }
}
@media (min-width: 650px) {
  html {
    font-size: 100%;
  }
}
@media (min-width: 750px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 880px) {
  html {
    font-size: 72%;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 45%;
  }
}
@media (min-width: 1100px) {
  html {
    font-size: 48%;
  }
}
@media (min-width: 1280px) {
  html {
    font-size: 56%;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 1680px) {
  html {
    font-size: 66.25%;
  }
}
@media (min-width: 2000px) {
  html {
    font-size: 70%;
  }
}

body {
  font-size: 1rem;
  font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  color: #333;
  background: #F7F4F4;
}
@media (min-width: 1024px) {
  body {
    overflow-y: scroll;
  }
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  -webkit-overflow-scrolling: touch;
}

img,
video,
object {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}

a {
  transition: 0.5s ease;
  color: #333;
  text-decoration: none;
}

input,
button,
select,
textarea {
  background: transparent;
  border: none;
  border-radius: 0;
}

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

.header {
  width: 100%;
  height: 60px;
  background: #FFF;
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .header {
    height: 70px;
  }
}
.header .inner-layout_header {
  width: 100%;
}
@media (min-width: 1024px) {
  .header .inner-layout_header {
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .header .inner-layout_header {
    max-width: 144rem;
  }
}
.header .header-menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .header-menu .btn-hamburger {
  width: 60px;
  height: 60px;
  display: block;
  position: relative;
  cursor: pointer;
  z-index: 10;
}
@media (min-width: 1024px) {
  .header .header-menu .btn-hamburger {
    width: 70px;
    height: 70px;
    margin-left: 4rem;
  }
}
.header .header-menu .btn-hamburger:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/icon-hamburger.svg);
  background-repeat: no-repeat;
  background-size: 25px 16px;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s ease;
  opacity: 1;
}
@media (min-width: 1024px) {
  .header .header-menu .btn-hamburger:before {
    background-size: 23px 15px;
  }
}
.header .header-menu .btn-hamburger:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/icon-close.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s ease;
  opacity: 0;
}
@media (min-width: 1024px) {
  .header .header-menu .btn-hamburger:after {
    background-size: 18px 18px;
  }
}
.header .header-menu .btn-hamburger:hover {
  cursor: pointer;
}
.header .header-menu .logo {
  width: calc(100% - (60px + 86px));
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .header .header-menu .logo {
    width: calc(100% - (70px + 88px));
  }
}
.header .header-menu .logo a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 60px;
  margin-left: 26px;
}
@media (min-width: 1024px) {
  .header .header-menu .logo a {
    width: 78px;
    height: 70px;
    margin-left: 18px;
  }
}
.header .header-menu .logo a img {
  display: block;
  width: 100%;
}
.header .header-menu .header-icon {
  width: 86px;
  height: 60px;
  display: flex;
}
@media (min-width: 1024px) {
  .header .header-menu .header-icon {
    width: 88px;
    height: 70px;
    margin-right: 4rem;
  }
}
.header .header-menu .header-icon .header-icon-bg {
  width: 38px;
  height: 60px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 1024px) {
  .header .header-menu .header-icon .header-icon-bg {
    width: 44px;
    height: 70px;
  }
}
.header .header-menu .header-icon .header-icon-bg.icon-login {
  background-image: url(../img/common/icon-login.svg);
  background-size: 24px 25px;
  background-position: top 17px left 7px;
}
@media (min-width: 1024px) {
  .header .header-menu .header-icon .header-icon-bg.icon-login {
    background-position: top 21px left 10px;
    background-size: 23px 27px;
  }
}
.header .header-menu .header-icon .header-icon-bg.icon-shop {
  background-image: url(../img/common/icon-shop.svg);
  background-size: 22px 26px;
}
@media (min-width: 1024px) {
  .header .header-menu .header-icon .header-icon-bg.icon-shop {
    background-size: 20px 23px;
  }
}

body.fixed {
  position: fixed;
}
body.fixed .header .btn-hamburger:before {
  opacity: 0;
}
body.fixed .header .btn-hamburger:after {
  opacity: 1;
}
body.fixed .header .icon-shop {
  opacity: 0;
  pointer-events: none;
}

.modal-nav {
  display: none;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
}
.modal-nav .modal-nav__bg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  transition: 0.3s;
  z-index: 9;
}
@media (min-width: 1024px) {
  .modal-nav .modal-nav__bg {
    background: #FFF;
  }
}
.modal-nav .modal-nav__logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 100%;
  background: #FFF;
}
@media (min-width: 1024px) {
  .modal-nav .modal-nav__logo {
    right: 74rem;
    bottom: 0;
    width: 13rem;
    height: 5rem;
  }
}
.modal-nav .modal-nav__logo img {
  display: block;
  width: 65px;
  height: 60px;
}
@media (min-width: 1024px) {
  .modal-nav .modal-nav__logo img {
    width: 100%;
  }
}
.modal-nav .modal-nav__menu {
  z-index: 9;
  position: fixed;
  width: 100%;
  height: 100%;
  padding: calc(12.6rem * 0.5) 0;
  background: #FFF;
  overflow: scroll;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .modal-nav .modal-nav__menu {
    align-items: center;
    width: 96rem;
    height: 62rem;
    padding: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    overflow: inherit;
  }
}
.modal-nav .modal-nav__menu .modal-nav__menu--wrap {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .modal-nav .modal-nav__menu .modal-nav__menu--wrap {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }
}

.modal-nav .icon-sns-btn.header-pc__top--right {
  justify-content: center;
  margin-top: 3rem;
}

.modal-nav__fadein {
  display: block;
  animation: showIn 0.3s linear 0s;
}

.modal-nav__fadeout {
  display: block;
  animation: showOut 0.3s linear 0s forwards;
}

.modal-nav__menu--menu1 {
  margin-bottom: calc(6.2rem * 0.5);
}
@media (min-width: 750px) {
  .modal-nav__menu--menu1 {
    margin-bottom: calc(6.2rem * 0.68);
  }
}
@media (min-width: 1024px) {
  .modal-nav__menu--menu1 {
    margin-right: 10rem;
    margin-bottom: 0;
    font-size: 2.8rem;
    width: 13em;
  }
}
.modal-nav__menu--menu1 li:last-of-type {
  margin-bottom: 0;
}
.modal-nav__menu--menu1 li.icon {
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
}
.modal-nav__menu--menu1 li.icon.icon_shampoo {
  background-image: url(../img/common/icon_shampoo.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal-nav__menu--menu1 li.icon.icon_shampoo {
    background-image: url(../img/common/icon_shampoo@2x.png);
  }
}
.modal-nav__menu--menu1 li.icon.icon_treatment {
  background-image: url(../img/common/icon_treatment.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal-nav__menu--menu1 li.icon.icon_treatment {
    background-image: url(../img/common/icon_treatment@2x.png);
  }
}
.modal-nav__menu--menu1 li.icon.icon_hairoil {
  background-image: url(../img/common/icon_hairoil.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal-nav__menu--menu1 li.icon.icon_hairoil {
    background-image: url(../img/common/icon_hairoil@2x.png);
  }
}
.modal-nav__menu--menu1 li.icon.icon_scalpserum {
  background-image: url(../img/common/icon_scalpserum.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal-nav__menu--menu1 li.icon.icon_scalpserum {
    background-image: url(../img/common/icon_scalpserum@2x.png);
  }
}
.modal-nav__menu--menu1 li.icon a {
  padding-top: calc(2.4rem * 0.5 * 2.2);
  padding-bottom: calc(3rem * 0.5 * 2.2);
  padding-left: 2.2em;
}
@media (min-width: 750px) {
  .modal-nav__menu--menu1 li.icon a {
    padding-top: calc(2.4rem * 0.68 * 2);
    padding-bottom: calc(3rem * 0.68 * 2);
    padding-left: 2.6em;
  }
}
.modal-nav__menu--menu1 li a {
  color: #B79538;
  font-size: calc(5.6rem * 0.5);
  display: block;
  padding-top: calc(2.4rem * 0.5);
  padding-bottom: calc(3rem * 0.5);
  border-bottom: solid 1px rgba(183, 149, 56, 0.5);
}
@media (min-width: 750px) {
  .modal-nav__menu--menu1 li a {
    font-size: calc(5.6rem * 0.68);
    padding-top: calc(2.4rem * 0.68);
    padding-bottom: calc(3rem * 0.68);
  }
}
@media (min-width: 1024px) {
  .modal-nav__menu--menu1 li a {
    font-size: 2.8rem;
  }
}

@media (min-width: 1024px) {
  .modal-nav__menu--menu2 {
    margin-top: 2.2rem;
  }
}
.modal-nav__menu--menu2 li {
  margin-bottom: calc(3.6rem * 0.5);
}
@media (min-width: 750px) {
  .modal-nav__menu--menu2 li {
    margin-bottom: calc(3.6rem * 0.68);
  }
}
@media (min-width: 1024px) {
  .modal-nav__menu--menu2 li {
    margin-bottom: 4rem;
  }
}
.modal-nav__menu--menu2 li:last-of-type {
  margin-bottom: 0;
}
.modal-nav__menu--menu2 li a {
  font-size: calc(3.6rem * 0.5);
}
@media (min-width: 750px) {
  .modal-nav__menu--menu2 li a {
    font-size: calc(3.6rem * 0.68);
  }
}
@media (min-width: 1024px) {
  .modal-nav__menu--menu2 li a {
    font-size: 1.9rem;
  }
}

@keyframes showIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showOut {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
main {
  min-height: calc(var(--vh, 1vh) * 100);
}

.inner-layout {
  width: 79.3%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .inner-layout {
    width: 76.38%;
  }
}
	
.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

li {
  list-style-type: none;
}

@media (min-width: 1024px) {
  br.pc-none {
    display: none;
  }
}

br.pc-only {
  display: none;
}
@media (min-width: 1024px) {
  br.pc-only {
    display: block;
  }
}

.footer {
  background: #262626;
  color: #FFF;
}
@media (min-width: 880px) {
  .footer {
    padding-top: calc(138px * 0.75);
    padding-bottom: calc(52px * 0.75);
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .footer {
    padding-top: calc(138px * 0.9);
    padding-bottom: calc(52px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer {
    padding-top: calc(138px * 1);
    padding-bottom: calc(52px * 1);
  }
}
@media (min-width: 880px) {
  .footer .footer-wrap {
    width: 95%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1100px) {
  .footer .footer-wrap {
    width: 100%;
  }
}
.footer .inner-layout_footer {
  width: 79.3%;
  margin: 0 auto;
}
@media (min-width: 880px) {
  .footer .inner-layout_footer {
    width: auto;
    margin: 0;
    padding: 0;
  }
}
.footer .footer-sec {
  display: block;
  border-bottom: solid 1px #FFF;
  padding: calc(126px * 0.5) 0;
}
@media (min-width: 880px) {
  .footer .footer-sec {
    border-bottom: none;
    padding: 0;
  }
}
.footer .footer-ttl {
  font-size: calc(30px * 0.5);
  width: calc(314px * 0.5);
  text-align: center;
  padding: calc(14px * 0.5) 0 calc(16px * 0.5) 0;
  border: solid 1px #FFF;
  margin: 0 auto;
}
@media (min-width: 880px) {
  .footer .footer-ttl {
    font-size: calc(16px * 0.75);
    width: calc(172px * 0.75);
    padding: calc(8px * 0.75) 0 calc(9px * 0.75) 0;
  }
}
@media (min-width: 1024px) {
  .footer .footer-ttl {
    font-size: calc(16px * 0.9);
    width: calc(172px * 0.9);
    padding: calc(8px * 0.9) 0 calc(9px * 0.9) 0;
  }
}
@media (min-width: 1100px) {
  .footer .footer-ttl {
    font-size: calc(16px * 1);
    width: calc(172px * 1);
    padding: calc(8px * 1) 0 calc(9px * 1) 0;
  }
}
.footer .footer-ttl-2 {
  font-size: calc(36px * 0.5);
  text-align: center;
}
@media (min-width: 880px) {
  .footer .footer-ttl-2 {
    font-size: calc(22px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer .footer-ttl-2 {
    font-size: calc(22px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer .footer-ttl-2 {
    font-size: calc(22px * 1);
  }
}
.footer p {
  font-size: calc(32px * 0.5);
  line-height: 1.625;
}
@media (min-width: 880px) {
  .footer p {
    font-size: calc(17px * 0.75);
    line-height: 1.882;
  }
}
@media (min-width: 1024px) {
  .footer p {
    font-size: calc(17px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer p {
    font-size: calc(17px * 1);
  }
}

@media (min-width: 880px) {
  .footer-01.footer-sec {
    width: 100%;
    margin-bottom: calc(120px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-01.footer-sec {
    margin-bottom: calc(120px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-01.footer-sec {
    margin-bottom: calc(120px * 1);
  }
}
.footer-01.footer-sec .footer-ttl {
  margin-bottom: calc(66px * 0.5);
}
@media (min-width: 880px) {
  .footer-01.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-01.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-01.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 1);
  }
}
.footer-01.footer-sec .footer-ttl-2 {
  margin-bottom: calc(35px * 0.5);
}
@media (min-width: 880px) {
  .footer-01.footer-sec .footer-ttl-2 {
    margin-bottom: calc(33px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-01.footer-sec .footer-ttl-2 {
    margin-bottom: calc(33px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-01.footer-sec .footer-ttl-2 {
    margin-bottom: calc(33px * 1);
  }
}
.footer-01.footer-sec img {
  display: block;
  width: calc(600px * 0.5);
  margin: 0 auto;
  margin-bottom: calc(70px * 0.5);
}
@media (min-width: 880px) {
  .footer-01.footer-sec img {
    width: calc(436px * 0.75);
    margin-bottom: calc(33px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-01.footer-sec img {
    width: calc(436px * 0.9);
    margin-bottom: calc(33px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-01.footer-sec img {
    margin-bottom: calc(33px * 1);
  }
}
.footer-01.footer-sec .footer-ttl-2.type2 {
  margin-bottom: calc(12px * 0.5);
}
@media (min-width: 880px) {
  .footer-01.footer-sec .footer-ttl-2.type2 {
    margin-bottom: calc(12px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-01.footer-sec .footer-ttl-2.type2 {
    margin-bottom: calc(12px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-01.footer-sec .footer-ttl-2.type2 {
    margin-bottom: calc(12px * 1);
  }
}
.footer-01.footer-sec p {
  text-align: center;
}

@media (min-width: 880px) {
  .footer-02.footer-sec {
    width: 50%;
    margin-bottom: calc(120px * 0.75);
    padding-left: 3.4%;
    padding-right: 4.7%;
  }
}
@media (min-width: 1024px) {
  .footer-02.footer-sec {
    margin-bottom: calc(120px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-02.footer-sec {
    margin-bottom: calc(120px * 1);
  }
}
.footer-02.footer-sec .footer-ttl {
  margin-bottom: calc(55px * 0.5);
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-02.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-02.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 1);
  }
}
.footer-02.footer-sec .footer-02_timelayout {
  font-size: calc(32px * 0.5);
  width: calc(336px * 0.5);
  margin: 0 auto;
  margin-top: calc(48px * 0.5);
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout {
    font-size: calc(20px * 0.75);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .footer-02.footer-sec .footer-02_timelayout {
    font-size: calc(20px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-02.footer-sec .footer-02_timelayout {
    font-size: calc(20px * 1);
  }
}
.footer-02.footer-sec .footer-02_timelayout div {
  border-top: solid 1px #FFF;
  text-align: center;
  padding: calc(18px * 0.5) 0;
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout div {
    padding: calc(9px * 0.75) 0 calc(10px * 0.75) 0;
    width: 50%;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .footer-02.footer-sec .footer-02_timelayout div {
    padding: calc(9px * 0.9) 0 calc(10px * 0.9) 0;
  }
}
@media (min-width: 1100px) {
  .footer-02.footer-sec .footer-02_timelayout div {
    padding: calc(9px * 1) 0 calc(10px * 1) 0;
  }
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout div:nth-of-type(odd) {
    padding-left: 5em;
  }
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout div:nth-of-type(even) {
    padding-left: 1.5em;
  }
}
.footer-02.footer-sec .footer-02_timelayout div:last-of-type {
  border-bottom: solid 1px #FFF;
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout div:last-of-type {
    width: 100%;
  }
}
@media (min-width: 560px) {
  .footer-02.footer-sec p {
    text-align: center;
  }
}
@media (min-width: 880px) {
  .footer-02.footer-sec p {
    text-align: left;
  }
}

@media (min-width: 880px) {
  .footer-03.footer-sec {
    width: 50%;
    margin-bottom: calc(120px * 0.75);
    padding-left: 4.7%;
    padding-right: 3.4%;
  }
}
@media (min-width: 1024px) {
  .footer-03.footer-sec {
    margin-bottom: calc(120px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-03.footer-sec {
    margin-bottom: calc(120px * 1);
  }
}
.footer-03.footer-sec .footer-ttl {
  margin-bottom: calc(55px * 0.5);
}
@media (min-width: 880px) {
  .footer-03.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-03.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-03.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 1);
  }
}
.footer-03.footer-sec .footer-ttl-2 {
  margin-bottom: calc(41px * 0.5);
}
@media (min-width: 880px) {
  .footer-03.footer-sec .footer-ttl-2 {
    margin-bottom: calc(28px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-03.footer-sec .footer-ttl-2 {
    margin-bottom: calc(28px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-03.footer-sec .footer-ttl-2 {
    margin-bottom: calc(28px * 1);
  }
}
.footer-03.footer-sec .icon-free {
  display: block;
  width: calc(198px * 0.5);
  margin: 0 auto;
  margin-bottom: calc(68px * 0.5);
}
@media (min-width: 880px) {
  .footer-03.footer-sec .icon-free {
    width: calc(102px * 0.75);
    margin-bottom: calc(23px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-03.footer-sec .icon-free {
    margin-bottom: calc(23px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-03.footer-sec .icon-free {
    margin-bottom: calc(23px * 1);
  }
}
@media (min-width: 560px) {
  .footer-03.footer-sec p {
    text-align: center;
  }
}

@media (min-width: 880px) {
  .footer-04.footer-sec {
    width: 50%;
    margin-bottom: calc(180px * 0.75);
    padding-left: 3.4%;
    padding-right: 4.7%;
  }
}
@media (min-width: 1024px) {
  .footer-04.footer-sec {
    margin-bottom: calc(180px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-04.footer-sec {
    margin-bottom: calc(180px * 1);
  }
}
.footer-04.footer-sec .footer-ttl {
  margin-bottom: calc(28px * 0.5);
}
@media (min-width: 880px) {
  .footer-04.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-04.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-04.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 1);
  }
}
.footer-04.footer-sec .footer-ttl-2 {
  margin-bottom: calc(80px * 0.5);
}
@media (min-width: 880px) {
  .footer-04.footer-sec .footer-ttl-2 {
    margin-bottom: calc(28px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-04.footer-sec .footer-ttl-2 {
    margin-bottom: calc(28px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-04.footer-sec .footer-ttl-2 {
    margin-bottom: calc(28px * 1);
  }
}
.footer-04.footer-sec .pic-qrcode {
  display: block;
  width: calc(186px * 0.5);
  margin: 0 auto;
}
@media (min-width: 880px) {
  .footer-04.footer-sec .pic-qrcode {
    width: calc(111px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-04.footer-sec .pic-qrcode {
    width: calc(111px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-04.footer-sec .pic-qrcode {
    width: calc(111px * 1);
  }
}

@media (min-width: 880px) {
  .footer-05.footer-sec {
    width: 50%;
    margin-bottom: calc(180px * 0.75);
    padding-left: 4.7%;
    padding-right: 3.4%;
  }
}
@media (min-width: 1024px) {
  .footer-05.footer-sec {
    margin-bottom: calc(180px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-05.footer-sec {
    margin-bottom: calc(180px * 1);
  }
}
.footer-05.footer-sec .footer-ttl {
  margin-bottom: calc(52px * 0.5);
}
@media (min-width: 880px) {
  .footer-05.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-05.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-05.footer-sec .footer-ttl {
    margin-bottom: calc(28px * 1);
  }
}
.footer-05.footer-sec .footer-05-layout {
  margin-bottom: calc(108px * 0.5);
}
@media (min-width: 880px) {
  .footer-05.footer-sec .footer-05-layout {
    margin-bottom: calc(29px * 0.75);
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .footer-05.footer-sec .footer-05-layout {
    margin-bottom: calc(29px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-05.footer-sec .footer-05-layout {
    margin-bottom: calc(29px * 1);
  }
}
.footer-05.footer-sec .footer-05-layout .footer-text-link {
  font-size: calc(36px * 0.5);
  text-align: center;
  line-height: 1;
  margin-bottom: 1.8em;
}
@media (min-width: 880px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link {
    font-size: calc(22px * 0.75);
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link {
    font-size: calc(22px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link {
    font-size: calc(22px * 1);
  }
}
.footer-05.footer-sec .footer-05-layout .footer-text-link:last-of-type {
  margin-bottom: 0;
}
.footer-05.footer-sec .footer-05-layout .footer-text-link a {
  color: #FFF;
  display: block;
}
@media (min-width: 880px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link a {
    display: flex;
  }
}
.footer-05.footer-sec .footer-05-layout .footer-text-link a .small {
  display: block;
  font-size: calc(40px * 0.5);
  margin-bottom: 0.4em;
}
@media (min-width: 880px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link a .small {
    font-size: calc(19px * 0.75);
    margin-bottom: 0;
    margin-right: 0.85em;
  }
}
@media (min-width: 1024px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link a .small {
    font-size: calc(19px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link a .small {
    font-size: calc(19px * 1);
  }
}
.footer-05.footer-sec .footer-05-layout .footer-text-link a .large {
  display: block;
  font-size: calc(46px * 0.5);
}
@media (min-width: 880px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link a .large {
    font-size: calc(19px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link a .large {
    font-size: calc(19px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-05.footer-sec .footer-05-layout .footer-text-link a .large {
    font-size: calc(19px * 1);
  }
}

.footer-last {
  padding: calc(85px * 0.5) 0 calc(77px * 0.5) 0;
}
@media (min-width: 880px) {
  .footer-last {
    padding: 0;
    width: 100%;
  }
}
.footer-last .footer-last-ttl {
  margin-bottom: calc(48px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last-ttl {
    margin-bottom: calc(42px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last-ttl {
    margin-bottom: calc(42px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last-ttl {
    margin-bottom: calc(42px * 1);
  }
}
.footer-last .footer-last-ttl a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFF;
}
.footer-last .footer-last-ttl a .footer-last-ttl_text {
  font-size: calc(28px * 0.5);
  margin-bottom: calc(36px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last-ttl a .footer-last-ttl_text {
    font-size: calc(22px * 0.75);
    margin-bottom: calc(20px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last-ttl a .footer-last-ttl_text {
    font-size: calc(22px * 0.9);
    margin-bottom: calc(20px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last-ttl a .footer-last-ttl_text {
    margin-bottom: calc(20px * 1);
  }
}
.footer-last .footer-last-ttl a .footer-last-ttl_img {
  width: calc(208px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last-ttl a .footer-last-ttl_img {
    width: calc(115px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last-ttl a .footer-last-ttl_img {
    width: calc(115px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last-ttl a .footer-last-ttl_img {
    width: calc(115px * 1);
  }
}
.footer-last .footer-last-ttl a .footer-last-ttl_img img {
  display: block;
  width: 100%;
}
.footer-last p {
  text-align: center;
  font-size: calc(24px * 0.5);
  line-height: 1.8333;
  font-style: italic;
  margin-bottom: calc(100px * 0.5);
}
@media (min-width: 880px) {
  .footer-last p {
    font-size: calc(17px * 0.75);
    margin-bottom: calc(63px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last p {
    font-size: calc(17px * 0.9);
    margin-bottom: calc(63px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last p {
    margin-bottom: calc(63px * 1);
  }
}
.footer-last .footer-last_nav {
  font-size: calc(30px * 0.5);
  margin-bottom: calc(104px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_nav {
    display: flex;
    justify-content: center;
    font-size: calc(17px * 0.75);
    margin-bottom: calc(70px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last_nav {
    font-size: calc(17px * 0.9);
    margin-bottom: calc(70px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last_nav {
    font-size: calc(17px * 1);
    margin-bottom: calc(70px * 1);
  }
}
.footer-last .footer-last_nav li {
  list-style-type: none;
  text-align: center;
  margin-bottom: 1.5em;
}
@media (min-width: 880px) {
  .footer-last .footer-last_nav li {
    margin-bottom: 0;
    margin: 0 calc(38px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last_nav li {
    margin: 0 calc(38px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last_nav li {
    margin: 0 calc(38px * 1);
  }
}
.footer-last .footer-last_nav li:last-of-type {
  margin-bottom: 0;
}
.footer-last .footer-last_nav li a {
  color: #FFF;
}
.footer-last .footer-last_sns {
  display: flex;
  justify-content: center;
  margin-bottom: calc(122px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_sns {
    margin-bottom: calc(62px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last_sns {
    margin-bottom: calc(62px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last_sns {
    margin-bottom: calc(62px * 1);
  }
}
.footer-last .footer-last_sns li {
  list-style-type: none;
  width: calc(56px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_sns li {
    width: calc(56px * 0.6);
  }
}
.footer-last .footer-last_sns li.footer-last_sns-facebook {
  margin-right: calc(44px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_sns li.footer-last_sns-facebook {
    margin-right: calc(44px * 0.6);
  }
}
.footer-last .footer-last_sns li.footer-last_sns-twitter {
  margin-right: calc(52px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_sns li.footer-last_sns-twitter {
    margin-right: calc(52px * 0.6);
  }
}
.footer-last .footer-last_sns li.footer-last_sns-insta {
  margin-right: calc(58px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_sns li.footer-last_sns-insta {
    margin-right: calc(58px * 0.6);
  }
}
.footer-last .footer-last_sns li.footer-last_sns-line {
  margin-right: calc(54px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_sns li.footer-last_sns-line {
    margin-right: calc(54px * 0.6);
  }
}
.footer-last .footer-last_sns li a {
  display: block;
  width: 100%;
}
.footer-last .footer-last_sns li a img {
  display: block;
  width: 100%;
}
@media (min-width: 880px) {
  .footer-last .ssl_description {
    display: flex;
    justify-content: center;
  }
}
.footer-last .ssl_description h3 {
  width: calc(214px * 0.5);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: calc(38px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .ssl_description h3 {
    width: calc(112px * 0.75);
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .footer-last .ssl_description h3 {
    width: calc(112px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .ssl_description h3 {
    width: calc(112px * 1);
  }
}
.footer-last .ssl_description h3 a {
  display: block;
  width: 100%;
}
.footer-last .ssl_description h3 a img {
  display: block;
  width: 100%;
}
.footer-last .ssl_description p {
  font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  text-align: left;
  font-style: normal;
  margin-bottom: calc(62px * 0.5);
  line-height: 1.75;
}
@media (min-width: 880px) {
  .footer-last .ssl_description p {
    font-size: calc(16px * 0.75);
    width: 34em;
    margin-left: 1.4em;
    line-height: 1.5;
    margin-top: -0.25em;
  }
}
@media (min-width: 1024px) {
  .footer-last .ssl_description p {
    font-size: calc(16px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .ssl_description p {
    font-size: calc(16px * 1);
  }
}
.footer-last small {
  display: block;
  text-align: center;
  font-size: calc(24px * 0.5);
}
@media (min-width: 750px) {
  .footer-last small {
    font-size: calc(15px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last small {
    font-size: calc(15px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last small {
    font-size: calc(15px * 1);
  }
}

★

.footer_white {
  background: #FFF;
  color: #262626;
}
@media (min-width: 880px) {
  .footer_white {
    padding-top: calc(138px * 0.75);
    padding-bottom: calc(52px * 0.75);
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .footer_white {
    padding-top: calc(138px * 0.9);
    padding-bottom: calc(52px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer_white {
    padding-top: calc(138px * 1);
    padding-bottom: calc(52px * 1);
  }
}
@media (min-width: 880px) {
  .footer_white .footer-wrap {
    width: 95%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1100px) {
  .footer_white .footer-wrap {
    width: 100%;
  }
}
.footer_white .inner-layout_footer {
  width: 79.3%;
  margin: 0 auto;
}
@media (min-width: 880px) {
  .footer_white .inner-layout_footer {
    width: auto;
    margin: 0;
    padding: 0;
  }
}
.footer_white .footer-sec {
  display: block;
  border-bottom: solid 1px #262626;
  padding: calc(126px * 0.5) 0;
}
@media (min-width: 880px) {
  .footer_white .footer-sec {
    border-bottom: none;
    padding: 0;
  }
}
.footer_white .footer-ttl {
  font-size: calc(30px * 0.5);
  width: calc(314px * 0.5);
  text-align: center;
  padding: calc(14px * 0.5) 0 calc(16px * 0.5) 0;
  border: solid 1px #262626;
  margin: 0 auto;
}
@media (min-width: 880px) {
  .footer_white .footer-ttl {
    font-size: calc(16px * 0.75);
    width: calc(172px * 0.75);
    padding: calc(8px * 0.75) 0 calc(9px * 0.75) 0;
  }
}
@media (min-width: 1024px) {
  .footer_white .footer-ttl {
    font-size: calc(16px * 0.9);
    width: calc(172px * 0.9);
    padding: calc(8px * 0.9) 0 calc(9px * 0.9) 0;
  }
}
@media (min-width: 1100px) {
  .footer_white .footer-ttl {
    font-size: calc(16px * 1);
    width: calc(172px * 1);
    padding: calc(8px * 1) 0 calc(9px * 1) 0;
  }
}
.footer_white .footer-ttl-2 {
  font-size: calc(36px * 0.5);
  text-align: center;
}
@media (min-width: 880px) {
  .footer_white .footer-ttl-2 {
    font-size: calc(22px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer_white .footer-ttl-2 {
    font-size: calc(22px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer_white .footer-ttl-2 {
    font-size: calc(22px * 1);
  }
}
.footer_white p {
  font-size: calc(32px * 0.5);
  line-height: 1.625;
}
@media (min-width: 880px) {
  .footer_white p {
    font-size: calc(17px * 0.75);
    line-height: 1.882;
  }
}
@media (min-width: 1024px) {
  .footer_white p {
    font-size: calc(17px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer_white p {
    font-size: calc(17px * 1);
  }
}

.footer-02.footer-sec .footer-02_timelayout-black {
  font-size: calc(32px * 0.5);
  width: calc(336px * 0.5);
  margin: 0 auto;
  margin-top: calc(48px * 0.5);
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout-black {
    font-size: calc(20px * 0.75);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1024px) {
  .footer-02.footer-sec .footer-02_timelayout-black {
    font-size: calc(20px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-02.footer-sec .footer-02_timelayout-black {
    font-size: calc(20px * 1);
  }
}
.footer-02.footer-sec .footer-02_timelayout-black div {
  border-top: solid 1px #262626;
  text-align: center;
  padding: calc(18px * 0.5) 0;
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout-black div {
    padding: calc(9px * 0.75) 0 calc(10px * 0.75) 0;
    width: 50%;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .footer-02.footer-sec .footer-02_timelayout-black div {
    padding: calc(9px * 0.9) 0 calc(10px * 0.9) 0;
  }
}
@media (min-width: 1100px) {
  .footer-02.footer-sec .footer-02_timelayout-black div {
    padding: calc(9px * 1) 0 calc(10px * 1) 0;
  }
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout-black div:nth-of-type(odd) {
    padding-left: 5em;
  }
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout-black div:nth-of-type(even) {
    padding-left: 1.5em;
  }
}
.footer-02.footer-sec .footer-02_timelayout-black div:last-of-type {
  border-bottom: solid 1px #262626;
}
@media (min-width: 880px) {
  .footer-02.footer-sec .footer-02_timelayout-black div:last-of-type {
    width: 100%;
  }
}

.footer-last .footer-last-ttl-black {
  margin-bottom: calc(48px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last-ttl-black {
    margin-bottom: calc(42px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last-ttl-black {
    margin-bottom: calc(42px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last-ttl-black {
    margin-bottom: calc(42px * 1);
  }
}
.footer-last .footer-last-ttl-black a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #262626;
}
.footer-last .footer-last-ttl-black a .footer-last-ttl_text {
  font-size: calc(28px * 0.5);
  margin-bottom: calc(36px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last-ttl-black a .footer-last-ttl_text {
    font-size: calc(22px * 0.75);
    margin-bottom: calc(20px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last-ttl-black a .footer-last-ttl_text {
    font-size: calc(22px * 0.9);
    margin-bottom: calc(20px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last-ttl-black a .footer-last-ttl_text {
    margin-bottom: calc(20px * 1);
  }
}
.footer-last .footer-last-ttl-black a .footer-last-ttl_img {
  width: calc(208px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last-ttl-black a .footer-last-ttl_img {
    width: calc(115px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last-ttl-black a .footer-last-ttl_img {
    width: calc(115px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last-ttl-black a .footer-last-ttl_img {
    width: calc(115px * 1);
  }
}
.footer-last .footer-last-ttl-black a .footer-last-ttl_img img {
  display: block;
  width: 100%;
}

.footer-last .footer-last_nav-black {
  font-size: calc(30px * 0.5);
  margin-bottom: calc(104px * 0.5);
}
@media (min-width: 880px) {
  .footer-last .footer-last_nav-black {
    display: flex;
    justify-content: center;
    font-size: calc(17px * 0.75);
    margin-bottom: calc(70px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last_nav-black {
    font-size: calc(17px * 0.9);
    margin-bottom: calc(70px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last_nav-black {
    font-size: calc(17px * 1);
    margin-bottom: calc(70px * 1);
  }
}
.footer-last .footer-last_nav-black li {
  list-style-type: none;
  text-align: center;
  margin-bottom: 1.5em;
}
@media (min-width: 880px) {
  .footer-last .footer-last_nav-black li {
    margin-bottom: 0;
    margin: 0 calc(38px * 0.75);
  }
}
@media (min-width: 1024px) {
  .footer-last .footer-last_nav-black li {
    margin: 0 calc(38px * 0.9);
  }
}
@media (min-width: 1100px) {
  .footer-last .footer-last_nav-black li {
    margin: 0 calc(38px * 1);
  }
}
.footer-last .footer-last_nav-black li:last-of-type {
  margin-bottom: 0;
}
.footer-last .footer-last_nav-black li a {
  color: #262626;
}

★

.under main {
  padding-top: calc(9rem * 0.5 + 70px);
  padding-bottom: calc(30.9rem * 0.5);
}
@media (min-width: 750px) {
  .under main {
    padding-top: calc(9rem * 1 + 70px);
    padding-bottom: calc(30.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .under main {
    padding-top: calc(8rem + 70px);
    padding-bottom: calc(27.9rem);
  }
}
.under main .ttl__under, .under main .ttl__shopguide {
  font-size: calc(4.5rem * 0.5);
  line-height: calc(62/45);
  text-align: center;
  font-weight: normal;
  padding-top: 80px;
}
@media (min-width: 750px) {
  .under main .ttl__under, .under main .ttl__shopguide {
    font-size: calc(4.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .under main .ttl__under, .under main .ttl__shopguide {
    font-size: calc(3.8rem);
    line-height: calc(62/38);
  }
}
.under main .ttl__shopguide {
  margin-bottom: calc(4.5rem * 0.5);
}
@media (min-width: 750px) {
  .under main .ttl__shopguide {
    margin-bottom: calc(4.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .under main .ttl__shopguide {
    margin-bottom: calc(8rem);
  }
}
.under main .layout__parallel {
  -ms-flex-align: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
  margin-bottom: calc(7.9rem * 0.5);
}
@media (min-width: 750px) {
  .under main .layout__parallel {
    margin-bottom: calc(7.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .under main .layout__parallel {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: calc(10.2rem);
  }
}
.under main .layout__parallel img {
  width: calc(220px * 0.5);
}
@media (min-width: 750px) {
  .under main .layout__parallel img {
    width: calc(220px * 1);
  }
}
@media (min-width: 1024px) {
  .under main .layout__parallel img {
    margin-bottom: calc(2.2rem);
    width: 146px;
  }
}
.under main .layout__parallel h1 {
  font-size: calc(4.2rem * 0.5);
  line-height: calc(62/42);
  font-weight: normal;
  margin-left: calc(2.5rem * 0.5);
}
@media (min-width: 750px) {
  .under main .layout__parallel h1 {
    font-size: calc(4.2rem * 1);
    margin-left: calc(2.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .under main .layout__parallel h1 {
    font-size: calc(2.4rem);
    line-height: calc(42/24);
    margin-left: 0;
  }
}
.under main .ttl__sg-sub {
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  line-height: calc(62/32);
  font-weight: normal;
  border-bottom: 1px solid #D0BB83;
  margin-bottom: calc(3.25rem * 0.5);
}
@media (min-width: 750px) {
  .under main .ttl__sg-sub {
    font-size: calc(3.2rem * 1);
    padding-bottom: 0;
    margin-bottom: calc(3.25rem * 1);
  }
}
@media (min-width: 1024px) {
  .under main .ttl__sg-sub {
    font-size: calc(2rem);
    line-height: calc(50/20);
    margin-bottom: calc(3.1rem);
  }
}

.layout__fixed-side {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding-bottom: env(safe-area-inset-bottom);
}
@media (min-width: 1024px) {
  .layout__fixed-side {
    display: none;
  }
}

.layout__sp-side-bar {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.layout__sp-side-bar li {
  width: 33%;
  background: #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: calc(1.8rem * 0.5);
  padding-left: 2%;
}
@media (min-width: 750px) {
  .layout__sp-side-bar li {
    padding: calc(1.8rem * 1);
  }
}
.layout__sp-side-bar li:nth-child(-n+3) {
  margin-bottom: 0.5vw;
}
.layout__sp-side-bar li.current {
  background: #D0BB83;
}
.layout__sp-side-bar li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.layout__sp-side-bar li p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: calc(2rem * 0.5);
  line-height: calc(24/20);
  letter-spacing: -0.03em;
  color: #FFF;
  margin-left: 5%;
  white-space: nowrap;
}
@media (min-width: 750px) {
  .layout__sp-side-bar li p {
    font-size: calc(2rem * 1);
  }
}
.layout__sp-side-bar li img {
  width: 25%;
}

.sideWrap {
  display: none;
}
@media (min-width: 1024px) {
  .sideWrap {
    display: block;
    position: fixed;
    height: calc(var(--vh, 1vh) * 100);
    top: 25%;
    right: 2%;
    align-items: center;
  }
}

.layout__pc-side-bar li {
  position: relative;
}
.layout__pc-side-bar li + li {
  margin-top: 15px;
}
.layout__pc-side-bar .fukidashi {
  display: none;
  width: 240px;
  position: absolute;
  top: 50%;
  right: 137%;
  border-radius: 2px;
  background: #D0BB83;
  transition: all 0.5s;
  transform: translateY(-50%);
}
.layout__pc-side-bar .fukidashi p {
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 15px;
  color: #fff;
  padding: 13px 19px;
}
.layout__pc-side-bar .fukidashi::after {
  position: absolute;
  width: 0;
  height: 0;
  right: -5%;
  top: 31%;
  pointer-events: none;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.5px 0 6.5px 12px;
  border-color: transparent transparent transparent #D0BB83;
}
.layout__pc-side-bar a:hover .fukidashi {
  display: block;
}

.home .wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.home .fv {
  width: 100%;
  height: calc(var(--vh2, 1vh) * 100 - 60px);
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .home .fv {
    height: 100vh;
  }
}
.home .fv .fv_layout {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: calc(235/750*100vw);
  z-index: 1;
}
@media (min-width: 1024px) {
  .home .fv .fv_layout {
    height: calc(164/1440*100vw);
    left: 8.75%;
    right: auto;
    z-index: 5;
  }
}
.home .fv .fv_layout h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  color: #FFF;
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .home .fv .fv_layout h1 {
    text-align: left;
    align-items: flex-start;
  }
}
.home .fv .fv_layout h1 .logo {
  order: 2;
  width: calc(200/750*100vw);
  margin-top: calc(18/750*100vw);
}
@media (min-width: 1024px) {
  .home .fv .fv_layout h1 .logo {
    width: calc(118/1440*100vw);
    margin-top: calc(15/1440*100vw);
  }
}
.home .fv .fv_layout h1 .text {
  order: 1;
  font-size: calc(46/750*100vw);
  line-height: 1.619;
}
@media (min-width: 1024px) {
  .home .fv .fv_layout h1 .text {
    font-size: calc(32.5/1440*100vw);
    line-height: 1.666;
  }
}
.home .fv .fv_video {
  max-width: none;
  height: auto;
  min-height: 560px;
  width: 100vw;
  position: absolute;
  bottom: 0;
  left: 0;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .home .fv .fv_video {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }
}
.home .fv .fv_scroll {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  font-size: calc(32/750*100vw);
  width: calc(4em + 1px);
  height: calc(106/750*100vw);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1024px) {
  .home .fv .fv_scroll {
    font-size: 1.9rem;
    height: 8.2rem;
  }
}
.home .fv .fv_scroll .text {
  display: block;
  color: #FFF;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}
.home .fv .fv_scroll .line {
  display: block;
  width: 3px;
  height: calc(100% - 1.2em);
  position: relative;
  overflow: hidden;
}
.home .fv .fv_scroll .line:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  width: 1px;
  height: 300%;
  background: #FFF;
  animation-name: fv_scroll_line;
  animation-duration: 2.8s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}

@keyframes fv_scroll_line {
  0% {
    transform: translateY(-150%);
  }
  75% {
    transform: translateY(40%);
  }
  100% {
    transform: translateY(40%);
  }
}
.home .home_concept {
  background: #262626;
  padding-top: calc(94/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_concept {
    padding-top: calc(68/1440*100vw);
  }
}
.home .home_concept .ttl__cur {
  margin-bottom: calc(48/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_concept .ttl__cur {
    margin-bottom: calc(48/1440*100vw);
  }
}
.home .home_concept .ttl__cur .jp {
  text-indent: 0.8em;
}
.home .home_concept p {
  color: #FFF;
  font-size: calc(32/750*100vw);
  text-align: center;
  line-height: 1.9375;
  margin-bottom: calc(60/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_concept p {
    font-size: calc(18/1440*100vw);
    margin-bottom: calc(45/1440*100vw);
  }
}
.home .home_concept .btn__readmore {
  margin-bottom: calc(148/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_concept .btn__readmore {
    margin-bottom: calc(62/1440*100vw);
  }
}
.home .home_concept .home_concept_list {
  display: flex;
  flex-wrap: wrap;
}
.home .home_concept .home_concept_list .js-ripples {
  background-size: cover;
  background-position: center;
  position: relative;
}
.home .home_concept .home_concept_list .js-ripples.done.nth-1 .figure_fadein {
  transition: 1s;
  transition-delay: 6s;
  opacity: 1;
}
.home .home_concept .home_concept_list .js-ripples.done.nth-2 .figure_fadein {
  transition: 1s;
  transition-delay: 6.6s;
  opacity: 1;
}
.home .home_concept .home_concept_list .js-ripples.done.nth-3 .figure_fadein {
  transition: 1s;
  transition-delay: 7.2s;
  opacity: 1;
}
.home .home_concept .home_concept_list .js-ripples .figure_fadein {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.home .home_concept .home_concept_list .js-ripples.nth-1 {
  width: 100%;
  height: calc(300/750*100vw);
  background-image: url(/assets/img/home/pic_home_concept_01--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-1 {
    background-image: url(/assets/img/home/pic_home_concept_01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .home .home_concept .home_concept_list .js-ripples.nth-1 {
    order: 2;
    width: calc(100% / 3);
    height: calc(340/1440*100vw);
    background-image: url(/assets/img/home/pic_home_concept_01--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-1 {
    background-image: url(/assets/img/home/pic_home_concept_01--pc@2x.jpg);
  }
}
.home .home_concept .home_concept_list .js-ripples.nth-1 .figure_fadein {
  background-image: url(/assets/img/home/pic_home_concept_01--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-1 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .home .home_concept .home_concept_list .js-ripples.nth-1 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_01--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-1 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_01--pc@2x.jpg);
  }
}
.home .home_concept .home_concept_list .js-ripples.nth-2 {
  width: 50%;
  height: calc(300/750*100vw);
  background-image: url(/assets/img/home/pic_home_concept_02--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-2 {
    background-image: url(/assets/img/home/pic_home_concept_02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .home .home_concept .home_concept_list .js-ripples.nth-2 {
    order: 1;
    width: calc(100% / 3);
    height: calc(340/1440*100vw);
    background-image: url(/assets/img/home/pic_home_concept_02--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-2 {
    background-image: url(/assets/img/home/pic_home_concept_02--pc@2x.jpg);
  }
}
.home .home_concept .home_concept_list .js-ripples.nth-2 .figure_fadein {
  background-image: url(/assets/img/home/pic_home_concept_02--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-2 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .home .home_concept .home_concept_list .js-ripples.nth-2 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_02--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-2 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_02--pc@2x.jpg);
  }
}
.home .home_concept .home_concept_list .js-ripples.nth-3 {
  width: 50%;
  height: calc(300/750*100vw);
  background-image: url(/assets/img/home/pic_home_concept_03--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-3 {
    background-image: url(/assets/img/home/pic_home_concept_03--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .home .home_concept .home_concept_list .js-ripples.nth-3 {
    order: 3;
    width: calc(100% / 3);
    height: calc(340/1440*100vw);
    background-image: url(/assets/img/home/pic_home_concept_03--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-3 {
    background-image: url(/assets/img/home/pic_home_concept_03--pc@2x.jpg);
  }
}
.home .home_concept .home_concept_list .js-ripples.nth-3 .figure_fadein {
  background-image: url(/assets/img/home/pic_home_concept_03--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-3 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_03--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .home .home_concept .home_concept_list .js-ripples.nth-3 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_03--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .home .home_concept .home_concept_list .js-ripples.nth-3 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_concept_03--pc@2x.jpg);
  }
}
.home .home_concept .home_concept_list .js-ripples img {
  display: block;
  width: 100%;
}

.home .home_product {
  background: #FFF;
  padding-top: calc(94/750*100vw);
  padding-bottom: calc(94/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_product {
    background-image: url(../img/home/home_product_bg.jpg);
    background-position: center;
    background-size: cover;
    padding-top: 12.5rem;
    padding-bottom: 15rem;
    margin-top: -1px;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .home .home_product {
    background-image: url(../img/home/home_product_bg@2x.jpg);
  }
}
.home .home_product .ttl__cur {
  margin-bottom: calc(-10/750*100vw);
  color: #687170;
}
@media (min-width: 1024px) {
  .home .home_product .ttl__cur {
    margin-bottom: calc(-10/1440*100vw);
  }
}
.home .home_product .read {
  color: #333;
  font-size: calc(40/750*100vw);
  text-align: center;
  line-height: 1.9375;
  margin-bottom: calc(60/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_product .read {
    line-height: 1;
    font-size: calc(26/1440*100vw);
    margin-bottom: calc(48/1440*100vw);
  }
}

.home .home_newsandinfomation {
  background: #FFF;
  padding-top: calc(94/750*100vw);
  padding-bottom: calc(213/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_newsandinfomation {
    padding-top: calc(122/1440*100vw);
    padding-bottom: calc(150/1440*100vw);
  }
}
.home .home_newsandinfomation .ttl__cur {
  margin-bottom: calc(20/750*100vw);
  color: #687170;
}
@media (min-width: 1024px) {
  .home .home_newsandinfomation .ttl__cur {
    margin-bottom: calc(28/1440*100vw);
  }
}
.home .home_newsandinfomation .read {
  color: #333;
  font-size: calc(40/750*100vw);
  text-align: center;
  line-height: 1.9375;
  margin-bottom: calc(60/750*100vw);
}
.home .home_newsandinfomation .btn__readmore {
  display: none;
}
@media (min-width: 1024px) {
  .home .home_newsandinfomation .btn__readmore {
    display: block;
    margin-top: 7.6rem;
  }
}
.home .home_newsandinfomation .inner-layout {
  margin-top: calc(160/750*100vw);
}
@media (min-width: 1024px) {
  .home .home_newsandinfomation .inner-layout {
    margin-top: calc(126/1440*100vw);
  }
}

.home .layout__pledgeofliluon .btn__readmore.last-of-type {
  margin-top: calc(9.4rem * 0.5);
}
@media (min-width: 750px) {
  .home .layout__pledgeofliluon .btn__readmore.last-of-type {
    margin-top: calc(9.4rem * 1);
  }
}
@media (min-width: 1024px) {
  .home .layout__pledgeofliluon .btn__readmore.last-of-type {
    margin-top: 6.8rem;
  }
}

.entry main {
  margin-top: 60px;
  display: block;
}
@media (min-width: 1024px) {
  .entry main {
    margin-top: 70px;
  }
}

.entry_tit{
	text-align:center;
}

.entry_tit_pc{ display: block !important; }
.entry_tit_sp{ display: none !important; }

@media only screen and (max-width: 1024px) {
　.entry_tit_pc{ display: none !important; }
　.entry_tit_sp{ display: block !important; }
}


.entry_txt{
	text-align:center;
	font-size:14px;
	line-height:2.0em;
	margin:35px 0 55px;
}

#kiyakuBox{
	overflow:auto;
	border:3px #cccccc solid;
	height:620px;
	padding:45px 45px 0 45px;
	margin:0 0 55px 0;
	background-color:#FFFFFF;
}
#kiyakuBox h3{
	font-size:16px;
	font-weight:bold;
	margin:0 0 25px 0;
}
#kiyakuBox ol{
	margin:0 0 55px 0;
}
#kiyakuBox .tit{
	font-weight:bold;
}
#kiyakuBox p{
	font-size:14px;
	line-height:2.0em;
}
.numberList{
	padding:0 0 0 18px;	
}
.numberList li{
	list-style:decimal outside;
	padding:0 0 5px 0;
	line-height:2.0em;
	font-size:14px;
}
.no_numberList{
	padding:0;	
}
.no_numberList li{
	list-style:none;
	padding:0 0 30px;
	line-height:2.0em;
	font-size:14px;
}

.entry_txtCenter{
    display: flex;
	text-align:center;
}
.box1 {
     width: 50%;
     margin: auto;
 }
.box2 {
     width: 50%;
 }

@media only screen and (max-width: 1024px) {
    .entry_txtCenter{
      display: block;
    }
	.box1 {
     width: 100%;
     margin: 0 auto;
 }
	.box2 {
     width: 100%;
     margin: 30px auto;
 }
}

/*
.entry_txtCenter{
	text-align:center;
}

@media (min-width: 1024px) {
  .entry_txtCenter {
	max-width: 100%;
	margin:0 auto; 
  }
}

.entry_txtCenter img{
	display: inline;
	margin:10px 20px;
	overflow: hidden;
}

@media (min-width: 1024px) {
  .entry_txtCenter img{
	max-width: 100%;
	margin:10px 20px;
	  overflow: hidden;
  }
}
*/
.concept main {
  margin-top: 60px;
  display: block;
}
@media (min-width: 1024px) {
  .concept main {
    margin-top: 70px;
  }
}

.concept .concept_fv {
  display: flex;
  flex-wrap: wrap;
}
.concept .concept_fv .concept_fv_01 {
  width: 100%;
  order: 2;
  height: calc(600/750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/concept/cencept_fv--sp.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_01 {
    background-image: url(../img/concept/cencept_fv--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_01 {
    justify-content: flex-start;
    font-size: calc(30/1440*100vw);
    height: calc(420/1440*100vw);
    background-image: url(../img/concept/cencept_fv--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_01 {
    background-image: url(../img/concept/cencept_fv--pc@2x.jpg);
  }
}
.concept .concept_fv .concept_fv_01 h1 {
  font-size: calc(42/750*100vw);
  color: #FFF;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_01 h1 {
    font-size: calc(30/1440*100vw);
    margin-left: calc(238/1440*100vw);
  }
}
.concept .concept_fv .concept_fv_01 .figure_fadein {
  width: 100%;
  height: 100%;
  opacity: 0;
  background-image: url(../img/concept/cencept_fv--sp.jpg);
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_01 .figure_fadein {
    background-image: url(../img/concept/cencept_fv--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_01 .figure_fadein {
    background-image: url(../img/concept/cencept_fv--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_01 .figure_fadein {
    background-image: url(../img/concept/cencept_fv--pc@2x.jpg);
  }
}
.concept .concept_fv .concept_fv_01.done .figure_fadein {
  transition: 1s;
  transition-delay: 8s;
  opacity: 1;
}
.concept .concept_fv .concept_fv_02 {
  width: 100%;
  order: 1;
  font-size: calc(45/750*100vw);
  background: #333;
  color: #FFF;
  height: calc(226/750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_02 {
    font-size: calc(38/1440*100vw);
    height: calc(202/1440*100vw);
  }
}
.concept .concept_fv .concept_fv_03 {
  width: 100%;
  order: 3;
  background: #333;
  height: calc(460/750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_03 {
    height: calc(280/1440*100vw);
    margin-top: -1px;
  }
}
.concept .concept_fv .concept_fv_03 p {
  color: #FFF;
  font-size: calc(32/750*100vw);
  line-height: 2.125;
  text-align: center;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_03 p {
    line-height: 2.666;
    font-size: calc(18/1440*100vw);
  }
}
.concept .concept_fv .concept_fv_04 {
  width: 100%;
  order: 5;
  background: #333;
  height: calc(632/750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_04 {
    order: 6;
    height: calc(380/1440*100vw);
    margin-top: -1px;
    position: relative;
    z-index: 1;
  }
}
.concept .concept_fv .concept_fv_04 p {
  color: #FFF;
  font-size: calc(32/750*100vw);
  line-height: 2.125;
  text-align: center;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_04 p {
    line-height: 2.666;
    font-size: calc(18/1440*100vw);
  }
}
.concept .concept_fv .concept_fv_05 {
  width: 100%;
  order: 4;
  padding-top: 56%;
  position: relative;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_05 {
    width: 50%;
    padding-top: 28%;
  }
}
.concept .concept_fv .concept_fv_05.done figure .figure_fadein {
  transition: 1.4s;
  transition-delay: 6s;
  opacity: 1;
}
.concept .concept_fv .concept_fv_05 figure {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/concept/cencept_pic01--sp.jpg);
  background-size: cover;
  background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_05 figure {
    background-image: url(../img/concept/cencept_pic01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_05 figure {
    background-image: url(../img/concept/cencept_pic01--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_05 figure {
    background-image: url(../img/concept/cencept_pic01--pc@2x.jpg);
  }
}
.concept .concept_fv .concept_fv_05 figure .figure_fadein {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-image: url(../img/concept/cencept_pic01--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_05 figure .figure_fadein {
    background-image: url(../img/concept/cencept_pic01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_05 figure .figure_fadein {
    background-image: url(../img/concept/cencept_pic01--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_05 figure .figure_fadein {
    background-image: url(../img/concept/cencept_pic01--pc@2x.jpg);
  }
}
.concept .concept_fv .concept_fv_06 {
  width: 100%;
  order: 6;
  padding-top: 56%;
  position: relative;
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_06 {
    order: 5;
    width: calc(50% + 1px);
    margin-left: -1px;
    padding-top: 28%;
  }
}
.concept .concept_fv .concept_fv_06.done figure .figure_fadein {
  transition: 1.8s;
  transition-delay: 6.8s;
  opacity: 1;
}
.concept .concept_fv .concept_fv_06 figure {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/concept/cencept_pic02--sp.jpg);
  background-size: cover;
  background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_06 figure {
    background-image: url(../img/concept/cencept_pic02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_06 figure {
    background-image: url(../img/concept/cencept_pic02--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_06 figure {
    background-image: url(../img/concept/cencept_pic02--pc@2x.jpg);
  }
}
.concept .concept_fv .concept_fv_06 figure .figure_fadein {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-image: url(../img/concept/cencept_pic02--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_06 figure .figure_fadein {
    background-image: url(../img/concept/cencept_pic02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_fv .concept_fv_06 figure .figure_fadein {
    background-image: url(../img/concept/cencept_pic02--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_fv .concept_fv_06 figure .figure_fadein {
    background-image: url(../img/concept/cencept_pic02--pc@2x.jpg);
  }
}

.concept .concept_sec01 {
  padding-top: calc(288/750*100vw);
  padding-bottom: calc(226/750*100vw);
  background: #F7F4F4;
}
@media (min-width: 1024px) {
  .concept .concept_sec01 {
    padding-top: calc(128/1440*100vw);
    padding-bottom: calc(132/1440*100vw);
  }
}
.concept .concept_sec01 .col-2-layout {
  width: 100%;
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout {
    display: flex;
    justify-content: space-between;
    width: 72.916%;
    margin-left: auto;
    margin-right: auto;
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content {
  width: 100%;
  margin-bottom: calc(158/750*100vw);
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content {
    margin-bottom: 0;
    width: 44.761%;
    display: flex;
    flex-direction: column;
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content:last-of-type {
  margin-bottom: 0;
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: calc(38/750*100vw);
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl {
    order: 2;
    margin-bottom: calc(49/1440*100vw);
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl .jp {
  order: 2;
  font-size: calc(36/750*100vw);
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl .jp {
    font-size: calc(20/1440*100vw);
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl .en {
  order: 1;
  font-size: calc(50/750*100vw);
  letter-spacing: 0.06em;
  margin-bottom: 0.4em;
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl .en {
    font-size: calc(30/1440*100vw);
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl .en.green {
  color: #0B6F40;
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .ttl .en.red {
  color: #964353;
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .pic {
  display: block;
  width: 100%;
  padding-top: 96%;
  margin-bottom: calc(81/750*100vw);
  position: relative;
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .pic {
    order: 1;
    margin-bottom: calc(49/1440*100vw);
    padding-top: 114.893%;
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_1 {
  background-image: url(../img/concept/cencept_pic03--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_1 {
    background-image: url(../img/concept/cencept_pic03--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_1 {
    background-image: url(../img/concept/cencept_pic03--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_1 {
    background-image: url(../img/concept/cencept_pic03--pc@2x.jpg);
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_2 {
  background-image: url(../img/concept/cencept_pic04--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_2 {
    background-image: url(../img/concept/cencept_pic04--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_2 {
    background-image: url(../img/concept/cencept_pic04--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .pic figure.img_2 {
    background-image: url(../img/concept/cencept_pic04--pc@2x.jpg);
  }
}
.concept .concept_sec01 .col-2-layout .col-2-layout_content .text {
  font-size: calc(32/750*100vw);
  line-height: 2.125;
  text-align: center;
}
@media (min-width: 1024px) {
  .concept .concept_sec01 .col-2-layout .col-2-layout_content .text {
    order: 3;
    font-size: calc(17/1440*100vw);
    line-height: 2.47;
  }
}

.concept .concept_sec02 {
  background: #FFF;
  padding-bottom: calc(280/750*100vw);
}
@media (min-width: 1024px) {
  .concept .concept_sec02 {
    padding-top: calc(158/1440*100vw);
    padding-bottom: calc(280/1440*100vw);
  }
}
.concept .concept_sec02 .inner-layout1 {
  width: 100%;
  margin: 0 auto;
  margin-bottom: calc(190/750*100vw);
}
@media (min-width: 1024px) {
  .concept .concept_sec02 .inner-layout1 {
    margin-bottom: calc(151/1440*100vw);
    width: 79.3%;
  }
}
.concept .concept_sec02 .inner-layout1 .concept_sec02_layout {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .concept .concept_sec02 .inner-layout1 .concept_sec02_layout {
    flex-direction: row;
    align-items: center;
  }
}
.concept .concept_sec02 .inner-layout1 .concept_sec02_layout .text {
  order: 2;
}
.concept .concept_sec02 .inner-layout1 .concept_sec02_layout .text h2 {
  text-align: center;
  font-size: calc(36/750*100vw);
  line-height: 1.95;
  margin-top: 1.8em;
  margin-bottom: 0.8em;
}
@media (min-width: 1024px) {
  .concept .concept_sec02 .inner-layout1 .concept_sec02_layout .text h2 {
    font-size: calc(22/1440*100vw);
    margin-top: 0;
    text-align: left;
    white-space: nowrap;
    line-height: 1.9;
  }
}
.concept .concept_sec02 .inner-layout1 .concept_sec02_layout .text p {
  text-align: center;
  font-size: calc(32/750*100vw);
  line-height: 2.125;
}
@media (min-width: 1024px) {
  .concept .concept_sec02 .inner-layout1 .concept_sec02_layout .text p {
    font-size: calc(17/1440*100vw);
    line-height: 2.47;
    text-align: left;
  }
}
.concept .concept_sec02 .inner-layout1 .concept_sec02_layout .pic {
  order: 1;
  display: block;
  width: 100%;
  padding-top: 146.666%;
  position: relative;
}
@media (min-width: 1024px) {
  .concept .concept_sec02 .inner-layout1 .concept_sec02_layout .pic {
    padding-top: 49.09%;
    margin-bottom: 0;
    width: 56.363%;
    margin-right: 5%;
  }
}
.concept .concept_sec02 .inner-layout1 .concept_sec02_layout .pic .js-ripples_9 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url(../img/concept/cencept_pic05--sp.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .concept .concept_sec02 .inner-layout1 .concept_sec02_layout .pic .js-ripples_9 {
    background-image: url(../img/concept/cencept_pic05--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .concept .concept_sec02 .inner-layout1 .concept_sec02_layout .pic .js-ripples_9 {
    background-image: url(../img/concept/cencept_pic05--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .concept .concept_sec02 .inner-layout1 .concept_sec02_layout .pic .js-ripples_9 {
    background-image: url(../img/concept/cencept_pic05--pc@2x.jpg);
  }
}
.concept .concept_sec02 .inner-layout2 {
  width: 79.3%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .concept .concept_sec02 .inner-layout2 {
    width: 79.3%;
  }
}

.item main {
  margin-top: 60px;
}
@media (min-width: 1024px) {
  .item main {
    margin-top: 70px;
  }
}
.item main .inner-layout {
  width: 80%;
}
@media (min-width: 1024px) {
  .item main .inner-layout {
    width: 84.09%;
  }
}

.item .first__section {
  margin-bottom: calc(13.6rem * 0.5);
}
@media (min-width: 750px) {
  .item .first__section {
    margin-bottom: calc(13.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .first__section {
    background: #FFF;
    position: relative;
    overflow: hidden;
    margin-bottom: 16rem;
  }
  .item .first__section .inner-layout {
    width: 64.02%;
  }
  .item .first__section::after {
    content: "";
    width: 100vw;
    height: 3.8rem;
    background: #F7F4F4;
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 1024px) {
  .item .not-first__section {
    width: 76.38%;
    margin: 0 auto;
    background: #FFF;
  }
}
@media (min-width: 1024px) {
  .item .layout__item-fv {
    display: -ms-flexbox;
    display: flex;
  }
}
.item .layout__item-fv .left {
  position: relative;
  width: 100vw;
  left: -10vw;
  background-image: url(/assets/img/scalpserum/scalpserum_fv.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding-top: 202%;
  height: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .item .layout__item-fv .left {
    background-image: url("/assets/img/scalpserum/scalpserum_fv@2x.jpg");
  }
}
@media (min-width: 1024px) {
  .item .layout__item-fv .left {
    width: 50%;
    left: inherit;
    display: -ms-flexbox;
    display: flex;
    padding-top: 81%;
    margin-right: 1rem;
    position: relative;
    z-index: 2;
    order: 2;
  }
}
.item .layout__item-fv .left .item__copy {
  position: absolute;
  top: 1%;
  left: 50%;
  transform: translateX(-50%);
  font-size: calc(4.2rem * 0.5);
  line-height: calc(64/42);
  white-space: nowrap;
  color: #FFF;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
  margin-top: calc(8rem * 0.5);
}
@media (min-width: 750px) {
  .item .layout__item-fv .left .item__copy {
    font-size: calc(3.5rem * 1);
    margin-top: calc(8rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__item-fv .left .item__copy {
    display: none;
  }
}
.item .layout__item-fv .right {
  margin-top: -40%;
  position: relative;
}
@media (min-width: 1024px) {
  .item .layout__item-fv .right {
    width: 50%;
    margin-top: 0;
    padding-right: 7.7rem;
    padding-top: 9.7rem;
    order: 1;
  }
}
.item .layout__item-fv .right .flex {
  -ms-flex-direction: column;
  flex-direction: column;
}
.item .layout__item-fv .right .item__name {
  text-align: center;
  line-height: calc(62/45);
  font-size: calc(4.5rem * 0.5);
  margin-bottom: calc(2.6rem * 0.5);
  color: #FFF;
  order: 1;
}
@media (min-width: 750px) {
  .item .layout__item-fv .right .item__name {
    font-size: calc(4.5rem *1);
    margin-bottom: calc(2.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__item-fv .right .item__name {
    color: #333;
    text-align: left;
    line-height: calc(62/26);
    font-size: 2.6rem;
    line-height: 1;
    margin-bottom: 0.6rem;
    order: 4;
  }
}
.item .layout__item-fv .right .item__comment {
  background: #FFF;
  line-height: calc(60/32);
  font-size: calc(3.2rem * 0.5);
  padding: calc(5.4rem * 0.5) calc(2.7rem * 0.5);
  order: 2;
}
.item .layout__item-fv .right .item__comment span {
  font-size: calc(1rem * 0.5);
  vertical-align: super;
}
@media (min-width: 750px) {
  .item .layout__item-fv .right .item__comment {
    font-size: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__item-fv .right .item__comment {
    font-size: 1.6rem;
    line-height: calc(34/16);
    padding: 0;
    margin-bottom: 0.3rem;
  }
}
.item .layout__item-fv .right .layout__btn {
  background: #FFF;
  margin-bottom: calc(4rem * 0.5);
  padding: 0 calc(2.7rem * 0.5) calc(4.7rem * 0.5);
  order: 3;
}
@media (min-width: 1024px) {
  .item .layout__item-fv .right .layout__btn {
    padding: 0;
    order: 6;
    width: 31.9rem;
  }
}
.item .layout__item-fv .right .layout__btn a {
  background-color: #707070;
  background-image: url(/assets/img/common/icon-shop-white.svg);
  background-repeat: no-repeat;
  background-position: left 24% center;
  background-size: 6%;
  color: #FFF;
  display: block;
  padding: calc(2.9rem * 0.5) 0;
  text-align: center;
  line-height: calc(52/28);
  font-size: calc(2.8rem * 0.5);
  text-indent: 2em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media (min-width: 750px) {
  .item .layout__item-fv .right .layout__btn a {
    font-size: calc(2.8rem * 1);
    padding: calc(2.9rem * 1) 0;
  }
}
@media (min-width: 1024px) {
  .item .layout__item-fv .right .layout__btn a {
    font-size: 1.6rem;
    padding: 1.65rem 0;
  }
}
.item .layout__item-fv .right .annotation {
  order: 4;
  display: block;
  line-height: calc(36/26);
  font-size: calc(2.6rem * 0.5);
  padding: 0 calc(2.7rem * 0.5);
  margin-top: 1em;
}
.item .layout__item-fv .right .annotation span {
  margin-right: 1em;
}
@media (min-width: 750px) {
  .item .layout__item-fv .right .annotation {
    padding: 0 calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__item-fv .right .annotation {
    font-size: 1.5rem;
    line-height: calc(33/15);
    margin-bottom: 4.4rem;
    padding: 0;
    order: 3;
  }
  .item .layout__item-fv .right .annotation span {
    margin-right: 0;
  }
}
.item .layout__item-fv .english__copy {
  order: 3;
  writing-mode: vertical-rl;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  font-size: 1.8rem;
}
.item .layout__item-fv .english__copy span {
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}
.item .layout__item-fv .pc__item__copy {
  font-size: 2.3rem;
  line-height: calc(40/24);
  color: #D0BB83;
  margin-bottom: 3.8rem;
}
.item .layout__item-fv .item__name-kana {
  font-size: 1.5rem;
  order: 5;
}
.item .layout__item-fv .pc_only {
  display: none;
}
@media (min-width: 1024px) {
  .item .layout__item-fv .pc_only {
    display: block;
    margin-bottom: 2.9rem;
  }
}
.item .sec__cta {
  margin-bottom: calc(16.3rem * 0.5);
}
@media (min-width: 1024px) {
  .item .sec__cta {
    margin-bottom: 14.8rem;
  }
}
.item .sec__cta .inner-layout {
  background: #FFF;
  padding-top: calc(5.8rem * 0.5);
  padding-bottom: calc(12rem * 0.5);
}
@media (min-width: 1024px) {
  .item .sec__cta .inner-layout {
    padding-top: 6.5rem;
    padding-bottom: 13.5rem;
  }
}
.item .sec__cta .ttl-large {
  font-size: calc(4.5rem * 0.5);
  text-align: center;
  color: #B79538;
  margin-bottom: calc(1.6rem * 0.5);
}
@media (min-width: 1024px) {
  .item .sec__cta .ttl-large {
    font-size: 3rem;
    margin-bottom: 1.5rem;
  }
}
.item .sec__cta .read-first {
  font-size: calc(3.2rem * 0.5);
  text-align: center;
  line-height: 1.875;
  margin-bottom: calc(5.8rem * 0.5);
}
@media (min-width: 1024px) {
  .item .sec__cta .read-first {
    font-size: 2.2rem;
    margin-bottom: 7.2rem;
  }
}
@media (min-width: 1024px) {
  .item .sec__cta .read-first br {
    display: none;
  }
}
@media (min-width: 1024px) {
  .item .sec__gloss .inner-layout {
    width: 88.09%;
  }
}
.item .layout__gloss {
  padding-top: calc(2.8rem * 0.5);
  margin-bottom: calc(14.8rem * 0.5);
}
@media (min-width: 750px) {
  .item .layout__gloss {
    padding-top: calc(2.8rem * 1);
    margin-bottom: calc(14.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__gloss {
    display: -ms-flexbox;
    display: flex;
    padding: 6.6rem 0;
  }
}
.item .layout__gloss .left {
  margin-bottom: calc(4.2rem * 0.5);
}
@media (min-width: 750px) {
  .item .layout__gloss .left {
    margin-bottom: calc(4.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__gloss .left {
    width: 55%;
    margin-right: 3.2rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .item .layout__gloss .right {
    width: 45%;
  }
}
.item .layout__gloss h3 {
  color: #B79538;
  font-size: calc(3.4rem * 0.5);
  line-height: calc(62/34);
  text-align: center;
  padding-bottom: calc(2rem * 0.5);
  margin-bottom: calc(5.6rem * 0.5);
  border-bottom: 1px solid #B79538;
}
@media (min-width: 750px) {
  .item .layout__gloss h3 {
    font-size: calc(3.4rem * 1);
    padding-bottom: calc(2rem * 1);
    margin-bottom: calc(5.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__gloss h3 {
    font-size: 2.4rem;
    line-height: calc(40/24);
    text-align: left;
    margin-bottom: 3rem;
  }
}
.item .layout__gloss p {
  font-size: calc(3rem * 0.5);
  line-height: calc(54/30);
}
@media (min-width: 750px) {
  .item .layout__gloss p {
    font-size: calc(3rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__gloss p {
    font-size: 1.6rem;
    line-height: calc(34/16);
  }
}
@media (min-width: 1024px) {
  .item .sec__howto .inner-layout {
    width: 88.09%;
  }
}
.item .layout__how-to {
  background: #FFF;
  padding: calc(6rem * 0.5) calc(3.5rem * 0.5);
  margin-bottom: calc(15.8rem * 0.5);
}
@media (min-width: 750px) {
  .item .layout__how-to {
    padding: calc(6rem * 0.5) calc(3.5rem * 1);
    margin-bottom: calc(15.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__how-to {
    padding: 4.9rem 0 4rem;
  }
}
.item .layout__how-to h3 {
  text-align: center;
  font-size: calc(4rem * 0.5);
  margin-bottom: calc(5.3rem * 0.5);
}
@media (min-width: 750px) {
  .item .layout__how-to h3 {
    font-size: calc(4rem * 1);
    margin-bottom: calc(5.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__how-to h3 {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
}
.item .layout__how-to h4 {
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  margin-bottom: calc(3.4rem * 0.5);
}
@media (min-width: 750px) {
  .item .layout__how-to h4 {
    font-size: calc(3.2rem * 1);
    margin-bottom: calc(3.4rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__how-to h4 {
    font-size: 2rem;
    margin-bottom: 2.3rem;
  }
}
.item .layout__how-to p {
  font-size: calc(3rem * 0.5);
  line-height: calc(54/30);
}
@media (min-width: 750px) {
  .item .layout__how-to p {
    font-size: calc(3rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__how-to p {
    font-size: 1.6rem;
  }
}
@media (min-width: 1024px) {
  .item .layout__how-to ul {
    display: -ms-flexbox;
    display: flex;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
}
.item .layout__how-to li {
  padding-bottom: calc(7.9rem * 0.5);
  border-bottom: 1px solid #707070;
}
@media (min-width: 750px) {
  .item .layout__how-to li {
    padding-bottom: calc(7.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__how-to li {
    width: 28.29%;
    border-bottom: none;
    padding-bottom: 0;
  }
}
.item .layout__how-to li:last-child {
  border-bottom: none;
}
.item .layout__how-to li + li h4 {
  padding-top: calc(6.9rem * 0.5);
}
@media (min-width: 750px) {
  .item .layout__how-to li + li h4 {
    padding-top: calc(6.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .item .layout__how-to li + li h4 {
    padding-top: 0;
    white-space: nowrap;
  }
}

.item.treatment .layout__item-fv .left {
  background-image: url(/assets/img/treatment/treatment_fv.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .item.treatment .layout__item-fv .left {
    background-image: url("/assets/img/treatment/treatment_fv@2x.jpg");
  }
}

.item.hairoil .layout__item-fv .left {
  background-image: url(/assets/img/hairoil/hairoil_fv.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .item.hairoil .layout__item-fv .left {
    background-image: url("/assets/img/hairoil/hairoil_fv@2x.jpg");
  }
}

.news {
  background: #FFF;
}
.news .inner-layout {
  padding: 0 calc(5rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout {
    padding: 0 calc(5rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout {
    width: 76.38%;
  }
}
.news .inner-layout .ttl__under {
  margin-bottom: calc(8.6rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout .ttl__under {
    margin-bottom: calc(8.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout .ttl__under {
    margin-bottom: 5rem;
  }
}
.news .inner-layout .layout__news-list {
  margin-bottom: calc(10.9rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout .layout__news-list {
    margin-bottom: calc(10.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout .layout__news-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .news .inner-layout .layout__news-list li {
    width: 30%;
    margin-bottom: 20rem;
  }
}
.news .inner-layout .layout__news-list li + li {
  margin-top: calc(12.2rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout .layout__news-list li + li {
    margin-top: calc(12.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout .layout__news-list li + li {
    margin-top: 0;
  }
}
.news .inner-layout p {
  font-size: calc(2.8rem * 0.5);
  line-height: calc(46/28);
  margin-bottom: calc(2.7rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout p {
    font-size: calc(2.8rem * 1);
    margin-bottom: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout p {
    font-size: 1.6rem;
    line-height: calc(26/16);
    margin-bottom: 3.29rem;
  }
}
.news .inner-layout img {
  display: block;
  margin: 0 auto calc(2.7rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout img {
    margin: 0 auto calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout img {
    margin: 0 auto 2.3rem;
  }
}
.news .inner-layout .text__read-more {
  display: block;
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  line-height: calc(62/32);
}
@media (min-width: 750px) {
  .news .inner-layout .text__read-more {
    font-size: calc(3.2rem * 1);
  }
}
@media (min-width: 750px) {
  .news .inner-layout .text__read-more {
    font-size: 1.9rem;
    line-height: calc(33/19);
  }
}
.news .inner-layout .text__read-more span {
  border-bottom: 1px solid #262626;
  padding-bottom: calc(1.4rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout .text__read-more span {
    padding-bottom: calc(1.4rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout .text__read-more span {
    padding-bottom: 1rem;
  }
}
.news .inner-layout .data__news-data {
  display: block;
  text-align: center;
  font-size: calc(3.4rem * 0.5);
  line-height: calc(62/34);
  margin-bottom: calc(2.7rem * 0.5);
}
@media (min-width: 750px) {
  .news .inner-layout .data__news-data {
    font-size: calc(3.4rem * 1);
    margin-bottom: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .inner-layout .data__news-data {
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 1.8rem;
  }
}
.news .layout__pagenation {
  width: 79.3%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .news .layout__pagenation {
    width: 52.15%;
  }
}
.news .layout__pagenation li {
  width: 17%;
  text-align: center;
  background: #909F9D;
}
@media (min-width: 1024px) {
  .news .layout__pagenation li {
    width: 8%;
  }
}
.news .layout__pagenation li:nth-child(-n+5) {
  margin-bottom: calc(2.6rem * 0.5);
}
@media (min-width: 750px) {
  .news .layout__pagenation li:nth-child(-n+5) {
    margin-bottom: calc(2.6rem * 1);
  }
}
@media (min-width: 750px) {
  .news .layout__pagenation li:nth-child(-n+5) {
    margin-bottom: 0;
  }
}
.news .layout__pagenation li.current {
  background: #262626;
}
.news .layout__pagenation li a {
  color: #FFF;
  font-size: calc(3.2rem * 0.5);
  line-height: calc(62/32);
}
@media (min-width: 750px) {
  .news .layout__pagenation li a {
    font-size: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .news .layout__pagenation li a {
    font-size: 2rem;
    line-height: calc(39/20);
  }
}

.news_arcticle {
  background: #FFF;
}
.news_arcticle .inner-layout {
  padding: 0 calc(5rem * 0.5);
}
@media (min-width: 750px) {
  .news_arcticle .inner-layout {
    padding: 0 calc(5rem * 1);
  }
}
@media (min-width: 1024px) {
  .news_arcticle .inner-layout {
    width: 76.38%;
  }
}
.news_arcticle .inner-layout .ttl__under {
  margin-bottom: calc(8.6rem * 0.5);
}
@media (min-width: 750px) {
  .news_arcticle .inner-layout .ttl__under {
    margin-bottom: calc(8.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .news_arcticle .inner-layout .ttl__under {
    margin-bottom: 8.5rem;
  }
}
.news_arcticle .inner-layout p {
  font-size: calc(2.8rem * 0.5);
  line-height: calc(46/28);
  margin-bottom: calc(6rem * 0.5);
}
@media (min-width: 750px) {
  .news_arcticle .inner-layout p {
    font-size: calc(2.8rem * 1);
    margin-bottom: calc(6rem * 1);
  }
}
@media (min-width: 1024px) {
  .news_arcticle .inner-layout p {
    font-size: 1.7rem;
    line-height: calc(40/17);
    max-width: 500px;
    margin: 0 auto;
  }
}
.news_arcticle .inner-layout img {
  display: block;
  margin: 0 auto calc(5rem * 0.5);
}
@media (min-width: 750px) {
  .news_arcticle .inner-layout img {
    margin: 0 auto calc(5rem * 1);
  }
}
@media (min-width: 1024px) {
  .news_arcticle .inner-layout img {
    margin: 5.36rem auto 3.6rem;
  }
}
.news_arcticle .inner-layout .data__news-data {
  display: block;
  text-align: center;
  font-size: calc(3.4rem * 0.5);
  line-height: calc(62/34);
  margin-bottom: calc(2.7rem * 0.5);
}
@media (min-width: 750px) {
  .news_arcticle .inner-layout .data__news-data {
    font-size: calc(3.4rem * 1);
    margin-bottom: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .news_arcticle .inner-layout .data__news-data {
    font-size: 1.8rem;
    line-height: calc(62/18);
    margin-bottom: 3.68rem;
    line-height: 1;
  }
}
.news_arcticle .inner-layout .layout__news-back {
  text-align: center;
  margin-top: calc(11.9rem * 0.5);
}
@media (min-width: 750px) {
  .news_arcticle .inner-layout .layout__news-back {
    margin-top: calc(11.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .news_arcticle .inner-layout .layout__news-back {
    margin-top: 14.5rem;
  }
}
.news_arcticle .inner-layout .layout__news-back a {
  font-size: calc(3.2rem * 0.5);
  line-height: calc(62/32);
  border-bottom: 1px solid #262626;
  padding: 0 7% 2%;
}
@media (min-width: 750px) {
  .news_arcticle .inner-layout .layout__news-back a {
    font-size: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .news_arcticle .inner-layout .layout__news-back a {
    font-size: 1.9rem;
    line-height: calc(33/19);
    padding: 0 3% 2%;
  }
}

@media (min-width: 1024px) {
  .shopping-guide .inner-layout {
    width: 57.5%;
  }
}
.shopping-guide .inner-layout .ttl__under {
  margin-bottom: calc(8.6rem * 0.5);
}
@media (min-width: 750px) {
  .shopping-guide .inner-layout .ttl__under {
    margin-top: calc(8.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .shopping-guide .inner-layout .ttl__under {
    margin-bottom: 7rem;
  }
}
.shopping-guide .layout__sopping-g {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 0 calc(1.3rem * 0.5);
}
@media (min-width: 750px) {
  .shopping-guide .layout__sopping-g {
    padding: 0 calc(1.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .shopping-guide .layout__sopping-g {
    padding: 0;
  }
}
.shopping-guide .layout__sopping-g li {
  width: 45%;
}
@media (min-width: 1024px) {
  .shopping-guide .layout__sopping-g li {
    width: 29%;
  }
}
.shopping-guide .layout__sopping-g li:nth-child(-n+4) {
  margin-bottom: calc(9.7rem * 0.5);
}
@media (min-width: 750px) {
  .shopping-guide .layout__sopping-g li:nth-child(-n+4) {
    margin-bottom: calc(9.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .shopping-guide .layout__sopping-g li:nth-child(-n+4) {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .shopping-guide .layout__sopping-g li:nth-child(-n+3) {
    margin-bottom: 7.2rem;
  }
}
.shopping-guide .layout__sopping-g img {
  margin-bottom: calc(1.9rem * 0.5);
}
@media (min-width: 750px) {
  .shopping-guide .layout__sopping-g img {
    margin-bottom: calc(1.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .shopping-guide .layout__sopping-g img {
    display: block;
    margin: 0 auto 0.3rem;
    max-width: 144px;
  }
}
.shopping-guide .layout__sopping-g h2 {
  text-align: center;
  font-weight: normal;
  font-size: calc(2.8rem * 0.5);
  line-height: calc(42/28);
  white-space: nowrap;
}
@media (min-width: 750px) {
  .shopping-guide .layout__sopping-g h2 {
    font-size: calc(2.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .shopping-guide .layout__sopping-g h2 {
    font-size: 1.8rem;
    line-height: calc(42/18);
  }
}

.delivery footer {
  padding-bottom: 28%;
}
@media (min-width: 750px) {
  .delivery footer {
    padding-bottom: 24%;
  }
}
@media (min-width: 1024px) {
  .delivery footer {
    padding-bottom: calc(17px * 0.9);
  }
}
@media (min-width: 1024px) {
  .delivery .inner-layout {
    width: 64.583%;
  }
}
.delivery .layout__terms {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
}
@media (min-width: 750px) {
  .delivery .layout__terms {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__terms {
    font-size: calc(1.8rem);
    line-height: calc(34/18);
  }
}
.delivery .layout__terms span {
  color: #B79538;
}
.delivery .layout__terms a {
  text-decoration: underline;
  color: #B79538;
}
@media (min-width: 1024px) {
  .delivery .layout__terms p {
    padding: 0 16.3rem;
  }
}
@media (min-width: 1024px) {
  .delivery .layout__terms .terms_list:nth-child(2) h2 + p,
.delivery .layout__terms .terms_list:nth-child(3) h2 + p {
    text-align: center;
    white-space: nowrap;
    padding: 0;
  }
}
.delivery .layout__terms .br2 {
  display: block;
  margin-bottom: 2em;
}
.delivery .layout__terms .terms_list + .terms_list {
  margin-top: calc(13.7rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .layout__terms .terms_list + .terms_list {
    margin-top: calc(13.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__terms .terms_list + .terms_list {
    margin-top: calc(15.5rem);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__check {
    padding: 0 16.3rem;
  }
}
.delivery .layout__check li {
  padding-left: 1em;
  text-indent: -1em;
}
.delivery .layout__check li::before {
  content: "";
  display: inline-block;
  width: calc(2rem * 0.5);
  height: calc(2rem * 0.5);
  margin-right: 0.5rem;
  background-image: url(/assets/img/common/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media (min-width: 750px) {
  .delivery .layout__check li::before {
    width: calc(2rem * 1);
    height: calc(2rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__check li::before {
    margin-right: 0.8rem;
  }
}
.delivery .layout__delitime {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(7.2rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .layout__delitime {
    margin-top: calc(7.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__delitime {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 4rem;
    padding: 0 3.7rem;
  }
}
.delivery .layout__delitime li {
  color: #fff;
  width: 50%;
  text-align: center;
  position: relative;
  font-size: calc(3.6rem * 0.5);
  line-height: calc(62/36);
  padding: calc(2.2rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .layout__delitime li {
    font-size: calc(3.6rem * 1);
    padding: calc(2.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__delitime li {
    width: 20%;
    font-size: calc(1.9rem);
    line-height: calc(33/19);
    padding: 1.2rem;
  }
}
.delivery .layout__delitime li:nth-child(-n+4) {
  margin-bottom: calc(7.1rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .layout__delitime li:nth-child(-n+4) {
    margin-bottom: calc(7.1rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__delitime li:nth-child(-n+4) {
    margin-bottom: 0;
  }
}
.delivery .layout__delitime li::before {
  content: "";
  background: #333;
  width: calc(6.2rem * 0.5);
  height: calc(6.2rem * 0.5);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -8%;
  top: -25%;
  color: #fff;
  font-size: calc(3.6rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .layout__delitime li::before {
    width: calc(6.2rem * 1);
    height: calc(6.2rem * 1);
    font-size: calc(3.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .layout__delitime li::before {
    font-size: 2rem;
    width: calc(3.5rem);
    height: calc(3.5rem);
  }
}
.delivery .layout__delitime li:first-child {
  background: #CFC18C;
}
.delivery .layout__delitime li:first-child::before {
  content: "8";
}
.delivery .layout__delitime li:nth-child(2) {
  background: #A29976;
}
.delivery .layout__delitime li:nth-child(2)::before {
  content: "12";
}
.delivery .layout__delitime li:nth-child(3) {
  background: #867D5B;
}
.delivery .layout__delitime li:nth-child(3)::before {
  content: "14";
}
.delivery .layout__delitime li:nth-child(4) {
  background: #6A6347;
}
.delivery .layout__delitime li:nth-child(4)::before {
  content: "16";
}
.delivery .layout__delitime li:last-child {
  background: #504829;
}
.delivery .layout__delitime li:last-child::before {
  content: "18";
}
.delivery .table__postage {
  border-collapse: collapse;
  background: #fff;
  margin-top: calc(6rem * 0.5);
  margin-bottom: calc(3.6rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .table__postage {
    margin-top: calc(6rem * 1);
    margin-bottom: calc(3.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .table__postage {
    margin: 3.2rem auto 2.4rem;
  }
}
.delivery .table__postage th {
  background: #D0BB83;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
@media (min-width: 1024px) {
  .delivery .table__postage th {
    padding: 1.8rem 0;
  }
}
.delivery .table__postage td {
  padding: calc(2.2rem * 0.5) calc(2.2rem * 0.5) calc(2.2rem * 0.5) calc(1.5rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .table__postage td {
    padding: calc(2.2rem * 1) calc(1.2rem * 1) calc(2.2rem * 1) calc(1.5rem * 1);
  }
}
.delivery .table__postage th, .delivery .table__postage td {
  border: solid 0.6px #707070;
}
.delivery .table__postage th:nth-child(1),
.delivery .table__postage th:nth-child(3) {
  width: 12rem;
}
@media (min-width: 1024px) {
  .delivery .table__postage th:nth-child(1) {
    width: 8.6rem;
  }
}
@media (min-width: 1024px) {
  .delivery .table__postage th:nth-child(3) {
    width: 11rem;
  }
}
.delivery .table__postage th:nth-child(2) {
  width: 36rem;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .delivery .table__postage th:nth-child(2) {
    width: 58.1rem;
  }
}
.delivery .table__postage td:nth-child(1),
.delivery .table__postage td:nth-child(3) {
  text-align: center;
}
.delivery .table__postage td:nth-child(1) {
  vertical-align: middle;
}
@media (min-width: 750px) {
  .delivery .table__postage td:nth-child(3) {
    padding: 0;
  }
}
.delivery .table__postage + p {
  margin-bottom: calc(7.2rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .table__postage + p {
    margin-bottom: calc(7.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .table__postage + p {
    padding: 0;
    max-width: 76%;
    margin: 0 auto 3rem;
  }
}
.delivery .font__overseas {
  display: block;
  text-align: center;
}
@media (min-width: 1024px) {
  .delivery .font__overseas {
    max-width: 76%;
    margin: 0 auto;
    text-align: inherit;
  }
}
.delivery .table__cash-on-d {
  border-collapse: collapse;
  background: #fff;
  margin-top: calc(6rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .table__cash-on-d {
    margin-top: calc(6rem * 1);
  }
}
@media (min-width: 1024px) {
  .delivery .table__cash-on-d {
    margin: 3.1rem auto 0;
  }
}
.delivery .table__cash-on-d th {
  background: #D0BB83;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
.delivery .table__cash-on-d td {
  padding: calc(2.2rem * 0.5) calc(2.2rem * 0.5) calc(2.2rem * 0.5) calc(2.3rem * 0.5);
}
@media (min-width: 750px) {
  .delivery .table__cash-on-d td {
    padding: calc(2.2rem * 1) calc(2.2rem * 1) calc(2.2rem * 1) calc(2.3rem * 1);
  }
}
.delivery .table__cash-on-d th, .delivery .table__cash-on-d td {
  border: solid 0.6px #707070;
}
.delivery .table__cash-on-d th:nth-child(1) {
  width: 42rem;
  vertical-align: middle;
}
@media (min-width: 1024px) {
  .delivery .table__cash-on-d th:nth-child(1) {
    width: 51.3rem;
    padding: 1.8rem 0;
  }
}
.delivery .table__cash-on-d th:nth-child(2) {
  width: 18rem;
}
@media (min-width: 1024px) {
  .delivery .table__cash-on-d th:nth-child(2) {
    width: 26.3rem;
    padding: 1.8rem 0;
  }
}
.delivery .table__cash-on-d td:nth-child(2) {
  text-align: center;
}

.pay footer {
  padding-bottom: 28%;
}
@media (min-width: 750px) {
  .pay footer {
    padding-bottom: 24%;
  }
}
@media (min-width: 1024px) {
  .pay footer {
    padding-bottom: calc(17px * 0.9);
  }
}
@media (min-width: 1024px) {
  .pay .inner-layout {
    width: 64.583%;
  }
}
.pay .layout__terms {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
}
@media (min-width: 750px) {
  .pay .layout__terms {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .layout__terms {
    font-size: calc(1.8rem);
    line-height: calc(34/18);
  }
}
.pay .layout__terms span {
  color: #B79538;
}
.pay .layout__terms a {
  text-decoration: underline;
  color: #B79538;
}
/*16.3→7.3*/
@media (min-width: 1024px) {
  .pay .layout__terms p {
    padding: 0 7.3rem;
  }
}
.pay .layout__terms .terms_list + .terms_list {
  margin-top: calc(15.6rem * 0.5);
}
@media (min-width: 750px) {
  .pay .layout__terms .terms_list + .terms_list {
    margin-top: calc(15.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .layout__terms .terms_list + .terms_list {
    margin-top: calc(9.3rem);
  }
}
.pay .layout__use-credit {
  background: #fff;
  border-top: 1px solid #B79538;
  border-bottom: 1px solid #B79538;
  margin-top: calc(4.6rem * 0.5);
  margin-bottom: calc(15.8rem * 0.5);
  padding: calc(5.7rem * 0.5) calc(5.7rem * 0.5) calc(10.9rem * 0.5);
}
@media (min-width: 750px) {
  .pay .layout__use-credit {
    margin-top: calc(4.6rem * 1);
    margin-bottom: calc(15.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .layout__use-credit {
    margin-top: calc(5.5rem);
    padding: 5.6rem 15rem 11.6rem 9rem;
    margin-bottom: 14.2rem;
  }
}
.pay .layout__use-credit h3 {
  font-size: calc(2.8rem * 0.5);
  line-height: calc(42/28);
  margin-bottom: calc(1.3rem * 0.5);
  text-align: center;
}
@media (min-width: 750px) {
  .pay .layout__use-credit h3 {
    font-size: calc(2.8rem * 1);
    margin-bottom: calc(1.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .layout__use-credit h3 {
    font-size: calc(2rem);
    line-height: 1;
    margin-bottom: 0.7rem;
  }
}
.pay .layout__use-credit h3:first-child {
  margin-bottom: calc(3rem * 0.5);
}
@media (min-width: 750px) {
  .pay .layout__use-credit h3:first-child {
    margin-bottom: calc(3rem * 1);
  }
}
.pay .layout__use-credit .number_one, .pay .layout__use-credit img {
  margin-bottom: calc(9rem * 0.5);
}
@media (min-width: 750px) {
  .pay .layout__use-credit .number_one, .pay .layout__use-credit img {
    margin-bottom: calc(9rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .layout__use-credit .number_one {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .pay .layout__use-credit img {
    display: block;
    margin: 0 auto 8.4rem;
  }
}
@media (min-width: 1024px) {
  .pay .layout__use-credit .layout__check {
    padding: 0 0 0 7.9rem;
  }
}
.pay .about-e-collect {
  background: #fff;
  border-top: 1px solid #B79538;
  border-bottom: 1px solid #B79538;
  margin-top: calc(4.6rem * 0.5);
  margin-bottom: calc(6rem * 0.5);
  padding: calc(5.7rem * 0.5) calc(5.7rem * 0.5) calc(12rem * 0.5);
}
@media (min-width: 750px) {
  .pay .about-e-collect {
    margin-top: calc(4.6rem * 1);
    margin-bottom: calc(6rem * 1);
    padding: calc(5.7rem * 1) calc(5.7rem * 1) calc(12rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .about-e-collect {
    padding: 6.4rem 5rem 9.2rem;
    margin-bottom: 4.1rem;
    margin-top: 5.7rem;
  }
}
.pay .about-e-collect h3 {
  font-size: calc(2.8rem * 0.5);
  line-height: calc(42/28);
  text-align: center;
  margin-bottom: calc(2.3rem * 0.5);
}
@media (min-width: 750px) {
  .pay .about-e-collect h3 {
    font-size: calc(2.8rem * 1);
    margin-bottom: calc(2.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .about-e-collect h3 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    line-height: 1;
  }
}
.pay .about-e-collect .more-e-collect {
  margin: calc(4.4rem * 0.5) 0;
}
@media (min-width: 750px) {
  .pay .about-e-collect .more-e-collect {
    margin: calc(4.4rem * 1) 0;
  }
}
@media (min-width: 1024px) {
  .pay .about-e-collect .more-e-collect {
    margin: 2.7rem 0 4.5rem;
  }
}
.pay .about-e-collect .more-e-collect + img {
  margin-bottom: calc(11.4rem * 0.5);
}
@media (min-width: 750px) {
  .pay .about-e-collect .more-e-collect + img {
    margin-bottom: calc(11.4rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .about-e-collect .more-e-collect + img {
    display: block;
    margin: 0 auto 10.4rem;
  }
}
@media (min-width: 1024px) {
  .pay .about-e-collect p {
    padding: 0 10.3rem;
  }
}
.pay .about-e-collect .debit_notice {
  margin-top: calc(4.4rem * 0.5);
  font-size: calc(2.6rem * 0.5);
  line-height: calc(46/26);
}
@media (min-width: 750px) {
  .pay .about-e-collect .debit_notice {
    margin-top: calc(4.4rem * 1);
    font-size: calc(2.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .about-e-collect .debit_notice {
    margin-top: 2.7rem;
    font-size: 1.6rem;
    line-height: calc(28/16);
  }
}
@media (min-width: 1024px) {
  .pay .about-e-collect + p {
    padding: 0 7.3rem;
  }
}
@media (min-width: 1024px) {
  .pay .layout__check {
    padding: 0 16.3rem;
  }
}
.pay .layout__check li {
  padding-left: 1em;
  text-indent: -1em;
}
.pay .layout__check li::before {
  content: "";
  display: inline-block;
  width: calc(2rem * 0.5);
  height: calc(2rem * 0.5);
  margin-right: 0.5rem;
  background-image: url(/assets/img/common/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media (min-width: 750px) {
  .pay .layout__check li::before {
    width: calc(2rem * 1);
    height: calc(2rem * 1);
  }
}
@media (min-width: 1024px) {
  .pay .layout__check li::before {
    margin-right: 0.8rem;
  }
}

.regist footer {
  padding-bottom: 28%;
}
@media (min-width: 750px) {
  .regist footer {
    padding-bottom: 24%;
  }
}
@media (min-width: 1024px) {
  .regist footer {
    padding-bottom: calc(17px * 0.9);
  }
}
@media (min-width: 1024px) {
  .regist .inner-layout {
    width: 64.583%;
  }
}
.regist .layout__terms {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
}
@media (min-width: 750px) {
  .regist .layout__terms {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .regist .layout__terms {
    font-size: calc(1.8rem);
    line-height: calc(34/18);
  }
}
.regist .layout__terms span {
  color: #B79538;
}
.regist .layout__terms a {
  text-decoration: underline;
  color: #B79538;
}
@media (min-width: 1024px) {
  .regist .layout__terms p {
    padding: 0 16.3rem;
  }
  .regist .layout__terms p.first-p {
    padding: 0 0 0 7.9rem;
  }
}
.regist .layout__terms .terms_list + .terms_list {
  margin-top: calc(15.6rem * 0.5);
}
@media (min-width: 750px) {
  .regist .layout__terms .terms_list + .terms_list {
    margin-top: calc(15.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .regist .layout__terms .terms_list + .terms_list {
    margin-top: calc(9.3rem);
  }
}
.regist .layout__terms .bg__white {
  background: #fff;
  border-top: 1px solid #B79538;
  border-bottom: 1px solid #B79538;
  margin-top: calc(3.3rem * 0.5);
  margin-bottom: calc(4.7rem * 0.5);
  padding: calc(5.7rem * 0.5);
}
@media (min-width: 750px) {
  .regist .layout__terms .bg__white {
    margin-top: calc(3.3rem * 1);
    margin-bottom: calc(4.7rem * 1);
    padding: calc(5.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .regist .layout__terms .bg__white {
    width: 65.5%;
    margin: 2.1rem auto 4.5rem;
    padding: calc(5.4rem);
  }
}
.regist .layout__terms .bg__white span {
  display: block;
  text-align: center;
  margin-bottom: calc(2.3rem * 0.5);
  font-size: calc(2.8rem * 0.5);
  line-height: calc(42/28);
}
@media (min-width: 750px) {
  .regist .layout__terms .bg__white span {
    margin-bottom: calc(2.3rem * 1);
    font-size: calc(2.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .regist .layout__terms .bg__white span {
    font-size: calc(2rem);
    line-height: calc(62/20);
  }
}
.regist .layout__terms .bg__white p {
  text-align: center;
}
@media (min-width: 1024px) {
  .regist .layout__terms .bg__white p {
    padding: 0;
  }
}
.regist .layout__terms .bg__white + ul h3 {
  color: #B79538;
  font-weight: normal;
  letter-spacing: -0.03em;
}
@media (min-width: 1024px) {
  .regist .layout__terms .bg__white + ul h3 {
    padding: 0 16.3rem;
  }
}
.regist .layout__terms .bg__white + ul p {
  letter-spacing: -0.03em;
}
.regist .layout__terms .bg__white + ul li + li {
  margin-top: calc(7.7rem * 0.5);
}
@media (min-width: 750px) {
  .regist .layout__terms .bg__white + ul li + li {
    margin-top: calc(7.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .regist .layout__terms .bg__white + ul li + li {
    margin-top: calc(5.1rem);
  }
}
.regist .layout__terms .bg__white + ul li:nth-child(4) p::before,
.regist .layout__terms .bg__white + ul li:nth-child(6) p::before {
  display: inline-block;
  content: "";
  width: 0.85em;
  height: 0.85em;
  background: #000;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
}
@media (min-width: 1024px) {
  .regist .layout__check {
    padding: 0 0 0 7.9rem;
  }
}
.regist .layout__check li {
  padding-left: 1em;
  text-indent: -1em;
}
.regist .layout__check li::before {
  content: "";
  display: inline-block;
  width: calc(2rem * 0.5);
  height: calc(2rem * 0.5);
  margin-right: 0.5rem;
  background-image: url(/assets/img/common/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
@media (min-width: 750px) {
  .regist .layout__check li::before {
    width: calc(2rem * 1);
    height: calc(2rem * 1);
  }
}
@media (min-width: 1024px) {
  .regist .layout__check li::before {
    margin-right: 0.8rem;
  }
}

.change footer {
  padding-bottom: 28%;
}
@media (min-width: 750px) {
  .change footer {
    padding-bottom: 24%;
  }
}
@media (min-width: 1024px) {
  .change footer {
    padding-bottom: calc(17px * 0.9);
  }
}
@media (min-width: 1024px) {
  .change .inner-layout {
    width: 64.583%;
  }
}
.change .ttl__sg-sub + p {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
  margin-bottom: calc(14.5rem * 0.5);
}
@media (min-width: 750px) {
  .change .ttl__sg-sub + p {
    font-size: calc(2.7rem * 1);
    margin-bottom: calc(14.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .change .ttl__sg-sub + p {
    font-size: calc(1.8rem);
    line-height: calc(34/18);
    margin-bottom: 8rem;
    padding: 0 16.3rem;
  }
}
.change .ttl__sg-sub + p.last-p {
  margin-bottom: 0;
}

.faq footer {
  padding-bottom: 28%;
}
@media (min-width: 750px) {
  .faq footer {
    padding-bottom: 24%;
  }
}
@media (min-width: 1024px) {
  .faq footer {
    padding-bottom: calc(17px * 0.9);
  }
}
@media (min-width: 1024px) {
  .faq .inner-layout {
    width: 64.583%;
  }
}

@media (min-width: 1024px) {
  .legal-notics .inner-layout {
    width: 57.222%;
  }
}
.legal-notics .ttl__under {
  margin-bottom: calc(2.3rem * 0.5);
}
@media (min-width: 750px) {
  .legal-notics .ttl__under {
    margin-bottom: calc(2.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .legal-notics .ttl__under {
    margin-bottom: calc(2.5rem);
  }
}
.legal-notics .ttl__under + span {
  display: block;
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  line-height: calc(62/32);
  text-align: center;
  margin-bottom: calc(10.1rem * 0.5);
}
@media (min-width: 750px) {
  .legal-notics .ttl__under + span {
    font-size: calc(3.2rem * 1);
    margin-bottom: calc(10.1rem * 1);
  }
}
@media (min-width: 1024px) {
  .legal-notics .ttl__under + span {
    font-size: calc(2.4rem);
    line-height: calc(42/24);
    margin-bottom: calc(7.2rem);
  }
}
.legal-notics dl {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.legal-notics dl dt, .legal-notics dl dd {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
}
@media (min-width: 750px) {
  .legal-notics dl dt, .legal-notics dl dd {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .legal-notics dl dt, .legal-notics dl dd {
    font-size: calc(1.8rem);
    line-height: calc(42/18);
  }
}
.legal-notics dl dt {
  width: 40.8%;
  color: #B79538;
  text-align: right;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .legal-notics dl dt {
    width: 19.5%;
  }
}
.legal-notics dl dd {
  width: 59.2%;
  padding-left: calc(3.2rem * 0.5);
}
@media (min-width: 750px) {
  .legal-notics dl dd {
    padding-left: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .legal-notics dl dd {
    width: 80.5%;
    padding-left: calc(2.2rem);
  }
}
.legal-notics dl dd span {
  display: block;
}
.legal-notics dl dd span::before {
  display: inline-block;
  content: "";
  width: 0.85em;
  height: 0.85em;
  background: #000;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .privacy-policy .inner-layout {
    width: 57.222%;
  }
}
.privacy-policy .ttl__under {
  margin-bottom: calc(2.3rem * 0.5);
}
@media (min-width: 750px) {
  .privacy-policy .ttl__under {
    margin-bottom: calc(2.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy .ttl__under {
    margin-bottom: calc(2.5rem);
  }
}
.privacy-policy .ttl__under + span {
  display: block;
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  line-height: calc(62/32);
  text-align: center;
  margin-bottom: calc(10.1rem * 0.5);
}
@media (min-width: 750px) {
  .privacy-policy .ttl__under + span {
    font-size: calc(3.2rem * 1);
    margin-bottom: calc(10.1rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy .ttl__under + span {
    font-size: calc(2.4rem);
    line-height: calc(42/24);
    margin-bottom: calc(7.2rem);
  }
}
.privacy-policy .ttl__under + span + p {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
  margin-bottom: calc(8.9rem * 0.5);
}
@media (min-width: 750px) {
  .privacy-policy .ttl__under + span + p {
    font-size: calc(2.7rem * 1);
    margin-bottom: calc(8.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy .ttl__under + span + p {
    font-size: calc(1.8rem);
    line-height: calc(42/18);
    letter-spacing: -0.04em;
    margin-bottom: calc(8.4rem * 1);
  }
}
.privacy-policy main .layout h2 {
  color: #B79538;
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
  font-weight: normal;
}
@media (min-width: 750px) {
  .privacy-policy main .layout h2 {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy main .layout h2 {
    font-size: calc(1.8rem);
    line-height: calc(42/18);
    letter-spacing: -0.04em;
  }
}
.privacy-policy main .layout h3 {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
  font-weight: bold;
}
@media (min-width: 750px) {
  .privacy-policy main .layout h3 {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy main .layout h3 {
    font-size: calc(1.8rem);
    line-height: calc(42/18);
    letter-spacing: -0.04em;
  }
}
.privacy-policy main .layout p {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
  margin-bottom: calc(3rem * 0.5);
}
@media (min-width: 750px) {
  .privacy-policy main .layout p {
    font-size: calc(2.7rem * 1);
    margin-bottom: calc(3rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy main .layout p {
    font-size: calc(1.8rem);
    line-height: calc(42/18);
    letter-spacing: -0.04em;
  }
}
.privacy-policy main .layout p + h3 {
  margin-top: calc(3rem * 0.5);
}
@media (min-width: 750px) {
  .privacy-policy main .layout p + h3 {
    margin-top: calc(3rem * 1);
  }
}
.privacy-policy main .layout ol li {
  font-size: calc(2.7rem * 0.5);
  line-height: 1.75;
  list-style-type: decimal;
  margin-left: 1em;
  padding-left: 0.4em;
  margin-bottom: 1.15em;
}
.privacy-policy main .layout ol li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 750px) {
  .privacy-policy main .layout ol li {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy main .layout ol li {
    font-size: calc(1.8rem);
    letter-spacing: -0.04em;
  }
}
.privacy-policy main .layout + .layout {
  margin-top: calc(9.3rem * 0.5);
}
@media (min-width: 750px) {
  .privacy-policy main .layout + .layout {
    margin-top: calc(9.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .privacy-policy main .layout + .layout {
    margin-top: calc(7.5rem);
  }
}

@media (min-width: 1024px) {
  .company-profile .inner-layout {
    width: 57.222%;
  }
}
.company-profile .ttl__under {
  margin-bottom: calc(2.3rem * 0.5);
}
@media (min-width: 750px) {
  .company-profile .ttl__under {
    margin-bottom: calc(2.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .company-profile .ttl__under {
    margin-bottom: calc(2.5rem);
  }
}
.company-profile .ttl__under + span {
  display: block;
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  line-height: calc(62/32);
  margin-bottom: calc(10.1rem * 0.5);
}
@media (min-width: 750px) {
  .company-profile .ttl__under + span {
    font-size: calc(3.2rem * 1);
    margin-bottom: calc(10.1rem * 1);
  }
}
@media (min-width: 1024px) {
  .company-profile .ttl__under + span {
    font-size: calc(2.4rem);
    line-height: calc(42/24);
  }
}
.company-profile dl {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.company-profile dl dt, .company-profile dl dd {
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
}
@media (min-width: 750px) {
  .company-profile dl dt, .company-profile dl dd {
    font-size: calc(2.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .company-profile dl dt, .company-profile dl dd {
    font-size: calc(1.8rem);
    line-height: calc(42/18);
  }
}
.company-profile dl dt {
  width: 40.8%;
  color: #B79538;
  text-align: right;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .company-profile dl dt {
    width: 19.5%;
  }
}
.company-profile dl dd {
  width: 59.2%;
  padding-left: calc(3.2rem * 0.5);
}
@media (min-width: 750px) {
  .company-profile dl dd {
    padding-left: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .company-profile dl dd {
    width: 80.5%;
    padding-left: calc(2.2rem);
  }
}

.shopping-guide.regular_index .type_regular_index {
  width: 88%;
}
@media (min-width: 1024px) {
  .shopping-guide.regular_index .type_regular_index {
    width: 110rem;
  }
}

.regular_index_layout {
  width: 100%;
  background: #FFF;
  padding: 3rem 5.5% 7.2rem 5.5%;
}
@media (min-width: 1024px) {
  .regular_index_layout {
    padding: 5.2rem 7.2rem 11.1rem 7.2rem;
  }
}
.regular_index_layout h2 {
  text-align: center;
  font-size: calc(2.4rem * 0.6);
  margin-bottom: 1.5em;
}
@media (min-width: 1024px) {
  .regular_index_layout h2 {
    font-size: calc(2.4rem * 1);
  }
}
.regular_index_layout .layout {
  width: 100%;
}
.regular_index_layout .layout .layout_li {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: calc(3.6rem * 0.75);
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li {
    margin-bottom: calc(3.6rem * 1);
    flex-direction: row;
    justify-content: space-between;
  }
}
.regular_index_layout .layout .layout_li:last-of-type {
  margin-bottom: 0;
}
.regular_index_layout .layout .layout_li .image {
  width: 100%;
  background: #F7F4F4;
  height: 34vw;
  text-align: center;
  margin-bottom: 1px;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .image {
    width: 24rem;
    height: 24rem;
    margin-bottom: 0;
  }
}
.regular_index_layout .layout .layout_li .image img {
  width: auto;
  height: 100%;
}
.regular_index_layout .layout .layout_li .text {
  width: 100%;
  padding: 2.5rem 7%;
  background: #F7F4F4;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text {
    width: 70rem;
    height: 24rem;
    padding: 3.6rem 3.6rem 0 3.6rem;
    position: relative;
  }
}
.regular_index_layout .layout .layout_li .text h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(1.7rem * 0.7);
  margin-bottom: 1em;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text h3 {
    font-size: calc(1.7rem * 1);
    justify-content: flex-start;
  }
}
.regular_index_layout .layout .layout_li .text h3 .tag {
  background: #B79538;
  color: #FFF;
  display: block;
  padding: 0.3em 0.75em;
  border-radius: 100px;
  margin-right: 0.5em;
}
.regular_index_layout .layout .layout_li .text h3 .ttl {
  font-size: calc(2.4rem * 0.7);
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text h3 .ttl {
    font-size: calc(2.4rem * 1);
  }
}
.regular_index_layout .layout .layout_li .text ul {
  font-size: calc(1.9rem * 0.7);
  margin-bottom: 1em;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text ul {
    font-size: calc(1.9rem * 1);
  }
}
.regular_index_layout .layout .layout_li .text ul li {
  line-height: 1.48;
  text-align: center;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text ul li {
    text-align: left;
  }
}
.regular_index_layout .layout .layout_li .text .money {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 2em;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text .money {
    justify-content: flex-start;
  }
}
.regular_index_layout .layout .layout_li .text .money .nth-1 {
  font-size: calc(1.7rem * 0.7);
  margin-right: 0.4em;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text .money .nth-1 {
    font-size: calc(1.7rem * 1);
  }
}
.regular_index_layout .layout .layout_li .text .money .nth-2 {
  font-size: calc(3.2rem * 0.7);
  color: #FA1247;
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text .money .nth-2 {
    font-size: calc(3.2rem * 1);
  }
}
.regular_index_layout .layout .layout_li .text .money .nth-3 {
  font-size: calc(2rem * 0.7);
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text .money .nth-3 {
    font-size: calc(2rem * 1);
  }
}
.regular_index_layout .layout .layout_li .text .money .nth-4 {
  font-size: calc(1.6rem * 0.7);
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text .money .nth-4 {
    font-size: calc(1.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .regular_index_layout .layout .layout_li .text .btn__cta {
    position: absolute;
    bottom: 3.8rem;
    right: 3.8rem;
    width: 22.1rem;
  }
}

.regular .colorprimary {
  color: #B79538;
}
.regular .ttlregular {
  margin-bottom: calc(4.4rem *0.5);
}
@media (min-width: 1024px) {
  .regular .ttlregular {
    margin-bottom: 3.5rem;
  }
}
.regular .ttlregular img {
  display: block;
  width: 100%;
}
.regular footer {
  padding-bottom: 28%;
}
@media (min-width: 750px) {
  .regular footer {
    padding-bottom: 24%;
  }
}
@media (min-width: 1024px) {
  .regular footer {
    padding-bottom: calc(17px * 0.9);
  }
}
.regular .inner-layout {
  width: 100%;
}
.regular .layout-regular-wrap {
  width: 90.5%;
  margin: 0 auto;
  background: #FFF;
}
@media (min-width: 1024px) {
  .regular .layout-regular-wrap {
    width: 110rem;
  }
}

.layout-regular-wrap.nth-1 .layout-regular-inner {
  padding-top: calc(7.5rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner {
    padding-top: 5.8rem;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .ttlmain {
  font-size: calc(3.8rem * 0.5);
  text-align: center;
  color: #B79538;
  letter-spacing: -0.04em;
  margin-bottom: calc(6rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .ttlmain {
    font-size: 2.6rem;
    margin-bottom: 4.3rem;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .readimg {
  display: block;
  width: 66.323%;
  margin: 0 auto;
  margin-bottom: calc(8rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .readimg {
    width: 70.7rem;
    margin-bottom: 4.3rem;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .readimg img {
  display: block;
  width: 100%;
}
.layout-regular-wrap.nth-1 .layout-regular-inner .ttlsmall {
  font-size: calc(3.4rem * 0.5);
  text-align: center;
  margin-bottom: 1em;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .ttlsmall {
    font-size: 2.6rem;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .text01 {
  text-align: center;
  font-size: calc(2.6rem * 0.5);
  line-height: 1.75;
  margin-bottom: calc(4rem *0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .text01 {
    font-size: 2rem;
    line-height: 1.7;
    margin-bottom: 0.8rem;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .mainimg {
  display: block;
  margin: 0 auto;
  width: 78.676%;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .mainimg {
    width: 44.1rem;
    margin-bottom: 0;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .cardlist {
  margin-bottom: calc(4rem * 0.4);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .cardlist {
    margin-bottom: 4.3rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .cardlist li {
  width: 100%;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .cardlist li {
    width: 28rem;
    margin: 0 1.4rem;
    margin-bottom: 1.9rem;
  }
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .cardlist li:nth-of-type(n + 4) {
    margin-bottom: 0;
  }
}
.layout-regular-wrap.nth-1 .layout-regular-inner .cardlist li picture {
  display: block;
  width: 100%;
}
.layout-regular-wrap.nth-1 .layout-regular-inner .cardlist li picture img {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-1 .layout-regular-inner .cardlist li picture img {
    filter: drop-shadow(0 0.3rem 0.3rem rgba(0, 0, 0, 0.3));
  }
}

.layout-regular-wrap.nth-2 {
  margin-top: -2vw;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-2 {
    margin-top: -3rem;
  }
}
.layout-regular-wrap.nth-2 .layout-regular-inner {
  width: 93%;
  margin: 0 auto;
  padding-bottom: calc(8.2rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-2 .layout-regular-inner {
    width: 100rem;
    padding-bottom: 7.3rem;
  }
}
.layout-regular-wrap.nth-2 .layout-regular-inner .text {
  font-size: calc(2.6rem * 0.5);
  line-height: 1.75;
  width: 93%;
  margin: 0 auto;
  margin-bottom: calc(4.4rem *0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-2 .layout-regular-inner .text {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 3.5rem;
  }
}
.layout-regular-wrap.nth-2 .layout-regular-inner .ol-cardlist li {
  width: 100%;
  margin-bottom: calc(3rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-2 .layout-regular-inner .ol-cardlist li {
    margin-bottom: 2.8rem;
  }
}
.layout-regular-wrap.nth-2 .layout-regular-inner .ol-cardlist li:last-of-type {
  margin-bottom: 0;
}
.layout-regular-wrap.nth-2 .layout-regular-inner .ol-cardlist li picture {
  display: block;
  width: 100%;
}
.layout-regular-wrap.nth-2 .layout-regular-inner .ol-cardlist li picture img {
  display: block;
  width: 100%;
}

.layout-regular-wrap.nth-3 .layout-regular-inner {
  width: 93%;
  margin: 0 auto;
  padding-bottom: calc(5.6rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-3 .layout-regular-inner {
    width: 100rem;
    padding-bottom: 3.4rem;
  }
}
.layout-regular-wrap.nth-3 .layout-regular-inner p {
  width: 100%;
}
.layout-regular-wrap.nth-3 .layout-regular-inner p img {
  width: 100%;
}
.layout-regular-wrap.nth-3 .layout-regular-inner .regular-point {
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-top: calc(6.7rem * 0.5);
  margin-bottom: calc(9.2rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-3 .layout-regular-inner .regular-point {
    margin-top: 4rem;
    margin-bottom: 3.7rem;
  }
}
.layout-regular-wrap.nth-3 .layout-regular-inner .regular-point img {
  display: block;
  width: 100%;
}
.layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-normal {
  display: block;
  width: 100%;
  margin-bottom: calc(2.3rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-normal {
    margin-bottom: 2.7rem;
  }
}
.layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-special {
  display: block;
  width: 100%;
  margin-bottom: calc(3.3rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-special {
    margin-bottom: 2.4rem;
  }
}
.layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-specialtxt {
  display: block;
  width: 73.7%;
  margin-bottom: calc(4.7rem * 0.5);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-specialtxt {
    width: 79.8rem;
    margin-bottom: 4.9rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-table {
  display: block;
  width: 100%;
  margin-bottom: calc(4.2rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-table {
    margin-bottom: 3.8rem;
  }
}
.layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-specialtxt02 {
  display: block;
  margin: 0 auto;
  width: 85.7%;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-3 .layout-regular-inner .regular-point-specialtxt02 {
    margin-bottom: 3.4rem;
  }
}

.layout-regular-wrap.nth-4 {
  width: 100%;
  background: #F8F4E9;
  padding-bottom: calc(9rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-4 {
    width: 110rem;
    padding-bottom: 9rem;
  }
}
.layout-regular-wrap.nth-4 .layout-regular-inner .ttlregular {
  width: 84.2%;
  margin: 0 auto;
  position: relative;
  top: calc(-2.7rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-4 .layout-regular-inner .ttlregular {
    width: 100rem;
    top: calc(-4.6rem * 0.5);
  }
}
.layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout {
  width: 90.5%;
  margin: 0 auto;
  margin-top: calc(4rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout {
    width: 80.6rem;
    margin-top: 2.9rem;
  }
}
.layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout li {
  position: relative;
  margin-bottom: calc(3rem * 0.5);
  width: 100%;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout li {
    margin-bottom: 5.2rem;
  }
}
.layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout li:last-of-type {
  margin-bottom: 0;
}
.layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout li .bg img {
  display: block;
  width: 100%;
  filter: drop-shadow(0 0.3rem 0.3rem rgba(0, 0, 0, 0.16));
}
.layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout li a {
  display: block;
  width: calc(52.8rem * 0.5);
  position: absolute;
  bottom: calc(4.7rem * 0.5);
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout li a {
    width: 39.2rem;
    height: 6.2rem;
    bottom: 4.3rem;
    left: auto;
    right: 7.6rem;
  }
}
.layout-regular-wrap.nth-4 .layout-regular-inner .regular-cta-layout li a img {
  display: block;
  width: 100%;
}
.layout-regular-wrap.nth-4.type-2 {
  background: #FFF;
  padding-bottom: calc(9rem * 0.75);
  width: 90.5%;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-4.type-2 {
    padding-bottom: calc(9rem * 1.25);
    width: 110rem;
  }
}
.layout-regular-wrap.nth-4.type-2 .regular-cta-layout {
  margin-top: 0;
}

.layout-regular-wrap.nth-5 .layout-regular-inner {
  width: 90.5%;
  margin: 0 auto;
  padding-bottom: calc(5.6rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-5 .layout-regular-inner {
    width: 100rem;
    padding-bottom: 10.5rem;
  }
}
.layout-regular-wrap.nth-5 .layout-regular-inner .ttlregular {
  position: relative;
  top: calc(-2.7rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-5 .layout-regular-inner .ttlregular {
    top: calc(-4.2rem * 0.5);
  }
}
.layout-regular-wrap.nth-5 .layout-regular-inner .layout {
  margin-bottom: calc(5rem * 0.75);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-5 .layout-regular-inner .layout {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.4rem;
  }
}
.layout-regular-wrap.nth-5 .layout-regular-inner .layout h3 {
  font-size: 1.6rem;
  color: #B79538;
  margin-bottom: 0.65em;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-5 .layout-regular-inner .layout h3 {
    font-size: 2.2rem;
  }
}
.layout-regular-wrap.nth-5 .layout-regular-inner .layout ul li {
  list-style: none;
  display: flex;
  font-size: 1.3rem;
  line-height: 1.75;
  margin-bottom: 0.75em;
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-5 .layout-regular-inner .layout ul li {
    margin-bottom: 0;
    font-size: 1.6rem;
  }
}
.layout-regular-wrap.nth-5 .layout-regular-inner .layout ul li:before {
  content: "●";
  display: block;
  margin-right: 0.25em;
}
.layout-regular-wrap.nth-5 .layout-regular-inner .layout ul li .text {
  display: block;
}

.layout-regular-wrap.nth-6 .layout-regular-inner {
  width: 93%;
  margin: 0 auto;
  padding-bottom: calc(12rem * 0.5);
}
@media (min-width: 1024px) {
  .layout-regular-wrap.nth-6 .layout-regular-inner {
    width: 100rem;
    padding-bottom: 10.8rem;
  }
}

.interview .inner-wrap {
  margin-top: 60px;
  width: 100%;
  padding-top: calc(42/750*100vw);
  background-image: url(../img/interview/bg--sp.jpg);
  background-size: cover;
  background-position: top center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .interview .inner-wrap {
    background-image: url(../img/interview/bg--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview .inner-wrap {
    margin-top: 70px;
    padding-top: calc(54/1440*100vw);
    background-image: url(../img/interview/bg--pc.jpg);
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .interview .inner-wrap {
    background-image: url(../img/interview/bg--pc@2x.jpg);
  }
}
.interview .ttl {
  font-size: calc(38/750*100vw);
  text-align: center;
  color: #C8AC65;
  margin-bottom: calc(29/750*100vw);
}
@media (min-width: 1024px) {
  .interview .ttl {
    font-size: calc(36/1440*100vw);
    margin-bottom: calc(22/1440*100vw);
  }
}
.interview .ttl__interview {
  margin-bottom: calc(29/750*100vw);
}
@media (min-width: 1024px) {
  .interview .ttl__interview {
    margin-bottom: calc(33/1440*100vw);
  }
}
.interview .read {
  text-align: center;
  font-size: calc(24/750*100vw);
  line-height: 1.666;
  margin-bottom: 2em;
}
@media (min-width: 1024px) {
  .interview .read {
    font-size: calc(18/1440*100vw);
    margin-bottom: 3em;
  }
}
.interview .inner-layout {
  width: 80%;
}
@media (min-width: 1024px) {
  .interview .inner-layout {
    width: 76.388;
  }
}

.interview-vol main {
  background: #FFF;
}
.interview-vol .fv {
  margin-top: 60px;
  width: 100%;
  position: relative;
}
.interview-vol .fv .ttl {
  font-size: calc(40/750*100vw);
  color: #C8AC65;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  margin-top: calc(53/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .fv .ttl {
    font-size: calc(28/1440*100vw);
    margin-top: calc(42/1440*100vw);
  }
}
.interview-vol .fv .ttl.white {
  color: #FFF;
}
.interview-vol .fv .pic {
  display: block;
  width: 100%;
}
.interview-vol .fv .pic img {
  display: block;
  width: 100%;
}
.interview-vol .fv .vol {
  width: calc(124/750*100vw);
  height: calc(124/750*100vw);
  border-radius: 50%;
  background: #D0BB83;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: calc(-58/750*100vw);
  right: calc(80/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .fv .vol {
    width: calc(124/1440*100vw);
    height: calc(124/1440*100vw);
    bottom: calc(-62/1440*100vw);
    right: calc(-580/1440*100vw);
    left: calc(0/1440*100vw);
    margin: auto;
  }
}
.interview-vol .fv .vol span {
  display: block;
  font-size: calc(39/750*100vw);
  color: #FFF;
}
@media (min-width: 1024px) {
  .interview-vol .fv .vol span {
    font-size: calc(37/1440*100vw);
  }
}
.interview-vol .read-layout {
  padding-top: calc(66/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .read-layout {
    padding-top: calc(48/1440*100vw);
  }
}
.interview-vol .read-layout .read-ttl {
  font-size: calc(26/750*100vw);
  line-height: 1.846;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1.5em;
  color: #B79538;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .read-ttl {
    font-size: calc(24/1440*100vw);
    line-height: 1.75;
  }
}
.interview-vol .read-layout .read-ttl.blue {
  color: #0091AC;
}
.interview-vol .read-layout .read-text {
  font-size: calc(20/750*100vw);
  line-height: 1.7;
  text-align: center;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .read-text {
    font-size: calc(18/1440*100vw);
    line-height: 1.888;
  }
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .read-text .pcblock {
    display: block;
  }
}
.interview-vol .read-layout .read-text + .read-text {
  margin-top: 1.7em;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .read-text + .read-text {
    margin-top: 0;
  }
}
.interview-vol .read-layout .layout {
  margin-top: calc(68/750*100vw);
  position: relative;
  width: 100%;
  padding-top: 48.555%;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout {
    margin-top: calc(58/1440*100vw);
    padding-top: 50.555%;
  }
}
.interview-vol .read-layout .layout .pic-01 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(445/750*100vw);
  z-index: 1;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout .pic-01 {
    width: calc(908/1440*100%);
  }
}
.interview-vol .read-layout .layout .pic-01 img {
  display: block;
  width: 100%;
}
.interview-vol .read-layout .layout .pic-02 {
  position: absolute;
  top: calc(171/750*100vw);
  left: calc(344/750*100vw);
  width: calc(257/750*100vw);
  z-index: 2;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout .pic-02 {
    top: auto;
    left: calc(638/1440*100%);
    width: calc(466/1440*100%);
    bottom: 0;
  }
}
.interview-vol .read-layout .layout .pic-02 img {
  display: block;
  width: 100%;
}
.interview-vol .read-layout .layout .pic-03 {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(289/750*100vw);
  z-index: 1;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout .pic-03 {
    width: calc(516/1440*100%);
  }
}
.interview-vol .read-layout .layout .pic-03 img {
  display: block;
  width: 100%;
}
.interview-vol .read-layout .layout.type-2 {
  padding-top: 52.4%;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-2 {
    padding-top: 50.208%;
  }
}
.interview-vol .read-layout .layout.type-2 .pic-01 {
  width: calc(289/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-2 .pic-01 {
    width: calc(516/1440*100%);
  }
}
.interview-vol .read-layout .layout.type-2 .pic-02 {
  top: calc(215/750*100vw);
  left: calc(208/750*100vw);
  width: calc(237/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-2 .pic-02 {
    top: auto;
    bottom: 0;
    left: calc(238/1440*100vw);
    width: calc(474/1440*100%);
  }
}
.interview-vol .read-layout .layout.type-2 .pic-03 {
  width: calc(445/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-2 .pic-03 {
    width: calc(908/1440*100%);
  }
}
.interview-vol .read-layout .layout.type-3 {
  padding-top: 53.6%;
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-3 {
    padding-top: 53.611%;
  }
}
.interview-vol .read-layout .layout.type-3 .pic-01 {
  width: calc(503/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-3 .pic-01 {
    width: calc(965/1440*100%);
  }
}
.interview-vol .read-layout .layout.type-3 .pic-02 {
  top: calc(217/750*100vw);
  left: calc(394/750*100vw);
  width: calc(247/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-3 .pic-02 {
    top: auto;
    bottom: 0;
    left: calc(756/1440*100vw);
    width: calc(474/1440*100%);
  }
}
.interview-vol .read-layout .layout.type-3 .pic-03 {
  width: calc(233/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .read-layout .layout.type-3 .pic-03 {
    width: calc(447/1440*100%);
  }
}
.interview-vol .contents {
  margin-top: calc(60/750*100vw);
  position: relative;
}
@media (min-width: 1024px) {
  .interview-vol .contents {
    margin-top: calc(68/1440*100vw);
    background-size: contain, contain;
    background-repeat: no-repeat, no-repeat;
  }
}
.interview-vol .contents .bg-01 {
  background-size: contain;
  background-repeat: no-repeat;
}
.interview-vol .contents .bg-02 {
  background-size: contain;
  background-repeat: no-repeat;
}
.interview-vol .contents .inner-layout {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout {
    width: calc(880/1440*100vw);
  }
}
.interview-vol .contents .inner-layout .ttl-middle {
  text-align: center;
  font-size: calc(26/750*100vw);
  line-height: 1.845;
  color: #D0BB83;
  margin-bottom: 1em;
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .ttl-middle {
    font-size: calc(24/1440*100vw);
    line-height: 1.75;
  }
}
.interview-vol .contents .inner-layout .ttl-middle.blue {
  color: #0091AC;
}
.interview-vol .contents .inner-layout .read {
  width: 80%;
  margin: 0 auto;
  font-size: calc(18/750*100vw);
  line-height: 2;
  margin-bottom: 3em;
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .read {
    width: 100%;
    font-size: calc(16/1440*100vw);
    margin-bottom: 1.8em;
  }
}
.interview-vol .contents .inner-layout .picture.mb {
  margin-bottom: calc(38/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .picture.mb {
    margin-bottom: calc(42/1440*100vw);
  }
}
.interview-vol .contents .inner-layout .picture.mbl {
  margin-bottom: calc(70/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .picture.mbl {
    margin-bottom: calc(70/1440*100vw);
  }
}
.interview-vol .contents .inner-layout .picture.bgwhite {
  background-color: #FFF;
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .picture.bgwhite {
    background-color: none;
  }
}
.interview-vol .contents .inner-layout .picture img {
  display: block;
  width: 100%;
}
.interview-vol .contents .inner-layout .picture .text {
  font-size: calc(18/750*100vw);
  width: 80%;
  display: block;
  margin: 0 auto;
  line-height: 2;
  margin-top: 1em;
  margin-bottom: 2.4em;
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .picture .text {
    font-size: calc(16/1440*100vw);
    width: 100%;
    margin-top: 1.1em;
    margin-bottom: 2.8em;
  }
}
.interview-vol .contents .inner-layout .picture .profile {
  background: #F7F4F4;
  padding: calc(38/750*100vw);
  width: 80%;
  margin: 0 auto;
  margin-top: calc(22/750*100vw);
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .picture .profile {
    width: 100%;
    padding: calc(38/1440*100vw);
    margin-top: calc(30/1440*100vw);
  }
}
.interview-vol .contents .inner-layout .picture .profile h3 {
  font-size: calc(22/750*100vw);
  margin-bottom: 1.2em;
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .picture .profile h3 {
    font-size: calc(22/1440*100vw);
    margin-bottom: 0.8em;
  }
}
.interview-vol .contents .inner-layout .picture .profile p {
  font-size: calc(16/750*100vw);
  line-height: 2;
}
@media (min-width: 1024px) {
  .interview-vol .contents .inner-layout .picture .profile p {
    font-size: calc(16/1440*100vw);
  }
}

.interview-vol.vol01 .contents .bg-01 {
  background-image: url(../img/interview/vol01/bg-01--sp.jpg);
  background-position: top calc(243/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol01 .contents .bg-01 {
    background-image: url(../img/interview/vol02/bg-01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol01 .contents .bg-01 {
    background-image: none;
  }
}
.interview-vol.vol01 .contents .bg-02 {
  background-image: url(../img/interview/vol01/bg-02--sp.jpg);
  background-position: top calc(270/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol01 .contents .bg-02 {
    background-image: url(../img/interview/vol02/bg-02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol01 .contents .bg-02 {
    background-image: none;
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol01 .contents {
    background-image: url(../img/interview/vol01/bg-01--pc.jpg), url(../img/interview/vol01/bg-02--pc.jpg);
    background-position: top calc(324/1440*100vw) left 0, top calc(3840/1440*100vw) left 0;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .interview-vol.vol01 .contents {
    background-image: url(../img/interview/vol01/bg-01--pc@2x.jpg), url(../img/interview/vol01/bg-02--pc@2x.jpg);
  }
}
.interview-vol.vol02 .contents .bg-01 {
  background-image: url(../img/interview/vol02/bg-01--sp.jpg);
  background-position: top calc(65/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol02 .contents .bg-01 {
    background-image: url(../img/interview/vol02/bg-01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol02 .contents .bg-01 {
    background-image: none;
  }
}
.interview-vol.vol02 .contents .bg-02 {
  background-image: url(../img/interview/vol02/bg-02--sp.jpg);
  background-position: top calc(83/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol02 .contents .bg-02 {
    background-image: url(../img/interview/vol02/bg-02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol02 .contents .bg-02 {
    background-image: none;
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol02 .contents {
    background-image: url(../img/interview/vol02/bg-01--pc.jpg), url(../img/interview/vol02/bg-02--pc.jpg);
    background-position: top calc(290/1440*100vw) left 0, top calc(3784/1440*100vw) left 0;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .interview-vol.vol02 .contents {
    background-image: url(../img/interview/vol02/bg-01--pc@2x.jpg), url(../img/interview/vol02/bg-02--pc@2x.jpg);
  }
}
.interview-vol.vol03 .contents .bg-01 {
  background-image: url(../img/interview/vol03/bg-01--sp.jpg);
  background-position: top calc(227/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol03 .contents .bg-01 {
    background-image: url(../img/interview/vol03/bg-01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol03 .contents .bg-01 {
    background-image: none;
  }
}
.interview-vol.vol03 .contents .bg-02 {
  background-image: url(../img/interview/vol03/bg-02--sp.jpg);
  background-position: top calc(177/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol03 .contents .bg-02 {
    background-image: url(../img/interview/vol03/bg-02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol03 .contents .bg-02 {
    background-image: none;
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol03 .contents {
    background-image: url(../img/interview/vol03/bg-01--pc.jpg), url(../img/interview/vol03/bg-02--pc.jpg);
    background-position: top calc(310/1440*100vw) left 0, top calc(3910/1440*100vw) left 0;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .interview-vol.vol03 .contents {
    background-image: url(../img/interview/vol03/bg-01--pc@2x.jpg), url(../img/interview/vol03/bg-02--pc@2x.jpg);
  }
}
.interview-vol.vol04 .contents .bg-01 {
  background-image: url(../img/interview/vol04/bg-01--sp.jpg);
  background-position: top calc(227/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol04 .contents .bg-01 {
    background-image: url(../img/interview/vol04/bg-01--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol04 .contents .bg-01 {
    background-image: none;
  }
}
.interview-vol.vol04 .contents .bg-02 {
  background-image: url(../img/interview/vol04/bg-02--sp.jpg);
  background-position: top calc(488/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol04 .contents .bg-02 {
    background-image: url(../img/interview/vol04/bg-02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol04 .contents .bg-02 {
    background-image: none;
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol04 .contents {
    background-image: url(../img/interview/vol04/bg-01--pc.jpg), url(../img/interview/vol04/bg-02--pc.jpg);
    background-position: top calc(310/1440*100vw) left 0, top calc(5290/1440*100vw) left 0;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .interview-vol.vol04 .contents {
    background-image: url(../img/interview/vol04/bg-01--pc@2x.jpg), url(../img/interview/vol04/bg-02--pc@2x.jpg);
  }
}
.interview-vol.vol05 .contents .bg-02 {
  background-image: url(../img/interview/vol05/bg-02--sp.jpg);
  background-position: top calc(143/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol05 .contents .bg-02 {
    background-image: url(../img/interview/vol05/bg-02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol05 .contents .bg-02 {
    background-image: none;
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol05 .contents {
    background-image: url(../img/interview/vol05/bg-01--pc.jpg), url(../img/interview/vol05/bg-02--pc.jpg);
    background-position: top calc(2090/1440*100vw) left 0, top calc(5120/1440*100vw) left 0;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .interview-vol.vol05 .contents {
    background-image: url(../img/interview/vol05/bg-01--pc@2x.jpg), url(../img/interview/vol05/bg-02--pc@2x.jpg);
  }
}
.interview-vol.vol06 .contents .bg-01 {
  background-image: url(../img/interview/vol06/bg-01--sp.png);
  background-position: top calc(159/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol06 .contents .bg-01 {
    background-image: url(../img/interview/vol06/bg-01--sp@2x.png);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol06 .contents .bg-01 {
    background-image: none;
  }
}
.interview-vol.vol06 .contents .bg-02 {
  background-image: url(../img/interview/vol06/bg-02--sp.jpg);
  background-position: top calc(177/750*100vw) left 0;
}
@media (min-width: 650px) {
  .interview-vol.vol06 .contents .bg-02 {
    background-image: url(../img/interview/vol06/bg-02--sp@2x.jpg);
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol06 .contents .bg-02 {
    background-image: none;
  }
}
@media (min-width: 1024px) {
  .interview-vol.vol06 .contents {
    background-image: url(../img/interview/vol06/bg-01--pc.png), url(../img/interview/vol06/bg-02--pc.jpg);
    background-position: top calc(270/1440*100vw) left 0, top calc(5700/1440*100vw) left 0;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) {
  .interview-vol.vol06 .contents {
    background-image: url(../img/interview/vol06/bg-01--pc@2x.png), url(../img/interview/vol06/bg-02--pc@2x.jpg);
  }
}

.btn__readmore {
  width: 4.6em;
  font-size: calc(3.2rem * 0.5);
}
@media (min-width: 750px) {
  .btn__readmore {
    font-size: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .btn__readmore {
    font-size: 1.9rem;
  }
}
.btn__readmore a,
.btn__readmore span {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  transition: 0.6s ease;
}
.btn__readmore a:after,
.btn__readmore span:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #333;
  margin-top: 0.45em;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s ease;
}
.btn__readmore.white a {
  color: #FFF;
}
.btn__readmore.white a:after {
  background: #FFF;
}
.btn__readmore.center {
  margin: 0 auto;
}

.btn__readmore:hover a:after,
.btn__readmore:hover span:after {
  width: 33.333%;
}

.btn__cta a {
  background-image: url(/assets/img/common/btn_grada@2x.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(8rem * 0.5);
  color: #FFF;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: calc(2.8rem * 0.5);
  position: relative;
  border-radius: 0px;
}
@media (min-width: 1024px) {
  .btn__cta a {
    height: 5rem;
    font-size: 1.7rem;
  }
}
.btn__cta a:before {
  content: "";
  display: inline-block;
  width: calc(4.3rem * 0.5);
  height: calc(3.5rem * 0.5);
  background-image: url(/assets/img/common/icon-shop-white-plus.svg);
  background-repeat: no-repeat;
  background-position: left 20% center;
  background-size: contain;
  margin-right: 0.3em;
}
@media (min-width: 1024px) {
  .btn__cta a:before {
    width: 2.642rem;
    height: 2.188rem;
  }
}
.btn__cta.icon-calendar a {
  background-image: none;
  background-color: #B79538;
}
.btn__cta.icon-calendar a:before {
  width: calc(3.7rem * 0.5);
  height: calc(3.7rem * 0.5);
  background-image: url(/assets/img/common/icon-calendar.svg);
}
@media (min-width: 1024px) {
  .btn__cta.icon-calendar a:before {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ttl__cur {
  font-family: "Dancing Script", cursive;
  font-size: calc(120/750*100vw*0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .ttl__cur {
    font-size: calc(89/1440*100vw*0.7);
  }
}
.ttl__cur.white {
  color: #FFF;
}
.ttl__cur .jp {
  order: 2;
  font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-size: calc(42/750*100vw);
}
@media (min-width: 1024px) {
  .ttl__cur .jp {
    font-size: calc(28/1440*100vw);
  }
}
.ttl__cur .en {
  order: 1;
  margin-bottom: calc(15/750*100vw);
  justify-content: center;
  display: flex;
}
@media (min-width: 1024px) {
  .ttl__cur .en {
    margin-bottom: calc(30/1440*100vw);
  }
}
.ttl__cur .en.js-span-wrap-text span {
  opacity: 0;
  transition: 1.5s ease;
  -ms-filter: blur(3px);
  filter: blur(3px);
  transform: translateY(-6px);
}
.ttl__cur .en.js-span-wrap-text.done span {
  -ms-filter: blur(0px);
  filter: blur(0px);
}
.ttl__cur .en.js-span-wrap-text.done span.emptyW {
  width: 0.15em;
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(1) {
  opacity: 1;
  transition-delay: 0s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(2) {
  opacity: 1;
  transition-delay: 0.15s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(3) {
  opacity: 1;
  transition-delay: 0.3s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(4) {
  opacity: 1;
  transition-delay: 0.45s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(5) {
  opacity: 1;
  transition-delay: 0.6s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(6) {
  opacity: 1;
  transition-delay: 0.75s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(7) {
  opacity: 1;
  transition-delay: 0.9s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(8) {
  opacity: 1;
  transition-delay: 1.05s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(9) {
  opacity: 1;
  transition-delay: 1.2s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(10) {
  opacity: 1;
  transition-delay: 1.35s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(11) {
  opacity: 1;
  transition-delay: 1.5s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(12) {
  opacity: 1;
  transition-delay: 1.65s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(13) {
  opacity: 1;
  transition-delay: 1.8s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(14) {
  opacity: 1;
  transition-delay: 1.95s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(15) {
  opacity: 1;
  transition-delay: 2.1s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(16) {
  opacity: 1;
  transition-delay: 2.25s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(17) {
  opacity: 1;
  transition-delay: 2.4s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(18) {
  opacity: 1;
  transition-delay: 2.55s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(19) {
  opacity: 1;
  transition-delay: 2.7s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(20) {
  opacity: 1;
  transition-delay: 2.85s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(21) {
  opacity: 1;
  transition-delay: 3s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(22) {
  opacity: 1;
  transition-delay: 3.15s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(23) {
  opacity: 1;
  transition-delay: 3.3s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(24) {
  opacity: 1;
  transition-delay: 3.45s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(25) {
  opacity: 1;
  transition-delay: 3.6s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(26) {
  opacity: 1;
  transition-delay: 3.75s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(27) {
  opacity: 1;
  transition-delay: 3.9s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(28) {
  opacity: 1;
  transition-delay: 4.05s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(29) {
  opacity: 1;
  transition-delay: 4.2s;
  transform: translateY(0px);
}
.ttl__cur .en.js-span-wrap-text.done span:nth-of-type(30) {
  opacity: 1;
  transition-delay: 4.35s;
  transform: translateY(0px);
}

.ttl__fluctuation.done {
  background: white;
  background: linear-gradient(90deg, white 0%, #f0f0f0 40%, #1697b7 54%, #1bac9c 64%, #287c9e 76%, #dbdbdb 100%);
  filter: hue-rotate(360deg);
  background-size: 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textAnime 20s infinite;
}

@keyframes textAnime {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.ttl__interview {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ttl__interview .jp {
  display: block;
  font-size: calc(37/750*100vw);
  order: 3;
  margin-top: 0.6em;
}
@media (min-width: 1024px) {
  .ttl__interview .jp {
    font-size: calc(31/1440*100vw);
    margin-top: 0.8em;
  }
}
.ttl__interview .jp span {
  font-size: calc(35/750*100vw);
}
@media (min-width: 1024px) {
  .ttl__interview .jp span {
    font-size: calc(29/1440*100vw);
  }
}
.ttl__interview .en-large {
  display: block;
  font-size: calc(94/750*100vw);
  order: 1;
  margin-bottom: 0.04em;
  font-family: garamond-premier-pro-display, serif;
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 1024px) {
  .ttl__interview .en-large {
    font-size: calc(76/1440*100vw);
  }
}
.ttl__interview .en-small {
  display: block;
  font-size: calc(22/750*100vw);
  order: 2;
  font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  font-style: italic;
}
@media (min-width: 1024px) {
  .ttl__interview .en-small {
    font-size: calc(18/1440*100vw);
  }
}
.ttl__interview.scale88 {
  transform: Scale(0.88);
}

.ttl__middle {
  font-size: calc(48/750*100vw);
}
@media (min-width: 1024px) {
  .ttl__middle {
    font-size: calc(40/1440*100vw);
  }
}
.ttl__middle.center {
  text-align: center;
}
.ttl__middle.primary-strong {
  color: #B79538;
}
.ttl__middle + .ttl__interview {
  margin-top: calc(60/750*100vw);
}
@media (min-width: 1024px) {
  .ttl__middle + .ttl__interview {
    margin-top: calc(30/1440*100vw);
  }
}

.list__product {
  width: 100%;
}
@media (min-width: 1024px) {
  .list__product {
    display: flex;
    justify-content: space-between;
  }
}
.list__product li {
  width: 100%;
  margin-bottom: calc(120/750*100vw);
}
@media (min-width: 1024px) {
  .list__product li {
    width: 28.181%;
    margin-bottom: 0;
  }
}
.list__product li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .list__product li:hover .js-ripples__product {
    transform: Scale(1.2);
  }
}
@media (min-width: 1024px) {
  .list__product li:hover .btn__readmore a:after,
.list__product li:hover .btn__readmore span:after {
    width: 33.333%;
  }
}
.list__product li.done a .img_wrap .js-ripples__product.nth-1 .figure_fadein {
  transition: 1s;
  transition-delay: 2s;
  opacity: 1;
}
.list__product li.done a .img_wrap .js-ripples__product.nth-2 .figure_fadein {
  transition: 1s;
  transition-delay: 2.6s;
  opacity: 1;
}
.list__product li.done a .img_wrap .js-ripples__product.nth-3 .figure_fadein {
  transition: 1s;
  transition-delay: 3.2s;
  opacity: 1;
}
.list__product li a {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list__product li a h2 {
  order: 2;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: calc(26/750*100vw);
}
@media (min-width: 1024px) {
  .list__product li a h2 {
    margin-bottom: calc(28/1440*100vw);
  }
}
.list__product li a h2 .jp {
  order: 2;
  font-size: calc(30/750*100vw);
}
@media (min-width: 1024px) {
  .list__product li a h2 .jp {
    font-size: calc(16/1440*100vw);
    line-height: 1.5;
  }
}
@media (min-width: 1024px) {
  .list__product li a h2 .jp .pcblock {
    display: block;
  }
}
.list__product li a h2 .en {
  order: 1;
  font-size: calc(40/750*100vw);
  margin-bottom: calc(18/750*100vw);
}
@media (min-width: 1024px) {
  .list__product li a h2 .en {
    font-size: calc(22/1440*100vw);
    margin-bottom: calc(12/1440*100vw);
  }
}
.list__product li a .img_wrap {
  order: 1;
  display: block;
  width: 100%;
  margin-bottom: calc(34/750*100vw);
  text-indent: -9999px;
  padding-top: 123.333%;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1024px) {
  .list__product li a .img_wrap {
    margin-bottom: calc(34/1440*100vw);
  }
}
.list__product li a .img_wrap .js-ripples__product {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  display: block;
  transition: 1.2s ease;
}
.list__product li a .img_wrap .js-ripples__product .figure_fadein {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.list__product li a .img_wrap .js-ripples__product.nth-1 {
  background-image: url(/assets/img/home/pic_home_product_01.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .list__product li a .img_wrap .js-ripples__product.nth-1 {
    background-image: url(/assets/img/home/pic_home_product_01@2x.jpg);
  }
}
.list__product li a .img_wrap .js-ripples__product.nth-1 .figure_fadein {
  background-image: url(/assets/img/home/pic_home_product_01.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .list__product li a .img_wrap .js-ripples__product.nth-1 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_product_01@2x.jpg);
  }
}
.list__product li a .img_wrap .js-ripples__product.nth-2 {
  background-image: url(/assets/img/home/pic_home_product_02.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .list__product li a .img_wrap .js-ripples__product.nth-2 {
    background-image: url(/assets/img/home/pic_home_product_02@2x.jpg);
  }
}
.list__product li a .img_wrap .js-ripples__product.nth-2 .figure_fadein {
  background-image: url(/assets/img/home/pic_home_product_02.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .list__product li a .img_wrap .js-ripples__product.nth-2 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_product_02@2x.jpg);
  }
}
.list__product li a .img_wrap .js-ripples__product.nth-3 {
  background-image: url(/assets/img/home/pic_home_product_03.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .list__product li a .img_wrap .js-ripples__product.nth-3 {
    background-image: url(/assets/img/home/pic_home_product_03@2x.jpg);
  }
}
.list__product li a .img_wrap .js-ripples__product.nth-3 .figure_fadein {
  background-image: url(/assets/img/home/pic_home_product_03.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .list__product li a .img_wrap .js-ripples__product.nth-3 .figure_fadein {
    background-image: url(/assets/img/home/pic_home_product_03@2x.jpg);
  }
}
.list__product li a .btn__readmore {
  order: 3;
}

.list__swiper {
  width: 100%;
}
@media (min-width: 1024px) {
  .list__swiper {
    display: flex;
    justify-content: space-between;
    width: 76.38%;
    margin: 0 auto;
  }
}
.list__swiper.js-type-1 {
  padding-left: calc(80/750*100vw);
}
@media (min-width: 1024px) {
  .list__swiper.js-type-1 {
    padding-left: 0;
  }
}
.list__swiper.js-type-2 {
  padding-left: calc(80/750*100vw);
}
@media (min-width: 1024px) {
  .list__swiper.js-type-2 {
    padding-left: 0;
  }
}
.list__swiper.js-type-3 {
  padding-left: calc(80/750*100vw);
}
@media (min-width: 1024px) {
  .list__swiper.js-type-3 {
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .list__swiper .swiper-wrapper {
    justify-content: space-between;
  }
}
.list__swiper .swiper-wrapper .swiper-slide {
  list-style-type: none;
  width: 100%;
}
@media (min-width: 1024px) {
  .list__swiper .swiper-wrapper .swiper-slide {
    width: 24.5%;
    margin-bottom: 0;
  }
}
.list__swiper .swiper-wrapper .swiper-slide .card_hover {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1024px) {
  .list__swiper .swiper-wrapper .swiper-slide .card_hover:hover .card_hover_wrap .card_hover_wrap_pic {
    transform: translate(-50%, -50%) Scale(1.2);
  }
}
.list__swiper .swiper-wrapper .swiper-slide .card_hover .card_hover_wrap {
  width: 100%;
  padding-top: 77.6%;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
.list__swiper .swiper-wrapper .swiper-slide .card_hover .card_hover_wrap .card_hover_wrap_pic {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.6s ease;
}
.list__swiper .swiper-wrapper .swiper-slide .card_hover .time {
  display: block;
  width: 100%;
  text-align: center;
  font-size: calc(34/750*100vw);
  margin: 0.8em 0 0.65em 0;
}
@media (min-width: 1024px) {
  .list__swiper .swiper-wrapper .swiper-slide .card_hover .time {
    font-size: calc(18/1440*100vw);
  }
}
.list__swiper .swiper-wrapper .swiper-slide .card_hover .text {
  display: block;
  width: 100%;
  font-size: calc(28/750*100vw);
  line-height: 1.65;
}
@media (min-width: 1024px) {
  .list__swiper .swiper-wrapper .swiper-slide .card_hover .text {
    font-size: calc(16/1440*100vw);
  }
}

.type_review .swiper-wrapper .swiper-slide .card_hover {
  display: block;
  width: 100%;
  height: 100%;
  padding: calc(35/750*100vw);
  background: #F7F4F4;
}
@media (min-width: 1024px) {
  .type_review .swiper-wrapper .swiper-slide .card_hover {
    padding: 3.1rem;
  }
}
.type_review .swiper-wrapper .swiper-slide .card_hover .ttl {
  line-height: 1.75;
  border-bottom: solid 1px #333;
  font-size: calc(30/750*100vw);
  margin-bottom: 0.8em;
  padding-bottom: 0.5em;
}
@media (min-width: 1024px) {
  .type_review .swiper-wrapper .swiper-slide .card_hover .ttl {
    font-size: 1.8rem;
  }
}
.type_review .swiper-wrapper .swiper-slide .card_hover .ttl .large {
  font-size: calc(30/750*100vw);
  display: block;
}
@media (min-width: 1024px) {
  .type_review .swiper-wrapper .swiper-slide .card_hover .ttl .large {
    font-size: 1.8rem;
    text-align: center;
  }
}
.type_review .swiper-wrapper .swiper-slide .card_hover .ttl .small {
  font-size: calc(26/750*100vw);
  display: block;
}
@media (min-width: 1024px) {
  .type_review .swiper-wrapper .swiper-slide .card_hover .ttl .small {
    font-size: 1.6rem;
    text-align: center;
  }
}
.type_review .swiper-wrapper .swiper-slide .card_hover .text {
  font-size: calc(28/750*100vw);
  line-height: 1.65;
}
@media (min-width: 1024px) {
  .type_review .swiper-wrapper .swiper-slide .card_hover .text {
    font-size: 1.6rem;
  }
}

.list__swiper-wrap {
  position: relative;
}
.list__swiper-wrap .swiper-button-next {
  display: none;
}
@media (min-width: 1024px) {
  .list__swiper-wrap .swiper-button-next {
    display: block;
    color: #AAAAAA;
    right: calc(-76.38% + -15px + -80px);
    margin: auto;
    width: 20px;
    font-size: 20px;
    height: 30px;
    left: 0;
  }
}
.list__swiper-wrap .swiper-button-next.js-type-1_next {
  top: calc(((((76.38vw - (40px * 2))/3) * 0.776) / 2) - 10px);
}
.list__swiper-wrap .swiper-button-prev {
  display: none;
}
@media (min-width: 1024px) {
  .list__swiper-wrap .swiper-button-prev {
    display: block;
    color: #AAAAAA;
    left: calc(-76.38% + -15px + -80px);
    margin: auto;
    width: 20px;
    font-size: 20px;
    height: 30px;
    right: 0;
  }
}
.list__swiper-wrap .swiper-button-prev.js-type-1_prev {
  top: calc(((((76.38vw - (40px * 2))/3) * 0.776) / 2) - 10px);
}
.list__swiper-wrap .swiper-button-next:after,
.list__swiper-wrap .swiper-button-prev:after {
  font-size: 28px;
}

.type_products .swiper-wrapper .swiper-slide .card_hover .card_hover_wrap {
  padding-top: 168.444%;
}
.type_products .swiper-wrapper .swiper-slide .card_hover .ttl {
  display: flex;
  flex-direction: column;
  margin-top: calc(32/750*100vw);
}
@media (min-width: 1024px) {
  .type_products .swiper-wrapper .swiper-slide .card_hover .ttl {
    margin-top: 1.6rem;
  }
}
.type_products .swiper-wrapper .swiper-slide .card_hover .ttl .name {
  display: block;
  width: 100%;
  font-size: calc(32/750*100vw);
  text-align: center;
  margin-bottom: calc(16/750*100vw);
}
@media (min-width: 1024px) {
  .type_products .swiper-wrapper .swiper-slide .card_hover .ttl .name {
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
  }
}
.type_products .swiper-wrapper .swiper-slide .card_hover .ttl .layout {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.type_products .swiper-wrapper .swiper-slide .card_hover .ttl .layout .money {
  display: block;
  font-size: calc(30/750*100vw);
}
@media (min-width: 1024px) {
  .type_products .swiper-wrapper .swiper-slide .card_hover .ttl .layout .money {
    font-size: 1.8rem;
  }
}
.type_products .swiper-wrapper .swiper-slide .card_hover .ttl .layout .tax {
  display: block;
  font-size: calc(26/750*100vw);
}
@media (min-width: 1024px) {
  .type_products .swiper-wrapper .swiper-slide .card_hover .ttl .layout .tax {
    font-size: 1.6rem;
  }
}

.list__pledgeofliluon {
  width: 89%;
  margin-left: 5.833%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .list__pledgeofliluon {
    width: 65.4rem;
    margin-left: 0;
    margin: 0 auto;
    flex-direction: row;
    justify-content: space-between;
  }
}
.list__pledgeofliluon li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(5.7rem * 0.5);
}
@media (min-width: 750px) {
  .list__pledgeofliluon li {
    margin-bottom: calc(5.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .list__pledgeofliluon li {
    margin-bottom: 3rem;
    width: 26.452%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
.list__pledgeofliluon li:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .list__pledgeofliluon li:last-of-type {
    margin-bottom: 6rem;
  }
}
.list__pledgeofliluon li img {
  display: block;
  width: calc(210/750*100vw);
}
@media (min-width: 1024px) {
  .list__pledgeofliluon li img {
    width: 100%;
    margin-bottom: 1.3rem;
  }
}
.list__pledgeofliluon li p {
  width: 55.5%;
  font-size: calc(2.8rem * 0.5);
  line-height: 1.6;
  padding-left: 8px;
}
@media (min-width: 750px) {
  .list__pledgeofliluon li p {
    font-size: calc(2.8rem * 1);
  }
}

@media (min-width: 1024px) {
  .list__pledgeofliluon li p {
    width: 100%;
    font-size: 1.6rem;
  }
}

@media (min-width: 1024px) {
  .list__pledgeofliluon.col-3 li {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .list__pledgeofliluon.col-2 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .list__pledgeofliluon.col-2 li:nth-of-type(odd) {
    margin-right: 3.3rem;
    margin-left: 5rem;
  }
}
@media (min-width: 1024px) {
  .list__pledgeofliluon.col-2 li:nth-of-type(even) {
    margin-left: 3.3rem;
    margin-right: 5rem;
  }
}

.list__pledgeofliluon2 {
  width: 77.333%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .list__pledgeofliluon2 {
    width: 100%;
  }
}
.list__pledgeofliluon2 li {
  width: calc(210/750*100vw);
  margin-bottom: calc(5.7rem * 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: calc(3.2rem * 0.5);
}
@media (min-width: 750px) {
  .list__pledgeofliluon2 li {
    margin-bottom: calc(5.7rem * 1);
    margin-bottom: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .list__pledgeofliluon2 li {
    width: 21.712%;
  }
}
.list__pledgeofliluon2 li img {
  display: block;
  width: 100%;
}
.list__pledgeofliluon2 li p {
  width: 100%;
  font-size: calc(2.5rem * 0.5);
  line-height: 1.5;
  margin-top: calc(1.6rem * 0.5);
  white-space: nowrap;
  text-align: center;
}
@media (min-width: 750px) {
  .list__pledgeofliluon2 li p {
    font-size: calc(2.5rem * 1);
    margin-top: calc(1.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .list__pledgeofliluon2 li p {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
}

@media (min-width: 1024px) {
  .list__bnr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 79%;
    margin-left: auto;
    margin-right: auto;
  }
}
.list__bnr li {
  margin-bottom: calc(120/750*100vw);
  width: 100%;
}
@media (min-width: 1024px) {
  .list__bnr li {
    width: 47.126%;
    margin-bottom: 0;
  }
}
.list__bnr li:first-of-type {
  margin-bottom: calc(142/750*100vw);
}
@media (min-width: 1024px) {
  .list__bnr li:first-of-type {
    width: 100%;
    margin-bottom: calc(98/1440*100vw);
  }
}
.list__bnr li:last-of-type {
  margin-bottom: 0;
}
.list__bnr li a {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .list__bnr li a:hover img {
    transform: Scale(1.06);
  }
}
.list__bnr li a .imgwrap {
  display: block;
  width: 100%;
  overflow: hidden;
}
.list__bnr li a .imgwrap img {
  display: block;
  width: 100%;
  transition: 0.6s ease;
}
.list__bnr li a span {
  display: block;
  text-align: center;
  font-size: calc(28/750*100vw);
  margin-top: 1em;
}
@media (min-width: 1024px) {
  .list__bnr li a span {
    font-size: calc(16/1440*100vw);
  }
}

.list__cta {
  width: 100%;
}
.list__cta li {
  width: 100%;
  margin-bottom: calc(17.2rem * 0.5);
}
@media (min-width: 1024px) {
  .list__cta li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8rem;
  }
}
.list__cta li:last-of-type {
  margin-bottom: 0;
}
.list__cta li .pic {
  display: block;
  width: 61.333%;
  margin: 0 auto;
  margin-bottom: calc(2.4rem * 0.5);
}
@media (min-width: 1024px) {
  .list__cta li .pic {
    width: 24rem;
    margin: 0;
  }
}
.list__cta li .pic img {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: calc(100% - 24rem - 5.3rem);
  }
}
.list__cta li .text-layout .ttlsmall {
  margin-bottom: calc(2.2rem * 0.5);
  text-align: center;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .ttlsmall {
    margin-bottom: 1.1rem;
    text-align: left;
  }
}
.list__cta li .text-layout .ttlsmall .read {
  margin-bottom: calc(1.4rem * 0.5);
  font-size: calc(2.6rem * 0.5);
  display: block;
  color: #B79538;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .ttlsmall .read {
    margin-bottom: 1.1rem;
    font-size: 2rem;
  }
}
.list__cta li .text-layout .ttlsmall .text {
  font-size: calc(2.8rem * 0.5);
  letter-spacing: -0.03em;
  display: block;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .ttlsmall .text {
    font-size: 2.2rem;
  }
}
.list__cta li .text-layout .tag {
  text-align: center;
  margin-bottom: calc(2.2rem * 0.5);
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .tag {
    margin-bottom: 1rem;
  }
}
.list__cta li .text-layout .tag .text {
  font-size: calc(2.8rem * 0.5);
  background: #687170;
  color: #FFF;
  display: inline-block;
  padding: 0.65em 1.8em;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .tag .text {
    font-size: 2rem;
  }
}
.list__cta li .text-layout .text-area {
  font-size: calc(2.4rem * 0.5);
  margin: calc(2.8rem * 0.5) auto;
  width: 87%;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .text-area {
    font-size: 1.7rem;
    margin: 1rem 0;
    width: 100%;
  }
}
.list__cta li .text-layout .text-area p {
  margin-bottom: calc(1.8rem * 0.5);
  line-height: 1.5;
}
.list__cta li .text-layout .text-area p:last-of-type {
  margin-bottom: 0;
}
.list__cta li .text-layout .text-area p .bold {
  font-weight: bold;
}
.list__cta li .text-layout .text-area p .underline {
  text-decoration: underline;
}
.list__cta li .text-layout .money {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: calc(2.9rem * 0.5);
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .money {
    margin-bottom: 2rem;
  }
}
.list__cta li .text-layout .money .money_1 {
  display: none;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .money .money_1 {
    display: block;
    font-size: 1.7rem;
    margin-right: 0.5rem;
  }
}
.list__cta li .text-layout .money .money_2 {
  font-size: calc(4.8rem * 0.5);
  color: #FA1247;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .money .money_2 {
    font-size: 3.2rem;
  }
}
.list__cta li .text-layout .money .money_3 {
  font-size: calc(3.2rem * 0.5);
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .money .money_3 {
    font-size: 2rem;
  }
}
.list__cta li .text-layout .money .money_4 {
  font-size: calc(2.8rem * 0.5);
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .money .money_4 {
    font-size: 1.6rem;
  }
}
.list__cta li .text-layout .btn__cta {
  width: 71.3%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .list__cta li .text-layout .btn__cta {
    width: 32rem;
    margin: 0;
  }
}

.list__interview {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .list__interview {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.list__interview .card {
  width: 100%;
  margin-bottom: calc(100/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview .card {
    width: 47.272%;
    margin-bottom: calc(-7/1440*100vw);
  }
}
@media (min-width: 1024px) {
  .list__interview .card:nth-of-type(even) {
    margin-top: calc(80/1440*100vw);
  }
}
@media (min-width: 1024px) {
  .list__interview .card:last-of-type {
    margin-bottom: calc(87/1440*100vw);
  }
}
.list__interview .card .pic {
  width: 100%;
}
.list__interview .card .pic img {
  display: block;
  width: 100%;
}
.list__interview .card .layout {
  display: flex;
  flex-direction: column;
  width: 87.366%;
  margin: 0 auto;
  position: relative;
  left: calc(14/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview .card .layout {
    width: 84.615%;
    left: calc(0/1440*100vw);
  }
}
.list__interview .card .layout .job {
  font-size: calc(16/750*100vw);
  margin-top: calc(23/750*100vw);
  margin-bottom: calc(20/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview .card .layout .job {
    font-size: calc(14/1440*100vw);
    margin-top: calc(23/1440*100vw);
    margin-bottom: calc(30/1440*100vw);
  }
}
.list__interview .card .layout .name {
  margin-bottom: 0.7em;
  color: #B79538;
}
@media (min-width: 1024px) {
  .list__interview .card .layout .name {
    margin-bottom: calc(18/1440*100vw);
  }
}
.list__interview .card .layout .name .large {
  font-size: calc(50/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview .card .layout .name .large {
    font-size: calc(36/1440*100vw);
  }
}
.list__interview .card .layout .name .small {
  font-size: calc(41/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview .card .layout .name .small {
    font-size: calc(30/1440*100vw);
  }
}
.list__interview .card .layout .text {
  font-size: calc(20/750*100vw);
  line-height: 1.6;
  margin-bottom: 1.4em;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .list__interview .card .layout .text {
    font-size: calc(16/1440*100vw);
    line-height: 1.75;
  }
}
.list__interview .card .layout .btn a {
  font-size: calc(20/750*100vw);
  width: calc(316/750*100vw);
  height: calc(62/750*100vw);
  display: block;
  background-image: url(/assets/img/common/btn_grada@2x.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
}
@media (min-width: 1024px) {
  .list__interview .card .layout .btn a {
    font-size: calc(20/1440*100vw);
    width: calc(274/1440*100vw);
    height: calc(54/1440*100vw);
  }
}
.list__interview .card .layout .vol {
  width: calc(124/750*100vw);
  height: calc(124/750*100vw);
  border-radius: 50%;
  background: #D0BB83;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(-82/750*100vw);
  right: 0;
}
@media (min-width: 1024px) {
  .list__interview .card .layout .vol {
    width: calc(108/1440*100vw);
    height: calc(108/1440*100vw);
    top: calc(-71/1440*100vw);
    right: calc(-17/1440*100vw);
  }
}
.list__interview .card .layout .vol span {
  display: block;
  font-size: calc(39/750*100vw);
  color: #FFF;
}
@media (min-width: 1024px) {
  .list__interview .card .layout .vol span {
    font-size: calc(35/1440*100vw);
  }
}

.list__interview-loop {
  width: 96%;
  margin: 0 auto;
  margin-top: calc(52/750*100vw);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .list__interview-loop {
    width: 76.38%;
    margin-top: calc(30/1440*100vw);
  }
}
.list__interview-loop .card {
  width: calc(340/750*100vw);
  margin-bottom: calc(30/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview-loop .card {
    width: 30.909%;
  }
}
.list__interview-loop .card a:hover .pic:hover img {
  transform: Scale(1.08);
}
.list__interview-loop .card a .pic {
  overflow: hidden;
}
.list__interview-loop .card a .pic img {
  display: block;
  width: 100%;
  transition: 0.6s ease;
}
.list__interview-loop .card a .layout {
  width: 85%;
  position: relative;
  margin: 0 auto;
}
.list__interview-loop .card a .layout .job {
  font-size: calc(14/750*100vw);
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .list__interview-loop .card a .layout .job {
    font-size: calc(14/1440*100vw);
  }
}
.list__interview-loop .card a .layout .name {
  color: #B79538;
}
.list__interview-loop .card a .layout .name .large {
  font-size: calc(24/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview-loop .card a .layout .name .large {
    font-size: calc(24/1440*100vw);
  }
}
.list__interview-loop .card a .layout .name .small {
  font-size: calc(20/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview-loop .card a .layout .name .small {
    font-size: calc(20/1440*100vw);
  }
}
.list__interview-loop .card a .layout .text {
  font-size: calc(16/750*100vw);
  line-height: 1.75;
  margin-top: 1em;
}
@media (min-width: 1024px) {
  .list__interview-loop .card a .layout .text {
    font-size: calc(16/1440*100vw);
  }
}
.list__interview-loop .card a .layout .vol {
  width: calc(72/750*100vw);
  height: calc(72/750*100vw);
  background: #D0BB83;
  border-radius: 50%;
  color: #FFF;
  font-size: calc(24/750*100vw);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(-50/750*100vw);
  right: calc(-8/750*100vw);
}
@media (min-width: 1024px) {
  .list__interview-loop .card a .layout .vol {
    width: calc(72/1440*100vw);
    height: calc(72/1440*100vw);
    font-size: calc(24/1440*100vw);
    top: calc(-50/1440*100vw);
    right: calc(-8/1440*100vw);
  }
}

.layout__pledgeofliluon {
  background: #D0BB83;
  padding-top: calc(8rem * 0.5);
  padding-bottom: calc(21.2rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon {
    padding-top: calc(8rem * 1);
    padding-bottom: calc(21.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon {
    padding-top: 8rem;
    padding-bottom: 8.8rem;
  }
}
.layout__pledgeofliluon .inner-layout-pledgeofliluon {
  background: #FFF;
  padding-bottom: calc(15.5rem * 0.5);
  width: 79.3%;
  margin: 0 auto;
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .inner-layout-pledgeofliluon {
    padding-bottom: calc(15.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .inner-layout-pledgeofliluon {
    width: calc(1280/1440*100%);
  }
}
.layout__pledgeofliluon .inner-layout-pledgeofliluon.type2 {
  width: 80%;
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .inner-layout-pledgeofliluon.type2 {
    width: 76.38%;
  }
}

.layout__pledgeofliluon .layout__ttl {
  padding-top: calc(3.8rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__ttl {
    padding-top: calc(3.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl {
    padding-top: 6rem;
  }
}
.layout__pledgeofliluon .layout__ttl .ttl__cur {
  margin-bottom: calc(3.5rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__ttl .ttl__cur {
    margin-bottom: calc(3.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl .ttl__cur {
    margin-bottom: 0;
  }
}
.layout__pledgeofliluon .layout__ttl h3 {
  background: #D0BB83;
  color: #FFF;
  width: 83.6%;
  font-size: calc(4rem * 0.5);
  padding: 0.4em 0 0.3em 0;
  text-align: center;
  margin: 0 auto;
  margin-bottom: calc(4rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__ttl h3 {
    font-size: calc(4rem * 1);
    margin-bottom: calc(4rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl h3 {
    width: 86%;
    font-size: 2.6rem;
  }
}
.layout__pledgeofliluon .layout__ttl p {
  font-size: calc(3.2rem * 0.5);
  line-height: 2.125;
  text-align: center;
  margin-bottom: calc(5rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__ttl p {
    font-size: calc(3.2rem * 1);
    margin-bottom: calc(5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl p {
    font-size: 2rem;
    margin-bottom: 4.6rem;
  }
}
.layout__pledgeofliluon .layout__ttl ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: calc(6.2rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__ttl ul {
    margin-bottom: calc(6.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl ul {
    margin-bottom: 4.6rem;
  }
}
.layout__pledgeofliluon .layout__ttl ul li {
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl ul li {
    margin: 0 2.75rem;
  }
}
.layout__pledgeofliluon .layout__ttl ul li:nth-of-type(1) {
  width: 100%;
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl ul li:nth-of-type(1) {
    width: 15.1rem;
  }
}
.layout__pledgeofliluon .layout__ttl ul li:nth-of-type(2) {
  width: 50%;
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl ul li:nth-of-type(2) {
    width: 15.1rem;
  }
}
.layout__pledgeofliluon .layout__ttl ul li:nth-of-type(3) {
  width: 50%;
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl ul li:nth-of-type(3) {
    width: 15.1rem;
  }
}
.layout__pledgeofliluon .layout__ttl ul li img {
  display: block;
  width: calc(25.8rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__ttl ul li img {
    width: calc(25.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__ttl ul li img {
    width: 100%;
  }
}

.layout__pledgeofliluon .layout__natural {
  padding-top: calc(16.2rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__natural {
    padding-top: calc(16.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__natural {
    padding-top: 13rem;
  }
}
.layout__pledgeofliluon .layout__natural h2 {
  font-size: calc(4.2rem * 0.5);
  color: #D0BB83;
  text-align: center;
  line-height: 1.25;
  margin-bottom: calc(4.1rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__natural h2 {
    font-size: calc(4.2rem * 1);
    margin-bottom: calc(4.1rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__natural h2 {
    font-size: 2.8rem;
    margin-bottom: 2.8rem;
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__natural h2 br {
    display: none;
  }
}
.layout__pledgeofliluon .layout__natural .read {
  font-size: calc(3rem * 0.5);
  line-height: 1.8;
  width: 86.333%;
  margin: 0 auto;
  margin-bottom: calc(7.5rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__natural .read {
    font-size: calc(3rem * 1);
    margin-bottom: calc(7.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__natural .read {
    font-size: 1.8rem;
    width: 65.4rem;
    margin-bottom: 7rem;
  }
}
.layout__pledgeofliluon .layout__natural h3 {
  width: 88.333%;
  margin: 0 auto;
  margin-bottom: calc(5.2rem * 0.5);
  border-bottom: solid 1px #D0BB83;
  font-size: calc(3.8rem * 0.5);
  text-align: center;
  padding-bottom: calc(1.3rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__natural h3 {
    margin-bottom: calc(5.2rem * 1);
    font-size: calc(3.8rem * 1);
    padding-bottom: calc(1.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__natural h3 {
    font-size: 2.4rem;
    width: 65.4rem;
  }
}
.layout__pledgeofliluon .layout__plantextract {
  padding-top: calc(10.4rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__plantextract {
    padding-top: calc(10.4rem * 1);
  }
}
.layout__pledgeofliluon_scalp .layout__plantextract_scalps {
  padding-top: calc(1.4rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon_scalp .layout__plantextract_scalps {
    padding-top: calc(1.4rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__plantextract {
    padding-top: 7rem;
    width: 65.4rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.layout__pledgeofliluon .layout__plantextract h2 {
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  margin-bottom: calc(3.9rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__plantextract h2 {
    font-size: calc(3.2rem * 1);
    margin-bottom: calc(3.9rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__plantextract h2 {
    font-size: 2rem;
    margin-bottom: 2.7rem;
  }
}


.layout__pledgeofliluon .layout__shampoo {
  padding-top: calc(12.2rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__shampoo {
    padding-top: calc(12.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__shampoo {
    padding-top: 10rem;
  }
}
.layout__pledgeofliluon .layout__shampoo h2 {
  width: 90%;
  margin-left: 7.666%;
  margin-bottom: calc(2.8rem * 0.5);
  position: relative;
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__shampoo h2 {
    margin-bottom: calc(2.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__shampoo h2 {
    width: 65.4rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.layout__pledgeofliluon .layout__shampoo h2 .view {
  display: block;
  width: 100%;
}
.layout__pledgeofliluon .layout__treatment {
  padding-top: calc(12.2rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__treatment {
    padding-top: calc(12.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__treatment {
    padding-top: 3.5rem;
  }
}
.layout__pledgeofliluon .layout__treatment h2 {
  width: 88.5%;
  margin-left: 7.666%;
  margin-bottom: calc(2.8rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__treatment h2 {
    margin-bottom: calc(2.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__treatment h2 {
    width: 65.4rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.layout__pledgeofliluon .layout__treatment h2 img {
  display: block;
  width: 100%;
}

.layout__pledgeofliluon .layout__hairoil {
  padding-top: calc(12.2rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__hairoil {
    padding-top: calc(12.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__hairoil {
    padding-top: 3.5rem;
  }
}
.layout__pledgeofliluon .layout__hairoil h2 {
  width: 88.333%;
  margin-left: 7.666%;
  margin-bottom: calc(2.8rem * 0.5);
}
@media (min-width: 750px) {
  .layout__pledgeofliluon .layout__hairoil h2 {
    margin-bottom: calc(2.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__pledgeofliluon .layout__hairoil h2 {
    width: 65.4rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.layout__pledgeofliluon .layout__hairoil h2 img {
  display: block;
  width: 100%;
}

.pledge .layout__plomise {
  padding-top: calc(9rem * 0.5 + 70px);
}
@media (min-width: 750px) {
  .pledge .layout__plomise {
    padding-top: calc(9rem * 1 + 70px);
  }
}
@media (min-width: 1024px) {
  .pledge .layout__plomise {
    padding-top: calc(8rem + 70px);
  }
}

.layout__plomise {
  background: #F0EADB;
  padding-top: calc(9rem * 0.5);
  padding-bottom: calc(11.5rem * 0.5);
}
@media (min-width: 750px) {
  .layout__plomise {
    padding-top: calc(9rem * 1);
    padding-bottom: calc(11.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__plomise {
    padding-top: 9.5rem;
    padding-bottom: 10.8rem;
  }
}
.layout__plomise .inner-layout {
  width: 80%;
}
@media (min-width: 1024px) {
  .layout__plomise .inner-layout {
    width: 76.38%;
  }
}
.layout__plomise .ttl__pledge {
  text-align: center;
  font-size: calc(4.5rem * 0.5);
  margin-bottom: calc(7.3rem * 0.5);
}
@media (min-width: 750px) {
  .layout__plomise .ttl__pledge {
    font-size: calc(4.5rem * 1);
    margin-bottom: calc(7.3rem * 1);
  }
}
@media (min-width: 750px) {
  .layout__plomise .ttl__pledge {
    font-size: 4.8rem;
    margin-bottom: 6.7rem;
  }
}
.layout__plomise .ttl__cur {
  margin-bottom: calc(7.3rem * 0.5);
  line-height: 1;
}
@media (min-width: 750px) {
  .layout__plomise .ttl__cur {
    margin-bottom: calc(7.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__plomise .ttl__cur {
    margin-bottom: 6.7rem;
  }
}
.layout__plomise .ttl__pledge-sub {
  background: #D0BB83;
  color: #FFF;
  padding: calc(1.5rem * 0.5) 0;
  text-align: center;
  font-size: calc(4rem * 0.5);
  margin-bottom: calc(4.6rem * 0.5);
}
@media (min-width: 750px) {
  .layout__plomise .ttl__pledge-sub {
    padding: calc(1.5rem * 1) 0;
    font-size: calc(4rem * 1);
    margin-bottom: calc(4.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__plomise .ttl__pledge-sub {
    font-size: 2.4rem;
    padding: 0.9rem;
    margin-bottom: 3.55rem;
  }
}
.layout__plomise p {
  font-size: calc(3.2rem * 0.5);
  line-height: calc(68/32);
  text-align: center;
}
@media (min-width: 750px) {
  .layout__plomise p {
    font-size: calc(3.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__plomise p {
    font-size: 1.6rem;
    line-height: calc(34/16);
  }
}

.layout__twentysix {
  background: #D0BB83;
}
.layout__twentysix .inner-layout-pledgeofliluon {
  width: 80%;
  margin: 0 auto;
  background: #FFF;
}
.layout__twentysix.first {
  padding-top: calc(24.6rem * 0.5);
}
@media (min-width: 750px) {
  .layout__twentysix.first {
    padding-top: calc(24.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__twentysix.first {
    padding-top: 15.8rem;
  }
}
.layout__twentysix + .layout__twentysix {
  padding-top: calc(25rem * 0.5);
}
@media (min-width: 750px) {
  .layout__twentysix + .layout__twentysix {
    padding-top: calc(25rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__twentysix + .layout__twentysix {
    padding-top: 15rem;
  }
}

.layout__number {
  position: relative;
  padding: 21% calc(4rem * 0.5) 0;
}
@media (min-width: 750px) {
  .layout__number {
    padding: 21% calc(4rem * 1) 0;
  }
}
@media (min-width: 1024px) {
  .layout__number {
    padding: 7.65rem 10rem 0;
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__present {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1024px) {
  .layout__number .left {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .layout__number .right {
    width: 45%;
  }
}
@media (min-width: 1024px) {
  .layout__number .right img {
    margin-top: -18%;
  }
}
.layout__number .layout__badge {
  position: absolute;
  top: -11%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(28.7rem * 0.5);
}
@media (min-width: 750px) {
  .layout__number .layout__badge {
    width: calc(28.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__badge {
    width: 15.3rem;
    top: -14%;
  }
}
.layout__number h2 {
  color: #D0BB83;
  -ms-flex-align: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
  font-size: calc(4.2rem * 0.5);
  letter-spacing: 0.05em;
}
@media (min-width: 750px) {
  .layout__number h2 {
    font-size: calc(4.2rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number h2 {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }
}
.layout__number h2 span {
  font-size: calc(12.8rem * 0.5);
  letter-spacing: -0.02em;
}
@media (min-width: 750px) {
  .layout__number h2 span {
    font-size: calc(12.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number h2 span {
    font-size: 9.8rem;
  }
}
.layout__number .layout__lead {
  text-align: center;
  font-size: calc(3.2rem * 0.5);
  line-height: calc(52/32);
  margin-bottom: calc(3.4rem * 0.5);
}
@media (min-width: 750px) {
  .layout__number .layout__lead {
    font-size: calc(3.2rem * 1);
    margin-bottom: calc(3.4rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__lead {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    text-align: left;
  }
}
.layout__number .layout__lead span {
  font-size: 0.5rem;
  vertical-align: super;
}
@media (min-width: 1024px) {
  .layout__number .layout__lead span {
    font-size: 1.2rem;
  }
}
.layout__number .explanation {
  font-size: calc(3rem * 0.5);
  line-height: calc(54/30);
  margin-bottom: calc(4.6rem * 0.5);
}
@media (min-width: 750px) {
  .layout__number .explanation {
    font-size: calc(3rem * 1);
    margin-bottom: calc(4.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .explanation {
    font-size: 1.6rem;
    line-height: calc(34/16);
    margin-bottom: 3rem;
  }
}
.layout__number .explanation + p {
  font-size: calc(2.6rem * 0.5);
  line-height: calc(34/26);
}
@media (min-width: 750px) {
  .layout__number .explanation + p {
    font-size: calc(2.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .explanation + p {
    font-size: 1.5rem;
    line-height: calc(26/15);
    margin-bottom: 7rem;
  }
}
.layout__number .layout__additive {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: calc(5rem * 0.5);
}
@media (min-width: 1024px) {
  .layout__number .layout__additive {
    -ms-justify-content: center;
    justify-content: center;
    margin-bottom: 4.65rem;
  }
}
.layout__number .layout__additive:after {
  content: "";
  display: block;
  width: 30%;
  height: 0;
}
.layout__number .layout__additive li {
  width: 30%;
}
@media (min-width: 1024px) {
  .layout__number .layout__additive li {
    width: 16%;
    margin: 2% 0.9%;
  }
}
.layout__number .layout__additive li:nth-child(-n+9) {
  margin-bottom: calc(4.3rem * 0.5);
}
@media (min-width: 750px) {
  .layout__number .layout__additive li:nth-child(-n+9) {
    margin-bottom: calc(4.3rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__additive li:nth-child(-n+9) {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__additive li:nth-child(6) {
    margin-bottom: 1.4rem;
  }
}

.layout__number .layout__additive li img {
  display: block;
  width: 100%;
}

.layout__number .layout__additive-notice {
  padding-bottom: calc(5rem * 0.5);
  font-size: calc(2.6rem * 0.5);
  line-height: calc(34/26);
}
@media (min-width: 750px) {
  .layout__number .layout__additive-notice {
    padding-bottom: calc(5rem * 1);
    font-size: calc(2.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__additive-notice {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__additive-notice li + li {
    margin-left: 2rem;
  }
}
.layout__number .layout__scalp {
  margin-bottom: calc(3.5rem * 0.5);
}
@media (min-width: 750px) {
  .layout__number .layout__scalp {
    margin-bottom: calc(3.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
}
.layout__number .layout__scalp li {
  border: 1px solid #CFC18C;
  padding: calc(3.8rem * 0.5) calc(2rem * 0.5) calc(3rem * 0.5);
  position: relative;
}
@media (min-width: 750px) {
  .layout__number .layout__scalp li {
    padding: calc(3.8rem * 1) calc(2rem * 1) calc(3rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp li {
    width: 23%;
    padding: 4.3rem 1.7rem 2rem;
  }
}
.layout__number .layout__scalp li::before {
  color: #D0BB83;
  font-size: calc(5.2rem * 0.5);
  background: #fff;
  position: absolute;
  top: -10%;
  width: calc(9.4rem * 0.5);
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 750px) {
  .layout__number .layout__scalp li::before {
    font-size: calc(5.2rem * 1);
  }
}
.layout__number .layout__scalp li:first-child::before {
  content: "1";
}
.layout__number .layout__scalp li:nth-child(2)::before {
  content: "2";
}
.layout__number .layout__scalp li:nth-child(3)::before {
  content: "3";
}
.layout__number .layout__scalp li:nth-child(4)::before {
  content: "4";
}
.layout__number .layout__scalp li:nth-child(5)::before {
  content: "5";
}
.layout__number .layout__scalp li:nth-child(6)::before {
  content: "6";
}
.layout__number .layout__scalp li:nth-child(7)::before {
  content: "7";
}
.layout__number .layout__scalp li:nth-child(8)::before {
  content: "8";
}
.layout__number .layout__scalp li + li {
  margin-top: calc(8.7rem * 0.5);
}
@media (min-width: 750px) {
  .layout__number .layout__scalp li + li {
    margin-top: calc(8.7rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp li + li {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp li:nth-child(-n+4) {
    margin-bottom: 6.4rem;
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp li:nth-child(-n+4) h3 {
    min-height: 52px;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp li:nth-child(n+5) h3 {
    margin-bottom: 2rem;
  }
}
.layout__number .layout__scalp h3 {
  font-size: calc(3rem * 0.5);
  line-height: calc(42/30);
  text-align: center;
  margin-bottom: calc(2.4rem * 0.5);
}
@media (min-width: 750px) {
  .layout__number .layout__scalp h3 {
    font-size: calc(3rem * 1);
    margin-bottom: calc(2.4rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp h3 {
    font-size: 2rem;
    line-height: calc(26/20);
  }
}
.layout__number .layout__scalp p {
  font-size: calc(2.8rem * 0.5);
  line-height: calc(47/28);
}
@media (min-width: 750px) {
  .layout__number .layout__scalp p {
    font-size: calc(2.8rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp p {
    font-size: 1.6rem;
    line-height: calc(26/16);
  }
}
.layout__number .layout__scalp p span {
  font-size: 0.5rem;
  vertical-align: super;
}
@media (min-width: 1024px) {
  .layout__number .layout__scalp p span {
    font-size: 1.2rem;
  }
}

@media (min-width: 1024px) {
  .layout__eighth {
    padding: 9rem 10rem 0;
  }
}
.layout__eighth .layout__badge {
  top: -4%;
}
@media (min-width: 1024px) {
  .layout__eighth .layout__badge {
    top: -7%;
  }
}
.layout__eighth h2 span {
  margin-right: 1rem;
}
.layout__eighth .explanation {
  margin-bottom: calc(9.3rem * 0.5);
}

.layout__eleventh .layout__badge {
  top: -9%;
}
@media (min-width: 1024px) {
  .layout__eleventh .layout__badge {
    top: -11%;
  }
}
@media (min-width: 1024px) {
  .layout__eleventh .layout__lead {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .layout__eighth .layout__lead {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .pledge .inner-layout-pledgeofliluon.type2,
.item .inner-layout-pledgeofliluon.type2 {
    width: 76.38%;
  }
}
.pledge .layout__pledgeofliluon .layout__natural,
.item .layout__pledgeofliluon .layout__natural {
  padding-top: calc(6.7rem * 0.5);
}

.layout__loop {
  background: #FFF;
  padding-top: calc(120/750*100vw);
  padding-bottom: calc(172/750*100vw);
}
@media (min-width: 1024px) {
  .layout__loop {
    padding-top: 21.8rem;
    padding-bottom: 14.8rem;
  }
}
.layout__loop .layout__loop_content {
  margin-bottom: calc(180/750*100vw);
}
@media (min-width: 1024px) {
  .layout__loop .layout__loop_content {
    margin-bottom: 15rem;
  }
}
.layout__loop .layout__loop_content:last-of-type {
  margin-bottom: 0;
}
.layout__loop .layout__loop_content .logo {
  width: calc(131/750*100vw);
  margin: 0 auto;
  margin-bottom: calc(6/750*100vw);
}
@media (min-width: 1024px) {
  .layout__loop .layout__loop_content .logo {
    width: calc(94/1440*100vw);
    margin-bottom: 1rem;
  }
}
.layout__loop .layout__loop_content .logo img {
  display: block;
  width: 100%;
}
.layout__loop .layout__loop_content .read {
  text-align: center;
  font-size: calc(30/750*100vw);
  margin-bottom: calc(45/750*100vw);
}
@media (min-width: 1024px) {
  .layout__loop .layout__loop_content .read {
    font-size: 2.2rem;
    margin-bottom: 3.6rem;
  }
}

.layout__product-info {
  background: #FFF;
  width: 100%;
  padding-bottom: calc(120/750*100vw);
}
@media (min-width: 1024px) {
  .layout__product-info {
    padding-bottom: 1rem;
  }
}
.layout__product-info .inner-layout {
  width: 76.38%;
}
.layout__product-info h3 {
  font-size: calc(4rem * 0.5);
  line-height: calc(62/40);
  text-align: center;
}
@media (min-width: 750px) {
  .layout__product-info h3 {
    font-size: calc(4rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__product-info h3 {
    font-size: 3rem;
    text-align: left;
    line-height: calc(62/30);
    margin-right: 1.7rem;
  }
}
.layout__product-info h3 + span {
  display: block;
  text-align: center;
  font-size: calc(2.8rem * 0.5);
  line-height: calc(52/28);
  margin-bottom: calc(3rem * 0.5);
}
@media (min-width: 750px) {
  .layout__product-info h3 + span {
    font-size: calc(2.8rem * 1);
    margin-bottom: calc(3rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__product-info h3 + span {
    font-size: 1.7rem;
    line-height: calc(52/17);
    text-align: left;
    margin-bottom: 0;
  }
}
.layout__product-info .ingredient {
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  margin-bottom: calc(2.3rem * 0.5);
  font-size: calc(2.5rem * 0.5);
  line-height: calc(38/25);
}
@media (min-width: 750px) {
  .layout__product-info .ingredient {
    margin-bottom: calc(2.3rem * 1);
    font-size: calc(2.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__product-info .ingredient {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 0.6rem;
  }
}
.layout__product-info .ingredient + p {
  font-size: calc(2.5rem * 0.5);
  line-height: calc(38/25);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media (min-width: 750px) {
  .layout__product-info .ingredient + p {
    font-size: calc(2.5rem * 1);
  }
}
@media (min-width: 1024px) {
  .layout__product-info .ingredient + p {
    font-size: 1.5rem;
    line-height: calc(24/15);
    font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  }
}

.accordion-container {
  margin-bottom: calc(15.1rem * 0.5);
}
@media (min-width: 750px) {
  .accordion-container {
    margin-bottom: calc(15.1rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-container {
    margin-bottom: calc(20.5rem);
  }
}
.accordion-container li + li {
  margin-top: calc(6rem * 0.5);
}
@media (min-width: 750px) {
  .accordion-container li + li {
    margin-top: calc(6rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-container li + li {
    margin-top: 3.8rem;
  }
}

.accordion-container-last {
  margin-bottom: 0;
}

.accordion-title {
  background: #D0BB83;
  color: #fff;
  position: relative;
  margin: 0;
  font-weight: normal;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: calc(3.2rem * 0.45);
  line-height: calc(48/32);
  padding: calc(3rem * 0.5) calc(6.6rem * 0.5) calc(3rem * 0.5) calc(2.1rem * 0.5);
}
@media (min-width: 750px) {
  .accordion-title {
    font-size: calc(3.2rem * 1);
    padding: calc(3rem * 1) calc(6.6rem * 1) calc(3rem * 1) calc(2.1rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-title {
    font-size: calc(2rem);
    line-height: calc(48/20);
    padding: 1.8rem 1rem 1.8rem 2.2rem;
  }
}
.accordion-title::before {
  content: "Q";
  font-size: calc(6rem * 0.35);
  line-height: calc(93/60);
  margin-right: calc(3.6rem * 0.35);
}
@media (min-width: 750px) {
  .accordion-title::before {
    font-size: calc(6rem * 1);
    margin-right: calc(3.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-title::before {
    font-size: calc(3rem);
    margin-right: calc(1.7rem);
  }
}

.accordion-title + .accordion-content p {
  margin: 0;
  font-size: calc(2.7rem * 0.5);
  line-height: calc(52/27);
  padding-bottom: calc(12.9rem * 0.5 - 6rem * 0.5);
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 750px) {
  .accordion-title + .accordion-content p {
    font-size: calc(2.7rem * 1);
    padding-bottom: calc(12.9rem * 1 - 6rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-title + .accordion-content p {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    font-size: calc(1.8rem);
    line-height: calc(34/18);
    padding-top: 0.8rem;
    text-indent: -1em;
    padding-left: 3.2em;
    padding-bottom: calc(6rem - 3.8rem);
  }
}
.accordion-title + .accordion-content p::before {
  content: "A";
  color: #B79538;
  font-size: calc(6rem * 0.5);
  line-height: calc(93/60);
  font-weight: normal;
  text-align: center;
  display: block;
}
@media (min-width: 750px) {
  .accordion-title + .accordion-content p::before {
    font-size: calc(6rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-title + .accordion-content p::before {
    font-size: calc(3rem);
    line-height: calc(34/18);
    display: inline-block;
    margin-right: 1.5rem;
    position: relative;
    top: 0.3rem;
  }
}
.accordion-title + .accordion-content p a {
  text-decoration: underline;
  color: #B79538;
}
.accordion-title + .accordion-content p .br2 {
  display: block;
  margin-bottom: 2em;
}

.accordion-title span.acobtn_out {
  position: absolute;
  top: 50%;
  right: calc(2.5rem * 0.5);
  width: calc(4.6rem * 0.5);
  height: calc(4.6rem * 0.5);
  transform: translateY(-50%);
}
@media (min-width: 750px) {
  .accordion-title span.acobtn_out {
    right: calc(2.5rem * 1);
    width: calc(4.6rem * 1);
    height: calc(4.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-title span.acobtn_out {
    width: calc(2.5rem);
    height: calc(2.5rem);
    right: calc(2rem);
  }
}

.accordion-title span.acobtn_inner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(4.6rem * 0.35);
  height: 2px;
  background: #fff;
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 750px) {
  .accordion-title span.acobtn_inner::before {
    width: calc(4.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-title span.acobtn_inner::before {
    width: calc(2.5rem);
  }
}

.accordion-title span.acobtn_inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(4.6rem * 0.35);
  height: 2px;
  background: #fff;
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.2s ease-in-out;
}
@media (min-width: 750px) {
  .accordion-title span.acobtn_inner::after {
    width: calc(4.6rem * 1);
  }
}
@media (min-width: 1024px) {
  .accordion-title span.acobtn_inner::after {
    width: calc(2.5rem);
  }
}

.accordion-title.open span.acobtn_inner:before {
  transform: rotate(180deg);
  left: 0;
  background: #fff;
}

.accordion-title.open span.acobtn_inner:after {
  opacity: 0;
}

.accordion-content {
  display: none;
}

.fadein,
.fadein-fv,
.fadein-s1,
.fadein-s2,
.fadein-s3,
.fadein-s4,
.fadein-s5,
.fadein-s6,
.fadein-s7,
.fadein-s8,
.fadein-s9,
.fadein-s10 {
  opacity: 0;
}
.fadein.show.done,
.fadein-fv.show.done,
.fadein-s1.show.done,
.fadein-s2.show.done,
.fadein-s3.show.done,
.fadein-s4.show.done,
.fadein-s5.show.done,
.fadein-s6.show.done,
.fadein-s7.show.done,
.fadein-s8.show.done,
.fadein-s9.show.done,
.fadein-s10.show.done {
  opacity: 0;
  animation-name: fadein;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeinbottom,
.fadeinbottom-d2,
.fadeinbottom-d3,
.fadeinbottom-d500,
.fadeinbottom-d1000 {
  opacity: 0;
  transform: translateY(20px);
}
.fadeinbottom.show.done,
.fadeinbottom-d2.show.done,
.fadeinbottom-d3.show.done,
.fadeinbottom-d500.show.done,
.fadeinbottom-d1000.show.done {
  opacity: 0;
  transform: translateY(20px);
  animation-name: fadeinbottom;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

@keyframes fadeinbottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeintop {
  opacity: 0;
  transform: translateY(-20px);
}
.fadeintop.show.done {
  opacity: 0;
  transform: translateY(-20px);
  animation-name: fadeintop;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

@keyframes fadeintop {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeinleft {
  opacity: 0;
  transform: translateX(-20px);
}
.fadeinleft.show.done {
  opacity: 0;
  transform: translateX(-20px);
  animation-name: fadeinleft;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.fadeinright {
  opacity: 0;
  transform: translateX(20px);
}
.fadeinright.show.done {
  opacity: 0;
  transform: translateX(20px);
  animation-name: fadeinright;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.fade_ttl_products {
  position: relative;
  overflow: hidden;
}
.fade_ttl_products .view {
  opacity: 0;
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}
.fade_ttl_products .line {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-101%);
  opacity: 0;
  display: block;
  width: 100%;
}

.fade_ttl_products.done .view {
  animation-name: fade_ttl_products_view;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}
.fade_ttl_products.done .line {
  animation-name: fade_ttl_products_line;
  animation-duration: 0.8s;
  animation-timing-function: ease;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
}

@keyframes fade_ttl_products_view {
  0% {
    transform: translateY(15px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes fade_ttl_products_line {
  0% {
    transform: translateX(-101%);
    opacity: 0;
  }
  1% {
    transform: translateX(-101%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@media (min-width: 320px) {
  .sp-snone {
    display: none;
  }
}

@media (min-width: 375px) {
  .spnone {
    display: none;
  }
}

@media (min-width: 480px) {
  .sp-lnone {
    display: none;
  }
}

@media (min-width: 560px) {
  .sp-xlnone {
    display: none;
  }
}

@media (min-width: 650px) {
  .sp-2xlnone {
    display: none;
  }
}

@media (min-width: 750px) {
  .tbnone {
    display: none;
  }
}

@media (min-width: 880px) {
  .tb-lnone {
    display: none;
  }
}

@media (min-width: 1024px) {
  .pcnone {
    display: none;
  }
}

@media (min-width: 1100px) {
  .pc-lnone {
    display: none;
  }
}

@media (min-width: 1280px) {
  .pc-xlnone {
    display: none;
  }
}

@media (min-width: 1440px) {
  .pc-2xlnone {
    display: none;
  }
}

@media (min-width: 1680px) {
  .pc-3xlnone {
    display: none;
  }
}

@media (min-width: 2000px) {
  .pc-4xlnone {
    display: none;
  }
}

.pc-specified-time { display: block !important; }
.sp-specified-time { display: none !important; }
@media only screen and (max-width: 750px) {
    .pc-specified-time { display: none !important; }
    .sp-specified-time { display: block !important; }
	}

/*# sourceMappingURL=style.css.map */

.br-sp375 {
  display: none;
}

/* 画面幅375px以下で表示する */
@media (max-width: 375px) {
  .br-sp375 {
    display: inline;
  }
}