.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-1p-medium {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-1p-bold {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.m-plus-1p-extrabold {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* ======================================================
	オファー
====================================================== */
.pc-offer-back01 {
  background: url(../img/images/offer-back03.jpg)no-repeat;
  background-size: cover;
  padding: 40px 10px;
}

.pc-offer-back2307-01 {
  background: url(../img/images/2307_offer_back.png)no-repeat;
  background-size: cover;
  padding: 40px 10px;
}

.pc-offer-back2307-02 {
  background: url(../img/images/2307_offer_back02.png)no-repeat;
  background-position: bottom;
  background-size: cover;
  padding: 40px 10px;
}

.sp-offer-back01 {
  background: url(../img/images/offer-back04.jpg)no-repeat;
  background-size: cover;
  padding: 10px;
  position: relative;
  /*margin-top: 40px;*/
  margin-bottom: 20px;
}

.pc-offer02-effect {
  position: absolute;
  left: 45px;
  top: -80px;
}

.sp-offer02-effect {
  position: absolute;
  left: 0;
  top: -30px;
  width: 100px !important;
  height: auto;
}

.pc-offer-back02 {
  background: url(../img/images/offer-back02.jpg)no-repeat;
  background-size: cover;
  padding: 40px 10px;
}

.pc-offer-wbox {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}

.pc-offer-btn {
  position: absolute;
  left: 1%;
  bottom: 10px;
}

.pc-lp .offer-box {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  position: relative;
}

.sp-lp .offer-box {
  background: #fff;
  padding: 20px 10px;
}

.pc-lp .offer-box .flex>div {
  padding: 5px 10px;
}

.pc-lp .offer-box .flex {
  margin: 20px 0px;
}

.pc-lp .offer-box h2 {
  border-bottom: 2px solid #000;
  margin: auto;
  width: 80%;
}

.sp-lp .offer-box .flex>div {
  padding: 4px;
}

.sp-lp .offer-box .flex {
  margin-top: 20px;
}

.sp-lp .offer-box h2 {
  margin-top: 30px;
}

.pc-2307_offer02 {
  position: relative;
}

.pc-2307_offer_btn {
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
}

.sp-2307_offer02 {
  position: relative;
}

.sp-2307_offer_btn img {
  width: 85% !important;
  margin: auto;
}

.sp-2307_offer_btn {
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
}

/* 202308 */
.pc-2308_offer {
  background: #fff;
  padding: 40px 10px;
  border-radius: 12px;
}

.pc-2308_offer .flex li {
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .pc-2308_offer {
    background: #fff;
    padding: 40px 0px;
    border-radius: 12px;
  }
}

/* ======================================================
	こんなことで悩んでいませんか？
====================================================== */
.lp01 {
  background: #ebebeb;
  padding: 120px 20px 60px 20px;
  position: relative;
  z-index: -1;
}

.lp01 .box-1000 {
  position: relative;
}

.lp01 .title {
  position: absolute;
  top: -100px;
  z-index: -1;
}

.lp01 ul li {
  background: #fff;
  margin-bottom: 30px;
  border-radius: 6px;
  text-align: left;
  padding: 20px 20px;
  display: flex;
}

.lp01 ul li img {
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .lp01 .title img {
    width: 200px;
  }

  .lp01 .title {
    top: -80px;
  }

  .lp01 ul li img {
    width: 40px;
    height: auto;
  }
}

/* ======================================================
	こんなことで悩んでいませんか？
====================================================== */
/* ======================================================
	2つの特徴
====================================================== */
.lp03 .text {
  border-bottom: 1px solid;
  display: inline-block;
  padding: 0;
}

.lp03 .box {
  background: #f8f4ed;
  border-radius: 8px;
  padding: 40px;
}

@media screen and (max-width: 767px) {
  .lp03 .size24 {
    font-size: 17px;
  }
}

/* ======================================================
	2つの特徴
====================================================== */
/* ======================================================
	学べるプロトレーナーの指導
====================================================== */
.pc-lp .lp04 h2 {
  background: url(../img/images/LP04-01_back.png)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 20px 10px;
}

.pc-lp .pc-lp04 {
  background: url(../img/images/LP04_back.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 10px;
  position: relative;
}

.pc-lp .lp04 .pc-lp04 h3 {
  font-size: 30px;
}

.pc-lp .lp04 .pc-lp04 p {
  color: #595757;
}

.pc-lp .lp04 .pc-lp04 .box1 {
  padding-right: 30px;
}

.sl-title {
  margin: 40px 0px;
}

.obi {
  border-radius: 30px;
  padding: 5px;
  margin-top: 10px;
}

.effect01 {
  position: relative;
  display: inline-block;
}

.effect01:after {
  content: url(../img/effect01.png);
  left: -30%;
  top: -18%;
  position: absolute;
}

.effect01:before {
  content: url(../img/effect02.png);
  right: -24%;
  top: -18%;
  position: absolute;
}

.sp-lp .lp04 h2 {
  background: url(../img/images/LP04-01_back_sp.png)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 5px 10px;
  color: #fff;
  margin-bottom: 20px;
}

.sp-lp .lp04 h2 img {
  width: 100px;
  height: auto;
}

.sp-lp .lp04 h3 {
  font-weight: 500;
}

.sp-lp .lp04-02 {
  background: url(../img/images/LP04-02_back_sp.jpg)no-repeat;
  background-size: cover;
}

.sp-lp .lp04-02 p {
  padding: 20px;
  width: 90%;
}

@media screen and (max-width: 767px) {
  .sl-title {
    margin: 40px 0px 20px 0px;
  }

  .effect01:after {
    content: url(../img/effect01.png);
    left: -30%;
    top: -18%;
    position: absolute;
    transform: scale(0.7);
  }

  .effect01:before {
    content: url(../img/effect02.png);
    right: -24%;
    top: -18%;
    position: absolute;
    transform: scale(0.7);
  }
}

/* ======================================================
	学べるプロトレーナーの指導
====================================================== */
/* ======================================================
	覚える自分一人トレーニング
====================================================== */
.pc-lp .lp05 h2 {
  background: url(../img/images/LP05-01_back.png)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 20px 10px;
}

.pc-lp .pc-lp05 {
  background: url(../img/images/LP05_back.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 10px;
  position: relative;
}

.pc-lp .lp05 .pc-lp05 h3 {
  font-size: 30px;
}

.pc-lp .lp05 .pc-lp05 p {
  color: #595757;
}

.pc-lp .lp05 .pc-lp05 .box1 {
  padding-left: 30px;
}

.sp-lp .lp05 h2 {
  background: url(../img/images/LP05-01_back_sp.png)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 5px 10px;
  color: #fff;
  margin-bottom: 20px;
}

.sp-lp .lp05 {
  margin-top: 60px;
}

.sp-lp .lp05 h2 img {
  width: 100px;
  height: auto;
}

.sp-lp .lp05 h3 {
  font-weight: 500;
}

.sp-lp .lp05-02 {
  background: url(../img/images/LP05-02_back_sp.jpg)no-repeat;
  background-size: cover;
  margin-bottom: 30px;
}

.sp-lp .lp05-02 p {
  padding: 20px;
  width: 90%;
  margin-left: auto;
}

/* ======================================================
	覚える自分一人トレーニング
====================================================== */
/* ======================================================
	トレーニングを習慣化できる
====================================================== */
.pc-lp06 {
  background: url(../img/images/LP06-02_back.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0px 0px 40px 0px;
  position: relative;
}

.lp06 .text {
  border-bottom: 1px solid;
  display: inline-block;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .lp06 .size24 {
    font-size: 17px;
  }
}

/* ======================================================
	トレーニングを習慣化できる
====================================================== */
/* ======================================================
	独自のトレーニングシステム
====================================================== */
.lp07 {
  padding-bottom: 60px;
}

.pc-lp07 {
  background: url(../img/images/LP07_back.jpg)no-repeat;
  background-size: cover;
}

.pc-lp07 .title {
  padding: 80px 0px 20px 0px;
  position: relative;
}

.pc-lp07 .title img {
  max-width: 700px;
  margin: auto;
  height: auto;
}

.pc-lp07 .title:before {
  content: url(../img/effect03.png);
  left: -11%;
  top: 0;
  position: absolute;
  transform: scale(0.7);
}

@media screen and (max-width: 767px) {
  .lp07 {
    padding-bottom: 0px;
  }

  .pc-lp07 .title img {
    width: 70%;
    margin: auto;
    height: auto;
  }

  .pc-lp07 .title:before {
    transform: scale(0.4);
    left: -37%;
    top: -22%;
  }
}

/* ======================================================
	独自のトレーニングシステム
====================================================== */
/* ======================================================
段階的なプログラム
====================================================== */
.lp08 {
  padding-bottom: 60px;
}

.lp08 .flex img {
  padding-right: 30px;
}

.lp08 .bg-pink {
  padding: 40px 0px;
}

.arrow span {
  padding: 0 1.5em 35px 1.5em;
  background: url(../img/arrow.png) no-repeat center bottom;
  margin-bottom: 20px;
  background-size: auto 20px;
  display: block;
}

.arrow2 span {
  padding: 0 1.5em 35px 1.5em;
  background: url(../img/arrow3.png) no-repeat center bottom;
  margin-bottom: 20px;
  background-size: auto 20px;
  display: block;
}

.arrow h2 {
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  .lp08 {
    padding-bottom: 0px;
  }

  .lp08 .bg-pink {
    padding: 0px 0px 40px 0px;
  }

  .lp08 .flex {
    display: block;
  }

  .lp08 .flex img {
    padding-right: 0px;
    width: 170px;
    height: auto;
    margin-bottom: 30px;
  }
}

/* ======================================================
段階的なプログラム
====================================================== */
/* ======================================================
高性能のスミスマシン
====================================================== */
.lp09 .flex img {
  padding-right: 30px;
}

.lp09 .effect01:after {
  left: -40px;
  top: -18%;
  position: absolute;
}

.lp09 .effect01:before {
  right: -40px;
  top: -18%;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .lp09 .flex {
    display: block;
  }

  .lp09 .size28 {
    font-size: 18px;
  }

  .lp09 .flex img {
    padding-right: 0px;
    width: 170px;
    height: auto;
    margin-bottom: 30px;
  }

  .lp09 .effect01:after {
    left: -40px;
    top: -40%;
  }

  .lp09 .effect01:before {
    right: -40px;
    top: -40%;
  }
}

/* ======================================================
高性能のスミスマシン
====================================================== */
/* ======================================================
29種類の目的別プログラム
====================================================== */
.lp10 .bg-pink {
  padding: 40px 0px;
}

.lp10 .flex img {
  padding-right: 30px;
}

.lp10 .flex .box {
  background: #fff;
  border-radius: 8px;
  margin: 0px 20px;
  padding: 20px;
}

.lp10 .flex .box .title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lp10 .flex .box .title li {
  background: #dfbf9c;
  color: #fff;
  margin: 0px 4px;
  padding: 3px;
}

.lp10 .flex .box .menu {
  text-align: left;
}

.lp10 .flex .box .menu li {
  margin-bottom: 10px;
}

.lp10 .flex .box .menu span {
  background: #f8f4ed;
  color: #bb976e;
  margin: 0px 3px;
  padding: 3px 10px;
  border-radius: 30px;
}

@media screen and (max-width: 767px) {
  .lp10 .bg-pink {
    padding: 0px 0px 40px 0px;
  }

  .lp10 .flex {
    display: block;
  }

  .lp10 .flex img {
    padding-right: 0px;
    width: 170px;
    height: auto;
    margin-bottom: 30px;
  }

  .lp10-03 {
    width: 140px;
    margin: auto;
  }

  .lp10 .flex .box {
    width: 100%;
  }

  .lp10 .flex .box {
    margin: 0;
  }

  .lp10 .flex .box:first-child {
    margin-bottom: 20px;
  }

  .lp10 .flex .box .title {
    width: 100%;
  }

  .lp10 .flex .box .title li {
    width: 30%;
    padding: 0;
  }

  .lp10 .flex .box .menu img {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
  }
}

/* ======================================================
29種類の目的別プログラム
====================================================== */
/* ======================================================
入会～ご利用の流れ
====================================================== */
.lp13 {
  padding-bottom: 60px;
}

.lp13 .flow dt {
  border-radius: 2rem 2rem 0 0;
  -webkit-border-radius: 2rem 2rem 0 0;
  -moz-border-radius: 2rem 2rem 0 0;
  color: #fff;
  text-align: center;
  padding: 20px 90px 20px;
  letter-spacing: 0;
  display: flex;
  align-items: left;
}

.lp13 .flow dt>div:first-child {
  background: #fff;
  width: 30px;
  margin-right: 10px;
}

.lp13 .flow dt span {
  background: #fff;
  color: red;
}

.lp13 .flow dd {
  padding: 20px;
  background-color: #fff;
  border-radius: 0 0 2rem 2rem;
  -webkit-border-radius: 0 0 2rem 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 2px solid #e8a8b1;
  border-right: 2px solid #e8a8b1;
  border-bottom: 2px solid #e8a8b1;
}

.lp13 .flow dd>div {
  margin: 0px 10px;
}

@media screen and (max-width: 767px) {
  .LP13 {
    width: 100px !important;
    height: auto;
  }

  .pc-lp13-03 {
    width: 30px !important;
    height: auto;
  }

  .lp13 .flow dt {
    padding: 20px;
  }

  .lp13 .flow dd {
    padding: 10px 10px 20px 10px;
    display: block;
  }

  .lp13 .flow dd .img {
    width: 60%;
    margin: auto;
    padding-top: 10px;
  }

  .lp13 .flow dd .img-btn {
    width: 80%;
    margin: auto;
  }
}

/* ======================================================
入会～ご利用の流れ
====================================================== */
/* ======================================================
	料金・オプション
====================================================== */
.lp14 h2 {
  background: url(../img/images/LP14_back.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 60px 10px;
}

.lp14 .option {
  background: url(../img/images/LP14_back02.jpg)no-repeat;
  background-size: cover;
  padding: 0px 0px 60px 0px;
}

.lp14 .option .set {
  padding-top: 40px;
}

.lp14 .flex {
  justify-content: unset;
  margin-bottom: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lp14 .flex:last-child {
  margin-bottom: 0;
}

.lp14 .flex li {
  background: #fff;
  display: flex;
  border-radius: 8px;
  padding: 30px 10px 30px 10px;
  align-items: center;
  text-align: left;
  margin: 5px 5px 10px 5px;
  width: 31%;
  color: #a48766;
}

.lp14 .flex .lp-08 {
  position: relative;
}

.lp14 .flex .lp14-08_icon {
  position: absolute;
  top: 0;
  left: 0;
}

.lp14 .flex li img {
  padding-right: 10px;
}

.lp14 .set-machine {
  border: 2px solid #bd9a72;
  margin-top: 60px;
}

.lp14 .set-machine .title {
  background: #bd9a72;
  color: #fff;
  padding: 10px;
}

.lp14 .set-machine .box {
  background: #fff;
  color: #806d59;
}

.lp14 .set-machine .box ul {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: auto;
  padding: 40px 20px;
  text-align: left;
}

.lp14 .set-machine .box li {
  width: 30%;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .lp14 h2 {
    padding: 20px 10px;
  }

  .lp14-04 {
    width: 100px !important;
    height: auto;
  }

  .lp14 .flex {
    flex-wrap: wrap;
    align-items: inherit;
    justify-content: space-between;
  }

  .lp14 .flex.size18 {
    font-size: 14px;
  }

  .lp14 .flex li {
    width: 46%;
    display: block;
    text-align: center;
    margin: 5px;
    padding: 10px;
  }

  .lp14 .flex li img {
    padding-right: 0px;
    width: 40px;
    height: auto;
    padding-bottom: 15px;
  }

  .lp14 .set-machine {
    border: 5px solid #bd9a72;
    margin-top: 40px;
  }

  .lp14 .set-machine .box ul {
    width: 100%;
    justify-content: space-between;
    padding: 20px;
  }

  .lp14 .set-machine .box li {
    width: 46%;
    margin-bottom: 10px;
  }
}

/* ======================================================
	料金・オプション
====================================================== */
/* ======================================================
	店舗情報
====================================================== */
.lp15 h2 {
  position: relative;
  font-weight: 500;
  color: #666666
}

.lp15 .flex .iframe iframe {
  width: 481px;
  height: 286px;
}

.lp15 .flex>div {
  margin: 0px 10px;
}

/*
.lp15 h2:before {
  content: url(../img/effect04.png);
  left: 0;
  bottom: 15px;
  right: 0;
  position: absolute;
   transform: scale(0.7);
z-index: -1;
}*/
.map {
  text-align: left;
  color: #595757;
  line-height: 1.5;
}

.mail-icon {
  vertical-align: middle;
  padding-right: 10px;
  width: 40px !important;
  height: auto;
}

.tel-icon {
  vertical-align: middle;
  padding-right: 10px;
  width: 60px !important;
  height: auto;
}

.map-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}

.map-flex .logo {
  padding-left: 30px;
}

.lp15 .box {
  background: #fff;
  border-radius: 30px;
  padding: 40px;
  text-align: left;
  margin-top: 40px;
}

.lp15 .box ul li {
  margin-bottom: 30px;
}

.lp15 .box ul li h3 {
  border-radius: 60px;
  border: 2px solid #ae987b;
  padding: 5px 10px;
  display: inline-block;
  color: #ae987b;
  width: 260px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.lp15 .box ul li p {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .lp15 h2.space-bottom3 {
    padding-bottom: 10px;
  }

  .lp15 h2:before {
    transform: scale(0.6);
    top: 0;
    bottom: 0;
  }

  .map {
    text-align: center;
    color: #595757;
    line-height: 1.5;
  }

  .map.size20 {
    font-size: 20px;
  }

  .map.size20 span {
    font-size: 16px;
  }

  .map-flex {
    display: block;
  }

  .map-flex .logo {
    padding-left: 0px;
    width: 50%;
    margin: auto;
    padding-bottom: 30px;
    ;
  }

  .iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .lp15 .box ul li h3 {
    font-size: 18px;
    width: 100%;
  }

  .lp15 .box ul li p {
    font-size: 16px;
  }

  .lp15 .slick_01 .slick-dots {
    bottom: -15%;
  }

  .lp15 .slick_01 .prev-arrow {
    left: 0px;
    width: 40px;
    height: 40px;
    background-image: url(../img/arrow-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    background-color: #fff0;
    z-index: 1;
    top: 40%;
  }

  .lp15 .slick_01 .next-arrow {
    right: 0px;
    width: 40px;
    height: 40px;
    background-image: url(../img/arrow-right.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    background-color: #fff0;
    z-index: 1;
    top: 40%;
  }
}

/* ======================================================
	店舗情報
====================================================== */
/* ======================================================
	よくある質問
====================================================== */
#qa_area {
  background: #ebebeb;
  padding: 60px 10px 40px 10px;
}

#qa_area h2 {
  position: relative;
  z-index: 2;
}

#qa_area h2:before {
  content: url(../img/effect05.png);
  left: 0;
  bottom: -15px;
  right: 0;
  position: absolute;
  transform: scale(0.7);
  z-index: -1;
}

#qa_area h1 {
  padding: 0;
  margin: 0;
}

#qa_area .qa-inner {
  text-align: left;
  font-size: 30px;
  width: 100%;
  margin: auto;
  line-height: 1.4;
}

#qa_area .qa-inner dl {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
  cursor: pointer;
}

#qa_area .qa-inner .Q_img {
  padding-right: 20px;
}

#qa_area .qa-inner .q-box {
  padding: 20px;
  font-weight: bold;
  display: flex;
  color: #4f4f4f;
  position: relative;
  align-items: center;
}

#qa_area .qa-inner .q-box>p {
  width: 80%;
}

#qa_area .qa-inner .q-box:after {
  content: "";
  width: 29px;
  height: 29px;
  background: url(../img/qa-close.png) center no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  right: 2%;
}

#qa_area .qa-inner .q-box.on:after {
  content: "";
  width: 29px;
  height: 29px;
  background: url(../img/qa-open.png) center no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  right: 2%;
}

#qa_area .qa-inner .a-box {
  display: none;
  padding: 20px;
  color: #919191;
}

#qa_area .qa-inner .a-box>div {
  border-top: 1px solid;
  display: flex;
  color: #919191;
  padding: 20px 0px;
}

@media screen and (max-width: 767px) {
  #qa_area h2:before {
    transform: scale(0.4);
    left: -20px;
    bottom: -30px;
  }

  #qa_area .qa-inner {
    width: 90%;
  }

  #qa_area .qa-inner p {
    padding-left: 10px;
  }

  #qa_area .qa-inner .Q_img {
    width: 34px;
    padding-right: 8px;
  }

  #qa_area .qa-inner .Q_img img {
    width: 34px;
    height: auto;
  }

  #qa_area .qa-inner {
    font-size: 1rem;
  }

  #qa_area .qa-inner .q-box:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../img/qa-close.png) center no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    right: 2%;
  }

  #qa_area .qa-inner .q-box.on:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../img/qa-open.png) center no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    right: 2%;
  }
}

/* ======================================================
	カウントダウン
====================================================== */
.cont-day {
  background: #C6B568;
  color: #fff;
  margin: auto;
  padding: 10px;
}

.cont-inner {
  display: inline-flex;
  align-items: baseline;
}

.cont-inner p {
  font-size: 22px;
}

.cont-inner span {
  font-size: 42px;
}

.cont-inner #result {
  font-size: 42px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .cont-day {
    width: 80%;
    padding: 5px;
  }

  .cont-inner p {
    font-size: 15px;
  }

  .cont-inner span {
    font-size: 22px;
  }

  .cont-inner #result {
    font-size: 22px;
  }
}

/* ======================================================
	30秒でわかる！
====================================================== */
.lp-movie {
  position: relative;
}

.lp-movie .title {
  position: absolute;
  top: -100px;
  z-index: -1;
}

.lp-movie .box {
  padding: 60px 10px;
  border: 4px solid #f2ada6;
  width: 90%;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .lp-movie .title img {
    width: 140px;
  }

  .lp-movie .title {
    top: -30px;
  }

  .lp-movie .box iframe {
    width: 100%;
    height: auto;
  }

  .lp-movie .size48 {
    font-size: 26px;
  }

  .lp-movie .box {
    padding: 40px 20px;
  }
}

/* ======================================================
	通いやすくて続けやすい！
====================================================== */
.lp-level .arrow2 {
  width: 60%;
  margin: auto;
}

.lp-level .arrow2 img {
  width: 100%;
  margin: auto;
}

.lp-level .title-box {
  position: relative;
  padding-bottom: 65px;
  margin-top: 40px;
}

.lp-level .title {
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
}

.lp-level .title-arrow {
  font-weight: 500;
  color: #fff;
  background: #ae987b;
  border-radius: 60px;
  display: inline-block;
  position: relative;
  padding: 10px 60px;
  margin-bottom: 60px;
}

.lp-level .title-arrow:before {
  content: '';
  border-left: solid 20px transparent;
  border-top: solid 20px;
  border-right: solid 20px transparent;
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
  color: #ae987b;
  bottom: -15px;
}

@media screen and (max-width: 767px) {
  .lp-level .size28 {
    font-size: 18px;
  }

  .lp-level .size36 {
    font-size: 22px;
  }

  .lp-level .size44 {
    font-size: 26px;
  }

  .lp-level .size48 {
    font-size: 26px;
  }

  .lp-level .size60 {
    font-size: 40px;
  }

  .lp-level .arrow2 {
    width: 100%;
    margin: auto;
  }

  .lp-level .back-padding-40 {
    padding: 0px 0px 40px 0px;
  }

  .lp-level .back-padding-40 img {
    width: 68%;
    margin: auto;
  }

  .lp-level .title .size44 {
    font-size: 22px;
  }

  .lp-level .title-arrow {
    padding: 10px 20px;
  }
}

/* ======================================================
	FITTERIA会員様の声をご紹介
====================================================== */
.lp-voice {
  position: relative;
}

.lp-voice .title-back {
  background: url(../img/images/LP-voice-back.jpg)no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 10px 40px 10px;
  position: relative;
}

.lp-voice .title {
  position: absolute;
  top: 30px;
  left: 24%;
}

.lp-voice .title img {
  width: 80%;
}

.lp-voice .back-fcf1f2.back-padding-40 {
  padding: 40px 10px 90px 10px;
}

.lp-voice .back-f1efec.back-padding-40 {
  padding: 60px 10px 90px 10px;
}

.lp-voice .slick_03 .slick-slide {
  margin: 0 15px;
}

.lp-voice .slick_03 .slick-dots {
  bottom: -10%;
}

.lp-voice h2 {
  font-weight: 400;
  margin-bottom: 40px;
}

.lp-voice .effect01:after {
  content: url(../img/effect01.png);
  left: -30%;
  top: 0%;
  position: absolute;
}

.lp-voice .effect01:before {
  content: url(../img/effect02.png);
  right: -24%;
  top: 0%;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .lp-voice .title-back {
    background: url(../img/images/LP-voice-back_sp.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0px 20px 0px;
    position: relative;
  }

  .lp-voice .title {
    position: absolute;
    top: 10px;
    width: 40%;
    left: -24px;
  }

  .lp-voice .size38 {
    font-size: 26px;
  }

  .lp-voice .back-fcf1f2.back-padding-40 {
    padding: 20px 10px 70px 10px;
  }

  .lp-voice .slick_03 .slick-dots {
    bottom: -15%;
  }

  .lp-voice .title img {
    width: 60%;
  }

  .lp-voice .back-f1efec.back-padding-40 {
    padding: 60px 10px 40px 10px;
  }
}

/* ======================================================
	フィットネスジムに通いたいけど
====================================================== */
.lp-new-2310-01 {
  background: #f6f3f0;
  padding: 60px 20px 60px 20px;
  position: relative;
  z-index: -1;
}

.lp-new-2310-01 h2 {
  font-weight: 400;
}

.lp-new-2310-01 h2 .u {
  border-bottom: 2px solid;
  display: inline-block;
  margin-bottom: 60px;
}

.lp-new-2310-01 ul li {
  margin-bottom: 30px;
  text-align: left;
  display: flex;
  align-items: center;
}

.lp-new-2310-01 ul li img {
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-01 {
    padding: 0px 20px 10px 20px;
  }

  .lp-new-2310-01 .size28 {
    font-size: 18px;
  }

  .lp-new-2310-01 ul li img {
    width: 50px;
    height: auto;
  }
}

/* ======================================================
	初心者の私には続けるのが難しいかも
====================================================== */
.lp-new-2310-02 {
  background: #e2e2e2;
  padding: 60px 20px 60px 20px;
}

.lp-new-2310-02 h2 {
  font-weight: 400;
}

.lp-new-2310-02 h2 .u {
  border-bottom: 2px solid;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-02 {
    padding: 20px 10px 30px 10px;
  }

  .lp-new-2310-02 h2.size44 {
    font-size: 22px;
  }

  .lp-new-2310-02 h2.size44 span {
    font-size: 26px;
    font-weight: 500;
  }
}

/* ======================================================
	ジム初心者の方に必要なのは
====================================================== */
.lp-new-2310-03 h2 {
  font-weight: 400;
  color: #ae987b;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-03 .arrow .size36 {
    font-size: 20px;
  }

  .lp-new-2310-03 .arrow span {
    padding: 0;
    background: none;
    margin-bottom: 0px;
    display: block;
  }

  .lp-new-2310-03 .arrow img {
    width: 40%;
    margin: auto;
  }
}

/* ======================================================
	初心者でも続く女性専用フィットネスジム
====================================================== */
.lp-new-2310-04 {
  background: #f6f3f0;
  padding: 60px 20px 60px 20px;
}

.lp-new-2310-04 h2 {
  font-weight: 500;
  color: #ae987b;
}

.lp-new-2310-04 .box1 {
  padding-right: 30px;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-04 {
    padding: 10px 10px 10px 10px;
  }

  .lp-new-2310-04 h2 {
    font-size: 25px;
  }

  .lp-new-2310-04 .arrow img {
    width: 50%;
    margin: auto;
  }

  .lp-new-2310-04 .flex {
    flex-direction: column-reverse;
  }

  .lp-new-2310-04 .box1 {
    padding-right: 0px;
    text-align: center !important;
    margin-top: 20px;
  }
}

/* ======================================================
	FITTERIAの特徴
====================================================== */
.lp-new-2310-05 h2 {
  font-weight: 500;
  color: #fff;
  background: #ae987b;
  border-radius: 20px;
  display: inline-block;
  position: relative;
  padding: 10px 60px;
  margin-bottom: 60px;
}

.lp-new-2310-05 h2:before {
  content: '';
  border-left: solid 20px transparent;
  border-top: solid 20px;
  border-right: solid 20px transparent;
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
  color: #ae987b;
  bottom: -15px;
}

.lp-new-2310-05 h3 {
  display: flex;
  line-height: 1.2;
  align-items: center;
  font-weight: 500;
}

.lp-new-2310-05 .flex {
  margin-bottom: 80px;
}

.lp-new-2310-05 .flex .img {
  width: 460px;
}

.lp-new-2310-05 .flex .point {
  width: 100px;
  padding-right: 10px;
}

.lp-new-2310-05 .box1 {
  padding-left: 20px;
}

.lp-new-2310-05 .box2 {
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-05 h2 {
    padding: 10px 20px;
  }

  .lp-new-2310-05 .flex .point {
    width: 80px;
    padding-right: 10px;
  }

  .lp-new-2310-05 .flex {
    display: block;
    margin-bottom: 40px !important;
  }

  .lp-new-2310-05 .flex .img {
    width: 100%;
  }

  .lp-new-2310-05 .sp-lp .flex .size36 {
    font-size: 24px;
  }

  .lp-new-2310-05 .box1 {
    padding-left: 0px;
  }
}

/* ======================================================
	選ばれる８つの理由
====================================================== */
.lp-new-2310-06 {
  background: #f6f3f0;
  padding: 60px 20px 60px 20px;
}

.lp-new-2310-06 h2 {
  background: #ae987b;
  border-radius: 60px;
  width: 58%;
  margin: auto;
  color: #fff;
  font-weight: 500;
}

.lp-new-2310-06 .effect01:before {
  top: -6%;
  right: -30%;
}

.lp-new-2310-06 .effect01:after {
  top: -6%;
}

.lp-new-2310-06 .popup {
  margin-top: 30px;
}

.lp-new-2310-06 .popup ul {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}

.lp-new-2310-06 .popup ul li {
  border: 1px solid #dddddd;
  width: 25%;
  padding: 10px 10px 60px 10px;
  position: relative;
}

.lp-new-2310-06 .popup .plus-icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*popup*/
.popup_wrap input {
  display: none;
}

.popup_overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
  padding: 2% 0%;
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content {
  position: absolute;
  width: 880px;
  padding: 30px;
  box-sizing: border-box;
  background-color: #f6f3f0;
  line-height: 1.4em;
  text-align: left;
}

.popup_content .text {
  color: #aa8d67;
  background: #fff;
  padding: 8px;
  font-weight: 600;
  width: 70%;
  margin: auto;
  text-align: center;
}

@media (max-width: 640px) {
  .popup_content {
    width: 86vw;
  }
}

.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
  color: #fff;
  background: #c0af98;
  color: #fff;
  border-radius: 80px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.popup_wrap input:checked~.popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open_btn {
  color: #000;
  cursor: pointer;
  transition: .3s ease;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-06 {
    padding: 10px 20px 20px 20px;
  }

  .lp-new-2310-06 h2 {
    width: 100%;
  }

  .lp-new-2310-06 .popup ul li {
    width: 50%;
  }

  .lp-new-2310-06 .popup .icon {
    width: 60px;
  }

  .lp-new-2310-06 .popup .plus-icon {
    width: 35px;
  }

  .popup_content .text {
    width: 100%;
    font-size: 18px;
  }

  .popup_content .size18 {
    font-size: 14px;
  }

  .popup_content .f-right img {
    width: 70%;
  }

  .lp-new-2310-06 .color-57585A {
    font-size: 14px;
  }
}

/* ======================================================
	料金プラン
====================================================== */
.lp-new-2310-07 h2 {
  position: relative;
  font-weight: 600;
}

.lp-new-2310-07 h2:before,
.lp-new-2310-07 h2:after {
  content: '';
  position: absolute;
  top: 30%;
  display: inline-block;
  width: 80px;
  height: 5px;
  background-color: #666;
}

.lp-new-2310-07 h2:before {
  left: 28%;
}

.lp-new-2310-07 h2:after {
  right: 28%;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-07 h2:before {
    left: 26px;
    width: 65px;
    height: 3px;
  }

  .lp-new-2310-07 h2:after {
    right: 26px;
    width: 65px;
    height: 3px;
  }
}

/* ======================================================
	初心者でも継続できる
====================================================== */
.lp-new-2310-08 {
  background: #f6f3f0;
  padding: 60px 20px 60px 20px;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-08 {
    padding: 10px 10px 10px 10px;
  }

  .lp-new-2310-08 h2.size44 {
    font-size: 28px;
  }

  .lp-new-2310-08 h2 .size38 {
    font-size: 24px;
  }

  .lp-new-2310-08 .arrow2 span.size36 {
    font-size: 18px;
  }

  .lp-new-2310-08 .arrow2 span {
    padding: 0 0 35px 0;
    background: url(../img/arrow3.png) no-repeat center bottom;
    margin-bottom: 6px;
    background-size: auto 20px;
    display: block;
  }

  .lp-new-2310-08 .size44 {
    font-size: 26px;
  }
}

/* ======================================================
	一人でもトレーニングできる
====================================================== */
.lp-new-2310-10 .box {
  background: #f6f3f0;
  border-radius: 8px;
  padding: 40px 40px 80px 40px;
}

.lp-new-2310-10 .box .flex {
  width: 80%;
  margin: auto;
  align-items: inherit !important;
}

.lp-new-2310-10 .box .boxs {
  background: #fff;
  border-radius: 8px;
  padding: 30px;
  margin: 0px 10px;
  width: 50%;
  box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);
}

.lp-new-2310-10 .box .boxs img {
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .lp-new-2310-10 .box .flex {
    display: block;
    width: 100%;
  }

  .lp-new-2310-10 .box .size28 {
    font-size: 18px;
  }

  .lp-new-2310-10 .box .space-bottom {
    padding-bottom: 0px;
  }

  .lp-new-2310-10 .box {
    width: 90%;
    margin: auto;
    padding: 30px 10px 30px 10px;
  }

  .lp-new-2310-10 .box .boxs {
    width: 90%;
    margin: 20px auto;
  }
}

/* ======================================================
	fv
====================================================== */
.offer-btn a {
  background: -moz-linear-gradient(left, #FF7065, #FB9769);
  background: -webkit-linear-gradient(left, #FF7065, #FB9769);
  background: linear-gradient(to right, #FF7065, #FB9769);
  color: #fff !important;
  padding: 0.8em 2vw;
  width: 300px;
  font-size: 96%;
  border-radius: 30px;
  font-weight: bold;
  margin: 0px 8px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.key-fv {
  position: relative;
}

.fv-icon-wrap {
  position: absolute;
  top: 4%;
  left: 21%;
}

.fv-icon img {
  width: 6.9vw !important;
  height: auto;
}

.fv-access img {
  width: 8vw !important;
  height: auto;
}

.fv-access-wrap {
  position: absolute;
  top: 2%;
  right: 19%;
}

.fv-access>div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  align-items: center;
  line-height: 1.2;
}

.fv-access .txt-koujiya {
  font-size: 1.5vw;
}

.fv-access .txt-toho {
  font-size: 1.2vw;
  white-space: nowrap;
}

.fv-access .txt-fun {
  font-size: 2.2vw;
}

.fv-yoko-wrap {
  position: absolute;
  top: 20%;
  left: 25.5%;
}

.fv-yoko-copy1 {
  text-align: left;
  line-height: 1.2;
}

.fv-yoko-copy1-ttl{
  margin-bottom: -0.1em;
}

.fv-yoko-copy1 img {
  width: 16.5vw !important;
}

.fv-yoko-txta {
  font-weight: 500;
  font-size: 1.5vw;
  text-shadow: #fff 5px 0 5px;
}

.fv-yoko-txtb {
  font-weight: 600;
  font-size: 2.4vw;
  color: #ae987b;
  text-shadow: #fff 10px 0 10px;
}

.fv-yoko-copy2 {
  text-align: left;
}

.fv-yoko-copy2 p {
  font-size: 2.7vw;
  font-weight: 600;
  line-height: 1.3;
  background: #ae987b;
  color: #fff;
  margin: 0.3em 0 0.2em 0;
  padding: 0px 0.2em;
  display: table;
}

  .fv-yoko-copy2 p.fv-yoko-copy2-text1{
    letter-spacing: 0.05em;
  }

.fv-list {
  background: rgb(255 255 255 / 80%);
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.5% 0 0.5% 0;
}

.fv-list-copy {
  font-size: 1.5vw;
  font-weight: 600;
  color: #666666;
}

.fv-list .fv-list-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.fv-list .fv-list-wrap li {
  margin: 5px 20px;
  width: 9.2vw;
}

.fv-list .fv-list-wrap li img {
  width: 100%;
}

.fv-list .fv-btm {
  margin-top: -4.5%;
}

.fv-list .fv-list-wrap .fv-list-txt {
  font-size: 1.2vw;
  color: #fff;
  margin-top: -15px;
  font-weight: 500;
  display: inline-block;
  line-height: 1.2;
}

.fv-list .fv-list-wrap .fv-list-txt .fv-list-txt-shadowstyle{
  position: relative;
  -webkit-text-stroke-width: 0.5em;
  letter-spacing: 0.03em;
}
.fv-list .fv-list-wrap .fv-list-txt .fv-list-txt-shadowstyle:before {
	content: attr(data-text);
	position: absolute;
	color: #fff;
	left: 0;
	-webkit-text-stroke-width: 0px;
	z-index: 30;
}
.fv-list .fv-list-wrap .fv-list-txt .fv-list-txt-shadowstyle:after {
	content: attr(data-text);
	position: absolute;
	color: #ae987b;
	left: 0;
	-webkit-text-stroke-width: 0.3em;
	z-index: 20;
}

@media screen and (min-width:999px) and (max-width:1024px) {
    {}
}

@media screen and (min-width: 800px) {
  .fv-pc {
    display: block;
  }

  .fv-sp {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  .fv-sp {
    display: block;
  }

  .fv-pc {
    display: none;
  }
}

@media screen and (max-width:800px) {
  .fv-list {
    padding: 2% 0px 0px 0px;
  }

  .fv-icon img {
    width: 15vw !important;
    height: auto;
  }

  .fv-icon-wrap {
    position: absolute;
    top: 2%;
    left: 2%;
  }

  .fv-access-wrap {
    position: absolute;
    top: 2%;
    right: 2%;
  }

  .fv-access-wrap .fv-access img {
    width: 20vw !important;
  }

  .fv-access .txt-koujiya {
    font-size: 3.6vw;
  }

  .fv-access .txt-fun {
    font-size: 6.4vw;
  }

  .fv-access .txt-toho {
    font-size: 3vw;
  }

  .fv-yoko-wrap {
    position: absolute;
    top: 20%;
    left: 6%;
  }

  .fv-yoko-copy1 {
    line-height: 1
  }

.fv-yoko-copy1-ttl{
  margin-bottom: -0.3em;
}
	
  .fv-yoko-copy1 img {
    width: 40vw !important;
  }

  .fv-yoko-txta {
    font-size: 3.6vw;
  }

  .fv-yoko-txtb {
    font-size: 5.7vw;
  }

  .fv-yoko-copy2 p {
    letter-spacing: 0em;
    font-size: 7vw;
    padding: 0px 0.2em;
    margin: 0.3em 0 0.2em 0;
    line-height: 1.2;
    font-weight: 500;
  }
  .fv-yoko-copy2 p.fv-yoko-copy2-text1{
    letter-spacing: 0.05em;
  }
	
  .fv-yoko-copy2 p.fv-yoko-copy2-text2{
    letter-spacing: -0.05em;
  }

  .fv-list-copy {
    font-size: 3.5vw;
    font-weight: 600;
    line-height: 1;
  }

  .fv-list .fv-list-wrap li {
    margin: 0.3em 2.5% 0.2em;
    width: 22vw;
  }

  .fv-list .fv-list-wrap .fv-list-txt {
    font-size: 3vw;
    margin-top: 0;
  }
	.fv-list .fv-btm {
  margin-top: -9%;
}
}