@charset "utf-8";
/* CSS Document */

.rte img {
  border: none!important;
}
.page-width--narrow {
  max-width: 100%!important;
}
.main-page-title {
  display: none!important;
}
.sourceview {
  display: none!important;
}
.footer {
  display: none!important;
}

/* mv ------------*/
.mv {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.mv__box {
  position: relative;
  display: block;
  z-index: 3;
}
.mv__box:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 57.5%;
  background-color: #282f52;
  z-index: 1;
}
.mv__img {
  position: relative;
  z-index: 2;
}
.mv__text {
  position: relative;
  z-index: 2;
  color: #fff;
  box-sizing: border-box;
  padding: 2% 6% 8%;
}
.mv__notice {
  padding: 17% 0 6%;
  width: 80%;
  margin: 0 auto;
}
.mv__notice .mv__notice__box a {
  border: 1px solid #959595;
  display: block;
  text-align: center;
  padding: 2% 0;
  color: #282f52;
  text-decoration: none;
}
.mv__text h1 {
  font-size: 2.37em;
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.7em;
}
.mv__text p {
  font-size: 1.38em;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 0.5em auto;
}
/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  .mv__box {
    padding-bottom: 50px;
  }
  .mv__img--pc {
    max-width: 1200px;
    width: 90%;
    z-index: 3;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    overflow: hidden;
    border-radius: 0 0 50px 50px;
  }
  .mv__logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.5%;
    max-width: 98px;
    z-index: 2;
  }
  .mv__eng {
    position: absolute;
    bottom: 22%;
    right: 50%;
    width: 54%;
    max-width: 656px;
    z-index: 4;
    margin: 0;
  }
  .mv__text {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1040px;
    box-sizing: border-box;
    padding: 80px 20px;
    z-index: 3;
    color: #282f52!important;
    -webkit-transform: translate3d(calc(-50% + 50px) , 0 , 0);
    -ms-transform: translate3d(calc(-50% + 50px) , 0 , 0);
    -o-transform: translate3d(calc(-50% + 50px) , 0 , 0);
    transform: translate3d(calc(-50% + 50px) , 0 , 0);
  }
  .mv__text h1 {
    color: #282f52!important;
    font-size: 42px;
    line-height: 1.6em;
  }
  .mv__text p {
    font-size: 26px;
  }
  .mv__notice {
    padding: 6% 0 3%;
    width: 100%;
    max-width: 740px;
    margin: 0 auto;
  }
}
@media screen and (min-width:1000px){
  .mv__text h1 {
    color: #282f52!important;
    font-size: 56px;
    line-height: 1.65em;
  }
  .mv__text p {
    font-size: 33px;
  }
}
.product {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/product_bg.webp) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 auto;
}
.product .pcitem {
  max-width: 1200px;
  margin: 0 auto;
}


/* concept -----------*/
.concept {
  margin: 0 auto;
  display: block;
  width: 100%;
}
.concept__text {
  box-sizing: border-box;
  padding: 4% 4% 12%;
}
.concept__textbox + .concept__textbox:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #959595;
  margin: 2em auto;
}
.concept__textbox h3 {
  font-weight: 700;
  font-size: 1.38em;
  letter-spacing: 0.1em;
  color: #282f52;
  line-height: 1.66em;
  margin: 0 auto 1em;
}
.concept__textbox p {
  color: #282f52;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2.15em;
}
.concept--bg {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/bg_concept.webp) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
}
.concept__box2 {
  position: relative;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 13% 5% 10%;
}
.concept__eng {
  display: block;
  position: absolute;
  width: 48%;
  box-sizing: border-box;
  margin: -15% auto 0 -3%;
  z-index: 2;
}
.concept__logo {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  text-align: center;
  width: 35%;
}
.concept__box2 p {
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 1.15em;
  line-height: 3em;
  letter-spacing: 0.1em;
  margin: 1em auto 0;
}

/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  .tel__pc {
    display: none;
  }
  #concept {
    padding-top: 50px;
  }
  .concept__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0 20px;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
  }
  .concept__prof {
    width: 47%;
  }
  .concept__text {
    width: 50%;
    padding: 0;
  }

  .concept__textbox h3 {
    font-size: 30px;
    margin-bottom: .6em;
  }
  .concept__textbox p {
    font-size: 18px;
  }
  .concept__text .concept__textbox:nth-child(2) p {
    font-size: 16px;
  }
  .concept__box2 {
    margin: 100px auto 0;
    padding: 50px 0;
  }
  .concept__eng {
    width: 38%;
    max-width: 385px;
    margin: -66px auto 0 auto;
    left: 50%;
    -webkit-transform: translate3d(-130%,0,0);
    -ms-transform: translate3d(-130%,0,0);
    -o-transform: translate3d(-130%,0,0);
    transform: translate3d(-130%,0,0);
  }
  .concept__logo {
    width: 205px;
    margin: 50px auto
  }
  .concept__box2 p {
    font-size: 26px;
    line-height: 2.69em;
    box-sizing: border-box;
    padding: 0 2.66%;
  }
}


/*----------------------------*/
.lineup {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/lineup_bg.webp) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  box-sizing: border-box;
  padding-bottom: 5%;
}
.lineup__img {
  max-width: 1042px;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.lineup__cta {
  background: #fff;
  box-sizing: border-box;
  display: block;
  margin: 12% auto;
  max-width: 900px;
  padding: 0 0 4%;
  width: 92%;
}
.lineup__title {
  background-color: #282f52;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  box-sizing: border-box;
  padding: 1%;
  text-align: center;
}
.lineup__cta .lineup__titleicon {
  background-color: #fff;
  border-radius: 5em;
  color: #282f52;
  display: block;
  font-size: 1.07em;
  font-weight: bold;
  padding: .5em .6em .7em;
  letter-spacing: 0.02em;
  margin-right: .5em;
}
.lineup__cta .lineup__titleicon--num {
  display: block;
  line-height: 1em;
  margin: 0;
  letter-spacing: 0;
  line-height: 1em;
}
.lineup__cta .lineup__titleicon--num span {
  font-size: 1.42em;
}
.lineup__cta .lineup__titleicon--text {
  line-height: 1em;
  display: block;
  margin: -.15em auto 0;
  position: relative;
}
.lineup__cta .lineup__titletext {
  font-size: 1.42em;
  font-weight: bold;
}
.lineup__cta .lineup__price {
  box-sizing: border-box;
  display: block;
  padding: 4%;
  position: relative;
}
.lineup__cta .lineup__price--normal {
  color: #282f52;
  font-weight: bold;
  font-size: 1.04em;
}
.lineup__cta .strikethrough {
  box-sizing: border-box;
  letter-spacing: 0;
  padding-left: .3em;
  padding-right: .3em;
  position: relative;
}
.lineup__cta .strikethrough:before {
  content: "";
  background-color: #f00;
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  top: .2em;
  left: 0;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  z-index: 2;
}
.lineup__cta .strikethrough span {
  font-size: 0.7em;
}
.lineup__cta .lineup__pricebox {
  box-sizing: border-box;
  color: #282f52;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  margin: 0 auto;
  padding: .5em 0;
}
.lineup__cta .lineup__pricebox--red {
  color: #ee3d49;
}
.lineup__cta .lineup__pricebox--freeshipping {
  border: 1px solid;
  text-align: center;
  box-sizing: border-box;
  display: block;
  padding: .4em .6em;
  font-size: 1.38em;
  margin-right: .5em;
}
.lineup__cta .lineup__pricebox--freeshipping span {
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 0;
  display: block;
}
.lineup__cta .lineup__pricebox--price {
  font-size: 3.07em;
  font-weight: bold;
  vertical-align: bottom;
  padding-bottom: .2em;
}
.lineup__cta .lineup__pricebox--price span {
  font-size: 1.25em;
  line-height: 1em;
}
.lineup__cta .lineup__pricebox--price  .tax {
  font-size: .4em;
}
.lineup__cta .lineup__attention {
  box-sizing: border-box;
  color: #282f52;
  display: block;
  margin: 1em auto;
  padding: 3% 4%;
  background: #f6f6f6;
}
.lineup__cta .lineup__attention p {
  color: #282f52;
  font-size: .76em;
  line-height: 1.8em;
  letter-spacing: 0.06em;
  text-align: justify;
  word-break: break-all;
}
.lineup__cta .lineup__btn {
  margin: 0 auto;
  max-width: 550px;
}
.lineup__cta .lineup__btn a {
  border: 2px solid #7ec600;
  border-radius: 5em;
  background-color: #7ec600;
  box-sizing: border-box;
  color: #fff;
  display: block;
  overflow: hidden;
  padding: 1em;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 1.38em;
  font-weight: bold;
  width: 90%;
  margin: 0 auto;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.lineup__cta .lineup__btn a span {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/btn_ar_w.webp) no-repeat 100% 50%;
  -webkit-background-size: auto 0.7em;
  background-size: auto 0.7em;
  color: #fff;
  display: block;
  text-align: center;
  position: relative;
  z-index: 3;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.lineup__cta .lineup__btn a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  z-index: 1;
  background: #ee3d49;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 0;
}
.lineup__cta .lineup__btn a:after {
  content: "";
  width: 200%;
  height: 200%;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
  position: absolute;
  top: -50%;
  left: -50%;
  -webkit-animation-name: shine;
  -moz-animation-name: shine;
  -o-animation-name: shine;
  animation-name: shine;
  opacity: 0.7;
  -webkit-animation-duration: 2.2s;
  -moz-animation-duration: 2.2s;
  -o-animation-duration: 2.2s;
  animation-duration: 2.2s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes shine {
  from, 0% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(65deg);
    transform: translate3d( -100%, 0, 0) rotate(65deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(65deg);
    transform: translate3d( -100%, 0, 0) rotate(65deg);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(65deg);
    transform: translate3d( 100%, 0, 0) rotate(65deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(65deg);
    transform: translate3d( 100%, 0, 0) rotate(65deg);
    opacity: 0;
  }
  to, 100% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(65deg);
    transform: translate3d( -100%, 0, 0) rotate(65deg);
    opacity: 0;
  }
}
@keyframes shine {
  from, 0% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(65deg);
    transform: translate3d( -100%, 0, 0) rotate(65deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(65deg);
    transform: translate3d( -100%, 0, 0) rotate(65deg);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(65deg);
    transform: translate3d( 100%, 0, 0) rotate(65deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(65deg);
    transform: translate3d( 100%, 0, 0) rotate(65deg);
    opacity: 0;
  }
  to, 100% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(65deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(65deg);
    transform: translate3d( -100%, 0, 0) rotate(65deg);
    opacity: 0;
  }
}

/*
.lineup__cta .lineup__btn a:hover {
border-color: #ee3d49;
}
.lineup__cta .lineup__btn a:hover:before {
content: "";
width: 100%;
opacity: 1;
}
.lineup__cta .lineup__btn a:hover span {
background: url(../shared/img/webp/btn_ar_w.webp) no-repeat 100% 50%;
-webkit-background-size: auto 0.7em;
background-size: auto 0.7em;
color: #fff;
}
*/
.lineup_cta__shipping {
  text-align: right;
  font-size: 0.8em;
  margin: -0.8em auto 2em;
  color: #282f52;
}
.lineup .lineup__normal__titl {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: .5em;
}
.lineup .note_text {
  text-align: center;
  margin: 0 auto 5em;
  max-width: 568px;
  width: 95%;
}
.lineup__normal {
  margin-bottom: 2em;
}
.lineup .lineup__normal__titl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lineup .lineup__normal__titl:before,
.lineup .lineup__normal__titl:after {
  border-top: 1px solid;
  content: "";
  width: 3em;
}
.lineup .lineup__normal__titl:before {
  margin-right: 1em;
}
.lineup .lineup__normal__titl:after {
  margin-left: 1em;
}
.lineup .lineup__box {
  max-width: 690px;
  width: 95%;
  background: #fff;
  margin: 0 auto;
  padding: 2em 1em;
  position: relative;
}
.lineup .lineup__box__normal {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  display: inline-block;
}
.lineup .discount {
    border: 1px solid #282f52;
    border-radius: 33px;
    padding: 5px 10px;
    font-size: 0.9em;
    width: auto;
}
.lineup .lineup__box__price {
  font-weight: bold;
  font-size: 1em;
}
.lineup .lineup__box__price__money {
  font-size:  2.8em;
}
.lineup .lineup__box__price__en {
  font-size: 1.8em;
}
.lineup .lineup__normal__btn {
  position: absolute;
  top: 2.5em;
  right: .5em;
  width: 45%;
}
.lineup .lineup__box__postage {
  font-size: .9em;
  font-weight: bold;
  margin-left: 4.8em;
  /*   text-align: right;
  width: 53%; */
}
.lineup .lineup__normal__btn a {
  padding: 1.3em 1.5em;

  border: 2px solid #282f52;
  border-radius: 5em;
  background-color: #fff;
  box-sizing: border-box;
  color: #282f52;
  display: block;
  overflow: hidden;
  padding: .8em .6em;
  position: relative;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.lineup .lineup__normal__btn a img {
  text-align: center;
  margin: 0 auto;
  max-width: 80px;
  width: 36%;
}
.lineup .lineup__normal__btn a span{
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/btn_ar.webp) no-repeat 100% 60%;
  background-size: auto;
  -webkit-background-size: auto 0.7em;
  background-size: auto 0.7em;
  display: block;
  text-align: center;
  position: relative;
  z-index: 3;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.lineup .lineup__normal__btn a:hover {
  background: #959595;
  color: #fff;
  border: 2px solid #fff;
}
.lineup .lineup__normal__btn a:hover span {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/btn_ar_w.webp) no-repeat 100% 60%;
  background-size: auto;
  -webkit-background-size: auto 0.7em;
  background-size: auto 0.7em;
}
.lineup .tel__titl {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: .5em;
}
.lineup .tel__titl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lineup .tel__titl:before,
.lineup .tel__titl:after {
  border-top: 1px solid;
  content: "";
  width: 3em;
}
.lineup .tel__titl:before {
  margin-right: 1em;
}
.lineup .tel__titl:after {
  margin-left: 1em;
}
.lineup .tel__box {
  max-width: 690px;
  width: 95%;
  background: #fff;
  margin: 0 auto;
  padding: 1em;
  position: relative;
  text-align: center;
  font-size: .85em;
}
.lineup .tel p {
  margin: 1% auto;
}
.lineup .tel__box__tel a {
  font-size: 3.5em;
  font-weight: bold;
  color: #282f52;
  text-decoration: none;
}
.lineup .tel__box__tel img {
  width: 9%;
  margin-right: 1em;
  display: inline-block;
}
.lineup .tel__box__text {
  font-weight: bold;
}

.lineup__title--dash {
  padding: 1.2em 0.5em;
  font-size: 1.28em;
}
.lineup__title--dash:before {
  content: "";
  display: block;
  width: 1em;
  height: 1px;
  background-color: #fff;
  margin-right: 0.5em;
}
.lineup__title--dash:after {
  content: "";
  display: block;
  width: 1em;
  height: 1px;
  background-color: #fff;
  margin-left: 0.5em;
}
.lineup__tokuten {
  width: 92%;
  max-width: 911px;
  margin: 2em auto;
}
#uservoice {
  margin-bottom: 5%;
}
.uservoice__box {
  width: 92%;
  max-width: 1000px;
  margin: 2em auto;
}
iframe#egg_form {
  margin: 0 auto !important;
  width: 100% !important;
  height: 2010px !important;
}

@media screen and (max-width  :750px){
  .lineup .lineup__normal__btn {
    width: 38%;
  }
  .lineup .lineup__normal__btn a {
    font-size: 0.9em;
  }
}


/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  .lineup {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .lineup__title {
    font-size: 32px;
  }
  .lineup__cta {
    margin: 70px auto 80px;
    padding-bottom: 30px;
  }
  .lineup__cta .lineup__titleicon{
    font-size: 0.9em;
    padding: 0.4em .5em .6em;
  }
  .lineup__cta .lineup__price {
    max-width: 690px;
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    word-break: keep-all;
  }
  .lineup__cta .lineup__price--normal {
    font-size: 30px;
  }
  .lineup__cta .lineup__pricebox--freeshipping {
    font-size: 36px;
    padding: 15px 30px;
    margin-right: 1em;
    word-break: keep-all;
  }
  .lineup__cta .lineup__pricebox--freeshipping span {
    display: inline;
    letter-spacing: 0.1em;
  }
  .lineup__cta .lineup__pricebox--freeshipping span br {
    display: none;
  }
  .lineup__cta .lineup__pricebox--price {
    font-size: 72px;
    padding-bottom: 0;
    word-break: keep-all;
  }
  .lineup__cta .lineup__attention {
    padding: 20px 30px;
    margin: 30px auto;
  }
  .lineup__cta .lineup__attention p {
    font-size: 20px;
  }
  .lineup__cta .lineup__btn a {
    padding: 1.3em 1.5em;
    font-size: 30px;
  }
  .lineup .lineup__box {
    padding: 2em 3em;
  }
  .lineup .lineup__normal__btn {
    position: absolute;
    top: 2.5em;
    right: 2em;
    width: 45%;
  }
  .lineup .lineup__normal {
    margin-bottom: 3em;
  }
}


/*--------------------------------------*/
.problem {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/bg_gr.webp) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: 16% 0;
}
.problem .problem__catch {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.problem .problem__title {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0,-50%,0);
  -ms-transform: translate3d(0,-50%,0);
  -o-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
  z-index: 3;
  font-weight: bold;
}
.problem .problem__title span {
  background-color: #fff;
  padding: .2em .5em;
  box-sizing: border-box;
  line-height: 2.2em;
  color: #282f52;
  font-size: 1.18em;
  font-weight: 900;
}
.problem .problem__catchimg {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 2em 0 0 2em;
  width: 80%;
  margin: 0 0 0 auto;
  z-index: 2;
}
.problem .problem__ar {
  width: 1.5em;
  margin: 0.8em auto;
}
.problem .problem__content {
  background-color: #fff;
  width: 92%;
  margin: 1em auto;
}
.problem .problem__subtitle {
  background-color: #282f52;
  color: #fff;
  text-align: center;
  font-size: 1.15em;
  box-sizing: border-box;
  padding: 0.8em;
}
.problem .problem__subtitle span {
  font-size: 1.33em;
}
.problem .problem__box {
  box-sizing: border-box;
  padding: 4% 4% 6%;
}
.problem .problem__num {
  text-align: center;
  font-size: 2.53em;
  font-weight: 700;
  margin: 0 auto 0.5em;
}
.problem .problem__num span {
  font-size: 1.45em;
}
.problem sub {
  font-size: 0.3em;
  font-weight: 400;
  vertical-align: baseline;
}
.problem .problem__img {
  display: block;
  margin: 0 auto;
}
.problem .problem__attention {
  display: block;
  font-size: 0.69em;
  color: #282f52;
}
.problem .problem__attention p {
  line-height: 1.75em;
}
.problem .problem__text {
  text-align: center;
  margin: 1em auto;
  line-height: 2.41em;
}
.problem .problem__text p {
  font-size: 1.3em;
  font-weight: 700;
  color: #282f52;
  line-height: 2.5em;
}
.problem .problem__text span {
  border-bottom: 1px solid #282f52;
  padding-bottom: .5em;
}
/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  .problem {
    padding: 100px 0;
  }
  .problem .problem__catchimg {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    border-radius: 60px;
    width: 650px;
    margin: 0 0 0 auto;
    z-index: 2;
  }
  .problem .problem__title span {
    padding: 10px 30px;
    line-height: 2.5em;
    font-size: 40px;
  }
  .problem .problem__ar {
    width: 36px;
    margin: 20px auto;
  }
  .problem .problem__content{
    width: 92%;
    max-width: 900px;
    margin: 0 auto;
  }
  .problem .problem__subtitle {
    font-size: 30px;
    padding: 26px;
  }
  .problem .problem__subtitle span {
    font-size: 40px;
  }
  .problem .problem__box {
    padding: 30px 30px 50px;
  }
  .problem .problem__num {
    font-size: 60px;
    margin: 0 auto;
  }
  .problem .problem__num span {
    font-size: 90px;
    line-height: 1em;
  }
  .problem sub {
    font-size: 14px;
  }
  .problem .problem__attention {
    font-size: 14px;
  }
  .problem .problem__attention p {
    line-height: 1.75em;
  }
  .problem .problem__text p {
    font-size: 30px;
  }
  .problem .problem__text span {
    padding-left: .5em;
    padding-right: .5em;
  }
}


/*--------------------------------------------*/
.worries {
  display: block;
  box-sizing: border-box;
  padding: 12% 0;
}
.worries .worries__mov {
  width: 85.33%;
  margin: 0 0 0 auto;
}
.worries .worries__movsize {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.45%;
  overflow: hidden;
  border-radius: 2em 0 0 2em;
}
.worries video {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
  transform: scale(1.04);
}
.worries .worries__box {
  display: block;
  box-sizing: border-box;
  padding: 4%;
  margin: 0 auto;
}
.worries .worries__title {
  display: block;
  margin: 0.8em auto;
}
.worries .worries__text p {
  color: #282f52;
  font-size: 1em;
  line-height: 2.15em;
  z-index: 2;
  position: relative;
}
.worries .worries__eng {
  width: 35%;
  margin: -1em 0 0 auto;
  position: relative;
  z-index: 1;
}
/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  .worries {
    position: relative;
    padding: 100px 0;
    max-width: 1500px;
    margin: 0 auto;
  }
  .worries .worries__mov {
    width: 53.33%;
    max-width: 640px;
    margin: 0 0 0 auto;
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 2;
  }
  .worries .worries__movsize {
    border-radius: 60px 0 0 60px;
  }
  .worries .worries__text {
    display: block;
    box-sizing: border-box;
    padding: 10px 33% 10px 10px;
    margin: 0 auto;
    max-width: 1020px;
    margin: 0 auto;
  }
  .worries .worries__title {
    display: block;
    margin: 0 auto 1em;
    position: relative;
    z-index: 3;
    width: 100%;
  }
  .worries .worries__box {
    max-width: 1000px;
    margin: 0 auto;
  }
  .worries .worries__text p {
    color: #282f52;
    font-size: 16px;
    line-height: 2.15em;
    z-index: 2;
    position: relative;
    width: 78%;
    max-width: 520px;
    margin: 0 auto 0 0;
  }
  .worries .worries__eng {
    width: 35%;
    margin: 0 auto;
    position: absolute;
    bottom: 90px;
    left: 50%;
    max-width: 314px;
    z-index: 3;
    margin-left: -11%;
  }
}


/* ingradient -----------------------*/
.ingredient {
  margin: 0 auto;
  max-width: 800px;
  display: block;
  padding: 0 0 8%;
  margin: 0 auto;
}
.ingredient .ingredient__title {
  text-align: center;
  color: #282f52;
  font-size: 1.38em;
  font-weight: 900;
}
.ingredient .ingredient__catch {
  color: #282f52;
  text-align: center;
  font-size: 1.07em;
  line-height: 1.64em;
  letter-spacing: 0.1em;
  margin: 1em auto;
}
.ingredient .ingredient__list--01 {
  box-sizing: border-box;
  display: block;
  padding: 4%;
}
.ingredient .ingredient__listitem {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  margin: 0 auto 2.5em;
}
.ingredient .ingredient__listimg {
  width: 48%;
}
.ingredient .ingredient__listtext {
  width: 52%;
  box-sizing: border-box;
  padding-left: 2.66%;
}
.ingredient .ingredient__listtext p {
  font-size: .92em;
  letter-spacing: 0.1em;
  color: #282f52;
  line-height: 1.91em;
}
.ingredient .ingredient__listitem h3 {
  margin-bottom: 1em;
}
.ingredient .ingredient__listitem span {
  font-size: 1.15em;
  font-weight: 700;
  color: #fff;
  background: #282f52;
  box-sizing: border-box;
  padding: .1em .5em;
}

.ingredient .ingredient__list--02 {
  box-sizing: border-box;
  padding: 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ingredient .ingredient__list--02  .ingredient__listitem {
  width: 48%;
  display: block;
  text-align: center;
  margin: 0 0 2em;
  box-sizing: border-box;
  padding: 0;
}
.ingredient .ingredient__list--02  .ingredient__listimg {
  width: 100%;
  margin-bottom: 1em;
}
.ingredient .ingredient__list--02  .ingredient__listtext {
  width: 100%;
}
.ingredient .ingredient__list--02  .ingredient__listtext p {
  line-height: 1.75em;
}
.ingredient .ingredient__textbox {
  width: 92%;
  display: block;
  margin: 1em auto;
  background-color: #eeeeee;
  border-radius: 0.8em;
  box-sizing: border-box;
  padding: 4% 7.6%;
  text-align: center;
}
.ingredient .ingredient__textbox p {
  font-size: .92em;
  color: #282f52;
}
.ingredient .ingredient__alltext {
  box-sizing: border-box;
  width: 92%;
  margin: 2em auto;
}
.ingredient .ingredient__alltext__title {
  text-align: center;
  font-weight: bold;
  color: #282f52;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.ingredient .ingredient__alltext__title span {
  display: block;
  margin: 0;
  width: 6em;
  text-align: center;
  font-size: 1.15em;
}
.ingredient .ingredient__alltext__title:before ,
.ingredient .ingredient__alltext__title:after {
  content: "";
  background-color: #282f52;
  display: block;
  width: calc(50% - 3em);
  height: 1px;
  margin: 0;
}
.ingredient .ingredient__alltext__text {
  box-sizing: border-box;
  display: block;
  padding: 2.66% 0 0;
  font-size: .84em;
  line-height: 1.72em;
}

/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){

  .ingredient {
    padding: 0 0 100px;
  }
  .ingredient .ingredient__title {
    font-size: 32px;
  }
  .ingredient .ingredient__catch {
    font-size: 26px;
  }
  .ingredient .ingredient__list--01 {
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 1020px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ingredient .ingredient__listitem {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    margin: 0 0 2.5em;
  }
  .ingredient .ingredient__listimg {
    width: 48%;
    max-width: 230px;
  }
  .ingredient .ingredient__listtext {
    width: 52%;
    box-sizing: border-box;
    padding-left: 2.66%;
  }
  .ingredient .ingredient__listtext p {
    font-size: 16px;
  }
  .ingredient .ingredient__listitem h3 {
    margin-bottom: 0.8em;
  }
  .ingredient  .ingredient__listitem span {
    font-size: 24px;
    padding: .1em .5em;
  }

  .ingredient .ingredient__list--02 {
    box-sizing: border-box;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    max-width: 880px;
    margin: 1em auto;
  }
  .ingredient .ingredient__list--02  .ingredient__listitem {
    width: 30%;
    display: block;
    text-align: center;
    margin: 0 0 2em;
    box-sizing: border-box;
    padding: 0;
  }
  .ingredient .ingredient__list--02  .ingredient__listimg {
    width: 100%;
    max-width: 230px;
    margin: 0 auto 1em;
  }
  .ingredient .ingredient__list--02  .ingredient__listtext {
    width: 100%;
  }
  .ingredient .ingredient__list--02  .ingredient__listtext p {
    font-size: 22px;
  }
  .ingredient .ingredient__textbox {
    width: 80%;
    max-width: 800px;
    margin: 1em auto;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
  }
  .ingredient .ingredient__textbox p {
    font-size: 22px;
    line-height: 2em;
    color: #282f52;
  }
  .ingredient .ingredient__alltext {
    margin-top: 50px;
    margin-bottom: 10px;
  }
  .ingredient .ingredient__alltext__title {
    font-size: 24px;
  }
  .ingredient .ingredient__alltext__text p {
    font-size: 18px;
    line-height: 2em;
  }
}


/* quality -------------------------------*/
#quality {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/lineup_bg.webp) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-bottom: 2em;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
#quality .quality__box .quality__textbox {
  width: 100%;
  box-sizing: border-box;
  padding: 4%;
}
#quality .quality__box .quality__subtitle {
  font-size: 1.46em;
  line-height: 1.84em;
  font-weight: 700;
  color: #282f52;
  border-bottom: 1px solid #282f52;
  padding-bottom: .9em;
  margin: .5em auto .5em;
}
#quality .quality__box .quality__text p {
  margin: 1.5em auto 2em;
  font-size: 1em;
}
#quality .quality__box--02 {
  width: 100%;
  margin: 0 auto;
}
#quality .quality__box--02 .quality__img {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-left: 14%;
  z-index: 1;
}
#quality .quality__box--02 .quality__textbox {
  position: relative;
  z-index: 3;
  width: 100%;
  margin: -2em auto 0;
}
#quality .quality__box--02 .quality__subtitle {
  line-height: 2.2em;
  font-size: 1.46em;
}
#quality .quality__box--02 .quality__subtitle span {
  background: #282f52;
  color: #fff;
  padding: .2em 4%;
}
#quality .quality__box--02 .quality__text {
  box-sizing: border-box;
  padding: 4%;
}
#quality .quality__box--02 p {
  font-size: 1.46em;
  font-weight: 700;
  color: #282f52;
  line-height: 1.8em;
}
#quality .quality__box--02 p span {
  font-weight: 400;
  font-size: 0.78em;
}
#quality .quality__box--02 p span:after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 2px;
  background-color: #282f52;
  vertical-align: middle;
  margin-left: .5em;
}

/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){

  #quality {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  #quality .quality__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto 50px;
  }
  #quality .quality__box .quality__img {
    width: 60%;
  }
  #quality .quality__box .quality__textbox {
    width: 40%;
    box-sizing: border-box;
    padding: 0 10px;
    max-width: 440px;
  }
  #quality .quality__box .quality__subtitle {
    font-size: 32px;
    line-height: 1.84em;
    font-weight: 700;
    color: #282f52;
    border-bottom: 1px solid #282f52;
    padding-bottom: .9em;
    margin: 0 auto .5em;
  }
  #quality .quality__box .quality__text p {
    margin: 1.5em auto 2em;
    font-size: 1em;
  }
  #quality .quality__box--02 {
    width: 100%;
    margin: 50px auto 0;
    max-width: 1500px;
    position: relative;
  }
  #quality .quality__box--02 .quality__img {
    width: 55%;
    max-width: 770px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0;
    z-index: 1;

  }
  #quality .quality__box--02 .quality__textbox {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto 0;
  }
  #quality .quality__box--02 .quality__subtitle {
    line-height: 2.2em;
    font-size: 32px;
    margin-top: 60px;
  }
  #quality .quality__box--02 .quality__subtitle span {
    background: #282f52;
    color: #fff;
    padding: .6em .6em;
  }
  #quality .quality__box--02 .quality__textbox {
    box-sizing: border-box;
    padding: 20px;
    width: 1040px;
    margin: 0 auto;
    z-index: 2;
  }
  #quality .quality__box--02 .quality__text {
    padding: 40px 0;
  }
  #quality .quality__box--02 p {
    font-size: 32px;
    font-weight: 700;
    color: #282f52;
    line-height: 1.8em;
  }
  #quality .quality__box--02 p span {
    font-weight: 400;
    font-size: 26px;
  }
  #quality .quality__box--02 p span:after {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 2px;
    background-color: #282f52;
    vertical-align: middle;
    margin-left: 1.5em;
  }
}


/*- comparison -----------------------*/
#comparison {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 12%;
}
#comparison .comparison__table {
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #959595;
  background: #fff;
  border-radius: 2em;
}
#comparison .comparison__table table {
  width: 100%;
  border-collapse: collapse;
}
#comparison .comparison__table th {
  background: #eeeeee;
  color: #959595;
  font-weight: 700;
  padding: 1em 0.5em;
  width: 20%;
}
#comparison .comparison__table .comparison--normal {
  color: #fff;
  background: #959595;
  width: 40%;
}
#comparison .comparison__table .comparison--zukachin {
  color: #fff;
  background: #282f52;
  font-size: 1.16em;
  width: 40%;
}
#comparison tbody {
}
#comparison tbody tr {
}
#comparison .comparison__table tbody th {
  border-top: 1px solid #959595;
}
#comparison .comparison__table tbody td {
  border-top: 1px solid #959595;
  border-left: 1px solid #959595;
  text-align: center;
  font-weight: 700;
  color: #282f52;
  font-size: .92em;
  line-height: 1.6em;
  padding: 1em 0;
  background: #ffffff;
  height: 4.6em;
}
#comparison .comparison__table tbody td + td {
  background-color: #f6f7fe;
}
#comparison .comparison__attention {
  width: 92%;
  margin: 0 auto;
  max-width: 1000px;
}
#comparison p {
  text-align: right;
  font-size: .69em;
  margin: .5em auto;
}

/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  #comparison {
    padding-top: 80px;
  }
  #comparison .comparison__table th {
    font-size: 20px;
  }
  #comparison .comparison__table .comparison--zukachin {
    font-size: 26px;
  }
  #comparison .comparison__table tbody td {
    font-size: 16px;
    height: 5.4em;
  }
  #comparison .comparison__attention p{
    font-size: 14px;
  }
}

/* instagram ----------------------------*/
.ugc-slider-wrapper {
  margin-bottom: 80px;
}

/* qa ----------------------------*/
#qa {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/lineup_bg.webp) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 2% 0 12%;
}
.qa__box {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  border-bottom: 1px solid;
}
.qa__item {
  border-top: 1px solid;
}
.qa__item--q {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/qa_q.webp) no-repeat 0% 50%;
  -webkit-background-size: 11% auto;
  background-size: 11% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  cursor: pointer;
  box-sizing: border-box;
  min-height: 3.4em;
  box-sizing: border-box;
  padding: 4% 10% 4% 14%;
  font-weight: bold;
  font-size: 1.16em;
  position: relative;
}
.qa__item--q:before {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  background-color: #282f52;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: calc(100% - 1.5em);
}
.qa__item--q:after {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  background-color: #282f52;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: calc(100% - 1.5em);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;
}
.qa__item--q.acd__btn--open:after {
  content: "";
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 0;
}
.qa__item--a div {
  background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/qa_a.webp) no-repeat 0% 12%;
  -webkit-background-size: 11% auto;
  background-size: 11% auto;
  display: -webkit-box;
/*  display: -ms-flexbox;
  display: flex;*/
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  box-sizing: border-box;
  min-height: 3.4em;
  padding: 2% 10% 4% 14%;
  font-weight: 400;
  font-size: 1em;
  line-height: 2.15em;
  position: relative;
}

/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  #qa {
    padding: 50px 0 100px;
  }
  .qa__item {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 30px;
    margin: 0 auto;
  }
  .qa__item--q {
    background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/qa_q.webp) no-repeat 0% 50%;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
    min-height: 100px;
    padding: 20px 50px 20px 90px;
    font-size: 26px;
  }
  .qa__item--q:before {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    background-color: #282f52;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: calc(100% - 30px);
  }
  .qa__item--q:after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    background-color: #282f52;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: calc(100% - 30px);
  }
  .qa__item--q.acd__btn--open:after {
    content: "";
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0;
  }
  .qa__item--a div {
    background: url(https://cdn.shopify.com/s/files/1/0717/2964/3824/files/qa_a.webp) no-repeat 0% 12%;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
    min-height: 80px;
    padding: 10px 50px 10px 90px;
    min-height: 60px;
    font-size: 16px;
    line-height: 2.15em;
    position: relative;
  }

}

/* energetic -------------------------*/
.energetic {
  margin: 0 auto;
  padding: 12% 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 1500px;
  position: relative;
}
.energetic__img {
  width: 92%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.energetic__text {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 13.3333%;
  z-index: 3;
  margin: -5.5em auto 0;
}

/* #pc ---------------------------------------------------------------*/
@media screen and (min-width:750px){
  .energetic {
    padding: 150px 0 100px;
  }
  .energetic__img {
    width: 54%;
    margin: 0 auto 0 0;
    position: relative;
    z-index: 2;
    max-width: 820px;
  }
  .energetic__text {
    position: absolute;
    top: 50%;
    left: calc(50% - 20px);
    -webkit-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    box-sizing: border-box;
    width: 50%;
    max-width: 600px;
    padding-left: 0;
    z-index: 3;
    margin: 0 auto 0;

  }
}




/*---------------------------*/
#fixbtn {
  position: fixed;
  bottom: -100%;
  left: 0;
  z-index: 999;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
}
#fixbtn.fixbtn--visible {
  bottom: 0;
}
#fixbtn .fixbtn__box {
  position: relative;
  bottom: 0;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 750px;
}

/* cart -------------------------*/
section#cart {
  background: #fff;
}
iframe#egg_form {
  margin: 0 auto !important;
  max-width: 800px!important;
  height: 2975px !important;
}
/* #pc ---------------------------------------------------------------*/
@media screen and (max-width:400px){
  iframe#egg_form {
    height: 3200px !important;
  }
}
@media screen and (min-width:750px){
  iframe#egg_form {
    width: 100% !important;
    height: 2010px !important;
  }
}
/*---------------------------*/