@charset "UTF-8";
/* CSS Document */
#lp03 .lh-2 { line-height: 2;}
.lp03-sec01-top { position: relative;}
.lp03-ttl01 {display: flex; padding: 15px;  background: #000; color: #FFF; font-family: serif;}
.lp03-ttl01 em {font-style: normal;font-size: 5.8vw; }
.lp03-ttl01 span {text-align: center; font-size: 2.1vw; }
.lp03-ttl01 span span {color: #CCC; font-size: 1vw; }
.lp03-po01 { position: absolute; top: 15px; right: 15px; width: 20%;}
.lp03-po02 { position: absolute; bottom: -25px; left: 2%; z-index: 2;width: 20%; }
.lp03-po03 { position: absolute; bottom: -25px; left: 24%; z-index: 2;width: 20%; }
.lp03-sec01-bottom {padding: 40px 15px; background: url(/lp/img/pilates/lp03/img_lp03_05.jpg) no-repeat center top; }
.lp03-text01 {text-align: center;  font-size: 8vw; font-family: serif; line-height: 1.2;}
.lp03-text01 span { font-size: 8vw;}
.lp03-text01 em {font-weight: bolder; font-style: normal;  font-size: 18vw; font-family: sans-serif;}
.lp03-photo01 { display: flex; justify-content: space-between;}
.lp03-photo01 li { width: 32%;}
.lp03-logo01 {margin: 45px auto; width: 278px; }
.lp03-sec02-head {padding: 70px 0; background: url(/lp/img/pilates/lp03/img_lp03_10.png) no-repeat center top; }
.lp03-sec02-head-title {margin: 0 auto 70px;width: 100%; height: auto;  background: url(/lp/img/pilates/lp03/img_lp03_11.png) no-repeat center top; background-size: contain; }
.lp03-sec02-head-title h2  {padding-top: 6%; color: #FFF; text-align: center; font-family: serif; }
.lp03-sec02-head-title h2::after {display: block; padding-top: 5px; content: "▼"; }
.lp03-sec02-head-title h2 strong {display: block; font-weight: normal;  font-size: 13vw; line-height: 1;}
.lp03-sec02-head-title h2 strong rt { font-size: 2vw;}
.lp03-sec02-head-title h2 span { font-size: 4.5vw;}
.lp03-sec03-head-title {padding: 70px 0 56px;text-align: center;  font-size: 6.2vw; }
.lp03-sec03-head-title strong {border-bottom: 2px solid;  font-size: 14.2vw; line-height: 1;}
.lp03-sec03-head-title span { font-size: 9vw;}
.lp03-arrow01 {position: relative;}
.lp03-arrow01 img {position: absolute; top: -50px; left: calc(50% - 37.5px);z-index: 2;  width: 20%; }
.lp03-mens-pilates {position: relative; margin-top: -36px; margin-bottom: 40px;min-height: 755px;  background: url(/lp/img/pilates/lp03/img_lp03_15.png) no-repeat center top; }
.lp03-text02 {position: absolute; top: -20px; left: 9px; width: 18.2vw; }
.lp03-mens-pilates p { padding-top: 33px; color: #FFF; text-align: center;letter-spacing: -.1em; font-style: italic; font-size: 7vw; }
.lp03-mens-pilates p strong {font-weight: normal; font-size: 13vw; }
.lp03-mens-pilates p span { font-size: 8.5vw;}
.lp03-sec03-subtitle {text-align: center; font-size: 7.7vw; }
.lp03-sec03-subtitle strong { font-size: 12.2vw;}
.lp03-sec03-reason-job-title { display: flex; font-weight: bold;font-size: 5vw; }
.lp03-sec03-reason-job-title dt::after {padding: 0 10px; content: "▶▶▶"; vertical-align: middle; font-size: small; }
.lp03-sec03-reason-title {padding-top: 0; font-size: 5.2vw; }
.lp03-sec03-reason-title strong { display: block; border-top: 1px solid; border-bottom: 1px solid;}
.lp03-sec03-reason-note {padding-bottom: 60px;  text-align: right; font-size: 1.6vw;}
.lp03-sec04-catch01 {text-align: center; font-size: 4.8vw; }
.lp03-sec04-catch01::after {padding-left: 10px; content: "▼"; font-size: 3.3vw; }
.lp03-sec04-catch01::before {padding-right: 10px; content: "▼"; font-size: 3.3vw; }
.lp03-sec04-catch01 span { font-size: 43px;}
.lp03-sec04-catch02 { position: relative; z-index: 2; display: flex; justify-content: space-around; padding: 2%;}
.lp03-sec04-catch02 li {padding: 10% 0; max-width: 200px; width: 100%; background: url(/lp/img/pilates/lp03/img_lp03_77.png) no-repeat center top; background-size: contain; text-align: center; font-weight: bold; font-size: 4.3vw; line-height: 1.2; }
.lp03-sec04-catch03 { position: relative; margin-top: -14%; padding-top: 14%; min-height: 26vw; background: url(/lp/img/pilates/lp03/img_lp03_26.png) no-repeat center top; background-size: cover;}
.lp03-sec04-catch03 p {color: #FFF; text-align: center; font-size: 4vw; }
.lp03-sec04-catch03 p span { font-size: 5vw;}
.lp03-sec04-catch03 p strong {font-style: italic; font-size: 9vw; line-height: 1; }
.lp03-sec04-catch04 {margin-top: -14%;  padding-bottom: 14%; background: url(/lp/img/pilates/lp03/img_lp03_27.png) no-repeat center top; background-size: cover;}
.lp03-sec04-catch04 img { position: relative;}
.lp03-sec04-merit01 { background: url(/lp/img/pilates/lp03/img_lp03_30.png) no-repeat center top; background-size: cover;}
.lp03-sec04-merit02 {margin-top: -34%; background: url(/lp/img/pilates/lp03/img_lp03_29.png) no-repeat center top; background-size: 100vw auto; }
.lp03-sec04-merit02 p {padding: 9% 9% 5%;color: #FFF; text-align: center;  font-size: 3.8vw; }
.lp03-sec04-merit02 h2 {text-align: center; font-size: 5vw; }
.lp03-sec04-merit02 h2 strong {display: block; padding-bottom: 45px; font-size: 10vw; line-height: 1; }
.lp03-sec04-merit02 h2 span { font-size: 4vw;}
.lp03-sec04-merit02-arrow {display: block; margin: -30px auto; padding-bottom: 30px; width: 2%; }
.lp03-sec04-merit01-title01 {margin: 20px auto 45px; max-width: 85%; }
.lp03-sec04-merit01-point-box { display: flex; flex-wrap: wrap;justify-content: space-between; padding: 0 2%; padding-bottom: 120px; }
.lp03-sec04-merit01-point-box li {position: relative; box-sizing: border-box;margin-bottom: 20px;padding: 40px 12px;  width: 100%; border: 2px solid #000; }
.lp03-sec04-merit01-point-box-number {position: absolute; top: -20px; left: calc(50% - 20px);margin: 0 auto;  width: 40px; }
.lp03-sec04-merit01-point-box li h3 {text-align: center;  font-size: 8vw; line-height: 1.2;}
.lp03-sec04-merit01-point-box li h3::after { display: block; margin: 0 auto; margin-bottom: 20px; padding-bottom: 20px;width: 67px; border-bottom: 2px solid; content: ""; }
.lp03-sec04-merit01-point-box li p { font-size: 6.8vw}
.lp03-sec04-merit01-point-item01 {position: relative; padding-bottom: 57.5px; background: url(/lp/img/pilates/lp03/img_lp03_39.png) no-repeat center top; background-size: cover; }
.item01 .lp03-sec04-merit01-point-item02 {padding: 0 2% 96px; background: url(/lp/img/pilates/lp03/img_lp03_40.jpg) no-repeat center top; background-size: cover; }
.item02 .lp03-sec04-merit01-point-item02 {padding: 0 2% 96px; background: url(/lp/img/pilates/lp03/img_lp03_42.jpg) no-repeat center top; background-size: cover; }
.item03 .lp03-sec04-merit01-point-item02 {padding: 0 2%; background: url(/lp/img/pilates/lp03/img_lp03_44.jpg) no-repeat center top; background-size: 100% auto;}
.icn-merit {position: absolute; top: -57.5px; left: calc(50% - 45px); width: 90px; }
.lp03-sec04-merit01-point-item01 h3 {padding-top: 60px; color: #FFF; text-align: center; font-size: 6.8vw; }
.lp03-sec04-merit01-point-item02 h4 {margin-bottom: 54px; padding-top: 72vw;  color: #FFF; font-weight: bolder;font-size: 5vw; }
.lp03-sec04-merit01-point-item02 p { color: #FFF; font-size: 4vw;}
.lp03-sec04-merit01-point-item02 p strong {padding: 2px 4px; border-radius: 3px;  background: #FFF799; color: #000;}
.lp03-sec04-merit01-point-item02 p span {border-bottom: 2px solid; font-weight: bolder; }
.item02 .lp03-sec04-merit01-point-item02 h4, .item02 .lp03-sec04-merit01-point-item02 p { color: #000;}
.item03 .lp03-sec04-merit01-point-item02 h4 { color: #000;}
.item03 .lp03-sec04-merit01-point-item02 p { color: #000;}
.lp03-sec04-merit01-performance-item { position: relative;}
.lp03-sec04-merit01-performance-item .po-01 { position: absolute; top: 0; left: 0; max-width: 46%;}
.lp03-sec04-merit01-performance-item .po-02 { position: absolute; top: 10px; left: calc(50% - 1.5px);}
.item03 .lp03-sec04-merit01-performance-item-title {padding-top: 17vw;text-align: center; font-style: italic;  font-size: 10.5vw; line-height: 1.2; }
.lessonArea-logo {display: block; margin: 0 auto; padding-top: 10%; width: 25%; }
.lessonArea-po01 {position: absolute; top: 10%; left: 0; width: 25%; }
.lessonArea-title {padding-top: 10%;  text-align: center; font-weight: bold;font-size: 9vw; }
.lessonArea-title strong { font-size: 8vw;}
.lessonArea-item-head {margin: 0 3.5%;padding: 10px 20px;  background: #000; }
.lessonArea-item-head h3 {display: flex; align-items: center; color: #FFF; text-align: center; font-size: 6.4vw; }
.lessonArea-item-head img {padding-right: 5%; width: 17%; }
.lessonArea-item-img {display: block;  margin: 0 3.5%; max-width: 93%;}
.lessonFlow-head {padding: 5% 2%; background: url(/lp/img/pilates/lp03/img_lp03_54.jpg) no-repeat center top; background-size: cover; }
.lessonFlow-head h2 { color: #FFF; text-align: center; font-size: 6.5vw;}
.lessonFlow-head h2 span {display: block; font-size: 5vw; }
.lessonFlow-head h2 span::before {padding-right: 2%; content: "||"; }
.lessonFlow-head h2 span::after {padding-left: 2%; content: "||"; }
.lessonFlow-head-title {font-weight: bold; font-size: 5.5vw; }
.lessonFlow-head-title.text--13 { top: 4%;}
.text--13 { top: 9.8%;}
.lessonFlow-head-title.text--14 { top: 24.8%;}
.text--14 { top: 31%;}
.lessonFlow-head-title.text--15 { top: 45.8%;}
.text--15 { top: 51.8%;}
.lessonFlow-head-title.text--16 { top: 66.8%;}
.text--16 { top: 73%;}
.lessonBringing-wrap {padding: 2.5rem 0; background: #E6E2DF; }
.lessonBringings {margin: 0 auto;padding: 20px;width: 85%;  background: #FFF; }
.lessonBringings-title {padding: 20px 0; text-align: center; font-weight: bold;font-size: 7vw; line-height: 1.5; }
.lessonBringings-title em {font-style: normal; font-size: 5vw; }
.lessonBringings-title span { font-size: 4.5vw;}
.lessonBringings-box { display: flex; justify-content: space-between;}
.lessonBringings-box-item {padding-bottom: 50px; width: 48%; }
.lessonBringings-box-item p {padding: 40px 0 30px;text-align: center; font-weight: bolder;font-size: 4.5vw; line-height: 1.5;}
.lp03-sec05-graph { background: url(/lp/img/pilates/lp03/img_lp03_80.jpg) no-repeat center top; background-size: cover;}
.lp03-sec05-graph h3 {padding: 2% 0; text-align: center; font-size: 6vw; }
.lp03-sec05-graph h3 strong {display: block; text-align: center; font-size: 12vw; line-height: 1;}
.lp03-sec05-graph-img {margin: 0 auto; padding: 10% 0;width: 80%; }
.lp03-sec05-instructor-more {margin: -50px auto 0; width: 264px; }
.lp03-sec05-instructor-item {position: relative; padding: 40px 30px 0; }
.lp03-sec05-instructor-item div {position: absolute; right: 30px;bottom: -8vw;z-index: 2;padding: 5px; max-width: 52%;width: 100%;background: #000; }
.lp03-sec05-instructor-item div.left {right: inherit; left: 30px; }
.lp03-sec05-instructor-item p {padding: 10px;border-top: 1px solid #fff; border-bottom: 1px solid #fff;color: #ffffff;  font-size: 5.8vw; line-height: 1.2;}
.lp03-sec05-instructor-item p strong { font-size: 10vw; line-height: 1.2;}
.faqArea { padding: 60px 10% 0;}
.faqArea h2 {margin-bottom: 30px; text-align: center; font-size: 8vw; }
.faqArea__bg {margin-bottom: 40px; padding-bottom: 45px; background: #FFF; box-shadow: 2px 2px 15px #666;}
.faqArea-qbox { padding: 4% 8.266666666667%;}
.faqArea-qbox p {display: flex;padding-bottom: 4%;border-bottom: 1px solid; font-weight: bold;font-size: 4.1vw; }
.faqArea-qbox p span {padding-right: 10px;color: #CCC; font-size: 7vw; }
.contact__text--01 { font-size: 2.46vw;}
.contact__text--02 { font-size: 4.46vw;}
.contact__text--03 { font-size: 2vw;}
.cta01 {padding: 2%; background: url(/lp/img/pilates/lp03/img_lp03_70.jpg) no-repeat center top; background-size: cover; }
.cta01 h2 {padding: 3% 0 5%;color: #FFF; font-style: italic;font-size: 7vw; }
.cta01 h2 strong { font-size: 8vw;}
.cta01-text01 {margin: 0 auto 5%; width: 80%; }
.cta01-contents {position: relative;padding: 1%; border: 1px solid #FFF; background-color: black; }
.cta01-po01 { position: absolute; top: 13%; left: 2%; width: 25%;}
.cta01-contents-inner {padding-bottom: 10%; background: white; }
.cta01-text02 {margin: 0 auto; padding: 10% 0;width: 80%; }
.cta01-price {margin: 0 2% 10%; padding: 0 2%; border-bottom: 1px solid #ccc; }
.cta01-price dt span {padding-left: 10px; border-left: 5px solid #000; font-weight: bold;font-size: 6vw; }
.cta01-price dt img {padding: 10px; width: 55%; }
.cta01-price dd { color: #E60012; text-align: center; font-size: 24vw; }
.cta01-price-box { position: relative;}
.cta01-price dd .yen { font-size: 16vw; }
.cta01-price dd .tax { position: absolute; top: 23%; right: 0;font-size: 4vw; }
.cta01-button {display: block; padding: 0 2%; }
.cta01-note {padding: 2%; color: white; font-size: 1vw; }

@media (min-width: 751px) {

  .lp03-ttl01 em {padding-left: 10px; font-size: 45px; }
  .lp03-ttl01 span { font-size: 15.75px;}
  .lp03-text01 { font-size: 60px;}
  .lp03-text01 span { font-size: 55.5px;}
  .lp03-text01 em { font-size: 108.5px;}
  .lp03-sec02-head-title h2 strong { font-size: 80.5px;}
  .lp03-sec02-head-title h2 strong rt { font-size: 15px;}
  .lp03-sec02-head-title h2 span { font-size: 28px;}
  .lp03-sec03-head-title { font-size: 46.5px;}
  .lp03-sec03-head-title span { font-size: 60px;}
  .lp03-sec03-head-title strong { font-size: 90.5px;}
  .lp03-mens-pilates p { font-size: 52.5px;}
  .lp03-mens-pilates p strong { font-size: 90px;}
  .lp03-mens-pilates p span { font-size: 80px;}
  .lp03-text02 { width: 160px;}
  .lp03-sec03-subtitle { font-size: 54.75px;}
  .lp03-sec03-subtitle strong { font-size: 74px;}
  .lp03-sec03-reason-job-title { font-size: 34px;}
  .lp03-sec03-reason-title { font-size: 34px;}
  .lp03-sec03-reason-note { font-size: 12px;}
  .lp03-sec04-catch03 { min-height: 300px;}
  .lp03-sec04-catch03 p { font-size: 30px}
  .lp03-sec04-catch03 p span { font-size: 60px}
  .lp03-sec04-catch03 p strong { font-size: 88px}
  .lp03-sec04-merit02 {margin: -31% auto 0;  max-width: 100%; background-size: 100% auto;}
  .lp03-sec04-merit02 p { font-size: 28px;}
  .lp03-sec04-merit02 h2 { font-size: 40px;}
  .lp03-sec04-merit02 h2 strong { font-size: 70px;}
  .lp03-sec04-merit02 h2 span { font-size: 30px;}
  .lp03-sec04-merit01-title01 { max-width: 70%;}
  .lp03-sec04-merit01-point-box li { width: 32%;}
  .lp03-sec04-merit01-point-box li h3 { font-size: 22.5px;}
  .lp03-sec04-merit01-point-box li p { font-size: 21px;}
  .lp03-sec04-merit01-point-item01 h3 { font-size: 45px;}
  .lp03-sec04-merit01-point-item02 h4 {padding-top: 38vw; font-size: 40px; }
  .lp03-sec04-merit01-point-item02 p { font-size: 30px;}
  .lp03-sec04-catch02 li { font-size: 32px;}
  .item03 .lp03-sec04-merit01-point-item02 { background-size: inherit;}
  .item03 .lp03-sec04-merit01-performance-item-title {padding-top: 24vw; font-size: 70px; }
  .lp03-sec04-merit01-performance-item .po-02 { top: 60px;}
  .lp03-sec05-graph h3 { font-size: 45px;}
  .lp03-sec05-graph h3 strong { font-size: 90px;}
  .lessonBringing-wrap { padding: 2.5rem 0 10rem;}
  .lessonArea-title { font-size: 60px;}
  .lessonArea-title strong { font-size: 80px;}
  .lessonArea-item-head h3 { font-size: 50px;}
  .lessonFlow-head h2 { font-size: 50px;}
  .lessonFlow-head h2 span { font-size: 40px;}
  .lessonFlow-head-title { font-size: 38px;}
  .lessonBringings-title { font-size: 50px;}
	.lessonBringings-title em { font-size: 40px;}
	.lessonBringings-title span { font-size: 30px;}
	.lessonBringings-box-item p { font-size: 32.5px;}
	.lp03-sec05-instructor-item p { font-size: 40px;}
	.lp03-sec05-instructor-item p strong { font-size: 50px;}
	.faqArea h2 { font-size: 40px;}
	.faqArea-qbox p { font-size: 32px;}
  .faqArea-qbox p span { font-size: 52.5px; line-height: 1;}
  .contact__text--01 { font-size: 24px;}
  .contact__text--02 { font-size: 33px;}
  .contact__text--03 { font-size: 15px;}
  .cta01 h2 { font-size: 52px;}
  .cta01 h2 strong { font-size: 60px;}
  .cta01-price dt span { font-size: 45px;}
  .cta01-price dd { font-size: 180px;}
  .cta01-price dd .yen { font-size: 120px;}
  .cta01-price dd .tax { font-size: 30px;}
  .cta01-note { font-size: 23px;}
}