@charset "UTF-8";

/* --------------------------------------------------------
-----------------------------------------------------------
 font
-----------------------------------------------------------
----------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&family=Zen+Maru+Gothic:wght@400;500;700&display=swap');


/* --------------------------------------------------------
-----------------------------------------------------------
 common
-----------------------------------------------------------
----------------------------------------------------------- */


.content-block {
  margin-bottom: 30px;
}

p {
  font-size: 13px;
  line-height: 1.5;
  font-feature-settings: "palt";
}

h2 {
  position: relative;
  margin: 30px auto 20px;
  z-index: 1;
}

h2 span {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  display: block;
  padding: 0 31px;
  width: fit-content;
  margin: 0 auto;
}

h2 span::before,
h2 span::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/h2_label.svg);
  background-repeat: no-repeat;
  background-size: 21px 28px;
  width: 21px;
  height: 28px;
  top: 5px;
}

h2 span::before {
  left: 0;
}

h2 span::after {
  transform: rotate(180deg);
  right: 4px;
}

h3 {
  font-size: 16px;
  font-weight: 700;
  background-image: url(/lp/img/h3_bg.svg);
  background-repeat: no-repeat;
  background-size: 231px 49px;
  text-align: center;
  background-position: center;
  height: 49px;
  padding: 4px 0 0;
  margin: 14px 0 6px;
}

ul {
  padding: 0;
}

.cta-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}

.cta-btn img {
  width: 233px;
}

.cta-btn a {
  position: relative;
  padding: 9px 61px 12px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #F79694;
  border: 1px solid #333;
  border-radius: 50px;
  margin-top: 5px;
}

.cta-btn a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #F79694;
  border-right: 0;
  top: 49%;
  transform: translateY(-50%);
  right: 32px;
}

.cta-btn a::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 30px;
  background: #fff;
  top: 49%;
  transform: translateY(-50%);
  right: 27px;
}

.band {
  padding: 10px;
  background: #f99694;
  color: #fff;
  margin-right: 5px;
}

.slider-content-wrap {
  position: relative;
  margin: 0 0 32px;
}

.slider-content-wrap .slider-wrap {
  margin-bottom: 0;
}


.slider-dot {
  position: absolute;
  display: flex !important;
  justify-content: center;
  flex-direction: row;
  gap: 9px;
  font-size: 0;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  margin: 12px 0 0;
}

.slider-dot li {
  border-radius: 10px !important;
  background: #efefef;
  width: 12px;
  height: 12px;
}

.slider-dot li.slick-active {
  background: #f99694;
}

.slider-dot button {
  font-size: 0;
  display: none;
}

.arrow-wrap {
  position: absolute;
  width: 100%;
  bottom: -8px;
  padding: 0 6px;
}

.arrow {
  position: relative;
  z-index: 10;
}

.prev,
.next {
  position: absolute;
  background-image: url(/lp/img/slick_arrow.svg);
  background-repeat: no-repeat;
  background-size: 27px 27px;
  width: 27px;
  height: 27px;
  top: 0;
}

.prev {
  left: 0;
}

.next {
  right: 0;
  transform: rotate(180deg);
}

/* --------------------------------------------------------
-----------------------------------------------------------
 fv-block
-----------------------------------------------------------
----------------------------------------------------------- */
.fv-block .cta-btn {
  margin-top: 29px;
}

/* --------------------------------------------------------
 intro-wrap
----------------------------------------------------------- */
.collection-block {
  margin-bottom: 29px;
}

.collection-block .intro_wrap {
  background-image: url(/lp/img/intro_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 13px 0 30px;
}

.collection-block .coordinate-wrap .slider-content-wrap {
  margin: 0;
}

.collection-block .coordinate-wrap h2 {
  margin-top: 25px;
  margin-bottom: 18px;
}



.collection-block .intro_wrap .text-wrap {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 12px;
}

.collection-block .intro_wrap .slider-content-wrap {
  margin-bottom: 26px;
}

.collection-block .intro_wrap .slider-wrap .img-wrap {
  width: 143px;
  margin-right: 10px;
}

/* --------------------------------------------------------
collection-wrap
----------------------------------------------------------- */
.collection-block .collection-wrap {
  background-image: url(/lp/img/collection_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px 0 0;
}

.collection-block .collection-wrap h2 {
  margin-bottom: 17px;
}

.collection-block .collection-wrap h2.new::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/new.svg);
  background-repeat: no-repeat;
  background-size: 69px 34px;
  width: 69px;
  height: 34px;
  top: -20px;
  left: 43px;
  z-index: -1;
}

.collection-block .collection-wrap h2 span::after {
  right: 3px;
}

.collection-block .collection-wrap h2 span::before {
  left: -1px;
}

.collection-block .collection-wrap h2.hannariya span::before {
  left: 0px;
}

.collection-block .collection-wrap h2.hannariya::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/special.svg);
  background-repeat: no-repeat;
  background-size: 107px 55px;
  width: 107px;
  height: 55px;
  top: -30px;
  left: 42px;
  z-index: -1;
}

.collection-block .collection-wrap .slider-wrap .img-wrap {
  position: relative;
  width: 226px;
  padding: 0 0 0 20px;
}

.collection-block .collection-wrap .slider-wrap .img-wrap.cute::before,
.collection-block .collection-wrap .slider-wrap .img-wrap.classic::before,
.collection-block .collection-wrap .slider-wrap .img-wrap.retro::before,
.collection-block .collection-wrap .slider-wrap .img-wrap.cool::before {
  content: "";
  position: absolute;
  background-image: url(/lp/img/cute.svg);
  background-size: 78px 37px;
  background-repeat: no-repeat;
  width: 78px;
  height: 37px;
  top: 0;
  right: 1px;
}

.collection-block .collection-wrap .slider-wrap .img-wrap.classic::before {
  background-image: url(/lp/img/classic.svg);
}

.collection-block .collection-wrap .slider-wrap .img-wrap.retro::before {
  background-image: url(/lp/img/retro.svg);
}

.collection-block .collection-wrap .slider-wrap .img-wrap.cute::before {
  background-image: url(/lp/img/cute.svg);
}

.collection-block .collection-wrap .slider-wrap .img-wrap.cool::before {
  background-image: url(/lp/img/cool.svg);
}

.collection-block .brand-collection,
.collection-block .new-collection {
  margin-bottom: 61px;
}

.collection-block .hannariya-coordinate h2 {
  margin-bottom: 15px;
}

.collection-block .hannariya-coordinate .slider-content-wrap {
  margin-bottom: 30px;
}

/* --------------------------------------------------------
mamahuri-wrap
----------------------------------------------------------- */
.collection-block .mamahuri-wrap {
  background-image: url(/lp/img/mamahuri_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 26px 0 30px;
  margin-bottom: 29px;
}

.collection-block .mamahuri-wrap .title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: -2px;
}

.collection-block .mamahuri-wrap .title-wrap span.top {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding: 0 14px;
}

.collection-block .mamahuri-wrap .title-wrap span.top::after,
.collection-block .mamahuri-wrap .title-wrap span.top::before {
  content: "";
  position: absolute;
  background-image: url(/lp/img/hukidashi.svg);
  background-size: 10px 16px;
  background-repeat: no-repeat;
  width: 10px;
  height: 16px;
  top: 4px;
}

.collection-block .mamahuri-wrap .title-wrap span.top::after {
  transform: rotate(300deg);
  left: 0px;
}

.collection-block .mamahuri-wrap .title-wrap span.top::before {
  right: 0;
}

.collection-block .mamahuri-wrap .title-wrap span.bottom {
  font-size: 24px;
  font-weight: bold;
}

.collection-block .mamahuri-wrap .img-wrap.top {
  margin-bottom: 30px;
}
.collection-block .mamahuri-wrap .img-wrap img{
width: 100%;
}

.collection-block .mamahuri-wrap .cta-btn {
  margin-top: 27px;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 plan-block
-----------------------------------------------------------
----------------------------------------------------------- */
.plan-block {
  margin-bottom: 24px;
}

.plan-block .intro-wrap {
  margin-bottom: 20px;
}

.plan-block ul li {
  border: 1px solid #333;
  background: #F7F2F0;
  padding: 5px 5px 1px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: bold;
}

.plan-block .plan-list-wrap {
  margin-bottom: 11px;
}

.plan-block .plan-list-wrap ul {
  display: flex;
  flex-direction: row;
  text-align: center;
  gap: 7px;
  margin-bottom: 7px;
}

.plan-block .plan-list-wrap ul .bottom {
  margin-bottom: 14px;
}


.plan-block .plan-list-wrap ul.top li {
  width: calc((100% - 14px) / 3);
}

.plan-block .plan-list-wrap ul.bottom li {
  width: calc((100% - 7px) / 2);
  padding-bottom: 0;
}

.plan-block .plan-list-wrap ul.bottom li img {
  margin-bottom: 2px;
}

.plan-block .text-wrap {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  font-size: 20px;
  line-height: 1.3;
}

.plan-block h2 {
  margin: 24px auto 17px;
}

.plan-block h2 span::after {
  right: 1px;
}

.plan-block h3 {
  margin-top: 30px;
}

.plan-block .plan-wrap ul {
  display: flex;
  flex-direction: column;
}

.plan-block .plan-wrap ul li {
  padding: 10px 12px 14px;
  border-radius: 9px;
  margin-bottom: 14px;
}

.plan-block .plan-wrap ul li:last-child {
  margin-bottom: 0;
}

.plan-block .plan-wrap ul li .rental-wrap {
  display: flex;
}

.plan-block .plan-wrap ul li .plan-name {
  font-size: 20px;
  border-bottom: 1px solid #333;
  padding-bottom: 11px;
  text-align: center;
  margin: 0 3px 7px 6px;
}

.plan-block .plan-wrap ul li .left-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 14px;
}

.plan-block .plan-wrap ul li .price-wrap p {
  font-size: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1;
  margin: 7px 0 10px;
}

.plan-block .plan-wrap ul li:nth-child(2) .price-wrap p,
.plan-block .plan-wrap ul li:nth-child(3) .price-wrap p {
  margin: 13px 0 16px;
}

.plan-block .plan-wrap ul li.rental-wrap .price-wrap p {
  margin: 5px 0 11px;
}

.plan-block .plan-wrap ul li .price-wrap p span.price {
  font-size: 34px;
  font-family: "M PLUS Rounded 1c", Arial, Helvetica, sans-serif;
  color: #ED5A5A;
}

.plan-block .plan-wrap ul li .price-wrap p span.jpy {
  padding: 0 0 4px 3px;
  display: inline-block;
}

.plan-block .plan-wrap ul li ul {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.plan-block .plan-wrap ul li ul li {
  border: none;
  border-bottom: 1px solid #333;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
}

.plan-block .plan-wrap ul li ul li:last-child {
  border-bottom: none;
}

.plan-block .plan-wrap ul li ul li p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: normal;
}

.plan-block .plan-wrap ul li ul li .free {
  color: #ED5A5A;
  font-weight: bold;
  margin-left: 18px;
  font-size: 15px;
}

.plan-block .plan-wrap ul li ul li .free p {
  display: flex;
  flex-direction: column;
}

.plan-block .plan-wrap ul li ul li .free p .top {
  display: flex;
  flex-direction: row;
}

.plan-block .plan-wrap .right-wrap {
  width: 128px;
}

.plan-block .plan-wrap .accordion-wrap .plan-title-wrap {
  position: relative;
  padding: 1px;
  background: #f99694;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin: 0 5px;
  line-height: 1;
  padding: 5px 0 7px;
}

.plan-block .plan-wrap .accordion-wrap .plan-title-wrap .icon-wrap {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -20px;
  top: 27px;
  right: 8px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  border: 1px solid #fff;
  border-radius: 10px;
}

.plan-block .plan-wrap .accordion-wrap .plan-title-wrap .icon-wrap .icon {
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  position: relative;
}


.plan-block .plan-wrap .accordion-wrap .plan-title-wrap .icon-wrap .icon:before,
.plan-block .plan-wrap .accordion-wrap .plan-title-wrap .icon-wrap .icon:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 12px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 5px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform-origin: center center;
  transition-duration: 0.2s;

}

.plan-block .plan-wrap .accordion-wrap .plan-title-wrap .icon-wrap .icon:before {
  width: 2px;
  height: 12px;
  left: 5px;
  top: 0;
}

.plan-block .plan-wrap .accordion-wrap .plan-title-wrap.open .icon-wrap .icon:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.plan-block .plan-wrap .accordion-inner {
  display: none;
  width: 60%;
  margin: 15px auto 0;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 special-block
-----------------------------------------------------------
----------------------------------------------------------- */
.special-block {
  background-image: url(/lp/img/special_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 1px 0 30px;
  margin-bottom: 0;
}

.special-block h2.special {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: fit-content;
  line-height: 1;
  padding: 0 28px;
  margin: 27px auto 22px;
}

h2.special::before,
h2.special::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/h2_label.svg);
  background-repeat: no-repeat;
  background-size: 21px 28px;
  width: 21px;
  height: 28px;
  top: 33%;
}

h2.special::before {
  left: 1px;
}

h2.special::after {
  transform: rotate(180deg);
  right: 1px;
}


.special-block h2.special span::before,
.special-block h2.special span::after {
  display: none;
}

.special-block h2.special span {
  padding: 0;
}

.special-block h2.special span.top {
  display: flex;
  align-items: flex-end;
  margin-bottom: -1px;
}

.special-block h2.special span.top span.big {
  padding: 0;
  font-size: 37px;
  color: #ED5A5A;
  font-family: "M PLUS Rounded 1c", Arial, Helvetica, sans-serif;
  margin-top: -1px;
}

.special-block h2.special span.top span.small {
  padding: 0 0 5px 2px;
  display: inline-block;
  font-size: 18px;
}

.special-block h2.special span:last-child {
  padding-right: 3px;
}

.special-block ul li {
  background: #fff;
  margin-bottom: 22px;
  border-radius: 12px 12px 0 0;
  text-align: center;
}

.special-block ul li .title-wrap {
  position: relative;
  font-size: 21px;
  background-color: #f9dede;
  padding: 6px;
  font-weight: bold;
  text-align: center;
  border-radius: 12px 12px 0 0;
}

.special-block ul li .title-wrap::before {
  content: "";
  position: absolute;
  background-image: url(/lp/img/label01.svg);
  background-repeat: no-repeat;
  background-size: 43px 58px;
  width: 43px;
  height: 58px;
  top: 0;
  left: 10px;
}

.special-block ul li .text-wrap {
  font-size: 13px;
  margin: 9px 0 12px;
}

.special-block ul li .place-name .text-wrap {
  margin: 0;
}

.special-block ul li:first-child .text-wrap {
  margin-top: 10px;
  margin-bottom: 11px;
}


.special-block ul li .text-wrap span {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 2px;
  display: block;
  line-height: 1;
}


.special-block ul li:nth-child(2) .title-wrap::before {
  background-image: url(/lp/img/label02.svg);
}

.special-block ul li:nth-child(3) .title-wrap::before {
  background-image: url(/lp/img/label03.svg);
}

.special-block ul li:nth-child(4) .title-wrap::before {
  background-image: url(/lp/img/label04.svg);
}


.special-block ul.bottom li:nth-child(1) .title-wrap::before,
.special-block ul.bottom li:nth-child(2) .title-wrap::before,
.special-block ul.bottom li:nth-child(3) .title-wrap::before,
.special-block ul.bottom li:nth-child(4) .title-wrap::before {
  background-size: 29px 39px;
  width: 29px;
  height: 39px;
  top: 0;
  left: 7px;
}

.special-block ul.bottom li:nth-child(1) .title-wrap::before {
  background-image: url(/lp/img/label05.svg);
}

.special-block ul.bottom li:nth-child(2) .title-wrap::before {
  background-image: url(/lp/img/label06.svg);
}

.special-block ul.bottom li:nth-child(3) .title-wrap::before {
  background-image: url(/lp/img/label07.svg);
}

.special-block ul.bottom li:nth-child(4) .title-wrap::before {
  background-image: url(/lp/img/label08.svg);
}

.special-block ul li .under-wrap {
  padding: 11px 10px 6px;
}

.special-block ul.top li:first-child .under-wrap {
  padding-top: 15px;
}

.special-block ul li:first-child .under-wrap {
  padding-top: 18px;
}

.special-block ul li.free {
  margin-bottom: 15px;
}

.special-block ul li.free .under-wrap {
  padding-top: 10px;
}

.special-block ul li.free .under-wrap .text-wrap {
  margin: 0;
}

.special-block ul li.free .under-wrap .text-wrap p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.special-block ul li.free .under-wrap .text-wrap p span {
  font-size: 14px;
}

.special-block ul li.free .under-wrap .text-wrap p span.top {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1px;
}

.special-block ul li.free span.dot {
  padding: 6px 0;
  background-position: top left 0;
  background-repeat: repeat-x;
  background-size: 14px 8px;
  background-image: -webkit-radial-gradient(.15em .15em at center center, #f99694, #f99694 100%, transparent, transparent);
  background-image: radial-gradient(.15em .15em at center center, #f99694, #f99694 100%, transparent, transparent);
}

.special-block ul li.place {
  margin-bottom: 24px;
}

/* .special-block ul li:nth-child(3) {
  padding-top: 12px;
} */

.special-block ul li.place .slider-wrap {
  margin-bottom: 37px;
}

.special-block ul li.place .place-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  gap: 4px;
  margin-bottom: 10px;
  font-weight: bold;
}

.special-block ul li.place .place-name span:first-child {
  font-size: 13px;
  color: #ED5A5A;
}

.special-block ul li.place .place-name span:nth-child(2) {
  font-weight: bold;
  font-size: 20px;
}

.special-block ul li.place .place-img-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.special-block ul li.place .place-img-wrap .bottom-img-wrap {
  display: flex;
  flex-direction: row;
  gap: 9px;
}

.special-block ul li.place .place-img-wrap .bottom-img-wrap .right-img-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.special-block ul li.place .arrow-wrap {
  bottom: -10px;
  padding: 0 4px 0 7px;

}


.special-block ul li.place .slider-dot {
  margin-top: 18px;
}

.special-block ul li.place .slider-dot li {
  background: #efefef;
}

.special-block ul li.place .slider-dot li.slick-active {
  background: #f99694;
}


.special-block ul.plan {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.special-block ul.plan li {
  margin-bottom: 20px;
}


.special-block ul.plan li .plan-name {
  position: relative;
  padding: 2px;
  background: #f99694;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

.special-block ul.plan li .salon-tab input {
  display: none;
}

.special-block ul.plan li .tab-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
}

.special-block ul.plan li .tab-btn-wrap .tab-btn {
  width: calc((100% - 20px) / 3);
  margin-bottom: 0;
}

.special-block ul.plan li .tab-btn-wrap .tab-btn label {
  border-radius: 20px;
  border: 1px solid #F79694;
  padding: 5px 10px;
  display: block;
  width: 100%;

}

#salon-tab01:checked~.tab-btn-wrap label[for="salon-tab01"],
#salon-tab02:checked~.tab-btn-wrap label[for="salon-tab02"],
#salon-tab03:checked~.tab-btn-wrap label[for="salon-tab03"],
#salon-tab04:checked~.tab-btn-wrap label[for="salon-tab04"],
#salon-tab05:checked~.tab-btn-wrap label[for="salon-tab05"],
#salon-tab06:checked~.tab-btn-wrap label[for="salon-tab06"] {
  background: #F79694;
  color: #fff;
  border-color: #F79694;
}


.special-block ul.plan li .salon-tab .tab-body {
  display: none;
}

#salon-tab01:checked~.tab-body:nth-of-type(1),
#salon-tab02:checked~.tab-body:nth-of-type(2),
#salon-tab03:checked~.tab-body:nth-of-type(3),
#salon-tab04:checked~.tab-body:nth-of-type(4),
#salon-tab05:checked~.tab-body:nth-of-type(5),
#salon-tab06:checked~.tab-body:nth-of-type(6) {
  display: block;
}


.special-block ul.plan li .salon-fukui,
.special-block ul.plan li .salon-sabae,
.special-block ul.plan li .salon-echizen,
.special-block ul.plan li .salon-echizen02,
.special-block ul.plan li .salon-ono,
.special-block ul.plan li .salon-tsuruga {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0;
}

.special-block ul.plan li .salon-content-wrap .salon-wrap {
  display: flex !important;
  flex-direction: column;
  gap: 5px 0;
  width: calc((100% - 10px) / 2);
}

.special-block ul.plan li .salon-content-wrap .salon-wrap .slider-wrap {
  margin-bottom: 0;
}

.special-block ul.plan li .salon-content-wrap .salon-wrap .right-wrap {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
}

.special-block ul.plan li .salon-content-wrap .salon-wrap .right-wrap .salon-name-wrap {
  height: 33px;
}

.special-block ul.plan li .salon-content-wrap .salon-wrap .right-wrap .address-wrap {
  font-size: 13px;
  margin-top: 5px;
}

.special-block ul.plan li .salon-content-wrap .salon-wrap .right-wrap .address-wrap p {
  line-height: 1.2;

}

.special-block ul.plan li .salon-content-wrap .salon-wrap .right-wrap .address-wrap p.tel {
  line-height: 1;
  margin-top: 2px;
}

.special-block ul.plan li .arrow-wrap {
  bottom: -9px;
  padding: 0 6px 0 4px;
}

.special-block ul.plan li .num {
  position: absolute;
  font-size: 19px;
  font-family: "M PLUS Rounded 1c", Arial, Helvetica, sans-serif;
  font-weight: 700;
  left: 50%;
  transform: translateX(-50%);
  bottom: -37px;
  display: flex;
  gap: 0px;
}

.special-block ul.plan li .salon>.arrow-wrap {
  bottom: -9px;
}

.special-block ul.plan li:nth-child(2) {
  margin-bottom: 12px;
}

.special-block ul.plan li:nth-child(2) .text-wrap {
  margin: 9px 0 12px;
}

.special-block ul.plan li:nth-child(3) {
  margin-bottom: 0;
}

.special-block ul.plan li:nth-child(3) .img-wrap {
  width: 290px;
}

.special-block ul.plan li:nth-child(3) .text-wrap {
  margin: 9px 0 11px;
}

.special-block ul.plan li .attention {
  font-size: 12px;
  text-align: left;
  margin-top: 1px;
}

.special-block ul.plan li:nth-child(3) .attention {
  margin-top: 2px;
}

.special-block ul.bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.special-block ul.bottom li {
  width: calc((100% - 10px) / 2);
  margin: 0;
}

.special-block ul.bottom li .under-wrap {
  padding: 7px 0;
}

.special-block ul.bottom li:nth-child(3) .under-wrap,
.special-block ul.bottom li:nth-child(4) .under-wrap {
  padding-top: 9px;
}

.special-block ul.bottom li .title-wrap {
  font-size: 15px;
  padding: 4px 0 5px 29px;
}

.special-block ul.bottom li .text-wrap {
  margin: 0;
}

.special-block ul.bottom li .text-wrap p {
  font-size: 13px;
  line-height: 1.2;
  font-weight: bold;
}

.special-block ul.bottom li .text-wrap .small {
  font-size: 9px;
  font-weight: normal;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 intro-block
-----------------------------------------------------------
----------------------------------------------------------- */
.intro-block {
  background-image: url(/lp/img/collection_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 0 30px;
}

.intro-block .title-wrap {
  margin-bottom: 14px;
}

.intro-block ul {
  display: flex;
  flex-direction: column;
}

.intro-block ul li {
  padding: 10px 12px 14px;
  border-radius: 9px;
  margin-bottom: 14px;
  border: 1px solid #333;
  background: #F7F2F0;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.intro-block ul li:last-child {
  margin-bottom: 0;
}

.intro-block ul li .title-wrap {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 15px;
}

.intro-block ul li .title-wrap span {
  font-size: 20px;
  font-weight: bold;
}

.intro-block ul li .img-wrap img+img {
  margin-top: 15px;
}

.intro-block ul li .img-wrap.point img:first-child {
  width: 163px;
  margin: 0 auto;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 point-block
-----------------------------------------------------------
----------------------------------------------------------- */

.point-block .title-wrap {
  margin: 0 0 14px;
}

.point-block .title-wrap p {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.point-block .title-wrap .top {
  display: flex;
  justify-content: center;
}

.point-block .title-wrap .top img {
  width: 175px;
}

.point-block .title-wrap .top p {
  padding: 6px 0 0;
  margin-left: 10px;
}

.point-block .title-wrap .bottom {
  margin-top: -3px;
}

.point-block .point-title-wrap {
  position: relative;
  width: fit-content;
  margin: 5px auto 17px;
}

.point-block .point-title-wrap p {
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: row;
  margin-left: 9px;
}

.point-block .point-title-wrap .big {
  color: #f99694;
  font-size: 56px;
  font-family: "M PLUS Rounded 1c", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1;
  margin: 0px -7px -2px;
}

.point-block .point-title-wrap::before {
  content: "";
  position: absolute;
  background-image: url(/lp/img/point_human.svg);
  background-size: 28px 21px;
  background-repeat: no-repeat;
  width: 28px;
  height: 21px;
  top: 14px;
  left: -2px;
  transform: rotate(-5deg);
}

.point01-wrap {
  margin-bottom: 30px;
}



.point-block .point01-wrap .text-wrap,
.point-block .point02-wrap .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
}


.point-block .point01-wrap .text-wrap p,
.point-block .point02-wrap .text-wrap p {
  font-size: 20px;
  display: flex;
  flex-direction: row;
}

.point-block .point02-wrap .text-wrap p {
  font-size: 17px;
}

.point-block .point01-wrap .text-wrap p .band,
.point-block .point02-wrap .text-wrap p .band {
  line-height: 1;
  height: 27px;
  display: flex;
  align-items: center;
  padding: 0 8px 0;
  width: fit-content;
  margin: 3px 14px 2px 7px;
}

.point-block .point02-wrap .text-wrap p span.band {
  font-size: 20px;
  padding: 0px 8px 1px;
  width: fit-content;
  margin: 0 10px 0px 3px;
}

.point-block .point01-wrap .text-wrap .bottom,
.point-block .point02-wrap .text-wrap .bottom {
  position: relative;
}


.point-block .point01-wrap .text-wrap .bottom p {
  font-size: 17px;
  margin-top: 3px;
}

.point-block .point02-wrap .text-wrap .bottom p {
  margin-top: 4px;
}

.point-block .point01-wrap .text-wrap .bottom::after,
.point-block .point02-wrap .text-wrap .bottom::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/point_hukidasi.svg);
  background-repeat: no-repeat;
  background-size: 222px 6px;
  width: 222px;
  height: 6px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.point-block .price-wrap {
  display: flex;
  flex-direction: row;
  font-size: 13px;
  font-weight: 500;
}

.point-block .price-wrap .option-wrap {
  margin-top: 34px;
  background: #f2f2f2;
  width: 115px;
  flex-shrink: 0;
}

.point-block .price-wrap li {
  display: flex;
  justify-content: center;
  padding: 6px 0;
  border-bottom: 1px solid #dbdbdb;
  align-items: center;
}

.point-block .price-wrap .option-wrap ul li {
  border-bottom: 1px solid #dbdbdb;
  padding: 7px 12px;
  justify-content: left;
}

.point-block .price-wrap ul li:last-child {
  border-bottom: none;
}

.point-block .point01-wrap .price-wrap .option-wrap ul li:nth-child(4),
.point-block .point01-wrap .price-wrap .option-wrap ul li:nth-child(5) {
  height: 50px;
}

.point-block .point01-wrap .price-wrap .option-wrap ul li:nth-child(6) {
  height: 35px;
}

.point-block .point01-wrap .price-wrap ul li:nth-child(2) {
  height: 35px;
}

.point-block .point01-wrap .price-wrap ul li:nth-child(3) {
  height: 35px;
}

.point-block .point01-wrap .price-wrap ul li:nth-child(4) {
  height: 35px;
}

.point-block .point01-wrap .price-wrap ul li:nth-child(5) {
  height: 50px;
}

.point-block .point01-wrap .price-wrap ul li:nth-child(6) {
  height: 50px;
}

.point-block .point01-wrap .price-wrap ul li:nth-child(7) {
  height: 35px;
}

.point-block .price-wrap .a-plan ul li:nth-child(1),
.point-block .price-wrap .b-plan ul li:nth-child(1) {
  height: 30px;
  border: none;
  background: #f2f2f2;
  margin-top: 4px;
}

.point-block .price-wrap .hannariya-plan {
  flex: 0 0 90px;
  box-sizing: border-box;
  font-size: 15px;
  color: #ED5A5A;
  text-align: center;
}

.point-block .price-wrap .a-plan,
.point-block .price-wrap .b-plan {
  flex: 1;
  box-sizing: border-box;
}

.point-block .price-wrap .hannariya-plan ul,
.point-block .price-wrap .a-plan ul,
.point-block .price-wrap .b-plan ul {
  margin: 0;
  padding: 0;
}

.point-block .price-wrap .hannariya-plan li.red {
  height: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background: #ED5A5A;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  border: none;
}

.point-block .price-wrap .b-plan ul li.tub {
  display: flex;
  justify-content: center;
  height: 30px;
  margin: 4px 0 0;
  background: #efefef;
  align-items: center;
}

.point-block .point02-wrap .price-wrap .option-wrap ul li {
  height: 35px;
}


.point-block .point02-wrap .price-wrap .option-wrap ul li:nth-child(1) {
  height: 56px;
}

.point-block .point02-wrap .price-wrap .hannariya-plan ul li:nth-child(2),
.point-block .point02-wrap .price-wrap .a-plan ul li:nth-child(2),
.point-block .point02-wrap .price-wrap .b-plan ul li:nth-child(2) {
  height: 56px;
}

.point-block .point02-wrap .price-wrap ul li:nth-child(3) {
  height: 35px;
}

.point-block .point02-wrap .price-wrap ul li:nth-child(4) {
  height: 35px;
}

.point-block .point02-wrap .price-wrap ul li:nth-child(5) {
  height: 35px;
}

.point-block .point02-wrap .price-wrap ul li:nth-child(6) {
  height: 35px;
}

.point-block .point02-wrap .price-wrap ul li:nth-child(7) {
  height: 35px;
}



/* --------------------------------------------------------
-----------------------------------------------------------
 staff-block
-----------------------------------------------------------
----------------------------------------------------------- */

.staff-block {
  background-image: url(/lp/img/review_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 24px 0 30px;
}

.staff-block h2 {
  margin-top: 24px;
  margin-bottom: 11px;
}

.staff-block h2 span::before {
  left: -3px;
}

.staff-block h2 span::after {
  right: -3px;
}

.staff-block .comment-wrap {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 22px;
}


.staff-block .comment-wrap::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/review_hukidasi01.webp);
  background-repeat: no-repeat;
  background-size: 324px 7px;
  width: 324px;
  height: 7px;
  bottom: -16px;
  left: 11px;
}

.staff-block .comment-wrap+.img-wrap img {
  width: 100%;
}

.staff-block .img-wrap {
  margin-bottom: 15px;
}

.staff-block .staff-wrap {
  padding: 10px;
  background: #F7F2F0;
  border: 1px solid #333;
}

.staff-block .staff-wrap .img-wrap {
  position: relative;
  margin-bottom: 9px;
}
.staff-block .staff-wrap .img-wrap {
  width: 100%;
}

.staff-block .staff-wrap .staff-text-wrap {
  position: absolute;
  color: #fff;
  bottom: 3px;
  right: 3px;
  text-align: right;
}

.staff-block .staff-wrap .staff-text-wrap .staff-text {
  font-size: 14px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
  margin-bottom: 1px;
  line-height: 1.3;
}

.staff-block .staff-wrap .staff-text-wrap .staff-name {
  background: #333;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  padding: 2px 9px 5px;
  line-height: 1;
  width: fit-content;
}

.staff-block .staff-wrap .text-wrap {
  font-size: 14px;
  line-height: 1.2;
  margin-left: -2px;
}

.staff-block .slider-dot {
  margin-top: 18px;
}

.staff-block .arrow-wrap {
  bottom: -11px;
  padding: 0 15px;
}



/* --------------------------------------------------------
-----------------------------------------------------------
 review-block
-----------------------------------------------------------
----------------------------------------------------------- */

.review-block h2 {
  margin-top: 0;
  margin-bottom: 11px;
}

.review-block h2 span::before {
  left: -2px;
}

.review-block h2 span::after {
  right: -3px;
}


.review-block .comment-wrap {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 19px;
  padding: 0 7px 0 0px;
}

.review-block .comment-wrap::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/review_hukidasi01.webp);
  background-repeat: no-repeat;
  background-size: 324px 7px;
  width: 324px;
  height: 7px;
  bottom: -16px;
  right: 15px;
}

.review-block .review-wrap {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 5px;
}

.review-block .review-wrap .arrow-wrap {
  padding: 0 19px 0 12px;
  bottom: -7px;
}

.review-block .review-wrap .left-wrap {
  padding: 8px 6px 4px;
  background: #fff;
  border: 1px solid #333;
  width: 196px;
}

.review-block .review-wrap .voice-wrap {
  position: relative;
  margin-top: 56px;
}

.review-block .review-wrap .voice-wrap p {
  position: relative;
  line-height: 1.2;
  font-size: 14px;
  text-align: left;
  padding-left: 12px;
}

.review-block .review-wrap .voice-wrap p::after {
  content: "";
  position: absolute;
  background-image: url(/lp/img/review_hukidasi02.svg);
  background-repeat: no-repeat;
  background-size: 130px 40px;
  width: 130px;
  height: 40px;
  bottom: -29px;
  left: 12px;
}


.review-block .review-wrap .right-wrap {
  display: flex;
  flex-direction: column;
  align-content: center;
  text-align: center;
  justify-content: space-between;
  font-weight: bold;
  flex: 1;
}

.review-block .review-wrap .right-wrap .right-bottom-wrap {
  margin-left: -1px;
}

.review-block .review-wrap .right-wrap .right-bottom-wrap .name {
  font-size: 17px;
  margin-bottom: 9px;
}

.review-block .review-wrap .right-wrap .right-bottom-wrap .plan,
.review-block .review-wrap .right-wrap .right-bottom-wrap .coordinate {
  display: flex;
  flex-direction: column;
  line-height: 1;
  margin-bottom: 2px;
  margin-left: -5px;
}

.review-block .review-wrap .right-wrap .right-bottom-wrap .plan {
  margin-bottom: 16px;
}

.review-block .review-wrap .right-wrap .right-bottom-wrap .plan span.title-wrap,
.review-block .review-wrap .right-wrap .right-bottom-wrap .coordinate span.title-wrap {
  width: 120px;
  margin: auto;
  background: #f99999;
  border-radius: 20px;
  color: #fff;
  font-size: 15px;
  margin-bottom: 9px;
  padding: 3px;
}


.review-block .arrow-wrap {
  bottom: -7px;
  padding: 0 19px 0 12px;

}

.review-block .slider-dot {
  margin-top: 14px;
}

.review-block .kuchikomi {
  padding-top: 23px;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 sumup-block
-----------------------------------------------------------
----------------------------------------------------------- */
.sumup-block {
  background-image: url(/lp/img/sumup_bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 25px 0 0;
  margin: 0;
}

.sumup-block .title-wrap {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  margin-bottom: 14px;
}

.sumup-block .title-wrap .top {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  width: fit-content;
  padding: 0 10px;
}

.sumup-block .title-wrap .top::before,
.sumup-block .title-wrap .top::after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: #333;
  height: 13px;
  top: 8px;
}

.sumup-block .title-wrap .top::before {
  left: 2px;
  transform: rotate(145deg);
}

.sumup-block .title-wrap .top::after {
  right: 4px;
  transform: rotate(-145deg);
}

.sumup-block .title-wrap .bottom {
  font-size: 43px;
  font-weight: bold;
  margin-top: -11px;
}

.sumup-block h3 {
  margin-top: 20px;
}

.sumup-block img {
    width: 100%;
}

.sumup-block .place-wrap {
  display: flex;
  margin-bottom: 18px;
}

.sumup-block .place-wrap .left-wrap {
  font-weight: bold;
  margin-right: 14px;
}

.sumup-block .place-wrap .left-wrap .img-wrap {
  width: 175px;
  margin-bottom: 10px;
  margin-top: 12px;
}

.sumup-block .place-wrap .left-wrap .address-wrap {
  margin-top: 8px;
  margin-left: -1px;
}

.sumup-block .place-wrap .left-wrap .address-wrap p {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 2px;
}

.sumup-block .place-wrap .left-wrap .address-wrap p:nth-child(2) {
  margin-bottom: 3px;
}

.sumup-block .place-wrap .right-wrap {
  flex: 1;
  margin-top: -1px;
}

.sumup-block .place-wrap+h3 {
  margin-top: 17px;
}

.sumup-block .title-wrap.sumup {
  margin: 24px 0 25px;
}


.sumup-block .title-wrap.sumup span {
  gap: 12px;
  font-size: 24px;
  font-weight: bold;
}

.sumup-block .title-wrap.sumup span.top {
  margin: 0 0 -2px;
}

.sumup-block .title-wrap.sumup span.top::before,
.sumup-block .title-wrap.sumup span.top::after {
  display: none;
}

.sumup-block .title-wrap.sumup span.middle {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.sumup-block .sumup-img-wrap {
  position: relative;
}

.sumup-block .sumup-img-wrap img:nth-child(1),
.sumup-block .sumup-img-wrap img:nth-child(3) {
  position: absolute;
  width: 122px;
  top: -7px;
}

.sumup-block .sumup-img-wrap img:nth-child(1) {
  left: 24px;
  transform: rotate(-3deg);
}

.sumup-block .sumup-img-wrap img:nth-child(2) {
  height: 250px !important;
  display: block;
  margin: 0 auto;
  padding-right: 5px;
}

.sumup-block .sumup-img-wrap img:nth-child(3) {
  right: 30px;
  top: -8px;
  transform: rotate(4deg);
}


/* --------------------------------------------------------
-----------------------------------------------------------
collection-block

初期で入ってるやつ　プレスホルダー
placeholder="例）山田太郎"をinputに入れるだけでいい
-----------------------------------------------------------
----------------------------------------------------------- */
.form-block {
  font-family: "Zen Maru Gothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 49px;
}

.form-block h2 {
  margin-top: 15px;
  margin-bottom: 18px;
}

.form-block h2 span::after {
  transform: rotate(180deg);
  right: -2px;
}

.form-block h2 span::after {
  right: -2px;
}

.form-block table {
  margin-bottom: 25px;
}

.form-block tr {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.form-block tr:last-child {
  margin-bottom: 0;
}

.form-block tr th {
  text-align: left;
  background: #F7F2F0;
  padding: 5px 0 9px 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

.form-block tr:first-child td {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.form-block tr th .Attention {
  position: relative;
  font-size: 0;
}

.form-block tr th .Attention::after {
  content: "必須";
  position: absolute;
  width: 37px;
  padding: 0 7px 1px;
  margin-left: 2px;
  background: #E03D3D;
  color: #fff;
  font-size: 11px;
  white-space: nowrap;
  top: -7px;
  left: 2px;
}

.form-block tr td {
  padding: 0 21px;
  width: 100%;
  display: block;
}

.form-block tr td ul.wb-form-check {
  list-style: none;
}

.form-block tr td input::placeholder {
  font-size: 15px;
  color: #dbdbdb;
}

.form-block input[type="text"],
.form-block input[type='password'],
.form-block input[type='tel'],
.form-block input[type="email"],
.form-block textarea,
.form-block select {
  font-size: 14px;
  width: 100%;
  height: 31px;
  padding: 0 9px 0;
}

.form-block textarea {
  height: 201px;
}

.form-block textarea::placeholder {
  font-size: 13px;
  color: #dbdbdb;
  padding: 6px 11px;
  line-height: 1.2;
  font-weight: normal;
}

.form-block span.zip-wrap,
.form-block span.pref-wrap {
  margin-bottom: 10px;
}


.form-block .zip-wrap input,
.form-block .zip-wrap span {
  font-size: 14px;
  /* 子要素だけ再表示 */
}

.form-block span.zip-wrap {
  display: flex;
  font-size: 0;
  flex-wrap: wrap;
}

.form-block .zip-wrap input {
  width: 158px;
  margin-right: 6px;
}

.form-block .zip-wrap span#mess0 {
  display: none;
}

.form-block .zip-wrap input[type=button] {
  background: #F99694;
  padding: 4px 16px 5px 18px;
  border: none;
  color: #fff;
  font-size: 13px;
  width: fit-content;
}


.form-block select {
  background: #efefef;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 2px 12px 2px 11px;
  font-feature-settings: "palt";
  font-size: 12px;
  font-family: "M PLUS Rounded 1c", Arial, Helvetica, sans-serif;
}

.form-block .pref-wrap {
  margin: 10px 0;
}

.form-block .pref-wrap,
.form-block .\36_pld-wrap {
  position: relative;
  display: block;
}

.form-block .pref-wrap::after,
.form-block .\36_pld-wrap::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 7px solid #555555;
  border-bottom: 0;
  /* pointer-events: none; */
}

.form-block .\35_txt-wrap {
  position: relative;
}

.form-block .\35_txt-wrap::before {
  content: "";
  position: absolute;
  background-image: url(/lp/img/calendar.svg);
  background-repeat: no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  top: 5px;
  left: 10px;
}

.form-block .\35_txt-wrap input {
  padding-left: 35px;
}

.form-block .\37_chk-wrap {
  margin: -8px 1px 0;
}

.form-block ul.wb-form-check li {
  margin: 0 0 4px;
}

.form-block .\37_chk-wrap .Attention {
  padding: 1px 0px 0;
  line-height: 1.2;
  font-feature-settings: "palt";
  font-size: 14px;

}

.form-block .\38_txa-wrap {
  margin-top: -2px;
}

.form-block .wb-form-check input[type="checkbox"] {
  /* デフォルトのチェックボックスを消す */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 11px;
  height: 11px;
  border: 1px solid #333;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: middle;
  margin-right: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 1px;
}

.form-block .wb-form-check input[type="checkbox"]:checked {
  background-color: #F79694;
  border-color: #F79694;
  position: relative;
}

.form-block .wb-form-btn {
  margin: 0 auto;
}

.form-block .wb-form-btn ul li {
  list-style: none;
}

.form-block .wb-form-btn li {
  position: relative;
  width: 78%;
  margin: 0 auto;

}

.form-block .wb-form-btn input {
  display: block;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #F79694;
  border: 1px solid #333;
  border-radius: 50px;
  padding: 10px 61px 13px;
  margin: 0 auto;
}

.form-block .wb-form-btn li::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #F79694;
  border-right: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
}

.form-block .wb-form-btn li::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 30px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  right: 27px;
}

.form-block .wb-form-btn table.wb-form-table {
  margin-bottom: 10px;
}

/* --------------------------------------------------------
-----------------------------------------------------------
[form] #form-content01 
-----------------------------------------------------------
----------------------------------------------------------- */

/* ERROR
--------------------------------------------------------- */
#form-content01 .wb-form .wb-form-table .form-err {
  border: 1px solid #f13748;
  background: #FFEEEE;
}

#form-content01 .wb-form .wb-form-table ul.form-err-msg {
  list-style: none;
  margin: 0;
  padding: 0;
}

#form-content01 .wb-form .wb-form-table ul.form-err-msg li {
  background: #f13748;
  list-style: none;
  font-weight: bold;
  margin: 4px 0;
  padding: 2px 10px;
  color: #FFFFFF;
  font-size: 12px;
}


/*
---------------------------------------------------------
 確認画面/エラー画面/完了画面
--------------------------------------------------------- */
body.MOD-form-sub .Wrapper {
  display: none;
}

.jqmOverlay {
  opacity: 1 !important;
  background: #FFF !important;
  z-index: 1001 !important;
}

.jqmFormWindow {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  border: none !important;
  position: relative !important;
  z-index: 1002 !important;
}

.jqmFormWindow iframe {
  width: 100% !important;
}

#form-content01.WB-form-sub,
#form-content01.WB-form-sub a {
  color: #444;
}

#form-content01.WB-form-sub {
  background: #FFF;
  padding: 35px 15px;
}

#form-content01.WB-form-sub .page-title {
  font-family: "Zen Maru Gothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-size: 18px;
  margin-bottom: 18px;
}

#form-content01.WB-form-sub .page-title span {
  display: inline-block;
  text-align: left;
}

#form-content01.WB-form-sub .WB-form-top-txt {
  margin-bottom: 15px;
  text-align: center;
}

#form-content01.WB-form-sub .WB-form-end-txt {
  padding: 12px 15px;
  display: block;
  background-color: #fdf3f3;
}

/* wb-form-btn
--------------------------------------------------------- */
#form-content01.WB-form-sub .wb-form-btn {
  padding-top: 20px;
  text-align: center;
}

#form-content01.WB-form-sub .wb-form-btn ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#form-content01.WB-form-sub .wb-form-btn li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}

/* BUTTON
--------------------------------------------------------- */
#form-content01.WB-form-sub .btn-submit,
#form-content01.WB-form-sub .btn-cancel {
  /* @mixin:appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Zen Maru Gothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px 0;
  border: none;
  background: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  padding: 8px 22px;
  line-height: 1.3;
  border-radius: 2px;
  font-weight: bold;
}

#form-content01.WB-form-sub .btn-submit {
  border: 1px solid #F79694;
  background: #F79694;
  color: #FFF;
}

#form-content01.WB-form-sub .btn-cancel {
  border: 1px solid #b7b7b7;
  background: #FFF;
  color: #444;
}

/* table 
--------------------------------------------------------- */
#form-content01.WB-form-sub table,
#form-content01.WB-form-sub table tbody,
#form-content01.WB-form-sub table tr,
#form-content01.WB-form-sub table th,
#form-content01.WB-form-sub table td {
  display: block;
}

#form-content01.WB-form-sub table tr~tr {
  margin-top: 10px;
}

#form-content01.WB-form-sub table td {
  padding: 7px 10px;
}

#form-content01.WB-form-sub table td:first-child {
  font-weight: bold;
  background: #f7f5f3;
  padding: 6px 10px;
  font-size: 90%;
  border-radius: 2px;
  line-height: 1.3;
}

td.item_value ul {
  list-style: none;
}

/* --------------------------------------------------------
-----------------------------------------------------------
footer
-----------------------------------------------------------
----------------------------------------------------------- */
.footer {
  background: #3F051D;
  padding: 35px 0 45px;
}

.footer .img-wrap {
  width: 213px;
  margin: 0 auto;
  padding-right: 2px;
}