@charset "utf-8";
.font-14 {
  font-size: 14px;
}
.font-18 {
  font-size: 18px;
}
.font-19-eng {
  font-size: 19px;
}
.font-m-20 {
  font-size: 20px;
}
.font-m-21 {
  font-size: 21px;
}
.font-m-24 {
  font-size: 24px;
}
.font-m-29 {
  font-size: 29px;
}
.gray-bg {
  padding: 60px 0;
  margin-bottom: 60px;
  background: #eef0f5;
}
button, input, select, textarea {
  font-size: 100%;
}
body{
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.select-box-sec{
  display: flex;
  justify-content: space-between;
}
.select-box-sec .box{
  display: inline-block;
  position: relative;
  width: 18.8%;
}
.select-box-sec .box:after{
  display: block;
  content: '';
  position: absolute;
  width: 13px;
  height: 11px;
  background: url(../../img/top/right-arr.png) no-repeat;
  background-size: contain;
  top: calc(50% - 6px);
  line-height: 1;
  right: 19px;
  pointer-events: none;
  transform: rotate(90deg);
}
.select-box-sec .box select{
  color: #000;
  width: 100%;
  background: #00aafa;
  border-radius: 5px;
  padding: 16px 19px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align-last: center;
  box-sizing: border-box;
}
.form-bg{
  background: #eef0f5;
  padding: 40px;
  box-sizing: border-box;
  margin-bottom: 80px;
}
.address-block{
  display: none;
}
.address-block{
  background: #eef0f5;
  padding: 30px 40px;
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: 0.5px;
}
.address-block .red-txt{
  margin-top: 20px;
  font-weight: bold;
    color: #f00;
}
.address-note{
  margin-top: 15px;
}
.address-title{
  margin-bottom: 10px;
}
.tel-num {
  color: #0563C1 !important;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: normal;
  line-height: 1.6;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.address-note li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
.address-note li:before{
  content: "※";
  position: absolute;
  left: 0;
}
.form-bg .title01{
  margin-bottom: 40px;
}
.form-bg .title02{
  margin-bottom: 20px;
}
.age-limit-txt .list-block
{
  margin:10px 0;
}
.age-limit-txt .list-block li+li{
  margin:0px;
}

.list-block{
  margin: 20px 0;
}
.list-block li+li{
  margin-top: 10px;
}

.form-white-bg {
    background: #fff;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}
.form-white-bg a,.form-link a{
  color: #000;
  text-decoration: underline;
}
.form-main-visual {
    height: 200px;
    background: #00A9FF;
    display: flex;
    align-items: center;
    margin-top: 85px;
}
p{
  line-height: 1.7;
}
.text-block{
  margin-bottom: 40px;
}
.txtC {
    width: 40%;
    margin: 0 auto;
}
.form-button-sec{
  font-weight: bold;
  margin-bottom: 80px;
}
.form-button-sec{
  display: none;
}
.address-sec{
  padding-top: 40px;
  padding-bottom: 40px;
}
.form-content {
  background: #fff;
  padding: 30px 40px 70px;
  display: none;
}
.form-content .inner {
  width: 1080px;
  margin: 0 auto;
}
.content-tlt {
  font-size: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  margin-bottom: 40px;
}
.main-table {
  width: 100%;
}
.main-table th {
  text-align: left;
  width: 350px;
}
.main-table .important,
.main-table .not-important {
  line-height: 1;
  width: 50px;
  display: inline-block;
  text-align: center;
  background: #ff0000;
  color: #ffffff;
  padding: 5px 0;
  border-radius: 3px;
  margin-right: 10px;
}
select,input,textarea {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select,input[type="date"] {
  font-weight: bold;
  border-radius: 5px;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.main-table .not-important {
  background: #00aafa;
}
.main-table td {
  padding: 30px 0;
}
.main-table input[type="text"],
.main-table input[type="email"],
.main-table input[type="tel"],
.main-table input[type="url"],
.main-table input[type="date"],
.main-table textarea,
.c-value {
  width: 100%;
  padding: 20px;
  background: #eef0f5;
  border-radius: 5px;
  border: none;
  box-sizing: border-box;
}
.c-value {
  display: inline-block;
}
#datepicker,#datepicker02,#datepicker03 {
  width: 47%;
}
.date-input{
  width: 47%;
}
.form-tlt {
  justify-content: space-between !important;
  margin-bottom: 20px;
}
.form-tlt span {
  text-align: center;
  display: block;
  width: 33%;
  padding: 11px 0;
  color: #000;
  letter-spacing: 1px;
}
.form-tlt span:first-child {
  background: url(../form_include/img/bg_step01.png) center center no-repeat;
  background-size: cover;
}
.form-tlt span:nth-child(2) {
  background: url(../form_include/img/bg_step02.png) center center no-repeat;
  background-size: cover;
}
.form-tlt span:last-child {
  background: url(../form_include/img/bg_step03.png) center center no-repeat;
  background-size: cover;
}
.input-form .form-tlt span:first-child {
  color: #00aafa;
  background: url(../form_include/img/bg_step01_current.png) center center no-repeat;
  background-size: cover;
}

textarea {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;
  resize: none;
  height: 150px;
}
textarea::placeholder {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;
}
textarea::-webkit-input-placeholder {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;
}
textarea:-moz-placeholder {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;
}
textarea::-moz-placeholder {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;
}
textarea:-ms-input-placeholder {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;
}
.main-table ::placeholder {
  color: #ccc;
}
.qty-txt {
  font-weight: bold;
  vertical-align: middle;
}
.txt-center {
  text-align: center;
}
.field-tlt {
  font-weight: bold;
}
.main-table th,
.main-table td {
  vertical-align: baseline;
}
.main-table th span {
  vertical-align: middle;
}
.main-table .radio-box {
  width: 49%;
    border: 1px solid #666;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
}

.main-table .radio-box:first-child {
  margin-right: 1%;
}
.age-limit-txt,
.discount-age-limit-txt {
  display: none;
  margin-top: 20px;
  line-height: 1.5em;
}
.age-limit-txt a,
.discount-age-limit-txt a {
  display: block;
  color: #002882;
}
.age-limit-txt.show,
.discount-age-limit-txt.show {
  display: block;
}
.discount-part {
  display: none;
}
.main-table .small-width {
  width: 150px !important;
  vertical-align: middle;
  margin-right: 10px;
}
.main-table .medium-width {
  width: 49% !important;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.main-table .note-txt {
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
.main-table .note-txt:before {
  content: '※';
  position: absolute;
  left: 0;
  top: 0;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  visibility: hidden;
  position: absolute;
  top:20px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
  font-weight: bold;
  position: relative;
  padding:20px;
  padding-left: 45px;
  cursor: pointer;
  display: block;
}
.box-style02 [type="radio"]:checked + label,
.box-style02 [type="radio"]:not(:checked) + label
{
  padding: 0 0 0 25px;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  border: 2px solid #333;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}
.box-style02 [type="radio"]:checked + label:before,
.box-style02 [type="radio"]:not(:checked) + label:before
{
  left:0;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 15px;
    height: 15px;
    background: #00aafa;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    border-radius: 100%;
}
.box-style02 [type="radio"]:checked + label:after,
.box-style02 [type="radio"]:not(:checked) + label:after
{
  left:0;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
}
.ph-contact-time {
  display: none;
}
.timeselect {
  display: block;
}
.box-style {
  font-weight: bold;
  width: 33.33%;
  display: block;
  margin-bottom: 15px;
}
.box-style.disabled {
  color: #999;
  pointer-events: none;
}
.box-style.disabled label:before {
  border-color: #999;
}
.box-style02 {
  width: 33.33%;
  display: block;
  position: relative;
}
.box-style input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  visibility: hidden;
  position: absolute;
    cursor: pointer;
}

.box-style label {
  position: relative;
  cursor: pointer;
  padding-left: 25px;
  box-sizing: border-box;
}

.box-style label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #000000;
  width:15px;
  height:15px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;

}

.box-style input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 16px;
  background: #00aafa;
  z-index: 1
}
.first, .second {
  margin-bottom: 40px;
}
.first input, .second input, .third input {
  margin-bottom: 25px;
}
.first .select-cover, .second .select-cover, .third .select-cover {
  width: 47%;
  display: inline-block;
}
.first .select-cover:last-child, .second .select-cover:last-child, .third .select-cover:last-child {
  margin-left: 5%;
}
.first .select-cover:last-child:before, .second .select-cover:last-child:before, .third .select-cover:last-child:before {
  content: '～';
  position: absolute;
  left: -10%;
  font-size: 30px;
  top: 23%;
}
.select-cover {
  position: relative;
}
.select-cover:after {
    display: block;
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: url(../form_include/img/right-arr.png) no-repeat;
    background-size: contain;
    top: 40%;
    line-height: 1;
    right: 19px;
    pointer-events: none;
    transform: rotate(90deg);
}
.select-cover.confirm-time:after{
  display: none;
}
#page-form .flex {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.mail-setting {
  margin-top: 30px;
}
.ag-part .box-style {
  width: 100%;
  margin-top: 20px;
}
.confirm-dropdown {
  display: block;
  margin-top: 40px;
}
.confirm-dropdown span {
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding-right: 40px;
  color: #000000;
  line-height: 2.2em;
}
.confirm-dropdown span:after {
  content: " ";
  width: 22px;
  height: 22px;
  background: url(../images/next_button.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform: translateY(-50%) rotate(90deg);
}
.confirm-dropdown.active span:after {
  background: url(../images/next_button.png) no-repeat;
  background-size: contain;
  border-radius: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.confirm-dropdown-txt {
  padding-top: 40px;
  display: none;
}
.breadcrumb {
  border-bottom: 2px solid #eef0f5;
}
#reserve-form {
  margin : 70px 0;
}
#thanks .blue-box {
  width: 600px;
  background: #00aafa;
  padding: 40px;
  box-sizing: border-box;
  margin: 60px auto;
}
#thanks .blue-box h2 {
  margin-bottom: 30px;
  color: #ffffff;
}
#thanks .form-tlt {
  margin-bottom: 40px;
}
#thanks .gray-bg {
  padding: 60px 0;
  margin-bottom: 60px;
}
#thanks .gray-bg p {
  width: 740px;
  margin: 0 auto;
  margin-top: 47px;
}
#thanks .gray-bg h2 {
  margin-bottom: 30px;
}
.line-title:after {
  background: #00aafa;
  height: 5px;
}
.line-title span {
  line-height: 1;
  background: #00aafa;
  color: #ffff00;
}
.line-title {
  margin-bottom: 60px;
}
.step {
  margin-bottom: 60px;
}
#thanks .content-tlt {
  line-height: 1;
  margin-bottom: 30px;
}
.blue-box .line-ani:after {
  border-bottom: 4px solid #ffffff;
}
.gray-bg .line-ani:after {
  border-bottom: 4px solid #00aafa;
}
span.strikethrough {
  color: #000;
}
span.outer {
  color: #00aafa;
  text-decoration: line-through;
}
.contact-form-content {
  margin-top: 80px;
}
#reservation-form {
    margin: 70px 0;
}
#reservation-form .box-style02 {
    width: 33.33%;
    float: left;
}
#reservation-form .custom-radio .box-style02{
  width: 50%;
}
#reservation-form .flex.mb-20{
  margin-bottom: 20px;
}
#reservation-form .parts_mwrap{
  width: 100%;
}
.parts_mwrap +div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 20px 20px;
}
#reservation-form .box-style.custom-checkbox {
    width: 33.33%;
}
/*#reservation-form .hair-loss,#reservation-form .whole-body-hair-loss,#reservation-form .body-beard-vio,#reservation-form .request-each-part,#reservation-form .whole-body-hair-removal{
  width: 100%;
  margin-bottom: 20px;
}
#reservation-form .whole-body-hair-loss .box-style02,#reservation-form .body-beard-vio .box-style02,#reservation-form .request-each-part .box-style02,#reservation-form .whole-body-hair-removal .box-style02{
  width: 33.33%;
  float: left;
}
#reservation-form .hair-loss,#reservation-form .whole-body-hair-loss,#reservation-form .body-beard-vio,#reservation-form .request-each-part,#reservation-form .whole-body-hair-removal{
  display: none;
}*/
.mt-20{
  margin-top: 20px;
}
.breadcrumb.confirm-mgt{
  margin-top: 86px;
  border-top: 2px solid #eef0f5;
}
.reservation-button{
  margin-top: 50px;
}
.card-no-record,.apply-anesthetic-cream,.use-of-anesthesia{
  display: none !important;
}
.card-no-record.active,.apply-anesthetic-cream.active,.use-of-anesthesia.active{
  display: table-row !important;
}
.mail-setting.form-bg p{
  font-weight: bold;
}
.mb-15
{
  margin-bottom: 15px;
}
.btn, .btn2only {
  width: 299px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.btn a, .btn2only a {
  width: 300px;
  padding: 22px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #000;
  margin: 0 auto;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}
.btn a:after, .btn2only a:after {
  position: absolute;
  content: url(../images/btn_yajirushi.jpg);
  right: 24px;
  transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
}
.btn.disabled a:hover, .btn2only.disabled a:hover {
  cursor: not-allowed;
  opacity: 1;
}

.page-confirm #wrapper {
  background: #fff;
}
.page-confirm #formArea > .inner {
  padding-left: 0;
  padding-right: 0;
  margin: 0 !important;
}
.page-confirm .form-content {
  padding: 0;
  display: block;
}
.page-confirm table {
  margin-bottom: 60px;
}
.page-confirm .form-tlt span:nth-child(2) {
  color: #00aafa;
  background: url(../form_include/img/bg_step02_current.png) center center no-repeat;
  background-size: cover;
}

.page-thanks #wrapper {
  background: #fff;
}
.page-thanks section#formArea {
  max-width: initial;
}
.page-thanks #formArea > .inner {
  max-width: initial;
  padding-left: 0;
  padding-right: 0;
  margin: 0 !important;
}
.page-thanks .form-content {
  max-width: 1080px;
  padding: 0;
  margin: 0 auto;
  display: block;
}
.page-thanks .form-tlt span:last-child {
  color: #00aafa;
  background: url(../form_include/img/bg_step03_current.png) center center no-repeat;
  background-size: cover;
}

.blue-box .line-ani:after {
    border-bottom: 4px solid #ffffff;
}
.line-ani {
  position: relative;
}
.line-ani:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  content: "";
  transition: all 2s ease;
  border-bottom: 6px solid #00aafa;
}
.m-width {
  width: 70%;
  margin: 0 auto;
  max-width: 880px;
}
.line-title {
  color: #fff;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
.line-title span {
  color: #000;
  background: #00aafa;
  width: 280px;
  padding: 14px 0;
  display: inline-block;
  border-radius: 30px;
  position: relative;
  z-index: 2;
  font-weight: bold;
}
.line-title:after {
  position: absolute;
  top: calc(50% - 2px);
  content: "";
  width: 100%;
  height: 5px;
  display: block;
  background: #00aafa;
}
.payment-list-num {
  font-family: 'Bebas Neue', sans-serif;
  vertical-align: baseline;
  line-height: 1;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  margin-right: 27px;
  box-sizing: border-box;
  transform: none;
  text-align: center;
  color: #00aafa;
  border-radius: 50%;
  background: #000;
}
@media all and (max-width: 767px) {
  /*
  -------
  IOSの拡大もんだい
  -------
  */
  input, textarea {
    font-size: 16px;
  }
  .font-m-22-sp {
    font-size: calc(9px + (22 - 9) * ((100vw - 320px) / (767 - 320)));
  }
  .font-22-sp {
    font-size: calc(9.5px + (22 - 9.5) * ((100vw - 320px) / (767 - 320)));
  }
  .font-24-sp {
    font-size: calc(11px + (25 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-26-sp {
    font-size: calc(11px + (27 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-26-sp {
    font-size: calc(11px + (26 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-28-sp {
    font-size: calc(13px + (29 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-30-sp {
    font-size: calc(13px + (30 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .font-m-34-sp {
    font-size: calc(14px + (34 - 14) * ((100vw - 320px) / (767 - 320)));
  }
  .font-6vw-sp {
    font-size: 5.8vw;
  }
  .form-main-visual{
    margin-top: calc(56px + (120 - 56) * ((100vw - 320px) / (767 - 320)));
    text-align: center;
    height: calc(120px + (280 - 120) * ((100vw - 320px) / (767 - 320)));
  }
  .select-box-sec {
    flex-wrap: wrap;
  }
  .select-box-sec .box {
    width: 48%;
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320))); 
  }
  .select-box-sec .box select {
    padding: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
    border-radius: calc(3px + (5 - 3) * ((100vw - 320px) / (767 - 320))); 
    font-size: 16px;
  }
  .form-bg {
    padding: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))) calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320))); 
    margin-bottom: calc(40px + (80 - 40) * ((100vw - 320px) / (767 - 320))); 
  }
  .content-tlt {
    font-size: 3.8vw;
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); 
  }
  #reserve-form {
    margin: calc(20px + (50 - 20) * ((100vw - 320px) / (767 - 320))) 0;
  }
  .form-bg .title01,
  .text-block {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))); 
  }
  .form-bg .title02 {
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320))); 
  }
  .form-bg .list-block {
    margin: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)))  0;
    line-height: 1.5em;
  }
  .form-white-bg {
    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
    padding: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
  }
  .form-bg .list-block li+li {
    margin-top: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  }
  .select-box-sec .box:after,
  .select-cover:after {
    width: calc(8px + (13 - 8) * ((100vw - 320px) / (767 - 320)));
    height: calc(8px + (13 - 8) * ((100vw - 320px) / (767 - 320)));
    right: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
  }
  .address-sec {
    padding: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))) 0; 
  }
  .address-block {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (767 - 320))) calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .address-block .font-16-sp {
    font-size: 13px !important;
    -webkit-text-size-adjust: none;
    line-height: 1.4em;
  }
  .address-title {
    margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  }
  .address-block .address-title {
    font-size: 16px !important;
    -webkit-text-size-adjust: none;
    letter-spacing: 0;
    line-height: 1.4em;
  }
  .address-note {
    margin-top: calc(5px + (15 - 5) * ((100vw - 320px) / (767 - 320)));
    line-height: 1.5em;
  }
  .form-btn-blue {
    width: 100%;
    padding: calc(13px + (25 - 13) * ((100vw - 320px) / (767 - 320)));
  }
  .form-button-sec {
    margin-bottom: calc(40px + (80 - 40) * ((100vw - 320px) / (767 - 320)));
    margin-top:  margin: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)))
  }
  .main-table th,
  .main-table td,
  .main-table table {
    width: 100%;
    display: block;
  }
  .main-table td {
    padding-top: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
    padding-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .first input, .second input, .third input {
    width: 100%;
    margin-bottom: calc(8px + (18 - 8) * ((100vw - 320px) / (767 - 320)));
  }
  .main-table .radio-box {
    width: 48%;
  }
  .main-table input[type="text"], .main-table input[type="email"], .main-table textarea,
  .main-table input[type="tel"], .main-table input[type="url"],.main-table .radio-box label,select, input[type="date"],.c-value {
    padding: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
    border-radius: calc(2px + (5 - 2) * ((100vw - 320px) / (767 - 320)));
  }
  .radio-box [type="radio"]:checked + label,.radio-box [type="radio"]:not(:checked) + label
  {
    padding-left: 45px !important;
  }
  .form-btn-blue2
  {
    width: 80%;
  }
  .form-content {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (767 - 320))) calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .form-content .inner {
    width: 100%;
  }
  .main-table .note-txt {
    font-size: calc(11px + (16 - 11) * ((100vw - 320px) / (767 - 320)));
    padding-left: calc(15px + (30 - 15) * ((100vw - 320px) / (767 - 320)));
  }
  .mt-20 {
    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
  }
  .mt-10 {
    margin-top: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  }
  .first .select-cover:last-child, .second .select-cover:last-child, .third .select-cover:last-child {
    margin-left: 4%;
  }
  .first .select-cover:last-child:before, .second .select-cover:last-child:before, .third .select-cover:last-child:before {
    content: '～';
    position: absolute;
    left: -12%;
    font-size: calc(15px + (30 - 15) * ((100vw - 320px) / (767 - 320)));
    top: 15%;
  }
  .first, .second {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  #page-form .flex {
    display: block;
  }
  .box-style,
  .box-style02 {
    width: 100%;
    margin-bottom: calc(5px + (15 - 5) * ((100vw - 320px) / (767 - 320)));
  }
  .form-btn-blue2:after {
    width: calc(6px + (12 - 6) * ((100vw - 320px) / (767 - 320)));
    height: calc(9px + (18 - 9) * ((100vw - 320px) / (767 - 320)));
    right: calc(15px + (25 - 15) * ((100vw - 320px) / (767 - 320)));
  }
  .form-tlt {
    display: flex !important;
  }
  .form-tlt span {
    line-height: 1;
    background-size: 100% 100% !important; 
    padding: calc(8px + (15 - 8) * ((100vw - 320px) / (767 - 320))) 0;
  }
  .main-table .important, .main-table .not-important {
    width: calc(40px + (80 - 40) * ((100vw - 320px) / (767 - 320)));
  }
  .confirm-dropdown {
    margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .confirm-dropdown span {
    padding-right: calc(25px + (40 - 25) * ((100vw - 320px) / (767 - 320)));
  }
  .confirm-dropdown span:after {
    width: calc(18px + (30 - 18) * ((100vw - 320px) / (767 - 320)));
  }
  #thanks .blue-box {
    width: 100%;
    background: #00aafa;
    padding: calc(18px + (40 - 18) * ((100vw - 320px) / (767 - 320)));
    box-sizing: border-box;
    margin: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320))) auto;
  }
  #thanks .blue-box h2 {
    margin-bottom: calc(18px + (30 - 18) * ((100vw - 320px) / (767 - 320)));
    color: #ffffff;
  }
  #thanks .form-tlt {
    margin-bottom: calc(22px + (40 - 22) * ((100vw - 320px) / (767 - 320)));
  }
  #thanks .gray-bg {
    padding: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320))) 0;
    margin-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320)));
  }
  #thanks .gray-bg h2 {
    line-height: 1.5;
    margin-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320)));
  }
  #thanks .gray-bg h2 span {
    display: inline-block;
  }
  #thanks .gray-bg h2 span:first-child {
    margin-bottom: calc(5px + (20 - 5) * ((100vw - 320px) / (767 - 320)));
  }
  #thanks .gray-bg p {
    width: 100%;
    padding: 0 calc(15px + (40 - 15) * ((100vw - 320px) / (767 - 320)));
    margin-top: calc(27px + (60 - 27) * ((100vw - 320px) / (767 - 320)));
    box-sizing: border-box;
  }
  .step {
    margin-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320)));
  }
  #thanks .content-tlt {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (767 - 320)));
    padding-left: 40px;
    position: relative;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  .blue-box .line-ani:after {
    border-bottom: calc(3px + (6 - 3) * ((100vw - 320px) / (767 - 320))) solid #ffffff;
  }
  .gray-bg .line-ani:after {
    border-bottom: calc(3px + (6 - 3) * ((100vw - 320px) / (767 - 320))) solid #00aafa;
    bottom: -2px;
  }
  .line-title {
    margin-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320)));
  }
  .line-title:after {
    height: calc(3px + (6 - 3) * ((100vw - 320px) / (767 - 320)));
  }
  #reservation-form {
    margin: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320))) 0;
  }
  #reservation-form .box-style02 {
      width: 100%;
      float: none;
  }
  #reservation-form .flex.mb-20 {
    margin-bottom: 0;
  }
  #reservation-form .whole-body-hair-loss .box-style02,#reservation-form .body-beard-vio .box-style02,#reservation-form .request-each-part .box-style02,#reservation-form .whole-body-hair-removal .box-style02 {
    width: 100%;
    float: none;
  }
  #reservation-form .hair-loss, #reservation-form .whole-body-hair-loss,#reservation-form .body-beard-vio .box-style02,#reservation-form .request-each-part .box-style02,#reservation-form .whole-body-hair-removal .box-style02{
    margin-bottom: 0;
  }
  #reservation-form .custom-radio .box-style02{
    width: 100%;
    float: none;
  }
  .reservation-button{
    margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  #reservation-form .box-style.custom-checkbox {
    width: 100%;
  }
  #reservation-form .box-style{
    text-indent: -30px;
    padding-left: 30px;
  }
  .txtC {
    width: 80%;
  }
  .school_box .radio-box,.sub_school_box .radio-box{
      width: 100%;
      margin-bottom: 10px !important;
      margin-top: 0;
  }
  .date-input {
      width: 100%;
  }
  span.c-value,span.c-value a {
      display: inline-block;
      color: #000;
  }
  .btn, .btn2only {
    width: calc(216px + (520 - 216) * ((100vw - 320px) / (767 - 320)));
    padding-left: 0;
    margin-top: calc(35px + (85 - 35) * ((100vw - 320px) / (767 - 320)));
  }
  .btn a, .btn2only a{
    width: 100%;
    padding: 6.1333vw 0;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.28rem;
    color: #fff;
    line-height: 1;
    background: #000;
    margin: 0 auto;
    border-radius: 13.33333vw;
    display: inline-block;
    position: relative;
  }
  .btn a:after, .btn2only a:after {
    position: absolute;
    content: url(../images/btn_yajirushi.jpg);
    right: 24px;
    transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
  }


  .page-confirm table{
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (767 - 320)));
  }
  .line-title span {
    width: calc(175px + (400 - 175) * ((100vw - 320px) / (767 - 320)));
    padding: calc(8px + (15 - 8) * ((100vw - 320px) / (767 - 320))) 0;
    border-radius: calc(18px + (30 - 18) * ((100vw - 320px) / (767 - 320)));
  }
  .m-width {
    width: 100%;
  }
}


.pretext
{
  white-space: pre-wrap;
  display: block;
  line-height: 1.5em;
}
.form-btn-blue:disabled {

   cursor: not-allowed;

}
.txt_red
{
  color: #ff0000;
}
.field-tlt {
  margin-bottom: 10px;
}
.sendaiOnly,.yokohamaOnly{
  display: none;
}
.show_p .sendaiOnly,.show_p .yokohamaOnly{
  display: block;
  padding: 20px 0;
}
.pos
{
  position: relative;
}

.main_visual_con {
    height: 390px;
    margin-top: 90px;
    background: url(../img/counseling/main_visual_con_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-color: #f3effd;
}
.main_visual_con .font-midashi
{
  margin-top: 10px;
    line-height: 1.5em;
    font-weight: bold;

}
.main_visualin .eng_ttl
{
   transform: none;
}
.main_visualin
{
  display: inline-block;
  position: relative;
  top: 161px;
  left: 95px;
}
@media all and (max-width: 767px) {
  .parts_m1formError.formError .formErrorContent{
      padding-left: 35px;
      line-height: 1;
  }
  .payment-list-num
  {
    position: absolute;
    left: 0;
    top:0;
  }
  .main_visual_con
  {
    margin-top: calc(56px + (136.25 - 56) * ((100vw - 320px) / (767 - 320)));
    height: 380px;
    background-image: url(../img/counseling/main_visual_con_sp.png);
    background-position: bottom center;
  }
  .main_visualin img
  {
  max-width: 320px;
  margin:0 auto;
  }
  .main_visualin {
      display: inline-block;
      position: relative;
      top: 30px;
      padding:0 20px;
      width: 100%;
      box-sizing: border-box;
      left: 0;
  }
  .main_visualin .eng_ttl
  {
  font-size:16px;
   margin-top: 0px;
  }
  .main_visual_con .font-midashi
  {
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 10px;
    letter-spacing: -1px;
  }
  .sp {
    display: block;
  }
}
@media screen and (min-width:768px) {
  .tel-num {
	font-size: 16px;
    pointer-events: none;
  }
  .btn a:hover:after, .btn2only a:hover:after {
    animation: arrow .4s;
  }
  .main-table th {
    vertical-align: top;
    padding-top: 40px;
  }
  .main-table th.pt30 {
    padding-top: 30px;
  }
  .main-table th.pt45 {
    padding-top: 45px;
  }

  .page-confirm #formArea > .inner {
    padding: 30px 0;
  }
  .page-thanks #formArea > .inner {
    padding: 30px 0 80px;
  }
}