@charset "UTF-8";

body{
  margin: 0;
  padding: 0;
}


* {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

#lp-wrapper {
  font-family:YakuHanJP , "Hiragino Kaku Gothic ProN",'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1.8333;
  max-width: 750px;
  margin: 0 auto;

}
#lp-wrapper *{
  box-sizing: border-box;
}

#lp-wrapper a {
  opacity: 1;
  transition: all .5s ease;
}

#lp-wrapper a:hover {
  opacity: .7;
}

#lp-wrapper *, #lp-wrapper *::after, #lp-wrapper *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#lp-wrapper h1,
#lp-wrapper h2,
#lp-wrapper h3,
#lp-wrapper h4,
#lp-wrapper figure {
  margin: 0 auto;
  padding: 0;
  line-height: 0;
  font-size: 0;
}
#lp-wrapper ul,
#lp-wrapper ul li,
#lp-wrapper ol,
#lp-wrapper ol li,
#lp-wrapper dl, 
#lp-wrapper dl dt,
#lp-wrapper dl dd {
  list-style: none;
  margin: 0;
  padding: 0;

}

#lp-wrapper p,
#lp-wrapper li,
#lp-wrapper dt,
#lp-wrapper dd {

  margin: 0;
  padding: 0;
}

#lp-wrapper a {
  background: transparent;
  color: #000;
  text-decoration: none;
}

#lp-wrapper a img {
  display: inline-block;
}

#lp-wrapper a:active,
#lp-wrapper a:hover {
  outline: 0;
}

#lp-wrapper input[type='image']:focus {
  outline: 0;
}

#lp-wrapper small {
  font-size: 80%;
}

#lp-wrapper sub,
#lp-wrapper sup {

  position: relative;

}

#lp-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}

#lp-wrapper img {
  max-width: 100%;
  display: block;
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  margin: 0;
  height: auto;
}

#lp-wrapper button {
  border: none;
  outline: 0;
  cursor: pointer;
}

/* clearfix */
#lp-wrapper .cf:before,
#lp-wrapper .cf:after {
  content: '';
  display: table;
}

#lp-wrapper .cf:after {
  clear: both;
}

.pce {
  display: block;
}

.spe {
  display: none;
}

#lp-wrapper .p-box {
position: relative;
}
#lp-wrapper .flex{
  display: flex;
  flex-wrap: wrap;
}


/* contents */

#lp-wrapper{
  max-width: 750px;
  margin: 0 auto;
}

/* fv */
#lp-wrapper .fv .btn-reserve{
  position: absolute;
  width: calc(667/750*100%);
  top: 37%;
  left: 50%;
  transform: translateX(-50%);
}

/* offer */
#lp-wrapper .offer .btn-reserve{
  position: absolute;
  width: calc(711/750*100%);
  top: 86%;
  left: 50%;
  transform: translateX(-50%);
}

/* review */

#lp-wrapper .review .review-slideWrap{
  background-image: url(../img/review-02.jpg);
  background-size: cover;
  padding-bottom: calc(115/750*100%);
}

#lp-wrapper .review .review-slideWrap .review-slider{
  width: calc(624/750*100%);
  margin: 0 auto;
}
#lp-wrapper .review .review-slideWrap .review-slider .slick-dots{
  bottom: -12%;
  position: absolute;
}
#lp-wrapper .review .review-slideWrap .review-slider .slick-dots li button:before{
  color: #b5b5b5;
  opacity: 1;
  padding:0;
  font-size: min(calc(25/750*100vw),15px);
}
#lp-wrapper .review .review-slideWrap .review-slider .slick-dots li.slick-active button:before{
  color: #6f2e34;
}

/* interview */
.interview_box {
  position: relative;
}

.interview_box .interview_mov {
  position: absolute;
  top: 13.5%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(580 / 750 * 100%);
  height: auto;
}

@media (max-width:750px){
  #lp-wrapper .review .review-slideWrap .review-slider .slick-dots{
    bottom: -15%;
  } 
}
@media (max-width:550px){
  #lp-wrapper .review .review-slideWrap .review-slider .slick-dots{
    bottom: -20%;
  } 
}
#lp-wrapper .review .review-slideWrap .review-slider .slick-dots li{
  margin: 0 3%;
}

/* nurse */
#lp-wrapper .nurse .nurse-slideWrap{
  width: calc(507/750*100%);
  position: absolute;
  top:0;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
}
#lp-wrapper .nurse .nurse-slideWrap .slick-arrow{
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(14/507*100%);
  padding-top: 0;
  top:29%;
  position: absolute;
  cursor: pointer;
}
#lp-wrapper .nurse .nurse-slideWrap .slick-arrow.prev-arrow{
  left:-8%;
}
#lp-wrapper .nurse .nurse-slideWrap .slick-arrow.next-arrow{
  right:-8%;
}

/* flow */

#lp-wrapper .flow .flow-slideWrap{
  width: calc(690/750*100%);
  margin: 0 auto;
  padding-bottom: calc(130/750*100%);
}

#lp-wrapper .flow .flow-slideWrap .slick-arrow{
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(63/690*100%);
  padding-top: 0;
  top:29%;
  position: absolute;
  cursor: pointer;
  z-index:10;
}
#lp-wrapper .flow .flow-slideWrap .slick-arrow.prev-arrow{
  left:-4.5%;
}
#lp-wrapper .flow .flow-slideWrap .slick-arrow.next-arrow{
  right:-4.5%;
}

#lp-wrapper .flow .flow-slideWrap .flow-slider .slick-dots li button:before{
  color: #d8d8d8;
  opacity: 1;
  padding:0;
  font-size: min(calc(25/750*100vw),25px);
}
#lp-wrapper .flow .flow-slideWrap .flow-slider .slick-dots li.slick-active button:before{
  color: #9a2b3c;
}
#lp-wrapper .flow .flow-slideWrap .flow-slider .slick-dots{
  bottom: -9%;
} 

#lp-wrapper .flow .flow-slideWrap .flow-slider .slick-dots li{
  margin: 0 4%;
}

/* faq */
#lp-wrapper .faq {
  background-color: #f9ebee;
  padding-bottom: calc(90/750*100%);
}
#lp-wrapper .faq .accordion{
  width: calc(690/750*100%);
  margin: 0 auto calc(30/750*100%);
}

#lp-wrapper .faq .accordion dt{
  position: relative;
  cursor: pointer;
  border-radius: min(calc(15/750*100vw),15px);
  overflow: hidden;
  transition: all ease 0.3s;
}
#lp-wrapper .faq .accordion dt.selected{
  border-radius: 0;
}
#lp-wrapper .faq .accordion dt:after,
#lp-wrapper .faq .accordion dt:before{
  content:"";
  position: absolute;
  display: block;
  background-image: url('../img/acc-icon.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(34/750*100%);
  padding-top: calc(3/750*100%);
  transform-origin: center center;  
  transform: rotate(180deg);
  top:40%;
  right:4%;
  transition: all ease 0.3s;
}

#lp-wrapper .faq .accordion dt:after{
  transform: rotate(90deg);
  top:40%;
  right:4%;
  transition: all ease 0.3s;
}

#lp-wrapper .faq .accordion dt.selected:after{
  transform: rotate(0deg);
}
#lp-wrapper .faq .accordion dd{
  display: none;
}
/* clinic */
#lp-wrapper .clinic{
  background-color: #7F2936;
  padding-bottom:  calc(56/750*100%);
}
#lp-wrapper .btn-tel{
  width: calc(688/750*100%);
  margin: 0 auto;
}

/* slider */


/* ---------------------------------------------
 追従ボタン
--------------------------------------------- */
#lp-wrapper .bl_floatArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s , opacity .4s;
  box-sizing: border-box;

  max-width: 750px;
    left: 50%;
    transform: translateX(-50%);

}
#lp-wrapper .bl_floatArea.is_show {
  visibility: visible;
  opacity: 1;
}
#lp-wrapper .bl_floatArea_inner {

  margin: auto;
  padding: 0;
  box-sizing: border-box;
  padding:0 0 1%;
}

#lp-wrapper .bl_floatArea_inner h3{
  width: calc(667/750*100%);
  margin: 0;
}

#lp-wrapper .bl_floatArea_inner a{
  width: calc(711/750*100%);
  margin: 0 auto;
  display: block;
}

/* ---------------------------------------------
 footer
--------------------------------------------- */

#footer{
  margin-top: min(calc(50/750*100%),50px);
}

.l-footer__foot,.l-footer__widgetArea {
  padding-bottom: 1em;
  padding-top: 1em
}


.l-footer__foot .c-iconList {
  justify-content: center;
  margin-bottom: 8px
}

.c-iconList__link {
  box-sizing: content-box;
  color: inherit;
  height: 1em;
  margin: 0 3px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  width: 1em
}

.c-iconList__icon,.c-iconList__link {
  display: block;
  line-height: 1
}

.c-iconList__icon:before {
  color: inherit
}

.is-style-circle .c-iconList__link {
  border: 1px solid;
  border-radius: 50%;
  margin: 4px;
  padding: 5px
}
