@charset "utf-8";
	.w1074{
		max-width:1074px;
		margin:0 auto;
		position:relative;
	}
	span.yogapic{
		position:absolute;
		top:-48px;
		right:0;
		display:block;
	}
	img.sp-none-yoga{display:block;}
	img.sp-block-yoga{display:none;}
	.lesson-box{
		background:
			url(../img/lesson/frame_up_left.png)no-repeat top 4px left 6px,
			url(../img/lesson/frame_up_right.png)no-repeat top 4px right 6px,
			url(../img/lesson/frame_under_left.png)no-repeat bottom 4px left 6px,
			url(../img/lesson/frame_under_right.png)no-repeat bottom 4px right 6px;
		background-color:#fff0f3;
		margin-top:30px;
	}
	.section5 .sec-title-box{padding-top:40px;}
	.sec-title-box{
		max-width:385px;
		margin:0 auto;
		margin-bottom:60px;
	}
	.flow01{margin-left:80px;}
	.le-flow-box{
		width:400px;
		float:left;
	}
	figure.le-flow{
		width:331px;
		float:left;
	}
	figure.le-flow figcaption{
		font-size:13px;
		margin-left:18px;
		margin-top:10px;
	}
	.arrow{
		float:left;
		margin-left:41px;
		margin-right:16px;
		margin-top:90px;
	}
	img.sp-none-arrow{display:block;}
	img.sp-block-arrow{display:none;}
	.flow02{
		float:right;
		margin:45px 89px 0 0;
		padding-bottom:50px;
	}
	.section6{background:url(../img/lesson/lesson_background.png);}
	.section6 .lesson-titbox{
		padding-top:70px;
		max-width:385px;
		margin:0 auto;
		margin-bottom:45px;
	}
	.sec-title-box{
		max-width:385px;
		margin:0 auto;
		margin-bottom:60px;
	}
	.lesson-list{padding-bottom:25px;}
	.lesson-list article{
		width:478px;
		height:289px;
		box-sizing:border-box;
		padding:50px 25px 30px 30px;
		margin-bottom:35px;
		float:right;
	}
	.lesson-list article:first-child{float:left;}
	.lesson-list article.list-0{background:url(../img/lesson/lesson_l00.jpg)no-repeat;}
	.lesson-list article.list-1{background:url(../img/lesson/lesson_l01.jpg)no-repeat;}
	.lesson-list article.list-2{background:url(../img/lesson/lesson_l02.jpg)no-repeat;}
	.lesson-list article.list-3{background:url(../img/lesson/lesson_l03.jpg)no-repeat;}
	.lesson-list article h3{
		font-size:23px;
		color:#96771E;
		text-align:center;
		margin-bottom:22px;
		font-weight:bold;
		text-shadow:1px 1px 1px #fff;
	}
	.lesson-list article .lesson-pic{
		float:left;
		width:220px;
	}
	.lesson-list article .lesson-pic img{width:100%;}
	.lesson-list article figcaption{
		font-size:14px;
		float:right;
		width:183px;
		font-family: "メイリオ",Meiryo, Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", sans-serif;
	}
	h2.other-lesson{
		font-size:22px;
		color:#fff;
		text-align:center;
		margin-bottom:30px;
		letter-spacing:0.1em;
	}
	.lesson-list article.list-1-imi{background:url(../img/lesson/lesson_l01imi.jpg)no-repeat;}
	.lesson-list article.list-2-imi{background:url(../img/lesson/lesson_l02imi.jpg)no-repeat;}
@media screen and (max-width:1074px){
	img.sp-none-yoga{display:none;}
	img.sp-block-yoga{display:block;}
	span.yogapic{
		top:-28px;
		right:0;
		display:block;
	}
}
@media screen and (max-width:999px){
	.arrow{
		margin-left:18px;
		margin-right:0;
	}
	.le-flow-box{width:361px;}
	.flow01, .flow02{
		float:none;
		margin-left:0;
		margin-right:0;
		width:722px;
		margin:0 auto;
		margin-top:45px;
	}
	.lesson-list{
		width:840px;
		margin:0 auto;
		padding-bottom:0;
	}
	.lesson-list article{
		width:410px;
		height:247px;
		padding:30px 10px 10px 10px;
	}
	.lesson-list article h3{
		font-size:19px;
		margin-bottom:15px;
	}
	.lesson-list article .lesson-pic{width:50%;}
	.lesson-list article figcaption{width:48%;}
	.lesson-list article.list-0, .lesson-list article.list-1, .lesson-list article.list-2, .lesson-list article.list-3, .lesson-list article.list-1-imi, .lesson-list article.list-2-imi{
		background-size:contain;
		background-position-x:center;
	}
}
@media screen and (max-width:840px){
	.lesson-list{
		width:740px;
		margin:0 auto;
		padding-bottom:0;
	}
	.lesson-list article{
		width:365px;
		height:219px;
		padding:30px 10px 10px 10px;
	}
	.lesson-list article figcaption{font-size:12px;}
	.lesson-list article h3{margin-bottom:5px;}
}
@media screen and (max-width:740px){
	span.yogapic{display:none;}
	.flow01{width:100%;}
	.le-flow-box{width:50%;}
	figure.le-flow{width:91%;}
	.arrow{margin-left:4%;}
	.lesson-list{width:606px;}
	.lesson-list article{
		width:293px;
		height:344px;
		padding:30px 10px 10px 10px;
	}
	.lesson-list article.list-0{background:url(../img/lesson/lesson_s_l00.jpg)no-repeat;}
	.lesson-list article.list-1{background:url(../img/lesson/lesson_s_l01.jpg)no-repeat;}
	.lesson-list article.list-2{background:url(../img/lesson/lesson_s_l02.jpg)no-repeat;}
	.lesson-list article.list-2-1{background:url(../img/lesson/lesson_s_l02_2.jpg)no-repeat;}
	.lesson-list article.list-3{background:url(../img/lesson/lesson_s_l03.jpg)no-repeat;}
	.lesson-list article.list-1-imi{background:url(../img/lesson/lesson_s_l01imi.jpg)no-repeat;}
	.lesson-list article.list-2-imi{background:url(../img/lesson/lesson_s_l02imi.jpg)no-repeat;}
	.lesson-list article .lesson-pic{
		float:none;
		width:100%;
		max-width:220px;
		margin:0 auto;
		margin-bottom:10px;
	}
	.lesson-list article figcaption{
		float:none;
		width:100%;
	}
}
@media screen and (max-width:640px){
	article.pageBody .lace-back{
		background:none;
		padding:40px 0;
	}
	.arrow-01{display:none;}
	.lesson-box{
		background:none;
		background:#fff0f3;
	}
	.lesson-list{width:293px;}
	.lesson-list article{
		width:293px;
		height:344px;
		padding:30px 10px 10px 10px;
	}
	.lesson-list article.list-0, .lesson-list article.list-1, .lesson-list article.list-2, .lesson-list article.list-3, .lesson-list article.list-1-imi, .lesson-list article.list-2-imi{
		background-size:contain;
		background-position-x:center;
	}
	.lesson-list article h3{font-size:19px;}
	.lesson-list article .lesson-pic{width:180px;}
	.lesson-list article figcaption {font-size: 14px;}
}
@media screen and (min-width:531px) and (max-width:640px){
	.flow01, .flow02 {width: 522px;}
	figure.le-flow{width:240px;}
	.arrow {
		width:8px;
		margin-top: 75px;
		margin-left:13px;
	}
	.arrow img{width:100%;}
	.le-flow-box{width:261px;}
	.flow02 .le-flow-box02{width:240px;}
}
@media screen and (max-width:530px){
	figure.le-flow{
		width:276px;
		float:none;
	}
	.arrow{float:none;}
	.le-flow-box{
		float:none;
		width:276px;
	}
	.flow01, .flow02 {width: 276px;}
	.flow02{margin-top:0;}
	img.sp-none-arrow{display:none;}
	img.sp-block-arrow{display:block;}
	.arrow{
		margin-top:0;
		width:20px;
		margin:20px auto;
	}
	figure.le-flow figcaption{font-size:12px;}
}
@media screen and (max-width:480px){
	.section6{padding-bottom:40px;}
}