/* body.yoga h2{text-align:center;font-size:1.1rem;letter-spacing:6px;line-height:2.6;margin-bottom:1.5em;}
body.yoga h2 span{display:block;font-size:2.4rem;letter-spacing:3px;font-weight:400;font-family: 'Noto Serif JP', serif;line-height:1.6;} */
body.yoga h2.about{margin:8em 0 3em;}

.mainimg{width:100%;}
.mainimg .wrap{width:100%;padding:0;position:relative;}

.yoga .mainimg-txt{
  position:absolute; 
  top:50%; 
  left:8%; 
  transform: translate(-0%,-50%);
  width:80%;
  color: #fff;
}
.yoga .mainimg_h1{
  margin: 1.8em 0 2.2em;
}
.yoga .mainimg_copy .txt{
  display: inline-block;
  font-size: 1.9em;
  line-height: 1.5;
}
.yoga .mainimg_cam_ttl{
  background: #34cdc9;
}
.yoga .mainimg_cam_ttl_price img{
  filter: invert(58%) sepia(110%) saturate(317%) hue-rotate(130deg) brightness(99%) contrast(85%);
}
.yoga .mainimg_cam_txt{
  font-size: 1.8em;
  color: #fff;
}

.mainimg .wrap .mainimg-txt img.txt1{width:58%;margin-bottom:4em;}
.mainimg .wrap .mainimg-txt img.txt2{width:84%;margin-bottom:2.5em;}
.mainimg .wrap .mainimg-txt img.cam{width:100%}

.yoga-about-wrap{padding:4em 0 3em;text-align:center;}
.yoga-about-wrap p{line-height:2.3;font-size:1.3rem;margin-bottom:1em;letter-spacing:2px;}
.yoga-about-wrap p.about-ttl{margin:0 auto 3em;width:70%;display:block;}
.yoga-about-wrap iframe{width:100%;margin-bottom:3em;height:200px;}
.yoga-about-ttl{
  font-family: 'Noto Serif JP', serif;
  font-size: 2.7rem;
  font-weight: 300;
  margin: 1em 0;
  letter-spacing: .1em;
  line-height: 1.7em;
}

.youtube{position:relative;border:1px solid #fff;display:block;margin-bottom:3em}
.youtube:before{position:absolute; bottom: 1.25%;right: 1%; transform: translate(-50%,-50%); font-family: fontAwesome; content: '\f167';z-index:4;font-size:2.5em;color:#333;}
.youtube img{width:100%;}
.youtube iframe{height: 200px!important;margin-bottom:0!important;}

.yoga-aboutnoa-wrap{
  padding:3em 0;
  background:#fff;
}
.yoga-aboutnoa-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;padding-top:1em;}
.yoga-aboutnoa-wrap li{position:relative;width:100%;margin-bottom:3em;}
.yoga-aboutnoa-wrap li:last-child{margin-bottom:0;}
.yoga-aboutnoa-wrap li h3{font-size:1.8rem;margin-bottom:1em;display:block;line-height:1.5;letter-spacing:3px;text-align:center;}
.yoga-aboutnoa-wrap li p{
  padding:1em 0;
  /* text-align:center; */
  font-size:1.3rem;
  line-height:2.1;
  letter-spacing:1px;
}

.yoga-lesson-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;padding:1em 0;}
.yoga-lesson-wrap h2{text-align:center;width:100%;}
.yoga-lesson-wrap section{padding:1em 0 2em;}
.yoga-lesson-wrap section h3{font-size:3.4rem;font-weight:700;font-family: 'Noto Serif JP', serif;color:#f67a92;line-height:1;text-align:center;margin-bottom:.5em;}
.yoga-lesson-wrap section p.txt{padding:0 2.5em;}
.yoga-lesson-wrap section .txt p{font-size:1.3rem;line-height:1.8;margin-bottom:2.5em;}
.yoga-lesson-wrap section p.ttl{font-size:2rem;font-weight:bold;line-height:1.5;letter-spacing:2px;text-align:center;margin-bottom:.75em;}
.yoga-lesson-wrap section p.link{text-align:center;margin-bottom: 0;}

.yoga-genre-wrap{padding:3em 0 3em;background:#fff;}
.yoga-genre-wrap p.lead{text-align:center;font-size:1.3rem;line-height:1.8;padding:0 1.5em 1em;}
.yoga-genre-wrap .genrebox{display: flex; flex-wrap: wrap; justify-content: space-between;align-item:center;padding-top:.75em;}
.yoga-genre-wrap .genrebox section{position:relative;background-position: top center;background-size:cover;background-repeat: no-repeat;width:100%;margin-bottom:1px;color:#fff;}
.yoga-genre-wrap .genrebox section .bk{background-color:rgba(0, 0, 0, 0);padding:2.5em 2em 3em;height:100%;}
.yoga-genre-wrap .genrebox section.genre1{background-image: url("../imgs/yoga/yoga-genre1-s.webp");}
.yoga-genre-wrap .genrebox section.genre2{background-image: url("../imgs/yoga/yoga-genre2-s.webp");}
.yoga-genre-wrap .genrebox section.genre3{background-image: url("../imgs/yoga/yoga-genre3-s.webp");}
.yoga-genre-wrap .genrebox section.genre4{background-image: url("../imgs/yoga/yoga-genre4-s.webp");}
.yoga-genre-wrap .genrebox section.genre5{background-image: url("../imgs/yoga/yoga-genre5-s.webp");}
.yoga-genre-wrap .genrebox section.genre6{background-image: url("../imgs/yoga/yoga-genre6-s.webp");}
.yoga-genre-wrap .genrebox section.genre7{background-image: url("../imgs/yoga/yoga-genre7-s.webp");}
.yoga-genre-wrap .genrebox section.genre8{background-image: url("../imgs/yoga/yoga-genre8-s.webp");}
.no-webp .yoga-genre-wrap .genrebox section.genre1{background-image: url("../imgs/yoga/yoga-genre1-s.jpg");}
.no-webp .yoga-genre-wrap .genrebox section.genre2{background-image: url("../imgs/yoga/yoga-genre2-s.jpg");}
.no-webp .yoga-genre-wrap .genrebox section.genre3{background-image: url("../imgs/yoga/yoga-genre3-s.jpg");}
.no-webp .yoga-genre-wrap .genrebox section.genre4{background-image: url("../imgs/yoga/yoga-genre4-s.jpg");}
.no-webp .yoga-genre-wrap .genrebox section.genre5{background-image: url("../imgs/yoga/yoga-genre5-s.jpg");}
.no-webp .yoga-genre-wrap .genrebox section.genre6{background-image: url("../imgs/yoga/yoga-genre6-s.jpg");}
.no-webp .yoga-genre-wrap .genrebox section.genre7{background-image: url("../imgs/yoga/yoga-genre7-s.jpg");}
.no-webp .yoga-genre-wrap .genrebox section.genre8{background-image: url("../imgs/yoga/yoga-genre8-s.jpg");}
.yoga-genre-wrap .genrebox section.genre8 .bk{height:100%;}
.yoga-genre-wrap .genrebox section a{color:#fff;}
.yoga-genre-wrap .genrebox section h3{font-size:1.7rem;font-weight:500;margin-bottom:.5em;}
.yoga-genre-wrap .genrebox section p{font-size:1.2rem;line-height:1.8;}
.yoga-genre-wrap .genrebox section.genre8 p{margin-bottom:0;}
.yoga-genre-wrap .genrebox section p span{font-weight:bold;display:block;line-height:2.2}
.yoga-genre-wrap .genrebox section ul{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.yoga-genre-wrap .genrebox section li{padding:.75em 3em;border:1px solid #fff;margin:0 1.5em 0 0;}
.yoga-genre-wrap .genrebox section li a{color:#fff;display:block;}

.yoga-osusume-wrap{padding:1em 0 2em;background:#fff;}
.yoga-osusume-wrap ul{padding:2em 0 0 2.4em;}
.yoga-osusume-wrap li{display: flex; flex-wrap: wrap; justify-content: flex-start;align-items:center;width:100%;font-size:1.45rem;letter-spacing:3px;margin-bottom:2.5em;line-height:1.7;}
.yoga-osusume-wrap li img{width:20px;margin-right:1.5em;}

.yoga-real-wrap{background-image: url("../imgs/yoga/yoga-real-bg-sp.webp");background-position: top center;background-size:cover;background-repeat: no-repeat;text-align:center;}
.no-webp .yoga-real-wrap{background-image: url("../imgs/yoga/yoga-real-bg-sp.jpg");}

.yoga-real-wrap .bk{background-color:rgba(0, 0, 0, .05);padding:4.5em 0 3em;color:#fff;}
.yoga-real-wrap .bk .top-link-bt{color:#fff;border:1px solid #fff;}
.yoga-real-wrap h3{font-size:1.8rem;font-weight:700;margin-bottom:1.5em;line-height:1.6;;letter-spacing:2px;}
.yoga-real-wrap p{font-size:1.3rem;line-height:2.6;margin-bottom:2.5em;letter-spacing:1px;}

.yoga-howto-wrap{padding:3em 0 3.5em;}
.yoga-howto-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;font-size:1.6rem;letter-spacing:2px;padding:1em 0 0;}
.yoga-howto-wrap li{background:#fff;padding:1.5em;position:relative;margin-bottom:3em;border-radius:4px;}
.yoga-howto-wrap li:last-child{margin-bottom:0;}
.yoga-howto-wrap li img{border:1px solid #ddd;}
.yoga-howto-wrap li .num{position:absolute; top:-1em; left: -.5em; width:44px;height:44px;border-radius: 50%;text-align:center;letter-spacing:0;background:#f67a92;color:#fff;}
.yoga-howto-wrap li .num p{width:100%;position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);font-size:.9rem;line-height:1.3;letter-spacing:1px;}
.yoga-howto-wrap li .num p span{display:block;font-size:1.4rem;}
.yoga-howto-wrap li h3{font-size:1.7rem;margin-bottom:.5em;text-align:center;}
.yoga-howto-wrap li p{font-size:1.2rem;line-height:1.8;}
.yoga-howto-wrap li a{color:#454545;font-weight:bold;text-decoration: underline;}
.yoga-howto-wrap li img{margin-bottom:1.5em;}

.top-qa-wrap{padding:3em 0 4em;background:#fff;}
.top-qa-box{margin:1em 0 3em;}
.top-qa-wrap .tab {position: relative;width: 100%;color:#fff;overflow: hidden;margin-bottom:1em;line-height:1.7;}
.top-qa-wrap input {position: absolute;opacity: 0;z-index: -1;}
.top-qa-wrap label {position: relative;display: block;padding: 1.5em 2em 1.5em 1.25em;background: #454545;font-weight: normal;cursor: pointer;background-color: #454545;}
.top-qa-wrap .tab-content {max-height: 0;overflow: hidden;-webkit-transition: max-height .15s; -o-transition: max-height .15s; transition: max-height .15s;color: #fff;background: #454545;border-top:2px solid #fff;}
.top-qa-wrap .tab-content p {line-height:1.8;padding:1.5em;}
.top-qa-wrap input:checked ~ .tab-content {max-height: 100%;}
.top-qa-wrap label::after {position: absolute;right: 0;top: 0;display: block;width: 1.1em;height: 1.1em;line-height: 1.1;text-align: center;-webkit-transition: all .35s;-o-transition: all .35s;transition: all .35s;font-size:1.75em;font-family:'Roboto', sans-serif; font-weight:100;}
.top-qa-wrap label::before{position: absolute;right: 0;top: 0;width: 0;height: 0;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #f67a92 transparent transparent;content:"";}
.top-qa-wrap input[type=checkbox] + label::after {content: "+";}
.top-qa-wrap input[type=radio] + label::after {content: "\25BC";}
.top-qa-wrap input[type=checkbox]:checked + label::after {transform: rotate(315deg);}
.top-qa-wrap input[type=radio]:checked + label::after {transform: rotateX(180deg);}
.top-qa-wrap p.link{text-align:center;}

.top-price-wrap{padding:3em 0 4em;}
.top-price-wrap h3{width:90%;display:block;margin:2em auto 2em;}
.top-price-wrap section{background:#fff;padding:2em;margin-bottom:1.5em;color:#f67a92;}
.top-price-wrap section .ttl{text-align:center;font-size:1.6rem;font-weight:bold;margin-bottom:1em;}
.top-price-wrap section .txt{font-size:1.3rem;margin-bottom:1em;line-height:1.8;}
.top-price-wrap .top-webmember-bt{background:#f67a92;color:#fff;border-radius: 2px;text-align:center;position:relative;}
.top-price-wrap .top-webmember-bt a{color:#fff;font-size:1.5rem;letter-spacing:3px;padding:1.75em;display:block;}
.top-price-wrap .top-webmember-bt:after{position:absolute; top: 50%; right: 1.75em; transform: translate(-0%,-50%); font-size:1.2em; font-family: fontAwesome; content: '\f105'!important;z-index:4;}
.top-price-wrap .top-webmember-bt .now{position:absolute; top: 50%; left: 1.5em; transform: translate(-0%,-50%);border:1px solid #fff;width:44px;height:44px;border-radius: 50%;font-size:1rem;text-align:center;letter-spacing:0;}
.top-price-wrap .top-webmember-bt .now span{width:100%;position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.yoga-knowledge-wrap{padding:3em 0 4em;background:#fff;}
.yoga-knowledge-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;padding:1em 0 1em;}
.yoga-knowledge-wrap li{width:47%;margin-bottom:2em;}
.yoga-knowledge-wrap li p.img{position: relative;overflow: hidden;padding-top: 63%;margin-bottom:1em;}
.yoga-knowledge-wrap li img{position: absolute;top: 50%;left: 50%;width: 100%;height: auto;transform: translate(-50%, -50%);}
.yoga-knowledge-wrap li p.ttl{font-size:1.3rem;line-height:1.7;margin-bottom:.5em;}
.yoga-knowledge-wrap li p.time{color:#999;font-size:1rem;letter-spacing:1px;}
.yoga-knowledge-wrap li a{color:#454545;}
.yoga-knowledge-wrap p.link{text-align:center;}

.top-link-bt{
  display: block;
  width: fit-content;
  min-width: 18em;
  font-size:1.1rem;
  text-align:center;
  font-weight:300;
  color:#454545;
  border:1px solid ;
  padding:1em 1.5em;
  letter-spacing:2px;
  margin: auto;
}

.tyr-yoga{background:#fff;padding:3em 0 .2em;}
.tyr-yoga ul{display: flex; flex-wrap: wrap; justify-content: space-between;align-item:center;}
.tyr-yoga li{width:100%;position:relative;border:0px solid ;color:#fff;margin-bottom:1.5em;border-radius:4px;background-position: top center;background-size:cover;background-repeat: no-repeat;}
.tyr-yoga li:after{content:"" ;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #fff transparent;position:absolute;right:3px;bottom:3px;}
.tyr-yoga li span{font-weight:bold;display:block;font-size:1.5em;margin-bottom:.5em;}
.tyr-yoga li a{color:#fff;padding:2.25em 4.5em 2.25em 1.25em;display:block;font-size:.9em;line-height:1.8;}
.tyr-yoga li img{position:absolute; width:20px;top: 50%; right: 1.5em; transform: translate(-0%,-50%);}

.tyr-yoga li.osusume1{background-image: url("../imgs/yoga/yoga-osusume-bg1-s.webp");}
.tyr-yoga li.osusume2{background-image: url("../imgs/yoga/yoga-osusume-bg2-s.webp");}
.tyr-yoga li.osusume3{background-image: url("../imgs/yoga/yoga-osusume-bg3-s.webp");}
.tyr-yoga li.osusume4{background-image: url("../imgs/yoga/yoga-osusume-bg4-s.webp");}
.no-webp .tyr-yoga li.osusume1{background-image: url("../imgs/yoga/yoga-osusume-bg1-s.jpg");}
.no-webp .tyr-yoga li.osusume3{background-image: url("../imgs/yoga/yoga-osusume-bg3-s.jpg");}
.no-webp .tyr-yoga li.osusume2{background-image: url("../imgs/yoga/yoga-osusume-bg2-s.jpg");}
.no-webp .tyr-yoga li.osusume4{background-image: url("../imgs/yoga/yoga-osusume-bg4-s.jpg");}

.yoga-contents-wrap{background:#fff;padding:2em 0 0;}
.yoga-contents-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;align-item:center;}
.yoga-contents-wrap li{width:46%;margin-bottom:1.5em;}
.yoga-contents-wrap li img{width:70%;display:block;margin:0 auto 1em;}
.yoga-contents-wrap li p{font-size:1.2rem;text-align:center;letter-spacing:1px;}

.news-wrap{padding:0 0 4em;}

@media screen and (min-width: 768px) {
  .mainimg .wrap .mainimg-txt{top:50%; left:7%; transform: translate(-0%,-50%);width:86%;}
  .mainimg .wrap .mainimg-txt img.txt1{margin-bottom:9em;}
  .mainimg .wrap .mainimg-txt img.txt2{margin-bottom:8em;}
    
  /* body.yoga h2{font-size:1.4rem;}
  body.yoga h2 span{font-size:3.6rem;letter-spacing:4px;} */
    
  .yoga-about-wrap{padding:8em 0 8em;}
  .yoga-about-wrap p{line-height:2.3;font-size:2.2rem;margin-bottom:0;}
  .yoga-about-wrap p.about-ttl{margin:0 auto 3em;width:70%;}
  .yoga-about-wrap iframe{width:100%;margin-bottom:6em;height:400px;}	
    
  .yoga-aboutnoa-wrap{padding:6em 0 6em;}
  .yoga-aboutnoa-wrap ul{padding-top:5em;}
  .yoga-aboutnoa-wrap li{margin-bottom:8em;}
  .yoga-aboutnoa-wrap li h3{font-size:4rem;margin-bottom:.5em;line-height:1.4;}	
  .yoga-aboutnoa-wrap li p{font-size:2rem;}

  .yoga-lesson-wrap {padding: 5em 0 2em;}
  .yoga-lesson-wrap section {padding: 1em 0 4em;}	
  .yoga-lesson-wrap section h3{font-size:6.4rem;margin-bottom: .4em;}	
  .yoga-lesson-wrap section p.txt {padding: 0 4.5em;}	
  .yoga-lesson-wrap section .txt p{font-size:1.8rem;margin-bottom:3em;}
  .yoga-lesson-wrap section p.ttl{font-size:4rem;margin-bottom:1em;}

  .yoga-genre-wrap{padding:5em 0 3em;}
  .yoga-genre-wrap p.lead{font-size:1.6rem;padding:1em 3em 2em;}	
  .yoga-genre-wrap .genrebox{padding-top:2em;}
  .yoga-genre-wrap .genrebox section{width:49.9%;margin-bottom:1px;}
  .yoga-genre-wrap .genrebox section .bk{padding:5em 2em 6em;}
  .yoga-genre-wrap .genrebox section h3{font-size:3rem;margin-bottom:.5em;}
  .yoga-genre-wrap .genrebox section p{font-size:1.6rem;line-height:2;}
  .yoga-genre-wrap .genrebox section li {padding:1em 2.5em;margin:0 1em 0 0;}
  .yoga-genre-wrap .genrebox section li a{font-size:1.5rem;display:block;}
  .yoga-genre-wrap .genrebox section.genre8 p{margin-bottom:0;}
    
  .yoga-osusume-wrap{padding:5em 18% 5em;}
  .yoga-osusume-wrap ul{padding:3em 0 0 .5em;}
  .yoga-osusume-wrap li{width:100%;font-size:2rem;letter-spacing:3px;margin-bottom:3em;}
  .yoga-osusume-wrap li img{width:40px;margin-right:2em;}

  .yoga-real-wrap .bk{padding:7em 0 4em;}
  .yoga-real-wrap h3{font-size:3rem;margin-bottom:1em;}
  .yoga-real-wrap p{font-size:2rem;margin-bottom:3.5em;letter-spacing:1px;}

  .yoga-howto-wrap{padding:6em 0 6em;}
  .yoga-howto-wrap ul{padding:3em 0 0;}
  .yoga-howto-wrap li{padding:3em;margin-bottom:5em;}
  .yoga-howto-wrap li:last-child{margin-bottom:0;}
  .yoga-howto-wrap li .num{top:-1em; left: -.5em; width:70px;height:70px;}
  .yoga-howto-wrap li .num p{font-size:1.1rem;line-height:1.3;}
  .yoga-howto-wrap li .num p span{font-size:2rem;}
  .yoga-howto-wrap li h3{font-size:2.8rem;margin-bottom:1em;}
  .yoga-howto-wrap li p{font-size:1.8rem;line-height:2;}
  .yoga-howto-wrap li img{margin-bottom:2em;}	

  .top-qa-wrap{padding:5em 0 7em;}
  .top-qa-box{margin:0 0 5em;padding-top:1.5em;}
  .top-qa-wrap .tab {font-size:1.8rem;}
  .top-qa-wrap label {padding: 2.5em 3em 2.5em 2.25em;}
  .top-qa-wrap .tab-content p {padding:2.5em 2.4em;}
  .top-qa-wrap label::before{border-width: 0 60px 60px 0;}

  .top-price-wrap{padding:5em 0 6em;}	
  .top-price-wrap h3{width:80%;margin:2em auto 3em;}
  .top-price-wrap section{padding: 3em;margin-bottom: 2.5em;}
  .top-price-wrap section .ttl{font-size: 3rem;margin-bottom:.5em;}
  .top-price-wrap section .txt{font-size: 2rem;text-align:center;margin-bottom:2em;}
  .top-price-wrap .top-webmember-bt{margin-top:4em;}	
  .top-price-wrap .top-webmember-bt a{font-size: 2.4rem;padding: 2em;}
  .top-price-wrap .top-webmember-bt .now {width: 64px;height: 64px;font-size: 1.6rem;}	
    
  .yoga-knowledge-wrap{padding:5.5em 0 7em;}
  .yoga-knowledge-wrap ul{padding:3em 0 1em;}
  .yoga-knowledge-wrap li{margin-bottom:4em;}
  .yoga-knowledge-wrap li p.img{margin-bottom:1.75em;}
  .yoga-knowledge-wrap li p.ttl{font-size:1.8rem;margin-bottom:.75em;}
  .yoga-knowledge-wrap li p.time{font-size:1.4rem;}
    
  .top-link-bt{font-size:1.6rem;}

  .tyr-yoga{padding:4em 0 .2em;}
  .tyr-yoga ul{display:flex;justify-content: space-between; flex-wrap: wrap;}
  .tyr-yoga li a{padding:3.5em 4.5em 3.5em 2em;font-size:1.4em;margin-bottom:0;}
  .tyr-yoga li span{font-size:1.7em;}
  .tyr-yoga li img{position:absolute; width:25px;top: 50%; right: 1.5em; transform: translate(-0%,-50%);}
    
  .yoga-contents-wrap{padding:4em 0 0;}
  .yoga-contents-wrap li{margin-bottom:2em;}
    
  .news-wrap{padding:0 0 7em;}	
}

@media screen and (min-width: 769px) {

  .mainimg .wrap .mainimg-txt{top:52%; left:10%; transform: translate(-0%,-48%);width:46%;}
  .mainimg .wrap .mainimg-txt img.txt1{width:58%;margin-bottom:3.5em;}
  .mainimg .wrap .mainimg-txt img.txt2{width:70%;margin-bottom:2.5em;}
  .mainimg .wrap .mainimg-txt img.cam{width:65%}
  
  .yoga .mainimg_h1 {
    margin: 1em 0 1.6em;
  }
  .yoga .mainimg_h1_logo {
    width: 42%;
  }
  /* body.yoga h2{font-size:1em;}
  body.yoga h2 span{font-size:2.2em;} */
    
  .youtube{width:500px;margin:0 auto 4em;overflow:hidden;}
  .youtube iframe{width:500px!important;height:280px!important;}		
    
  .yoga-about-wrap{padding:6em 0 5em;}
  .yoga-about-wrap p{line-height:2.3;font-size:1.2em;margin-bottom:1em;}
  .yoga-about-wrap p.about-ttl{margin:0 auto 3em;width:60%;}
  .yoga-about-wrap iframe{width:700px;margin-bottom:6em;height:400px;}		
  .yoga-about-ttl{
    font-size: 4vw;
  }  

  .yoga-aboutnoa-wrap{padding:4em 0 4em;}
  .yoga-aboutnoa-wrap ul{padding-top:3em;margin-bottom:0;}
  .yoga-aboutnoa-wrap li{width:31%;margin-bottom:0;}
  .yoga-aboutnoa-wrap li h3{font-size:1.2em;margin-bottom:1em;line-height:1.7;letter-spacing:2px;}
  .yoga-aboutnoa-wrap li img{margin-bottom:1.5em;}	
  .yoga-aboutnoa-wrap li p{font-size:1em;padding:0 1em;}	
    
  .yoga-lesson-wrap{padding:3em 0;}
  .yoga-lesson-wrap section{width:50%;padding:0 0 0;}
  .yoga-lesson-wrap section .txtbox{padding:0 5% 0 15%;}
  .yoga-lesson-wrap section:last-child .txtbox{padding:0 15% 0 5%;}
  .yoga-lesson-wrap section h3{font-size:3em;margin-bottom: .8em;}	
  .yoga-lesson-wrap section p.txt {padding: 0 2em;}	
  .yoga-lesson-wrap section .txt p{font-size:1.1em;margin-bottom:3em;}
  .yoga-lesson-wrap section p.ttl{font-size:1.8em;margin-bottom:1em;}
    
  .yoga-genre-wrap{padding:5em 0 2em;}
  .yoga-genre-wrap p.lead{font-size:1.2em;padding:1em 0 .5em;}		
  .yoga-genre-wrap .genrebox{padding-top:3em;}
  .yoga-genre-wrap .genrebox section .bk{padding:3em 3em 3em;}
  .yoga-genre-wrap .genrebox section.genre1{background-image: url("../imgs/yoga/yoga-genre1.webp");}
  .yoga-genre-wrap .genrebox section.genre2{background-image: url("../imgs/yoga/yoga-genre2.webp");}
  .yoga-genre-wrap .genrebox section.genre3{background-image: url("../imgs/yoga/yoga-genre3.webp");}
  .yoga-genre-wrap .genrebox section.genre4{background-image: url("../imgs/yoga/yoga-genre4.webp");}
  .yoga-genre-wrap .genrebox section.genre5{background-image: url("../imgs/yoga/yoga-genre5.webp");}
  .yoga-genre-wrap .genrebox section.genre6{background-image: url("../imgs/yoga/yoga-genre6.webp");}
  .yoga-genre-wrap .genrebox section.genre7{background-image: url("../imgs/yoga/yoga-genre7.webp");}
  .yoga-genre-wrap .genrebox section.genre8{background-image: url("../imgs/yoga/yoga-genre8.webp");}	
  .no-webp .yoga-genre-wrap .genrebox section.genre1{background-image: url("../imgs/yoga/yoga-genre1.jpg");}
  .no-webp .yoga-genre-wrap .genrebox section.genre2{background-image: url("../imgs/yoga/yoga-genre2.jpg");}
  .no-webp .yoga-genre-wrap .genrebox section.genre3{background-image: url("../imgs/yoga/yoga-genre3.jpg");}
  .no-webp .yoga-genre-wrap .genrebox section.genre4{background-image: url("../imgs/yoga/yoga-genre4.jpg");}
  .no-webp .yoga-genre-wrap .genrebox section.genre5{background-image: url("../imgs/yoga/yoga-genre5.jpg");}
  .no-webp .yoga-genre-wrap .genrebox section.genre6{background-image: url("../imgs/yoga/yoga-genre6.jpg");}
  .no-webp .yoga-genre-wrap .genrebox section.genre7{background-image: url("../imgs/yoga/yoga-genre7.jpg");}
  .no-webp .yoga-genre-wrap .genrebox section.genre8{background-image: url("../imgs/yoga/yoga-genre8.jpg");}	
  .yoga-genre-wrap .genrebox section h3{font-size:1.6em;margin-bottom:.5em;}
  .yoga-genre-wrap .genrebox section p{font-size:1.1em;line-height:2;}
  .yoga-genre-wrap .genrebox section li {padding:1em 2.5em;}
  .yoga-genre-wrap .genrebox section li a{font-size:1.1em;}		
    
  .yoga-osusume-wrap{padding:3em 19%}
  .yoga-osusume-wrap h2 img{width:90%;margin:0 auto 4em;}
  .yoga-osusume-wrap ul{padding-left:0;}
  .yoga-osusume-wrap li{width:100%;font-size:1.2em;margin-bottom:2em;}
  .yoga-osusume-wrap li img{width:24px;margin-right:1.25em;}

  .yoga-real-wrap{background-image: url("../imgs/yoga/yoga-real-bg-pc.webp");}		
  .no-webp .yoga-real-wrap{background-image: url("../imgs/yoga/yoga-real-bg-pc.jpg");}		

  .yoga-real-wrap .bk{padding:5em 0 3em;}
  .yoga-real-wrap h3{font-size:1.8em;margin-bottom:1.5em;}
  .yoga-real-wrap p{font-size:1.2em;margin-bottom:1.5em;letter-spacing:1px;}
  .yoga-real-wrap .linkbox{
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
    align-items:center;
    padding:0 3em;
  }
  .yoga-real-wrap .linkbox p{
    margin: 0 1em 2em;
  }
  /* .yoga-real-wrap .linkbox p{width:47%;} */
  .yoga-real-wrap .linkbox a{display:block;}	
    
  .yoga-howto-wrap{padding:4em 0 4em;}
  .yoga-howto-wrap ul{padding:1.5em 0 0;}
  .yoga-howto-wrap li{width:31%;padding:1.5em;margin-bottom:0;}
  .yoga-howto-wrap li .num{top:-1em; left: -.5em; width:50px;height:50px;}
  .yoga-howto-wrap li .num p{font-size:.6em;line-height:1.3;}
  .yoga-howto-wrap li .num p span{font-size:1em;}
  .yoga-howto-wrap li h3{font-size:1.2em;margin-bottom:1em;}
  .yoga-howto-wrap li p{font-size:.9em;line-height:2;}

  .top-qa-wrap{padding:4em 10% 6em;}
  .top-qa-wrap .tab {font-size: 1.2em;}
  .top-qa-wrap label {padding: 1.5em 3em 1.5em 1.25em;}
  .top-qa-wrap .tab-content p	{padding: 1.5em 1.5em;}
    
  .top-price-wrap{padding:4em 10%;}
  .top-price-wrap h3{width:100%;margin:1em auto 2em;}
  .top-price-wrap section{width:100%;padding:2em 2.5em 2em 2em;margin-bottom:3em;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
  .top-price-wrap section div{width:47%;}
  .top-price-wrap section .ttl{font-size:1.4em;margin-bottom:.6em;}
  .top-price-wrap section .txt{font-size:1em;margin-bottom:0;}
    
  .top-price-wrap .top-webmember-bt{width:60%;display:block;margin:1em auto;}
  .top-price-wrap .top-webmember-bt a{font-size:1.3em;display:block;padding:1.75em;}
  .top-price-wrap .top-webmember-bt:after{right: 1.5em;font-size:1.2em;}
  .top-price-wrap .top-webmember-bt .now{font-size:.7em;width: 50px;height: 50px;}

  .yoga-knowledge-wrap{padding:4em 0 6em;}
  .yoga-knowledge-wrap ul{padding:3em 0 1.5em;}
  .yoga-knowledge-wrap ul:before{content:"";display: block;width:21%;order:1;}
  .yoga-knowledge-wrap ul:after{content:"";display: block;width:21%;}	
  .yoga-knowledge-wrap li{width:21%;margin-bottom:3em;}
  .yoga-knowledge-wrap li p.img{margin-bottom:1em;}
  .yoga-knowledge-wrap li p.ttl{font-size:1.2em;margin-bottom:.5em;}
  .yoga-knowledge-wrap li p.time{font-size:.9em;}
    
  .top-link-bt{
    font-size:1em;
  }

  .tyr-yoga{padding:4em 0 2em;}
  .tyr-yoga ul{padding-top:1em;}	
  .tyr-yoga li{margin-bottom: 4em;width:48.5%;}
  .tyr-yoga li.osusume1{background-image: url("../imgs/yoga/yoga-osusume-bg1.webp");}
  .tyr-yoga li.osusume2{background-image: url("../imgs/yoga/yoga-osusume-bg2.webp");}
  .tyr-yoga li.osusume3{background-image: url("../imgs/yoga/yoga-osusume-bg3.webp");}
  .tyr-yoga li.osusume4{background-image: url("../imgs/yoga/yoga-osusume-bg4.webp");}	
  .no-webp .tyr-yoga li.osusume1{background-image: url("../imgs/yoga/yoga-osusume-bg1.jpg");}
  .no-webp .tyr-yoga li.osusume2{background-image: url("../imgs/yoga/yoga-osusume-bg2.jpg");}
  .no-webp .tyr-yoga li.osusume3{background-image: url("../imgs/yoga/yoga-osusume-bg3.jpg");}
  .no-webp .tyr-yoga li.osusume4{background-image: url("../imgs/yoga/yoga-osusume-bg4.jpg");}	
  .tyr-yoga li img{top: 50%; right: 1.5em; transform: translate(-0%,-50%);}
  .tyr-yoga li a{font-size: 1.4em;padding:3.5em 4em 3.5em 2em;}
  .tyr-yoga li span{display:block;font-size:1.4em;}	
    
  .yoga-contents-wrap{padding:4em 0 0;}
  .yoga-contents-wrap ul{justify-content: center;}	
  .yoga-contents-wrap li{width:20%;margin:0 2.5%;}
    
  .news-wrap{padding:0 0 6em;}	
}

@media screen and (min-width: 1280px) {
/* body.yoga h2{font-size:1.1em;}
body.yoga h2 span{font-size:2.4em;} */
	
.yoga-about-wrap{padding:6% 0 6%;}
.yoga-about-wrap p{font-size: 1.3em;line-height: 2.6;}	
.yoga-about-wrap p.about-ttl{margin:0 auto 6%;width: 55%;}
	
.yoga-aboutnoa-wrap{padding:5% 0;}
.yoga-aboutnoa-wrap ul{padding-top:3em;}
.yoga-aboutnoa-wrap li h3{font-size:1.3em;margin-bottom:1em;line-height:1.7;letter-spacing:2px;}
.yoga-aboutnoa-wrap li img{margin-bottom:1.5em;}	
.yoga-aboutnoa-wrap li p{font-size:1em;padding:0 1em;}		

.yoga-lesson-wrap{padding:4% 0 4%;}
.yoga-lesson-wrap section h3{font-size:4em;margin-bottom:.75em;}	
.yoga-lesson-wrap section p.txt {padding: 0 1em;}	
.yoga-lesson-wrap section .txt p{font-size:1.2em;margin-bottom:3em;}
.yoga-lesson-wrap section p.ttl{font-size:2.2em;margin-bottom:1em;}
	
.yoga-genre-wrap{padding:4% 0 1%;}
.yoga-genre-wrap .genrebox{padding-top:3em;}
.yoga-genre-wrap .genrebox section{width:24.92%;}
.yoga-genre-wrap .genrebox section .bk{padding:3em 2em;}
.yoga-genre-wrap .genrebox section h3{font-size:1.5em;margin-bottom:.5em;}
.yoga-genre-wrap .genrebox section p{font-size:1.1em;line-height:2;}	
.yoga-genre-wrap .genrebox section li {padding:1em 2.5em;}
.yoga-genre-wrap .genrebox section li a{font-size:1.1em;}
.yoga-genre-wrap .genrebox section.genre8 .bk {padding: 3em 2em;}	
	
.yoga-osusume-wrap{padding:4% 28% 4%;}
.yoga-osusume-wrap h2 img{width:90%;margin:0 auto 4.5em;}
.yoga-osusume-wrap ul{width:500px;margin:0 auto;display:block;}	
.yoga-osusume-wrap li{font-size:18px;margin-bottom:2.5em;}
.yoga-osusume-wrap li img{width:26px;}
	
.yoga-real-wrap .bk{padding:6% 0 4%;}	
.yoga-real-wrap h3{font-size:2.2em;}
.yoga-real-wrap p{font-size:1.3em;}
.yoga-real-wrap .linkbox{
  padding:0 24%;
}
  
.yoga-howto-wrap{padding:4% 0 5%;}
.yoga-howto-wrap ul{padding:2em 0 0;}
.yoga-howto-wrap li{padding:3em 2em 2em;margin-bottom:0;}
.yoga-howto-wrap li .num{width:60px;height:60px;}
.yoga-howto-wrap li .num p{font-size:.8em;}
.yoga-howto-wrap li .num p span{font-size:1.3em;}
.yoga-howto-wrap li h3{font-size:1.4em;margin-bottom:1.5em;}
.yoga-howto-wrap li p{font-size:1em;}
	
.top-qa-wrap{padding:4% 0 5%;}
.top-qa-box{width:960px;margin:1em auto 5em;display:block;}
.top-qa-wrap .tab{margin-bottom: 2em;}
.top-qa-wrap label {padding: 2em 3.5em 2em 2em;}
.top-qa-wrap .tab-content p{padding:2em;line-height: 2;}	
	
.top-price-wrap{padding:5% 0;}	
.top-price-wrap section{padding:3em;margin:0 auto 4em;width:960px;}	
.top-price-wrap h3{width:80%;margin:3% auto 4em;}
.top-price-wrap section .ttl{font-size:2em;margin-bottom:1em;}
.top-price-wrap section .txt{font-size:1.3em;}	
.top-price-wrap .top-webmember-bt{width:40%;}
.top-price-wrap .top-webmember-bt a{font-size:1.6em;padding:1.5em;}
	
.yoga-contents-wrap{padding:4em 0 0;}
.yoga-contents-wrap ul{width:1100px;margin:0 auto;}
	
.yoga-knowledge-wrap{padding:5% 0 6%;}	
.news-wrap{padding:0 0 6%;}
	
}

@media screen and (min-width: 1440px) {
  .yoga-aboutnoa-wrap li h3{font-size:1.6em;margin-bottom:1em;letter-spacing:3px;}
  .yoga-aboutnoa-wrap li p {font-size: 1.2em;}
    
  .yoga-genre-wrap .genrebox section .bk{padding:3em 3em;}
  .yoga-genre-wrap .genrebox section h3{font-size:1.7em;margin-bottom:.75em;}
  .yoga-genre-wrap .genrebox section p{font-size:1.1em;}
	
}