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

/*******************

 LP style

********************/
html , body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* content
--------------------------------------------------*/
.lpbox {
  overflow: hidden;
}
.lpbox , #lpfooter {
  /* settings */
  --c-pink: #f6537a;
  
  --typ-h2: calc(55 / 24 * 1em); 

  /* base */
  font-size: clamp(12px,calc(28 / 790 * 100vw),28px);
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#000;
  line-height:1.4em;
  background: #fff;
}
@media screen and (min-width:790px){
.lpbox , #lpfooter {
    max-width: 790px;
    margin-inline: auto;
  background: #fff;
  }
  html,body {
    background: #eee;
  }
}
.lpbox a , #lpfooter a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
.lpbox a:hover, #lpfooter a:hover{
  text-decoration: underline;
}
.lpbox span, #lpfooter span {
  font-size: inherit;
  font-weight: inherit;
}
.lpbox img ,
#lpfooter img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
.lpbox img.img-t ,
#lpfooter img.img-t {
  vertical-align: top;
}
/* cart css reset */

.lpbox header ,
.lpbox h1 ,
.lpbox h2 ,
.lpbox h3 ,
.lpbox p ,
.lpbox dl ,
.lpbox dt ,
.lpbox dd ,
.lpbox div ,
.lpbox section ,
.lpbox span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter footer ,
#lpfooter div,
#lpfooter p {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter ul,
#lpfooter li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
/*----------------------------------------*/
.lpbox .grd--bl {
  background: rgb(176,206,212);
background: -moz-linear-gradient(0deg, rgba(176,206,212,1) 0%, rgba(183,196,218,1) 31%, rgba(192,183,227,1) 56%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(176,206,212,1) 0%, rgba(183,196,218,1) 31%, rgba(192,183,227,1) 56%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(176,206,212,1) 0%, rgba(183,196,218,1) 31%, rgba(192,183,227,1) 56%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0ced4",endColorstr="#ffffff",GradientType=1);
}
.lpbox .bg--bl {
  background: #C8DDE1;
  padding: 1px 0;
}
.lpbox .grd--bl2 {
background: rgb(200,221,225);
background: -moz-linear-gradient(0deg, rgba(200,221,225,1) 0%, rgba(183,196,218,1) 44%, rgba(192,183,227,1) 78%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(200,221,225,1) 0%, rgba(183,196,218,1) 44%, rgba(192,183,227,1) 78%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(200,221,225,1) 0%, rgba(183,196,218,1) 44%, rgba(192,183,227,1) 78%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0ced4",endColorstr="#ffffff",GradientType=1);
}
.lpbox .grd--gray {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 77%, rgba(238,238,238,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 77%, rgba(238,238,238,1) 100%);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 77%, rgba(238,238,238,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=1);
}
.lpbox .bg--pink {
  background-color: #FCECEC;
}
/*----------------------------------------*/
.lpbox #fv {
  display: block;
  margin: 0 auto;
  filter: drop-shadow(0px -10px 50px rgb(0 0 0 / 0.3));
}
/*----------------------------------------*/
.lpbox .saiyasu {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding-bottom: calc(200 / 790 * 100%);
  z-index: 1;
}
.lpbox .btn__now {
  margin: calc(10 / 790 * -100%) auto 0;
}
.lpbox .saiyasu__text {
  display: block;
  box-sizing: border-box;
  padding: 0 calc((790 - 739) / 790 * 100%) calc(30 / 790 * 100%) 0;
  position: relative;
  width: 100%;
  transform: translate3d(0,-8.5%,0);
  margin-bottom: -8.5%;
}
/*----------------------------------------*/
.lpbox .btn {
  display: block;
  box-sizing: border-box;
  margin-inline: auto;
  width: calc(742 / 790 * 100%);
}
.lpbox .btn__text {
  display: block;
  margin-inline: auto;
  width: calc(674 / 742 * 100%);
  margin-bottom: calc(16 / 742 * 100%);  
}
.lpbox .btn__att {
  text-align: right;
  font-weight: 700;
  font-size: calc(16 / 24 * 1em);
  line-height: 1.1em;
  box-sizing: border-box;
  padding-right: calc(40 / 742 * 100%);
}

/*----------------------------------------*/
.lpbox .wish {
  display: block;
  position: relative;
  z-index: 5;
  margin: calc(160 / 790 * 100% * -1) auto;
}
.lpbox .wish + section ,
.lpbox .wish + div {
  box-sizing: border-box;
  padding-top: calc(180 / 790 * 100% );
}
/*----------------------------------------*/
.lpbox .pricelist {
  display: block;
  box-sizing: border-box;
  padding-bottom: clamp(40px,calc(80 / 790 * 100%),80px);
}
/*----------------------------------------*/
.lpbox .which {
  display: block;
  position: relative;
  z-index: 5;
  margin: calc(100 / 790 * 100% * -1) auto  calc(160 / 790 * 100% * -1);
}
.lpbox .which + section ,
.lpbox .which + div {
  box-sizing: border-box;
  padding-top: calc(100 / 790 * 100% );
}
/*----------------------------------------*/
.lpbox .answer {
  display: block;
  position: relative;
  margin: calc(40 / 790 * 100% * -1) auto 0;
  width: 100%;
  z-index: 3;
}
.lpbox .reason {
  position: relative;
  z-index: 5;
  display: block;
  margin-inline: auto;
  margin-top: calc(42 / 790 * -100%);
}
.lpbox .reductase {
  display: block;
  margin-inline: auto;
  margin-top: calc(68 / 790 * -100%);
  margin-bottom: calc(20 / 790 * 100%);
}
.lpbox .reason-2 {
  position: relative;
  z-index: 5;
  display: block;
  margin-inline: auto;
  margin-top: calc(46 / 790 * -100%);
}
.lpbox .reductase-2 {
  display: block;
  margin-inline: auto;
  margin-top: calc(64 / 790 * -100%);
}
.lpbox .att {
  position: relative;
  z-index: 6;
  margin-top: calc(20 / 790 * -100%);
}

/*----------------------------------------*/
.dutasteride-sec {
  position: relative;
  z-index: 5;
}
.lpbox .dutasteride {
  display: block;
  margin-inline: auto;
  margin-top: calc(106 / 790 * -100%);
}


/*----------------------------------------*/
.lpbox .secret {
  position: relative;
}
.lpbox .secret__ttl {
  display: block;
  margin-inline: auto;
  margin-top: calc(115 / 790 * -100%);
  margin-bottom: calc(20 / 790 * 100%);
}

.lpbox .secret__wrapper {
  position: absolute;
  top: calc(257 / 790 * 100%);
  left: 0;
}

.lpbox .secret__table {
  display: block;
  margin-inline: auto;
  margin-top: calc(40 / 790 * 100%);
  margin-bottom: calc(20 / 790 * 100%);
  width: calc(754 / 790 * 100%);
}

.lpbox .deco--dot {
  display: block;
  margin-inline: auto;
  margin-top: calc(20 / 790 * 100%);
  margin-bottom: calc(20 / 790 * 100%);
  width: calc(9 / 790 * 100%);
}

.lpbox .secret__reason {
  display: block;
  margin-inline: auto;
  margin-top: calc(30 / 790 * 100%);
  padding-bottom: calc(60 / 790 * 100%);
  width: calc(716 / 790 * 100%);
}
/*----------------------------------------*/
.lpbox .reason2 {
  position: relative;
  display: block;
  margin-inline: auto;
  margin-top: calc(280 / 790 * -100%);
  z-index: 2;
}
.lpbox .reason2__wrapper {
  position: absolute;
  top: calc(-8 / 790 * -100%);
  left: 0;
}
.lpbox .reason2__ttl {
  position: relative;
  display: block;
}
.lpbox .reason2__ttl h2 {
  display: block;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
}

.lpbox .media {
  position: relative;
  display: block;
  margin-inline: auto;
  margin-top: calc(330 / 790 * -100%);
  margin-bottom: calc(20 / 790 * 100%);
}
.lpbox .reason2__images {
  margin-top: calc(15 / 790 * -100%);
}
.lpbox .reason2__img {
  display: block;
  margin: calc(30 / 790 * 100%) auto calc(30 / 790 * 100%) auto;
}
/*----------------------------------------*/
.lpbox .case {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding-top: calc(250 / 790 * 100%);
  margin-top: calc(200 / 790 * -100%);
  background-image: linear-gradient(to bottom, #F1F8FF 39%, #95BEE8 100%);
}
.lpbox .page__subtitle {
  text-align: center;
  font-size: calc(55 / 24 * 1em);
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.55em;
  color: #345884;
}

.lpbox .case__slideritem {
  width: calc(750 / 790 * 100%);
}
.lpbox .page__catch {
  font-size: calc(25 / 24 * 1em);
  text-align: center;
  line-height: 1.5;
  font-weight: 500;
  margin-inline: auto;
  margin-top: calc(10 / 790 * 100%);
  margin-bottom: calc(30 / 790 * 100%);
  color: #345884;
}
/*------------------------------------*/
.lpbox .case__slider {
  position: relative;
}
.lpbox .case__slider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  right: 1.5%;
  width: 0.9em;
  height: 2.7em;
  background: url(../img/slider_ic_ar.svg) no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  overflow: hidden;
  text-indent: -999px;
}
.lpbox .case__slider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  left: 1.5%;
  width: 0.9em;
  height: 2.7em;
  background: url(../img/slider_ic_ar.svg) no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  rotate: 180deg;
}
.lpbox .case__slider.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}
.lpbox .case__att {
  position: relative;
  font-size: calc(18 / 24 * 1em);
  line-height: 1.3em;
  text-align: left;
  display: block;
  box-sizing: border-box;
  padding: 0 calc(45 / 790 * 100%) calc(80 / 790 * 100%);
  color: #355984;
}
.lpbox .case__arrow {
  position: absolute;
  top: calc(140 / 790 * -100%);
  left: 50%;
  transform: translateX(-50%);
  width: calc(589.76 / 790 * 100%);
}
.lpbox .uservoice {
  position: relative;
}
.lpbox .uservoice__acd {
  box-sizing: border-box;
  display: block;
  position: relative;
  /* margin-top: calc(0 / 790 * 100%); */
  margin-inline: auto;
  max-width: calc(650 / 790 * 100%);
  overflow: hidden;
  padding-bottom: calc(20 / 790 * 100%);
}
.lpbox .uservoice__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - min(65px, 9vw));
  background-color: #fff;
  box-shadow: 4px 4px 10px rgba(0,0,0,0.25);
}
.lpbox .uservoice__acdtext {
  font-weight: 600;
  color: #000;
  font-size: calc(22 / 24 * 1em);
  line-height: 1.75em;
  padding: 0 calc(46 / 790 * 100%);
}
.lpbox .uservoice__acdtext p span {
  font-weight: 600;
  color: var(--c-pink);
  font-size: calc(26 / 22 * 1em);
  font-weight: 800;
  line-height: 1.5em;
}
.lpbox .uservoice__acdtext p {
  margin: 1.2em auto 1.2em;
  position: relative;
  z-index: 3;
}
.lpbox .acd__btn--uservoice {
  background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5298494397759104) 83%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5298494397759104) 83%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.5298494397759104) 83%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6em;
  z-index: 4;
  opacity: 1;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.lpbox .acd__btn--uservoice.acd__btn--open {
  opacity: 0;
  transform: translate3d(0,100%,0);
}
.lpbox .acd__btn--uservoice span {
  box-sizing: border-box;
  background: var(--c-pink);
  border-radius: calc( 11 / 24 * 1em );
  color: #fff;
  display: block;
  text-align: center;
  padding: .2em .4em;
  width: 10em;
  cursor: pointer;
  transform: translate3d(0,100%,0);
  filter:drop-shadow(0px 4px 0px #B33352);
}
/*------------------------------------*/
.lpbox .case .deco--dot {
  box-sizing: border-box;
  padding: calc(30 / 790 * 100%) 0 calc(50 / 790 * 100%);
  margin-bottom: 0;
}
/*------------------------------------*/
.lpbox .usertext {
  background: rgb(255,240,193);
  background: -moz-linear-gradient(180deg, rgba(255,240,193,1) 0%, rgba(255,240,193,1) 70%, rgba(244,244,244,1) 93%, rgba(244,244,244,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,240,193,1) 0%, rgba(255,240,193,1) 70%, rgba(244,244,244,1) 93%, rgba(244,244,244,1) 100%);
  background: linear-gradient(180deg, rgba(255,240,193,1) 0%, rgba(255,240,193,1) 70%, rgba(244,244,244,1) 93%, rgba(244,244,244,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff0c1",endColorstr="#f4f4f4",GradientType=1);
  box-sizing: border-box;
  display: block;
  padding: calc(80 / 790 * 100%) 0  calc(40 / 790 * 100%);
}
.lpbox .usertext__ttl {
  display: block;
  width: calc(626 / 790 * 100%);
  margin-inline: auto;
}
.lpbox .usertext__slider {
  display: block;
  margin: calc(40 / 790 * 100%) auto calc(60 / 790 * 100%);
}
.lpbox .usertext__att {
  font-size: calc(18 / 24 * 1em);
  line-height: 1.3em;
  text-align: right;
  display: block;
  box-sizing: border-box;
  padding: 0 calc(20 / 790 * 100%) calc(80 / 790 * 100%);
}
/*------------------------------------*/
.lpbox .clinic {
  position: relative;
  display: block;
  margin: 0 auto;
  z-index: 2;
}
.lpbox .solution {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  margin-top: calc(175 / 790 * -100%);
}
.lpbox .cause {
  position: relative;
  display: block;
  margin: calc(60 / 790 * -100%) auto 0;
  z-index: 2;
  overflow: hidden;
}
.lpbox .cause h2 {
  position: relative;
  z-index: 5;
}
.lpbox .cause__box--01 {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: calc(100 / 790 * 100% ) 0 0;
  z-index: 1;
  margin: calc(100 / 790 * 100% * -1) auto 0;
}
.lpbox .cause__box--01::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - ( 44 / 790 * 100% ));
  background-color: #E6EBEE;
  content: '';
}
.lpbox .cause__aga {
  display: block;
  width: calc(775 / 790 * 100%);
  margin-inline: auto;
  position: relative;
  z-index: 7;
}

.lpbox .cause__content {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-top: calc(32 / 790 * -100%);
}
.lpbox .cause__section1 {
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding: calc(64 / 790 * 100%) 0 calc(57 / 790 * 100%);
  box-shadow: 4px 4px 10px rgba(0,0,0,0.25);
}
.lpbox .cause__sttl {
  max-width: calc(683.22 / 790 * 100%);
  margin-inline: auto;
}
.lpbox .cause__sttl--01 {
  width: calc(525 / 790 * 100%);
  margin: 0 auto calc(41 / 790 * 100%);
}
.lpbox .cause__sttl--02 {
  position: relative;
  width: calc(601 / 790 * 100%);
  margin: calc(77 / 790 * 100%) auto calc(23 / 790 * 100%);
}
.lpbox .cause__sttl--03 {
  width: 100%;
  margin: calc(165 / 600 * 100%) auto 0;
}
.lpbox .cause__acdbtn {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.lpbox .cause__acdwrapper {
  background-color: #fff;
  margin: 0 auto;
  width: calc(676 / 790 * 100%);
  border-radius: calc(10 / 24 * 1em);
}
.lpbox .cause__acdbtn .btn-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  color: #fff;
  border-radius: calc(10 / 24 * 1em);
  padding: calc(24 / 790 * 100%);
  font-size: calc(27 / 24 * 1em);
  font-weight: 700;
  line-height: 1.4;
  background-color: #449BD9;
  filter: drop-shadow(0px 7px 0px #2D6791);
  transition: filter .3s ease-in-out;
}
.lpbox .cause__acdbtn.acd__btn--open .btn-wrap {
  filter: drop-shadow(0px 0px 0px #2D6791);
}
.lpbox .cause__acdbtn .btn-wrap span {
  text-align: center;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  cursor: pointer;
  flex-grow: 1;
}
.lpbox .cause__acdbtn .btn-wrap svg {
  width: calc(20 / 790 * 100%);
  transition: transform .3s ease-in-out;
}
.lpbox .cause__acdbtn.acd__btn--open .btn-wrap svg {
  transform: rotate(90deg);
}
.lpbox .cause__img--02 {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}
.lpbox .cause__img--03 {
  width: calc(653 / 720 * 100%);
  margin: calc(20 / 720 * 100%) auto;
}
.lpbox .cause .deco--dot {
  width: calc(8 / 600* 100%);
}
.lpbox .cause__box--02 {
  position: relative;
  display: block;
  z-index: 2;
  margin: calc(30 / 790 * 100%) auto 0;
  box-sizing: border-box;
  padding: 0;
}
.lpbox .cause__inner {
  position: relative;
}
.lpbox .cause__bg {
  position: absolute;
  top: calc(312 / 790 * -100%);
  left: 50%;
  transform: translateX(-50%);
  width: calc(589 / 790 * 100%);
  margin-inline: auto;
}

/*------------------------------------*/
.lpbox .bg--gray {
  background: #eee;
  box-sizing: border-box;
  padding: calc(160 / 790 * 100%) 0 0;
  z-index: 1;
  margin: 0 auto;
}
.lpbox .result-wrap {
  padding-top: calc(163 / 790 * 100%);
  background-color: rgb(255 232 173 / 24%);
  margin-top: calc(130 / 790 * -100%);
}
.lpbox .jisseki {
  box-sizing: border-box;
  margin: 0 auto calc(20 / 790 * 100%);
  width: 100%;
}
.lpbox .minoxidil {
  box-sizing: border-box;
  margin: 0 auto 0;
  width: 100%;
  padding-left: calc(20 / 790 * 100%);
}
/*------------------------------------*/
.lpbox .price-plan {
  padding-top: calc(82 / 790 * 100%);
  padding-bottom: calc(104 / 790 * 100%);
}
.lpbox .offer {
  background-color: #D7EBF8;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 4px 4px 10px rgba(0,0,0,0.25);
}
.lpbox .offer__ttl {
  width: calc(508 / 790 * 100%);
  margin: 0 auto calc( 60 / 790 * 100%);
}
.lpbox .offer__sttl {
  display: block;
  margin: calc(134 / 790 * 100%) auto 0;
  width: 100%
}
.lpbox .offer__sttl1 {
  display: block;
  margin: 0 auto calc(26 / 790 * -100%);
  width: 100%;
  position: relative;
  z-index: 5;
}
.lpbox .offer__sttl2 {
  display: block;
  margin: calc(134 / 790 * 100%) auto 0;
  width: 100%;
}
.lpbox .offer__table {
  display: block;
  margin: 0 auto;
  width: calc(770 / 790 * 100% );
}
.lpbox .offer__box {
  box-sizing: border-box;
  background-color: #fff;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: calc(30 / 622 * 100%);
  position: relative;
  box-shadow: 4px 4px 10px rgba(0,0,0,0.25);
}
.lpbox .offer__name{
  box-sizing: border-box;
  padding: calc(20 / 622 * 100%) calc(40 / 622 * 100%)  calc(20 / 622 * 100%) ;
  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;
}
.lpbox .offer__img {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding-top: calc(40 / 707 * 100%);
  z-index: 2;
  max-width: calc(667 / 790 * 100%);
  margin-inline: auto;
}
.lpbox .offer__badge {
  display: block;
  position: absolute;
  top: calc(2 / 790 * 100%);
  left: calc(40 / 790 * 100%);
  z-index: 6;
  width: calc(144 / 707 * 100%);
  transform: translate3d(-25%,-25%,0);
}
.lpbox .set__otoku {
  display: block;
  box-sizing: border-box;
  width: calc(510 / 707 * 100%);
  margin: calc(60 / 707 * 100%) auto 0;
}
.lpbox .set__plan {
  display: block;
  box-sizing: border-box;
  width: calc(662 / 790 * 100%);
  margin: calc(60 / 707 * 100%) auto  calc(30 / 707 * 100%);
}
.lpbox .set__plan--1m {
  margin: 0 auto calc(30 / 707 * 100%);
}
.lpbox .set__plan--6m {
  margin: calc(30 / 707 * 100%) auto;
}
.lpbox .set__plan--12m {
  margin: calc(30 / 707 * 100%) auto 0;
}

.lpbox .set__plan--att {
  width: calc(var(--imgwidth) / 707 * 100%);
  margin: calc(20 / 707 * 100%) auto 0 0;
}

/*------------------------------------*/
.lpbox .offer__box--set .offer__name {
  display: block;
  text-align: center;
  padding: calc(40 / 622* 100%) calc(40 / 622* 100%) calc(20 / 622* 100%);
}
.lpbox .offer__box--set .offer__name span {
background: #9B5FD7;  
  padding: .1em 1.2em;
  font-size: calc(23 / 24 * 1em);
}
.lpbox .offer__box--set .offer__name h3 {
  line-height: 1.75em;
  font-size: calc(34 / 24 * 1em)
}
.lpbox .offer__box--set .offer__name h3 span.offer__nametext {
  background: none;
  display: inline;
  font-size: calc(22 / 34 * 1em);
  margin: auto;
  padding: 0 0.3em;
  color: #000;
  font-weight: 800;
}
.lpbox .offer__box--set .offer__name h3 .offer__nameplus {
background: none;
  display: block;
  margin: 0 auto;
  margin: auto;
  padding: 0;
  color: #000;
  font-weight: 800;
  line-height: 0.5em;
}
.lpbox .offer__ingr {
  width: calc(514 / 622 * 100%);
  margin: calc(20 / 622 * 100%) auto;
}
.lpbox .offer__border {
  border: none;
  width: calc(544 / 622 * 100%);
  margin: calc(40 / 622 * 100%) auto;
  height: calc(2 / 24 * 1em);
  background: #363636;
  display: block;
}
/*------------------------------------*/
.lpbox .online {
  margin-top: calc(150 / 790 * 100%);
  background-color: #fff;
}
.lpbox .online__description {
  margin: calc(27 / 790 * -100%) auto 0;
  max-width: calc(594 / 790 * 100%);
}

.lpbox .online__price {
  margin: calc(45 / 790 * -100%) auto 0;
}

.lpbox .online__ttl {
  margin: calc(50 / 790 * 100%) auto 0;
  max-width: calc(639 / 790 * 100%);
}

.lpbox .online__step {
  padding-bottom: calc(80 / 790 * 100%);
}

.lpbox .online__step ol {
  margin: calc(40 / 790 * 100%) auto 0;
  padding: 0;
  list-style: none;
  max-width: calc(720 / 790 * 100%);
}

/*------------------------------------*/
.lpbox .othercontent {
  box-sizing: border-box;
  color: #475971;
  background-color: #D7EBF8;
  padding-top: calc(150 / 790 * 100%);
  padding-bottom: calc(180 / 790 * 100%);
}

.lpbox .othercontent .contentwrapper {
  padding-right: calc(40 / 790 * 100%);
  padding-left: calc(40 / 790 * 100%);
}
.lpbox .about {
  background-color: #fff;
  display: block;
  border-radius: 30px;
}
.lpbox .about__acd {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: calc(50 / 670 * 100%);
  position: relative;
  font-size: calc(30 / 24 * 1em);
  font-weight: 700;
  line-height: 1.5em;
}
.lpbox .about__acd:before {
  content: "";
  display: block;
  background: #475971;
  height: calc(6 / 30 * 1em);
  width: calc(66 / 30 * 1em);
  position: absolute;
  top: 50%;
  right: calc(50 / 670 * 100%);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  transform: rotate(0deg);
  opacity: 1;
  border-radius: 9999px;
}
.lpbox .about__acd:after {
  content: "";
  display: block;
  background: #475971;
  height: calc(6 / 30 * 1em);
  width: calc(66 / 30 * 1em);
  position: absolute;
  top: 50%;
  right: calc(50 / 670 * 100%);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  transform: rotate(90deg);
  opacity: 1;
  border-radius: 9999px;
}
.lpbox .about__acd.acd__btn--open:before {
  content: "";
  transform: rotate(-90deg);
  opacity: 0;
}
.lpbox .about__acd.acd__btn--open:after {
  content: "";
  transform: rotate(0deg);
  opacity: 1;
}

.lpbox .about__text {
  box-sizing: border-box;
  display: block;
  padding: calc(30 / 710 * 100%) calc(50 / 710 * 100%) ;
  background-color: #EDEFF4;
}
.lpbox .about__text h2 {
  font-size: calc(26 / 24 * 1em);
  line-height: 1.45em;
  font-weight: 700;
  margin: 0 auto .5em;
}
.lpbox .about__text h3 {
  font-size: calc(22 / 24 * 1em);
  line-height: 1.45em;
  font-weight: 700;
  margin: .5em auto .5em;
}

.lpbox .about__text dt {
  font-size: calc(20 / 24 * 1em);
  line-height: 1.45em;
  font-weight: 700;
  margin-top: .5em;
}

.lpbox .about__text dd {
  font-size: calc(16 / 24 * 1em);
  line-height: 2em;
  font-weight: 400;
}
.lpbox .package__ttl {
  display: block;
  margin: calc(100 / 707 * 100% ) auto calc(30 / 707 * 100% ) ;
  width: calc(609 / 707 * 100%);
}
.lpbox .package {
  padding: 0 calc(20 / 707 * 100% );
}
.lpbox .package__imgwrapper {
  margin-top: calc(20 / 707 * -100%);
}
.lpbox .package__img:last-child {
  margin-top: calc(25 / 707 * -100%);
}
.lpbox .package__img {
  display: block;
  width: 100%;
}

/*------------------------------------*/
.lpbox .page__subtitle--faq {
  font-size: calc(45 / 24 * 1em);
  font-weight: 800;
  line-height: 1.4em;
  margin: calc(120 / 790 * 100%) auto calc(60 / 790 * 100%);
  color: #363636;
}

.lpbox .faq__item dl {
  display: block;
  box-sizing: border-box;
  border-radius: calc(10 / 24 * 1em);
  padding: 0 0 1px;
  width: calc(647 / 707 * 100%);
  margin: calc(20 / 614 * 100%) auto;
  background: #fff;
  box-shadow: 4px 4px 10px rgba(0,0,0,0.25);
}
.lpbox .faq__item dt {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-weight: bold;
  font-size: calc(24 / 24 * 1em);
  line-height: 1.3em;
  position: relative;
  padding: calc(20 / 647 * 100%) calc(40 / 647 * 100%);
  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;
  min-height: 3.4em;
  color: #7889A1;
}
.lpbox .faq__item dt:before {
  content: "";
  display: block;
  background: url(../img/faq_ic_q.svg) no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  width: 1.5em;
  height: 1.6em;
  margin-right: .5em;
}
.lpbox .faq__item dt span:before {
  content: "";
  display: block;
  background: #7889A1;
  height: calc(5 / 30 * 1em);
  width: calc(31 / 30 * 1em);
  position: absolute;
  top: 50%;
  right: calc(30 / 670 * 100%);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  transform: rotate(0deg);
  opacity: 1;
}
.lpbox .faq__item dt span:after {
  content: "";
  display: block;
  background: #7889A1;
  height: calc(5 / 30 * 1em);
  width: calc(31 / 30 * 1em);
  position: absolute;
  top: 50%;
  right: calc(30 / 670 * 100%);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  transform: rotate(90deg);
  opacity: 1;
}
.lpbox .faq__item dt.faq--open span:before {
  content: "";
  transform: rotate(-90deg);
  opacity: 0;
}
.lpbox .faq__item dt.faq--open span:after {
  content: "";
  transform: rotate(0deg);
  opacity: 1;
}
.lpbox .faq__item dt span {
  margin: 0;
}
.lpbox .faq__item dd div  {
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto calc(30 / 614 * 100%);
  padding: calc(20 / 614 * 100%) calc(35 / 614 * 100%) calc(30 / 614 * 100%);
  background: #EBEBEB;
  width: calc( 610 / 710 * 100%);
  font-weight: bold;
  font-size: calc(22 / 24 * 1em);
  line-height: 1.75em;
  text-align: justify;
}
.lpbox .faq__item dd div p {
  font-weight: 500;
  font-size: 0.8em;
  line-height: 1.75em;
  text-align: left;
  color: #7889A1;
}
.lpbox .faq__item dd div:before {
  content: "";
  display: block;
  background: url(../img/faq_ic_a.svg) no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  font-size: calc(26 / 20 * 1em);
  width: 1.5em;
  height: 1.6em;
  margin: 0;
} 


/*------------------------------------*/

/* shine */
.lpbox .btn a {
  display: block;
  position: relative;
  width: 100%;
}
.lpbox .shinebox {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  z-index: 2;
}
.lpbox .shine{
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  border-radius: 1em;
  width: 100%;
  height: 0;
  padding-bottom: 20%;
  opacity: 0.7;
}
.lpbox .shine:before {
  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;
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -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(45deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
    transform: translate3d( -100%, 0, 0) rotate(45deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
    transform: translate3d( -100%, 0, 0) rotate(45deg);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
    transform: translate3d( 100%, 0, 0) rotate(45deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
    transform: translate3d( 100%, 0, 0) rotate(45deg);
    opacity: 0;
  }
  to, 100% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
    transform: translate3d( -100%, 0, 0) rotate(45deg);
    opacity: 0;
  }
}
@keyframes shine {
  from, 0% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
    transform: translate3d( -100%, 0, 0) rotate(45deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
    transform: translate3d( -100%, 0, 0) rotate(45deg);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
    transform: translate3d( 100%, 0, 0) rotate(45deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( 100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( 100%, 0, 0) rotate(45deg);
    transform: translate3d( 100%, 0, 0) rotate(45deg);
    opacity: 0;
  }
  to, 100% {
    -webkit-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -ms-transform: translate3d( -100%, 0, 0) rotate(45deg);
    -o-transform: translate3d( -100%, 0, 0) rotate(45deg);
    transform: translate3d( -100%, 0, 0) rotate(45deg);
    opacity: 0;
  }
}


/* footer --------- */
#lpfooter {
  background: linear-gradient(to right, #1B3353 0%, #2D659A 100%);
  display: block;
}
#lpfooter .lpfooter__box {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: calc(60 / 790 * 100%);
}
#lpfooter .footer__logo {
  width: calc(554 / 670 * 100%);
  margin: 0;
  max-width: 554px;
  margin-bottom: calc(30 / 670 * 100%);
}
#lpfooter .footer__link li {
  display: block;
  margin-bottom: calc(5 / 670 * 100%);
}
#lpfooter .footer__link a {
  color: #fff;
  font-weight: 500;
  font-size: calc(20 / 24 * 1em);
  text-align: left;
  line-height: 1.75em;
  display: inline-block;
}




/*---------------------------*/
.lpbox #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;
}
.lpbox #fixbtn.fixbtn--visible {
  bottom: 0;
}
.lpbox #fixbtn .fixbtn__box {
  position: relative;
  bottom: 0;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 790px;
}
.lpbox #fixbtn .fixbtn__item {
  background: rgba(255,255,255,0.7);
  padding: 5px 0;
}
.lpbox  #fixbtn .btn__text {
  display: block;
  margin-inline: auto;
  width: calc(590 / 742 * 100%);
  margin-bottom: calc(8 / 742 * 100%);  
  padding-top: calc(8 / 742 * 100%);  
}
/* fv2 */ 
.lpbox .fv2__box {
  background: url(../img/webp/fv2_bg.webp) no-repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: relative;
  box-sizing: border-box;
  padding-bottom: calc(300 / 790 * 100%);
}
.lpbox .fv2__text {
  display: block;
  margin: 0 auto calc(60 / 790 * 100%);
  width: calc(687 / 790 * 100%);
}