/* title */
.titleblock.music-ch{
	background: url(../img/music-ch/bg_title.jpg) no-repeat center bottom;
	background-size: cover;
}
.titleblock.music-ad{
	background: url(../img/music-ad/bg_title.jpg) no-repeat center bottom;
	background-size: cover;
}
.titleblock.english-ch{
	background: url(../img/english-ch/bg_title.jpg) no-repeat center bottom;
	background-size: cover;
}
.titleblock.english-ad{
	background: url(../img/english-ad/bg_title.jpg) no-repeat center bottom;
	background-size: cover;
}
.titleblock.course{
	background: url(../img/course/bg_title.jpg) no-repeat center bottom;
	background-size: cover;
}

.titleblock.music-ch h1,
.titleblock.music-ad h1,
.titleblock.english-ch h1,
.titleblock.english-ad h1,
.titleblock.course h1{
	padding-top: 170px;
}

.titleblock.musical-instrument{
	background: url(../img/musical-instrument/bg_title.jpg) no-repeat center top;
	background-size: cover;
}
.titleblock.musical-instrument02{
	background: url(../img/musical-instrument/bg_title02.jpg) no-repeat center bottom;
	background-size: cover;
}
.titleblock.musical-score{
	background: url(../img/musical-score/bg_title.jpg) no-repeat center top;
	background-size: cover;
}
.titleblock.cd-dvd{
	background: url(../img/cd-dvd/bg_title.jpg) no-repeat center bottom;
	background-size: cover;
}
.titleblock.musical-instrument,
.titleblock.musical-instrument02,
.titleblock.musical-score,
.titleblock.cd-dvd{
height: 580px;
}
.titleblock.musical-instrument h1,
.titleblock.musical-instrument02 h1,
.titleblock.musical-score h1,
.titleblock.cd-dvd h1,
.titleblock.lesson.bg1 h1{
	padding-top: 160px;
}
.titleblock.musical-instrument h1{
color: #fff;
}
.titleblock.lesson.bg1 h1 span{
/*	padding: 0 10px;
	background: url(../img/bg_title02.png) repeat left bottom;*/
	font-size: inherit;
	font-weight: normal;
}

.titleblock.lesson h1 span{
	font-size: 20px;
	font-weight: bold;
}
.titleblock.lesson.bg1{
	position: relative;
	height: 580px;
	background: url(../img/lesson/bg_title01.jpg) no-repeat center bottom;
	background-size: cover;
}

.lessonDetail{
	padding-top: 90px;
}

.titleblock.lesson.bg1 h1{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin-top: -66px;
	font-size: 28px;
}

.contents p{
	font-size: 14px;
}

.titleblock p{
	width: 495px;
	font-size: 16px;
}
.titleblock .side{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	height: 354px;
	margin: auto 0;
	z-index: 100;
}
.titleblock. side li{
	margin: 6px 0;
}

#anc01, #anc02, #anc03, #anc04, #anc05, #anc06, #anc07, #anc08{
	margin: 0;
	padding-top: 120px;
}
#anc01 > h2, #anc02 > h2, #anc03 > h2, #anc04 > h2, #anc05 > h2, #anc06 > h2, #anc07 > h2, #anc08 > h2{
	margin-top: 0;
	margin-bottom: 50px;
}
#anc01 > h2+*, #anc02 > h2+*, #anc03 > h2+*, #anc04 > h2+*, #anc05 > h2+*, #anc06 > h2+*, #anc07 > h2+*, #anc08 > h2+*{
	margin-top: 0;
}

.m-anc li{
	margin-bottom: 15px;
}
#anc011,
#anc012,
#anc021,
#anc022{
margin-top: -80px;
    padding-top: 80px;
}
.bnr-store{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.bnr-store .btnArw{
	position: absolute;
	top: 144px;
	left: 74px;
	width: 232px;
}

.bnr-store .btnArw{
	position: absolute;
	top: 144px;
	left: 74px;
	width: 232px;
}
.bnr-store .btnArw a{
	height: 40px;
	line-height: 1.3;;
}

/* music */
.music-box1{
	display: flex;
	margin-top: 120px;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.music-box1 .item{
	width: 600px;
    font-size: 14px;
}
.music-box1 .img{
	float: left;
}
.music-box1 h2{
	margin-bottom: 50px;
	padding-top: 20px;
	font-size: 36px;
	font-weight: normal;
}
.music-box1 h2 .color{
display: inline-block;
margin-bottom: 10px;
	color: #D13F70;
	font-size: 20px;
	font-weight: normal;
}

.music-box2 .wrap{
	display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
	margin-top: -60px;
}
.music-box2 .item{
	width: 48%;
	margin-top: 60px;
}
.music-box2.type2 .item{
	width: 380px;
	margin-top: 60px;
}
.music-box2 h3{
	margin-top: 24px;
	font-size: 18px;
}
.music-box2 .item p{
	margin: 20px 0 0;
}
.music-box2 .item p.img{
	margin: 0;;
}

.music-box3 {
	position: relative;
	margin: 0 0 100px;
	padding: 70px 0 200px;
	background: url(../img/top/bg_back1.jpg) no-repeat center 40px;
	background-size: cover;
}
.music-box3:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
	width: 100%;
	height: 40px;
	background: url(../img/top/bg_back1_top.png) no-repeat center top;
	background-size: cover;
}
.music-box3 .lead{
	font-size: 18px;
	font-weight: bold;
}
.music-box3 h3{
	text-align: center;
	font-size: 28px;
	font-weight: normal;
}
.music-box3 .list1{
	display: flex;
	justify-content: space-between;
	max-width: 1060px;
	margin: 84px auto 0;
}
.music-box3 .list1 li{
	width: 300px;
	margin: 0;;
	text-align: center;
}
.music-box3 .list1 p{
	margin-top: 14px;
}
.music-box3 .list1 p.tfix{
	margin-right: -1em;
}
.music-box3 .list1 .lead img{
	margin-bottom: 20px;
}
.music-box3 .bgBlock{
	margin-top: 80px;
	padding: 40px 0 80px;
	background: #fff;
	border-radius: 40px;
}
.music-box3 .bgBlock:first-child{
	margin-top: 0;
}
.music-box3 .bgBlock h3 span{
	display: inline-block;
	margin-bottom: 14px;
	color: #337AB5;
	font-size: 21px;
	font-weight: bold;
}
.music-box3 .bgBlock .list1{
	margin-top: 26px;
}
.music-box3:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
	width: 100%;
	height: 36px;
	background: url(../img/bg_back6.png) no-repeat center bottom;
	background-size: cover;
}


.music-box4 {
	margin-top: 160px;
	padding: 70px 0 80px;
	background: url(../img/bg_back2.png) no-repeat center top;
	background-size: auto 100%;
}
.music-box4 h3{
	margin-bottom: 30px;
	text-align: center;
	font-size: 32px;
	font-weight: normal;
}
.music-box4 h3 span{
	display: inline-block;
	margin-bottom: 20px;
	color: #D13F70;
	font-size: 21px;
}
.music-box4 .list1{
	display: flex;
	margin-top: 34px;
	justify-content: space-between;
}
.music-box4 .list1 li{
	position: relative;
	width: 260px;
	margin: 0;
	padding: 20px 0 24px;
	border: 1px solid #e3e3e3;
	border-radius: 20px;
	background: #fff;
}
.music-box4 .list1 li:after{
	position: absolute;
    content: "";
    top: 0;
	bottom: 0;
    right: -33px;
    width: 15px;
    height: 27px;
	margin: auto 0;
	background: url(../img/music-ch/bg_arw.png) no-repeat center top;
}
.music-box4 .list1 li:last-child:after{
	display: none;
}
.music-box4 .list1 .block{
	min-height: 364px;
}
.music-box4 .list1 p{
	margin: 10px 0 0;
	padding: 0 25px;
	text-align: left;
	line-height: 1.7;
}
.music-box4 .list1 p.img{
	margin: 0;
}
.music-box4 .list1 .lead{
	min-height: 2.6em;
	margin-top: 44px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}
.music-box4 .list1 .btnArw{
	width: 180px;
	margin: 20px auto 0;
	padding: 0;
}
.music-box4 .list1 .btnArw a{
	width: 180px;
	text-align: center;
	justify-content: center;
}
.music-box4 .list1 .note{
	font-size: 10px;
}

.music-box5{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	margin-top: 40px;
	padding: 30px 220px 40px 0;
	text-align: center;
	box-sizing: border-box;
	background: url(../img/bg_back3.png) no-repeat center top;
	background-size: 100% auto;
	z-index: 2;
}
.music-box5 h3{
	font-size: 28px;
	font-weight: normal;
}
.music-box5 h3 span{
	display: inline-block;
	margin-bottom: 10px;
	color: #D13F70;
	font-size: 21px;
}
.music-box5 h3 span .ot{
	margin: 0;
}
.music-box5 p{
	margin-top: 16px;
}
.music-box5 .img{
	position: absolute;
	top: 36px;
	right: 40px;
	margin: 0;
}
.music-box5 .btnArw{
	width: 346px;
	margin-top: 30px;
}
.music-box5 .btnArw a{
	height: 50px;
	justify-content: center;
}

.music-box5.wide{
	width: 1200px;
	min-height: 270px;
	padding: 70px 0 0;
	background: url(../img/bg_back8.png) no-repeat center top;
}
.music-box5.wide h3{
	color: #D13F70;
}
.music-box5.type2{
	width: 1200px;
	background: url(../img/bg_back7.png) no-repeat center top;
}
.music-box5.type2 .img{
	top: 26px;
}

.music-anc{
	text-align: center;
}
.music-anc li{
	display: inline-block;
	float: none;
	width: 250px;
	margin: 0 12px;
	text-align: left;
	vertical-align: top;
}
.music-anc.type2 li{
	width: 180px;
	margin: 0 10px;
}
.music-anc.type2 li img{
	max-width: 20px;
}
.music-anc li a{
	width: 250px;
}
.music-anc li a img{
	margin-right: 10px;
}
.music-anc + #anc031,
.music-anc + #anc031 + #anc032,
.music-anc + #anc031 + #anc032 + #anc033,
.music-anc + #anc031 + #anc032 + #anc033 + #anc034,
.music-anc + #anc031 + #anc032 + #anc033 + #anc034 + #anc035,
.music-anc + #anc031 + #anc032 + #anc033 + #anc034 + #anc035 + #anc036{
	margin-top: -60px;
    padding-top: 60px;
}


.contents p.music-img1{
	margin-top: 60px;
	text-align: center;
}
.music-img1 img{
	margin-bottom: 16px;
}

.music-box6 .item {
	position: relative;
	margin-top: 60px;
	padding: 40px;
	border: 1px solid #e3e3e3;
	border-radius: 40px;
}
.music-box6 .detail1 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.music-box6 .detail1 .ico{
	position: absolute;
	top: -60px;
	left: -20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 133px;
	height: 32px;
	background: #2D8542;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.music-box6 .detail1 .img{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	width: 300px;
	padding-right: 40px;
}
.music-box6 .detail1 dl{
	width: 550px;
}
.music-box6 .detail1 dt{
	margin-top: -20px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.music-box6 .detail1 dt span{
	font-family: din-2014, sans-serif;
	font-style: normal;
	font-size: 43px;
	font-weight: normal;
}
.music-box6 .detail1 dd{
	margin-top: 10px;
	color: #000000;
	font-size: 14px;
	line-height: 2;
}
.music-box6 .detail1 .btnArw a{
	position: absolute;
    bottom: 0px;
    right: 0;
    width: 164px;
}
.music-box6 .detail2 {
	margin-top: 66px;
}
.music-box6 .detail2 ul{
	display: flex;
	justify-content: space-between;
}
.music-box6 .detail2 ul li{
	position: relative;
	width: 354px;
	border-radius: 15px;
	padding: 30px 30px 26px;
	background: #fbebf0;
	box-sizing: border-box;
}
.music-box6 .detail2 .lead{
	margin-bottom: 6px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.music-box6 .detail2 .lead span{
	position: absolute;
	top: -20px;
	left: -16px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 76px;
	background: url(../img/music-ch/bg_title2.png) no-repeat center top;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.music-box6 h4{
	margin: 60px 0 20px;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
}

.music-box6 .detail3 ul{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.music-box6 .detail3 ul li{
	position: relative;
	display: flex;
	width: 544px;
	border-radius: 15px;
	padding: 30px 30px 40px;
	background: #e9f3eb;
	box-sizing: border-box;
}
.music-box6 .detail3 .ico{
	position: absolute;
	top: -16px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 155px;
	height: 32px;
	margin: 0 auto;
	background: #2D8542;
	border-radius: 30px;
	text-align: center;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
}
.music-box6 .detail3 ul .img{
	width: 220px;
}
.music-box6 .detail3 ul .block{
	width: 238px;
}
.music-box6 .detail3 ul .block .btnArw a{
	margin: 10px 0 0 15px;
}

.music-box6 .detail4 ul{
	display: flex;
	justify-content: space-between;
	max-width: 1040px;
	margin: 32px auto 0;
}
.music-box6 .detail4 ul li{
	width: 500px;
	padding-bottom: 20px;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
	border-radius: 20px 0 20px 0;
}
.music-box6 .detail4 .ico{
	position: absolute;
	top: -20px;
	left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 137px;
	height: 32px;
	background: #2D8542;
	text-align: center;
	border-radius: 30px;
	color:#fff;
	font-size: 12px;
	font-weight: bold;
}
.music-box6 .detail4 h5{
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.music-box6 .detail4 p{
	margin: 5px 20px 0;
}
.music-box6 .detail4 p.img{
	margin: 0;
}
.music-box6 .detail4 .lead{
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold
}
.music-box6 .detail4 .btnArw {
	margin-top: 10px;
	width: auto;
}
.music-box6 .detail4 .btnRight a{
	width: auto;
}

.music-box7 {
	margin: 60px 0 80px;
	padding: 1px 80px 80px;
	border-radius: 30px;
	background: url(../img/bg_back1.jpg) no-repeat center -30px;
	background-size: cover;
	box-sizing: border-box;
}
.music-box7 .btn{
	margin: 75px 0 0;
	background: #fff;
	border-radius: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
}
.music-box7 .btn a,
.music-box7 .btn > span{
	position: relative;
	display: block;
	padding: 0 65px;
	height: 60px;
}
.music-box7 .btn a .ico,
.music-box7 .btn > span .ico{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 20px;
	width: 28px;
	height: 34px;
	text-align: center;
}
.music-box7 .btn a .ico img,
.music-box7 .btn > span .ico img{
	vertical-align: top;
}
.music-box7 .btn a:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    width: 6px;
    height: 6px;
    border-left: 2px solid #3E3E3E;
    border-bottom: 2px solid #3E3E3E;
    transform: rotateZ(-135deg);
    margin: auto 0;
    vertical-align: top;
}
.music-box7 h3{
	margin: 40px 0 -30px;
	font-size: 14px;
}
.music-box7 ul{
	padding-top: 20px;
}
.music-box7 li{
	display: inline-block;
	margin: 20px 30px 0 0;
	font-size: 14px;
}
.music-box7 li a{
	display: block;
	border: 1px solid #BCBCBC;
	background: #fff;
	padding: 0 15px;
	border-radius: 25px;
	font-weight: normal;
	line-height: 33px;
}
.music-box7 .btnRight{
	margin-top: 26px;
}

.music-box8 {
	position: relative;
	margin: 0 0 80px;
	padding: 130px 0 180px;
	background: url(../img/bg_back1.png) no-repeat center top;
	background-size: cover;
	box-sizing: border-box;
}
.music-box8:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
	width: 100%;
	height: 36px;
	background: url(../img/bg_back6.png) no-repeat center bottom;
	background-size: cover;
}
.music-box8 .m-faq{
	padding: 40px 0 120px;
	border-radius: 30px;
	background: #fff;
}
.music-box8 .m-faq dl{
	width: 880px;
	margin: 0 auto;
}
.music-box8 .btnRight{
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
}
.music-box8 .btnRight a{
	float: right;
	height: 50px;
	padding-right: 30px;
}



.music-box9{
	width: 1000px;
	margin: 160px auto 0;
}
.music-box9 li {
	width: auto;
	margin: 0;
}
.music-box9 li a {
	justify-content: center;
	width: 320px;
	height: 80px;
	border-radius: 20px;
	font-size: 16px;
}
.music-box9 li a:hover {
	opacity:.7;
}
.music-box9 li a img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 25px;
	margin: auto 0;
}
.music-box9 li.color1 a img {
	width: 31px;
}
.music-box9 li.color2 a img {
	width: 19px;
}
.music-box9 li.color3 a img {
	width: 21px;
}
.music-box9 li.color1 a {
	border: 1px solid #D13F70;
	color: #D13F70;
}
.music-box9 li.color1 a .icon.arrow::before {
  border-top: 0.125rem solid #D13F70;
  border-right: 0.125rem solid #D13F70;
}
.music-box9 li.color1 a:hover .icon.arrow {
  background: #D13F70;
}
.music-box9 li.color2 a {
	border: 1px solid #337AB5;
	color: #337AB5;
}
.music-box9 li.color2 a .icon.arrow::before {
  border-top: 0.125rem solid #337AB5;
  border-right: 0.125rem solid #337AB5;
}
.music-box9 li.color2 a:hover .icon.arrow {
  background: #337AB5;
}
.music-box9 li.color3 a {
	border: 1px solid #2D8542;
	color: #2D8542;
}
.music-box9 li.color3 a .icon.arrow::before {
  border-top: 0.125rem solid #2D8542;
  border-right: 0.125rem solid #2D8542;
}
.music-box9 li.color3 a:hover .icon.arrow {
  background: #2D8542;
}

.music-box10 .m-box{
	justify-content: flex-start;
    column-gap: 30px;
}
.music-box10 .m-box .item{
	width: 380px;
}
.music-box10 .m-box .item .img{
	text-align: center;
}
.music-box10 .m-box .item .img img {
    width: 300px;
    height: 104px;
    object-fit: contain;
}
.music-box10 .m-box .btnRight{
	padding: 0 25px;
	box-sizing: border-box;
}
.music-box10 .m-box .item{
	position: relative;
	overflow: visible;
}
.music-box10 .m-box .item .ico{
	position: absolute;
	top: -18px;
	left: 0;
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 15px;
	background: #D13F70;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.music-box11{
	margin-top: 80px;
	padding: 80px;
	border: 1px solid #E3E3E3;
	border-radius: 30px;
}
.music-box11 ul li + li {
	margin-top: 35px;
}

.music-il01,
.music-il02,
.music-il03,
.music-il04,
.music-il05,
.music-il06,
.music-il07{
	position: relative;
}
.music-il01{
	padding-top: 90px;
}
.music-il01 .m-slide{
	position: relative;
	z-index: 2;
}
.music-il01 .il01{
	position: absolute;
	top: -50px;
	left: 0;

}
.music-il01 .il02{
	position: absolute;
	bottom: -100px;
	right: 0;
}
.music-il02 div,
.music-il03 div{
	position: relative;
	z-index: 5;
}
.music-il02 .il03{
	position: absolute;
	bottom: 0;
	left: 500px;
}
.music-il03 .il04{
	position: absolute;
	top: -80px;
	right: 20px;
}
.music-il03 .il05{
	position: absolute;
	bottom: -140px;
	left: 10px;
}
.music-il04{
	padding-top: 80px;
}
.music-il04 .il06{
	position: absolute;
	top: -260px;
	right: 0;
	z-index: -1;
}
.music-il05 .il07{
	position: absolute;
	top: 0;
	left: 0;
}
.music-il06,
.music-il07{
	margin-top: 30px !important;
}
.music-il06 .il08{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
.music-il07 .il09{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}


.english-il01,
.english-il02,
.english-il03,
.english-il04,
.english-il05,
.english-il06,
.english-il07,
.english-il08{
	position: relative;
}
.english-il01{
	padding-top: 90px;
}
.english-il01 .m-slide{
	position: relative;
	z-index: 2;
}
.english-il01 .il01{
	position: absolute;
	top: -50px;
	left: 0;

}
.english-il01 .il02{
	position: absolute;
	bottom: -100px;
	right: 0;
}
.english-il01 + #anc01{
	position: relative;
	z-index: 2;
}
.english-il01 + #anc01 .music-box10 .m-box .item{
	background: #fff;
}
.english-il02 div,
.english-il03 div,
.english-il05 div,
.english-il06 div{
	position: relative;
	z-index: 5;
}
.english-il02 .il03{
	position: absolute;
	bottom: 30px;
	left: 500px;
}
.english-il03{
	padding-bottom: 130px;
}
.english-il03 .il04{
	position: absolute;
	top: -80px;
	right: 20px;
}
#anc02.english-il04{
	margin-top: -20px;
}
.english-il04 .il05{
	position: absolute;
	top: -60px;
	left: -20px;
}
.english-il04 .il06{
	position: absolute;
    bottom: 30px;
    left: 500px;
}
.english-il06 .il07{
	position: absolute;
	top: -100px;
	right: 10px;
}
.english-il07 {
	padding-bottom: 100px;
}
.english-il07 .il08{
	position: absolute;
	bottom: -110px;
	left: 0;
	z-index: -1;
}
.english-il08 .il09{
	position: absolute;
	top: -160px;
    right: 90px;
	z-index: -1;
}

.course-list{
	justify-content: flex-start;
	column-gap: 1.3%;
}
.course-list .detail img{
	width: 230px;
    height: 160px;
    object-fit: contain;
}
.course-list + .m-btn2{
	width: 210px;
}


/* lesson */

.lesson-bnr{
	margin-top: 70px;
}
.lesson-movie{
	margin-top: 60px;
}
.lesson-btn{
	width: 100%;
	margin-top: -100px;
	margin-bottom: 150px;
}
.lesson-btn a{
	float: right;
	width: 166px;
	margin: 0;
}
.lesson-btnRight{
	width: 100%;
	margin-top: 60px;
	overflow: hidden;
}
.lesson-btnRight a{
	float: right;
	width: 166px;
}

.lesson-box1 .tblwrap{
	width: 520px;
	margin-top: 60px;
}
.lesson-box1 .tblwrap:nth-child(2){
	width: 650px;
	margin-left: 15px;
}
.lesson-box1 .tblwrap table{
	width: 100%;
}

.lesson-box2 .tblwrap{
	margin: 30px 0 60px;
}
.lesson-box2 .tblwrap table{
	width: 100%;
}
.lesson-box2 .tblwrap table th{
	width: 200px;
}
.lesson-box2 .m-notelist li{
	font-size: 14px;
}

.contents .lesson-box3 {
	padding: 20px 80px 80px;
	box-sizing: border-box;
}
.contents .lesson-box3 h3{
	margin-top: 60px;
	background: url(../img/bg_h3_2.png) no-repeat center top;
	font-size: 18px;
	font-weight: bold;
}
.contents .lesson-box3 h3 + p {
	margin-top: 40px;
}
.contents .lesson-box3 .lesson-tbl01{
	margin-top: 60px;
}
.contents .lesson-box3 .lesson-tbl01 th,
.contents .lesson-box3 .lesson-tbl01 td{
	text-align: center;
}
.contents .lesson-box3 .lesson-tbl01 th{
	width: 90px;
	box-sizing: border-box;
}
.contents .lesson-box3 .lesson-tbl01 .m-btn2 {
	width: 122px;
	margin: 0 auto;
}
.contents .lesson-box3 .lesson-tbl01 .m-btn2 a{
	width: 122px;
	height: 36px;
	margin: 0;
}

.contents .lesson-box3 .lesson-tbl02{
	margin-top: 80px;
}
.contents .lesson-box3 .lesson-tbl02 th{
	width: 14.28%;
	box-sizing: border-box;
	text-align: center;
}
.contents .lesson-box3 .lesson-tbl02 td{
	padding: 15px;
	height: 140px;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 18px;
	font-weight: 500;
}
.contents .lesson-box3 .lesson-tbl02 td p{
	margin-top: 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.contents .lesson-box3 .lesson-tbl02 td p img{
	margin-right: 10px;
	vertical-align: text-top;
}
.contents .lesson-box3 .lesson-tbl02 td p.btnArw{
	width: 80px;
	margin: 10px auto 0;
}
.contents .lesson-box3 .lesson-tbl02 .sat{
	color: #337AB5;
}
.contents .lesson-box3 .lesson-tbl02 .sun{
	color: #D13F70;
}
.contents .lesson-box3 .lesson-tbl02 .sat p,
.contents .lesson-box3 .lesson-tbl02 .sun p{
	color: #3E3E3E;
}

.contents .lesson-box3 .search-nav + .tblwrap .lesson-tbl02,
.contents .lesson-box3 .search-nav + .lesson_trial .lesson-tbl02{
	margin-top: 30px;
}

.lesson-box3 .search-nav{
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px dashed #3E3E3E;
}
.lesson-box3 .search-nav .btnArw{
	margin: 0;
}
.lesson-box3 .search-nav .btnArw a{
	width: 80px;
}
.lesson-box3 .search-nav .m-btn3 a{
	float: right;
}
.lesson-box3 .search-nav .date{
	position: relative;
	width: 320px;
	padding: 0 40px;
	box-sizing: border-box;
	font-weight: 500;
	background: #FCF2F2;
	border-radius: 20px;
	text-align: center;
	font-size: 18px;
}
.lesson-box3 .search-nav .date .sdate{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 23px;
	height: 21px;
	margin: auto;
}
.lesson-box3 .search-nav .date .sdate input {
	width: 23px;
	height: 21px;
	background: url(/img/search/ico_search1.png) no-repeat;
	border: none;
	outline: none;
	appearance: none;
	vertical-align: top;
	font-size: 0;
}


.lesson-box4 .item{
	width: 500px;
	margin-top: 70px;
}
.lesson-box4 .category{
	float: right;
	margin-top: 10px;
	padding: 0 15px;
	background: #2D8542;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 33px;
}
.lesson-box4 .name{
	margin: 10px 0 30px;
	font-size: 18px;
	font-weight: bold;
}
.lesson-box4 .tblwrap{
	margin-top: 30px;
}

.lesson-box5 {
	margin-top: 60px;
	overflow: hidden;
}
.lesson-box5 .img{
	float: left;
	width: 544px;
	margin-right: 40px;
}
.lesson-box5 h4{
	margin-bottom: 20px;
	font-size: 22px;
}
.lesson-box5 p{
	font-size: 16px;
}
.lesson-box5 dl{
	margin-top: 20px;
	overflow: hidden;
}
.lesson-box5 dt,
.lesson-box5 dd{
	font-size: 16px;
	line-height: 2.0;
}
.lesson-box5 dt{
	float: left;
}
.lesson-box5 dd{
	padding-left: 5em;
}
.lesson-box5 .btnArw {
	display: inline-block;
	margin: 30px 0 0;
}
.lesson-box5 .btnArw {
	width: 150px;
}
.lesson-box5 .btnArw + .btnArw {
	width: 192px;
	margin-left: 20px;
}
.lesson-box5 .btnArw a{
	margin: 0;
}

.lesson-box6 ul{
	display: flex;
	column-gap: 12px;
	flex-wrap: wrap;
	margin-top: 40px;
}
.lesson-box6 li{
	width: 290px;
	margin: 0 0 20px;
}
.lesson-box6 li a{
	margin: 0;
	line-height: 1.3;
}
.lesson-box6 li a img{
	margin-right: 10px;
}

.lesson-modal {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 1200px;
	height: 80%;
	margin: auto;
	padding: 30px 0;
	background: #FFFFFF;
	border-radius: 30px;
	z-index: 101;
	box-sizing: border-box;
}
.lesson-modal .inner{
	position: static;
	width: 100%;
	height: 100%;
	padding: 0 80px 50px;
	overflow-y: auto;
	box-sizing: border-box;
}
.lesson-modal .close {
	width: 110px;
	margin: 60px auto 0;
}
.lesson-modal .close.fix {
	position: absolute;
	top: 20px;
	right: 20px;
	margin: 0;
	z-index: 10;
}
.lesson-modal .close a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border: 1px solid #BCBCBC;
	background: #fff url(../img/ico_close.png) no-repeat 80% center;
	border-radius: 25px;
	font-size: 14px;
	font-weight: normal;
	box-sizing: border-box;
}
.lesson-modal h3 {
    background: url(../img/bg_h3_2.png) no-repeat;
}
.lesson-modal h3.large {
	margin: 10px 0;
    background: none;
	font-size: 28px;
}
.lesson-modal .list1 .item{
	width: 580px;
	border: 1px solid #E3E3E3;
	border-radius: 20px;
}
.lesson-modal .list1{
	flex-wrap: wrap;
	padding-top: 10px;
    column-gap: 29px;
    justify-content: flex-start;
}
.lesson-modal .list1 li{
	position: relative;
	width: 320px;
	margin: 40px 0 0;
	border: 1px solid #E3E3E3;
	border-radius: 20px;
	font-size: 14px;
	line-height: 1.3;
	overflow: hidden;
}
.lesson-modal .list1 li a{
	display: block;
	padding-right: 40px;
}
.lesson-modal .list1 li:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	width: 6px;
	height: 6px;
	border-left: 0.125rem solid #3E3E3E;
	border-bottom: 0.125rem solid #3E3E3E;
	transform: rotateZ(-135deg);
	margin: auto 0;
	vertical-align: top;
}
.lesson-modal .list1 li .img{
	width: 120px;
	float:left;
	margin: 0 15px 0 0;
	padding: 0;
}
.lesson-modal .list1 li .img img{
	width: 120px;
	height: 140px;
    object-fit: cover;
}
.lesson-modal .list1 li p{
	padding-top: 10px;
}
.lesson-modal .list1 li .bold{
	padding-top: 20px;
	font-weight: bold;
}
.lesson-modal .tbltxt{
	margin-top: 10px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
.lesson-modal .m-tbl td{
	font-weight: bold;
}
.lesson-modal .m-tbl td .btnArw{
	width: 122px;
}
.lesson-modal .shop{
	margin: 20px 0 10px;
	padding-right: 15px;
	border: 1px solid #E3E3E3;
	border-radius: 20px;
	overflow: hidden;
}
.lesson-modal .shop .img{
	width: 120px;
	float:left;
	margin-right: 12px;
}
.lesson-modal .shop p{
	font-size: 14px;
	line-height: 1.7;
}
.lesson-modal .shop .ttl{
	margin-bottom: 10px;
	padding-top: 20px;
	font-size: 16px;
	font-weight: bold;
}
.lesson-modal .shop + p{
	font-size: 14px;
}

.instrument-box1 .m-fwrap{
	flex-wrap: wrap;
}
.instrument-box1 .item{
	position: relative;
	width: 580px;
	margin-top: 40px;
	padding-bottom: 13px;
	border: 1px solid #E3E3E3;
	border-radius: 20px;
	overflow: hidden;
}
.instrument-box1.nobtn .item{
	padding-bottom: 20px;
}
.instrument-box1 p{
	margin: 20px 20px 0;
}
.instrument-box1 p.img{
	margin: 0;
}
.instrument-box1 ul{
	margin: 10px 5px 0 20px;
}
.instrument-box1 li{
	display: inline-block;
	width: auto;
	margin: 0 12px 12px 0;
	font-size: 14px;
}
.instrument-box1 .m-exlink{
	color: #000000;
}

.instrument-box2 {
	margin-top: 50px;
}
.instrument-box2 ul{
	display: flex;
	column-gap: 26px;
    flex-wrap: wrap;
}
.instrument-box2 li{
position: relative;
width: 280px;
margin-bottom: 40px;
padding-bottom: 80px;
border: 1px solid #E3E3E3;
border-radius: 20px;
overflow: hidden;
box-sizing: border-box;
}
.instrument-box2 li p{
margin: 15px 20px 0;
line-height: 1.7;
}
.instrument-box2 li p.bold{
margin-top: 20px;
min-height: 3em;
line-height: 1.5;
}
.instrument-box2 li p.category{
	margin-top: 10px;
font-size: 12px;
}
.instrument-box2 li p.img{
margin: 0;
}
.instrument-box2 li p.img img{
	width: 100%;
	height: 160px;
	object-fit: cover;
}
.instrument-box2 li .btnArw{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 122px;
	margin: 0;
}
.instrument-box2 ul + .btnArw{
	width: 222px;
}

.instrument-box3 {
	margin-top: 60px;
}
.instrument-box3 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 16px;
}

.instrument-box3 li{
	display: flex;
	align-items: center;
	width: 280px;
	height: 85px;
	margin-bottom: 16px;
	border-radius: 20px;
	border: 1px solid #E3E3E3;
	font-size: 14px;
	vertical-align: middle;
}
.instrument-box3 li a{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 20px 0 25px;
	box-sizing: border-box;
}
.instrument-box3 li p{
	font-size: 14px;
	line-height: 1.5;
}
.instrument-box3 li .img{
	width: 87px;
	margin-right: 10px;
}
.instrument-box3 li .img.used:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background: url(/img/ico_used.png) no-repeat;
	background-size: contain;
}
.instrument-box3 li .m-exlink{
	color: #000000;
}

.lesson_schedule,
.lesson_trial,
.lesson_hall,
.lesson_trial_modal{
	margin-top: 20px;
	font-size: 14px;
}


.lessonDetail .music-box1 .img img{
	width: 540px;
}
.lessonDetail .music-box1 h2{
    font-family: 'A-OTF A1 Mincho Std', serif;
}
.lessonDetail .music-box1 h3{
	min-height: 100px;
	margin-top: 20px;
    margin-left: -30px;
    padding: 40px 0 0 30px;
    background: url(../img/bg_h2.png) no-repeat;
    font-size: 24px;
    font-weight: normal;
    box-sizing: border-box;
}
.lessonDetail .music-box1 h4,
.lessonDetail .music-box1 h5,
.lessonDetail .music-box1 h6,
.lessonDetail .courseBody h4,
.lessonDetail .courseBody h5,
.lessonDetail .courseBody h6{
	margin-top: 20px;
}

.lessonDetail .music-box1 h4,
.lessonDetail .courseBody h4{
	color: #D13F70;
	font-size: 18px;
	font-weight: bold;
}
.lessonDetail .courseBody h4{
	margin-bottom: 10px;
}
.lessonDetail .music-box1 h5,
.lessonDetail .courseBody h5{
	font-size: 16px;
	font-weight: bold;
}
.lessonDetail .music-box1 h6,
.lessonDetail .courseBody h6{
	font-size: 14px;
	font-weight: bold;
}
.lessonDetail .music-box1 img,
.lessonDetail .courseBody img{
	height: auto;
}

.lessonDetail .music-box1 table,
.lessonDetail .courseBody table{
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #D9DBE5;
	margin: 0 0 0 -1px;
}
.lessonDetail .music-box1 th,
.lessonDetail .music-box1 td,
.lessonDetail .courseBody th,
.lessonDetail .courseBody td{
	padding: 20px;
	border-left: 1px solid #D9DBE5;
	border-bottom: 1px solid #D9DBE5;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
}
.lessonDetail .music-box1 th:first-child,
.lessonDetail .music-box1 td:first-child,
.lessonDetail .courseBody th:first-child,
.lessonDetail .courseBody td:first-child{
	border-left: none;
}
.lessonDetail .music-box1 tr:nth-child(1) td,
.lessonDetail .courseBody tr:nth-child(1) td{
	border-top: 1px solid #D9DBE5;
}
.lessonDetail .music-box1 th,
.lessonDetail .courseBody th{
	background: #EBECF1;
}
.lessonDetail .music-box1 thead th,
.lessonDetail .music-box1 thead td,
.lessonDetail .courseBody thead th,
.lessonDetail .courseBody thead td{
	padding: 8px 20px;
	background: #E3E5EA;
	border-bottom: none;
	color: #5A5A5A;
	font-size: 14px;
	font-weight: bold;
}
.lessonDetail .music-box1 thead .bold,
.lessonDetail .courseBody thead .bold{
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
.lessonDetail .music-box1 ul,
.lessonDetail .music-box1 ol,
.lessonDetail .courseBody ul,
.lessonDetail .courseBody ol{
	margin-left: 1.5em;
}
.lessonDetail .music-box1 ul,
.lessonDetail .courseBody ul{
	list-style: disc;
}
.lessonDetail .music-box1 li,
.lessonDetail .courseBody li{
	font-size: 16px;
	line-height: 28px;
}


.lessonDetail .music-box1 .item,
.lessonDetail .courseBody,
.lessonDetail .tblwrap table th,
.lessonDetail .tblwrap table td {
	font-size: 16px;
	line-height: 28px;
}
.lessonDetail .courseBody h3{
	    display: flex;
		align-items: center;
		height: 80px;
		margin-top: 70px;
		padding: 0 40px;
		background: url(../img/bg_h3.png) no-repeat;
		background-size: cover;
		border-radius: ;
		font-size: 18px;
		font-weight: bold;
		box-sizing: border-box;
		border-radius: 20px 0 20px 0;
}
.lessonDetail .courseBody p {
	margin: 20px 0 0;
}

.lessonDetail .courseBody .imgFix{
	max-width: 180px;
}

.information-list1{
	margin-top: 50px;
    justify-content: left;
    column-gap: 26px;
}
.information-list1 .item{
	padding: 1.833% 1.133% 60px;
}
.information-list1 .item img{
	width: 250px;
	height: 160px;
	object-fit: cover;
}
.information-list1 + .more{
	width: 142px;
}

@media screen and (min-width: 751px) and (max-width: 1280px) {
	.titleblock.lesson.bg1 h1{
		padding: 0 40px;
	}

	.music-box1 .item{
		width: 50%;
	}
	.music-box1 .img{
		width: 45%;
	}
	.music-il02 .il03{
		left: 45%;
		margin-left: -77px;
	}
	.music-box3 .list1 li{
		width: 30%;
	}
	.music-box3 .bgBlock{
		padding-left: 20px;
		padding-right: 20px;
	}
	.music-box4 .list1 li{
		width: 21%;
	}
	.music-box4 .list1 .btnArw{
		width: 90%;
	}
	.music-box4 .list1 .btnArw a{
		width: 100%;
		font-size: 10px;
		padding: 0 20px 0 10px;
		box-sizing: border-box;
	}
	.music-box5{
		width: 100%;
	}
	.music-box5.type2{
		width: auto;
		margin: 40px 40px 0;
		background: url(../img/bg_back3.png) no-repeat center top;
		background-size: 100% auto;
	}
	.music-box5.wide{
		width: auto;
		padding-top: 4%;
		background-size: 100% auto;
	}
	.music-box5 .img{
		width: 22%;
	}
	.music-box5 h3{
		font-size: 2.1vw;
	}
	.music-box5 h3 span{
		font-size: 1.4vw;
	}
	.music-box5 p{
		font-size: 12px;
	}
	.music-box5 .btnArw{
		margin-top: 10px;
	}

	.music-box6 .detail1 dl{
		padding-right: 160px;
	}
	.music-box6 .detail1 .btnArw{
		width: auto;
	}
	.music-box6 .detail3 ul li,
	.music-box6 .detail4 ul li,
	.music-box2.type2 .item{
		width: 48%;
	}
	.music-box10 .m-box .item,
	.instrument-box1 .item{
		width: 47%;
	}
	.music-box8 .m-faq dl{
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.m-anc.anc2 li{
		margin-bottom: 10px;
	}
	.music-box8 .m-faq{
		padding: 1px 0 80px;
	}
	.instrument-box3 li{
		width: 31%;
	}
	.instrument-box1 li a{
		font-size: 12px;
	}
	.bnr-store{
		max-width: 100%;
	}
	.bnr-store .btnArw{
		top: 12vw;
		left: 3vw;
	}
	.instrument-box2 ul{
		flex-wrap: wrap;
		width: 590px;
		margin-left: auto;
		margin-right: auto;
	}
	.lesson-box5 .img{
		width: auto;
		max-width: 544px;
	}

}


@media screen and (max-width: 1000px) {
	.lessonDetail {
    padding-top: 132px;
}

	.music-box9{
		width: auto;
		padding-left: 40px;
		padding-right: 40px;
	}
	.inner .music-box9{
		padding-left: 0;
		padding-right: 0;
	}
.music-box9 li{
	width: 26.66vw;
}
.music-box9 li a{
	width: 100%;
	height: 45px;
	padding-right: 15px;
}
.music-box9 li a img{
	width: 18px;
	left: 10px;
}
}

@media screen and (max-width: 750px) {
	.titleblock{
		margin-top: 10.66vw;
	}
	.titleblock.music-ch{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/music-ch/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.music-ad{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/music-ad/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.english-ch{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/english-ch/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.english-ad{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/english-ad/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.course{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/course/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.lesson.bg1{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/lesson/bg_title01_sp.png) no-repeat center top;
		background-size: cover;
	}
	.titleblock.musical-instrument,
	.titleblock.musical-instrument02{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/musical-instrument/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.musical-score{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/musical-score/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.cd-dvd{
		min-height: 250px;
		height: auto;
		margin-bottom: 20px;
		background: url(../img/cd-dvd/bg_title_sp.png) no-repeat center top;
		background-size: 100% auto;
	}
	.titleblock.lesson h1,
	.titleblock.musical-instrument h1,
	.titleblock.musical-instrument02 h1,
	.titleblock.musical-score h1,
	.titleblock.cd-dvd h1,
	.titleblock.music-ch h1,
	.titleblock.music-ad h1,
	.titleblock.english-ch h1,
	.titleblock.english-ad h1,
	.titleblock.course h1,
	.titleblock.lesson.bg1 h1{
		height: 66.666vw;
		padding-top: 40px;
		box-sizing: border-box;
	}
	.titleblock.musical-instrument h1{
		color: #3E3E3E;
	}	
	.titleblock.lesson:after,
	.titleblock.musical-instrument:after,
	.titleblock.musical-instrument02:after,
	.titleblock.musical-score:after,
	.titleblock.cd-dvd:after,
	.titleblock.music-ch:after,
	.titleblock.music-ad:after,
	.titleblock.english-ch:after,
	.titleblock.english-ad:after,
	.titleblock.course:after{
		bottom: inherit;
		top: 66.666vw;
		margin-top: -40px;
		height: 40px;
		background: url(../img/bg_title_btm.png) no-repeat center bottom;
		background-size: contain;
	}
	.titleblock.musical-instrument02 h1{
		height: 45.6vw;
		padding-top: 40px;
		box-sizing: border-box;
	}
	.titleblock.musical-instrument02:after{
		bottom: inherit;
		top: 45.6vw;
		margin-top: -40px;
		height: 40px;
		background: url(../img/bg_title_btm.png) no-repeat center bottom;
		background-size: contain;
	}

	.titleblock p{
		width: auto;
		margin: 20px 0 0;
	}
	.titleblock p br {
		display: none;
	}

.lessonDetail{
	padding-top: 70px;
}
.titleblock.lesson.bg1 h1{
	display: flex;
	height: 54px;
	align-items: center;
	box-sizing: content-box;
	top: -60px;
	margin-top: -10.66vw;
	font-size: 18px;
}
.lessonDetail #anc01{
	padding-top: 50px;
}

.lessonDetail.ttlfix{
	margin-top: 27px;
}
.lessonDetail.ttlfix .titleblock.lesson.bg1 h1{
	height: 81px;
	top: -87px;
	
}

.titleblock .side{
	display: none;
}

.titleblock h1{
	font-size: 18px;
}

.m-anc .spFix li a{
	height: 50px;
}

.contents p{
	font-size: 14px;
}

.titleblock.english-ch + .inner .m-anc li a,
.titleblock.english-ad + .inner .m-anc li a,
.titleblock.course + .inner .m-anc li a{
	height: 50px;
}
.titleblock.english-ad + .inner .m-anc li {
	width: 40.66vw;
}

.music-il01{
	padding-top: 0;
}
.music-il01 .m-h1{
	position: relative;
	margin: 25px 40px 0;
	z-index: 2;
}
.music-il01 .m-slide{
	margin-top: 30px;
}

.music-il01 .il01{
	width: 150px;
	left: -14vw;
	top: -80px;
}
.music-il01 .il02{
	width: 110px;
}
.english-il01{
	padding-top: 0;
}
#anc012 .spFix,
#anc022 .spFix,
.music-box3 .spFix,
#wrap .spmtFix{
	margin: 0;
}
.english-il01 h2,
.english-il04 h2{
	position: relative;
	z-index: 2;
}
.english-il04 h2{
	margin: 30px 0 0;
}
.english-il01 h2{
	margin: 0 40px;
}

.english-il01 .il01{
	width: 130px;
	left: -14vw;
	top: -70px;
}
.english-il01 .il02{
	width: 110px;
}
.english-il02 .il03{
	width: 110px;
	left: -7vw;
	bottom: -70px;
}
.english-il03 .il04{
	width: 110px;
	right: -14vw;
}
.english-il04 .il05{
	width: 110px;
	bottom: 0;
	left: -7vw;	
}
.english-il04 .il06{
	width: 110px;
	right: -7vw;
}
.english-il06 .il07{
	width: 110px;
	top: -110px;
	right: -7vw;
}
.english-il07 .il08 {
	top: -70px;
	width: 110px;
	right: -7vw;
	left: inherit;
}
.english-il08 .il09{
	width: 110px;
    left: -7vw;
    top: -80px;
}

.music-box1 {
	position: relative;
	padding-top: 113.6vw;
}
.m-h1 +.music-box1,
.english-il02 {
	margin-top: 40px;
}
.english-il05 {
	margin-top: 40px;
}
.music-box1.english-il02{
	padding-top: 113.6vw;
}
.music-box1 .img{
	position: absolute;
	top: 0;
	left: 0;
}
.music-box1 h2{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
}
.music-box1 h2 .color{
	margin-bottom: 5px;
	font-size: 14px;
}
.music-il02 .il03{
	width: 110px;
	left: -7vw;
	bottom: -70px;
}
.music-il03 .il04{
	width: 100px;
	right: -15vw;
}
.music-il03 .il05{
	width: 110px;
	bottom: 0;
	left: -7vw;	
}
.music-il03{
	padding-bottom: 130px;
}
.english-il03{
	padding-bottom: 0;
}

.music-box2.spFix{
	padding-bottom: 0;
}
.music-box2 h3{
	margin-top: 15px;
	font-size: 14px;
}
.music-box2 .item{
	width: 100%;
	margin-top: 12px;
	margin-bottom: 18px;
}
.music-box2 .item p{
	margin-top: 10px;
}
.music-box2.type2 .item{
	margin-top: 40px;
}

.m-box .item img{
	display: block;
	margin: 0 auto;
}

.music-box3{
	padding-bottom: 80px;
	background: url(../img/bg_back1_sp.jpg) no-repeat center 20px;
	background-size: cover;
}
.music-box3.spFix{
	margin-top: -50px;
}
.music-box3:before{
	background: url(../img/bg_back1_sp_top.png) no-repeat center top;
	background-size: contain;
}
.music-box3:after{
	background: url(../img/bg_back6_sp.png) no-repeat center bottom;
	background-size: contain;
}
.music-box3 .m-h1{
	margin-top: 10px;
}
.music-box3 .list1{
	flex-wrap: wrap;
	width: 75.66vw;
	margin: 0 auto;
}
.music-box3 .list1 li{
	width: 100%;
	margin-top: 30px;
}
.music-box3 .list1 li:first-child{
	margin-top: 0;
}

.music-box3 .list1 p{
	margin-left: 0 !important;
	margin-right: 0 !important;
	font-size: 14px;
	text-align: left;
}
.music-box3 .list1 p.lead{
	text-align: center;
}
.music-box3 .list1 p.tfix{
	margin-right: 0;
}

.music-box3 h3{
	font-size: 14px;
}
.music-box3 .bgBlock h3 span{
	margin-bottom: 7px;
	font-size: 14px;
}
.music-box3 .bgBlock .list1{
	width: 66.666vw;
}
.music-box3 .list1 p.lead{
	margin-top: 0;
	font-size: 14px;
}
.music-box3 .bgBlock{
	margin-top: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.music-il04 .il06{
	width: 110px;
	right: -7vw;
}
.music-box4{
	width: 85.33vw;
	margin: 80px auto 0;
	padding: 25px 8vw 0;
	background: url(../img/bg_back1_sp.jpg) no-repeat center top;
	background-size: cover;
	border-radius: 20px;
	box-sizing: border-box;
}
#wrap .music-box4 .inner{
	width: 100%;
}
.music-box4 .list1{
	flex-wrap: wrap;
}
.music-box4 .list1 li{
	margin: 0 auto 40px;
}
.music-box4 .list1 li:after{
	top: inherit;
	bottom: -34px;
	right: 0;
	left: 0;
	margin: 0 auto;
	transform: rotate(90deg);
}
.music-box4 .list1 .block{
	min-height: 1em;
}
.music-box4 h3{
	font-size: 18px;
}
.music-box4 h3 span{
	font-size: 14px;
}
.music-box4 .list1 .lead{
	margin-top: 15px;
	font-size: 14px;
}
.music-box4 .list1 .btnArw a{
	width: 170px;
	margin: 0 auto;
	padding: 0 20px 0 15px;
}

.music-il05 .music-anc{
	position: relative;
}
.music-il05 .il07{
	width: 110px;
	top: -110px;
	left: -7vw;
}
.music-anc li{
	float: none;
	width: 220px;
	margin: 0 auto 10px;
	font-size: 14px;
	line-height: 1.2;
}
.music-anc li a{
	width: auto;
	padding-left: 10px;
}
.music-anc li a img{
	width: 11px;
	margin-right: 5px;
}
#anc031 .m-h3{
	margin-top: 40px;
}
.music-anc.type2 li{
	float: left;
	width: 46%;
	margin: 2%;
}
.contents .mgt{
	margin-top: 30px;
}

.music-box5,
.music-box5.type2{
	width: 317px;
	min-height: 330px;
	margin: 40px auto 0;
	padding: 15px 172px 20px 20px;
	background: url(../img/bg_back7_sp2.png) no-repeat center top;
}
.music-box5 .tcenter{
	margin-right: -152px;
        font-size: 18px;
}
.music-box5.wide .tcenter{
	margin-right: 0;
}
.music-box5 h3{
	font-size: 14px;
}
.music-box5 h3 span{
	margin-bottom: 5px;
	font-size: 20px;
}
.music-box5 .img,
.music-box5.type2 .img{
	top: 120px;
	right: 20px;
	width: 142px;
}
.music-box5 p{
	margin-top: 20px;
	text-align: left;
	font-size: 12px;
	line-height: 1.7;
}
.music-box5 .btnArw{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 80%;
	margin: 10px auto 0;
}

.contents p.music-img1{
	margin: 30px auto;
}
.contents p.music-img1 img{
	width: 45.33vw;
}
.music-box6 .item{
	margin-top: 40px;
	padding: 30px 20px 25px;
	border-radius: 20px;
}
.music-box6 .detail1{
	display: block;
}
.music-box6 .detail1 .img{
	width: 45.33vw;
	margin: 0 auto 20px;
	padding: 0;
}
.music-box6 .detail1 .ico{
	top: -43px;
	left: -23px;
	width: 110px;
	height: 27px;
	font-size: 12px;
}
.music-box6 .detail1 dl{
	width: 100%;
}
.music-box6 .detail1 dt{
	font-size: 14px;
}
.music-box6 .detail1 dt span{
	font-size: 34px;
}
.music-box6 .detail1 dd{
	font-size: 14px;
}
.music-box6 .detail1 .btnArw a{
	position: relative;
	width: 150px;
	margin: 20px auto 0;
}
.music-box6 h4{
	font-size: 14px;
}
.music-box6 .detail3 ul{
	flex-wrap: wrap;
	width: 72vw;
	margin: 0 auto;
}
.music-box6 .detail3 ul li{
	display: block;
	width: 100%;
	margin-top: 24px;
	padding: 20px;
}
.music-box6 .detail3 .ico{
	top: -13px;
	width: 58px;
	height: 27px;
	margin: 0;
	font-size: 12px;
}
.music-box6 .detail3 ul .img{
	width: 92px;
	margin: 0 auto;
	padding-right: 0;
}
.music-box6 .detail3 ul .block{
	width: auto;
}
.music-box6 .detail4 h5{
	font-size: 14px;
}
.music-box6 .detail4 .lead{
	font-size: 14px;
}
.music-box6 .detail3 ul .block .btnArw a{
	width: 150px;
}

.music-il06, .music-il07{
	margin-top: -60px !important;
}
.music-il06 .il08 {
	top: 60px;
	width: 110px;
	right: -7vw;
}
.music-box6 .detail4 .ico{
	top: -13px;
	left: 0;
	width: 104px;
	height: 27px;
	margin: 0;
}
.music-box6 .detail4 h5{
	margin-top: 0;
}
.music-box6 .detail4 ul + h5{
	margin-top: 30px;
}
.music-box6 .detail4 ul{
	flex-wrap: wrap;
	margin-top: 0;
}
.music-box6 .detail4 li{
	width: 100%;
	margin-top: 20px;
}
.music-il07 .il09{
	width: 110px;
    left: -7vw;
    top: 60px;
}

.music-box7{
	min-height: 1em;
	margin-top: 30px;
	padding: 25px 20px;
	border-radius: 20px;
}
.music-box7 ul{
	padding-top: 0;
}
.music-box7 li{
	margin: 10px 10px 0 0;
	font-size: 14px;
}
.music-box7 ul + .btn{
	margin-top: 20px;
}
.music-box7 .btn{
	margin-top: 0;
	font-size: 14px;
	line-height: 30px;
}
.music-box7 .btn a,
.music-box7 .btn > span{
	height: 30px;
	padding: 0 32px;
}
.music-box7 .btn a:after{
	right: 15px;
	width: 3px;
    height: 3px;
    border-left: 0.125rem solid #3E3E3E;
    border-bottom: 0.125rem solid #3E3E3E;
}
.music-box7 .btn a .ico,
.music-box7 .btn > span .ico{
	left: 10px;
	width: 14px;
    height: 17px;
}
.music-box7 .btn a .ico img,
.music-box7 .btn > span .ico img{
	max-height: 17px;
}
.music-box7 h3{
	margin: 10px 0 0;
	font-size: 14px;
}

.m-info dl{
	margin-top: 20px;
}

.music-box8{
	margin-top: 0;
padding: 80px 0;
background: url(../img/bg_back1_sp.jpg) no-repeat center 20px;
background-size: cover;
	z-index: 2;
}
.music-box8:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
	width: 100%;
	height: 40px;
	background: url(../img/bg_back1_sp_top.png) no-repeat center top;
	background-size: contain;
}
.music-box8:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
	width: 100%;
	height: 36px;
	background: url(../img/bg_back6_sp.png) no-repeat center bottom;
	background-size: contain;
}
.music-box8 .m-h1{
	margin-top: 0;
}
.music-box8 .m-faq{
	margin-top: 20px;
	padding: 0 20px 30px;
	border-radius: 20px;
}
.music-box8 .m-faq dl{
	width: 100%;
}
.music-box8 .btnRight a{
	height: 32px;
	padding-right: 20px;
}

.music-box9 {
	width: 85.33vw;
	margin: 80px auto 0;
	padding: 0;
}
.music-box9 li{
	width: 26.66vw;
}
.music-box9 li a{
	width: 100%;
	height: 45px;
	padding-right: 10px;
	font-size: 11px;
}
.music-box9 li.color1 a img,
.music-box9 li.color2 a img,
.music-box9 li.color3 a img{
	width: 10px;
	left: 5px;
}

.music-box9 li.color1 a:hover .icon.arrow,
.music-box9 li.color2 a:hover .icon.arrow,
.music-box9 li.color3 a:hover .icon.arrow {
background: none;
}

.music-box10{
	padding-bottom: 80px;
}
.music-box10 .mgt{
	margin-top: 0;
}
.music-box10 .m-box .item{
	margin-top: 30px;
}
.music-box10 .m-box .item .ico{
	height: 27px;
	font-size: 12px;
}

.music-box11{
	margin-bottom: 40px;
	padding: 30px;
}

.instrument-box3{
	margin-bottom: 0;
}
.instrument-box3 ul{
	column-gap: 6%;
}
.instrument-box3 li{
	width: 46%;
	height: 50px;
	overflow: hidden;
	border-radius: 10px;
}
.instrument-box3 li a{
	padding: 0 5px 0 10px;
}
.instrument-box3 li .img{
	width: 40px;
}
.instrument-box3 li a .m-exlink br {
	display: none;
}
.instrument-box3 li .img.used:after{
	width: 25px;
	height: 25px;
}
.instrument-box3 li p{
	font-size: 12px;
	line-height: 1.5;
}
.instrument-box3 li .m-exlink{
	background-size: auto 10px;
}

.instrument-box2 ul{
	flex-wrap: wrap;
	width: 280px;
	margin: 0 auto;
}

.lesson-spc{
	padding-top: 30px;
}

.lesson-box1 {
	display: block;
}
.lesson-box1 .tblwrap,
.lesson-box1 .tblwrap:nth-child(2){
	width: 100%;
	margin-top: 0;
	margin-left: 0;
}

.lesson-box1 .tblwrap:nth-child(1) table{
	border-bottom: none;
}
.lesson-box1 .tblwrap:nth-child(1) th,
.lesson-box1 .tblwrap:nth-child(1) td{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.lesson-box1 .tblwrap:nth-child(1) th +th {
	display: none;
}
.lesson-box1 .tblwrap:nth-child(1) td +td:before {
	display: block;
	content: '開講月';
	margin: -10px -10px 10px;
	padding: 10px;
	border-bottom: 1px solid #D9DBE5;
	background: #EBECF1;
	font-size: 14px;
	font-weight: bold;
}

.lesson-bnr{
	margin-top: 0;
}
.lesson-movie {
	margin-top: 30px;
}
.lesson-movie iframe{
	width: 100%;
	height: 50%;
}
.lesson-box2 .tblwrap table{
	border-bottom: none;
}
.lesson-box2 .tblwrap table th,
.lesson-box2 .tblwrap table td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	border-top: none;
}
.lesson-box2 .m-notelist li{
	font-size: 12px;
}

.lessonDetail .music-box1{
	padding-top: 57vw;
}
.lessonDetail .music-box1 .img img{
	width: 85.3vw;
	max-height: 57vw;
    object-fit: contain;
}
.lessonDetail .courseBody h3{
	height: 57px;
	padding-left: 25px;
	background: url(../img/bg_h3_sp.png) no-repeat;
	font-size: 16px;
}

.lessonDetail .music-box1 h4,
.lessonDetail .courseBody h4{
	font-size: 16px;
}
.lessonDetail .music-box1 h5,
.lessonDetail .courseBody h5{
	font-size: 14px;
}
.lessonDetail .music-box1 h6,
.lessonDetail .courseBody h6{
	font-size: 14px;
}
.lessonDetail .courseBody iframe{
	width: 100%;
}
.lessonDetail .courseBody .imgFix{
	max-width: 100%;
	float: none !important;
	margin: 20px 0 0!important;
}
.lessonDetail #anc02 .lesson-box2{
	margin-top: -50px;
}
.lessonDetail .lesson-box2 .tblwrap{
	margin: 0;
}
.lessonDetail .lesson-box2 .tblwrap + .tblwrap table tr td{
	padding-bottom: 8vw;
}
.lessonDetail .lesson-box2 .tblwrap + .tblwrap table tr:last-child td{
	padding-bottom: 10px;
}

.music-box5.wide{
	width: 100%;
	min-height: 200px;
	padding: 20px;
	border-radius: 20px;
}
.music-box3 .lesson-btn a{
	position: absolute;
	top: -56px;
	right: 0;
}
.contents .lesson-box3{
	padding: 20px;
	border-radius: 20px;
}
.contents .lesson-box3 h3{
	background: url(../img/bg_h3_sp.png) no-repeat;
	margin-top: 30px;
	font-size: 14px;
	border-radius: 20px 0 20px 0;
}
.contents .lesson-box3 h3:first-child{
	margin-top: 0;
}
.contents .lesson-box3 p,
.contents .lesson-box3 .lesson-tbl02{
	margin-top: 20px;
}

.contents .lesson-box3 .lesson-tbl01,
.contents .lesson-box3 .lesson-tbl01 tbody,
.contents .lesson-box3 .lesson-tbl01 tr,
.contents .lesson-box3 .lesson-tbl01 th{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.contents .lesson-box3 .lesson-tbl01{
	border-bottom: none;
}
.contents .lesson-box3 .lesson-tbl01 tr{
	overflow: hidden;
}
.contents .lesson-box3 .lesson-tbl01 td{
	width: 200px;
	border: none;
}
.contents .lesson-box3 .lesson-tbl01 td:last-child{
	width: 100%;
	display: block;
	padding-top: 0;
	border-bottom: 1px solid #D9DBE5;
	box-sizing: border-box;
}
.contents .lesson-box3 .lesson-tbl01 .m-btn2 a{
	justify-content: center;
}
.contents .lesson-box3 .search-nav + .tblwrap .lesson-tbl02,
.contents .lesson-box3 .search-nav + .lesson_trial .lesson-tbl02{
	margin: 0;
}

.lesson-box3 .search-nav{
	position: relative;
	width: 100%;
	padding-bottom: 60px;
}
.lesson-box3 .search-nav .date{
	height: 40px;
}
.lesson-box3 .search-nav .date br{
	display: none;
}
.lesson-box3 .search-nav .btnArw a{
	width: 60px;
	height: 28px;
	padding: 0 10px;
}
.lesson-box3 .search-nav .btnArw a.prev{
	justify-content: end;
}
.lesson-box3 .search-nav .m-btn4{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: auto;
}
.lesson-box3 .search-nav .m-btn3{
	position: absolute;
	bottom: 20px;
	right: 0;
	width: auto;
}

.lesson-box4{
	display: block;
}
.lesson-box4 .item{
	width: 100%;
	margin-top: 30px;
}
.lesson-box4 .name{
	font-size: 14px;
}
.hall_info{
	margin-top: 30px;
}
.lesson-box5{
	margin-top: 0;
}
.lesson-box5 .img{
	width: 100%;
	margin-bottom: 10px;
	margin-right: 0;
}
.lesson-box5 .img img{
	width: 100%;
	height: 250px;
    object-fit: contain;
}
.lesson-box5 h4{
	font-size: 14px;
}
.lesson-box5 dt, .lesson-box5 dd{
	font-size: 14px;
}
.lesson-box5 dd .tel{
	margin-top: 0;
}

.lesson-box5 .btnArw,
.lesson-box5 .btnArw + .btnArw{
	display: block;
	margin: 20px auto;
}
.lesson-modal{
	width: 85%;
	padding: 10px 10px 25px;
    border-radius: 15px;
}
.lesson-modal .m-h1{
	font-size: 18px;
}
.lesson-modal h3{
	margin-top: 30px;
}
.lesson-modal .inner{
	width: 100%;
	margin:0 auto;
	padding: 0;
}
.contents .lesson-box3 .tblwrap{
	margin-top: 20px;
	border-top: 1px solid #D9DBE5;
}
.contents .lesson-box3 .lesson-tbl02{
	width: 100%;
	margin-top: 0;
	margin-bottom: 20px;
	border-bottom: none;
}
.contents .lesson-box3 .lesson-tbl02 th{
	display: none;
}
.contents .lesson-box3 .lesson-tbl02 td{
	display: flex;
	height: auto;
	padding: 0;
	overflow: hidden;
}
.contents .lesson-box3 .lesson-tbl02 td.blank{
	display: none;
}
.contents .lesson-box3 .lesson-tbl02 td:first-child.blank{
	display: inherit;
}
.contents .lesson-box3 .lesson-tbl02 td p{
	width: 94px;
	font-size: 14px;
	display: inline-block;
	margin: 15px 0 15px 15px;
	line-height: 36px;
	text-align: left;
}
.contents .lesson-box3 .lesson-tbl02 td p.btnArw{
	margin: 15px 0 15px 15px;
}
.contents .lesson-box3 .lesson-tbl02 td p.btnArw a{
	justify-content: center;
}
.contents .lesson-box3 .lesson-tbl02 td .date{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	background: #F4F4F4;
}
.lesson-modal .close{
	margin-top: 40px;
}

.lesson-modal .close a{
	height: 34px;
	font-size: 14px;
}
.lesson-modal .list1 li{
	margin-top: 20px;
	font-size: 14px;
}
.lesson-modal h3.large{
	font-size: 16px;
}
.lesson-modal h3.large +.tblwrap .m-tbl{
	margin-top: 0;
}
.m-tbl th, .m-tbl td{
	font-size: 14px;
	padding: 10px;
}
.lesson-modal .tbltxt{
	font-size: 10px;
	text-align: left;
}
.lesson-modal .shop p{
	font-size: 14px;
}
.lesson-modal .shop + p{
	font-size: 10px;
}
.lesson-modal .shop .ttl{
	font-size: 14px;
}

.lesson_trial_modal table{
	width: 100%;
}
.lesson_trial_modal td{
	display: block;
	border-bottom: none;
}
.lesson_trial_modal td:last-child{
	border-bottom: 1px solid #D9DBE5;
}
.lesson_trial_modal .m-tbl td .btnArw a{
	justify-content: center;

}
.information-list1 .item{
	padding: 15px 15px 60px;
}

.bnr-store{
	margin: -40px 0 40px;
	width: 100%;
	height: 120px;
	padding: 80px 0 0;
	background: url(../img/bnr_store_sp.png) no-repeat center top;
	box-sizing: border-box;
}
.bnr-store .btnArw{
	position: relative;
	top: 0;
	left: 0;
	width: 164px;
}
.bnr-store .btnArw a{
	height: 28px;
	font-size: 10px;
}
.bnr-store .img{
	display: none;
}

.m-anc li{
	width: 40.66vw;
}
.m-info .btnArw{
	width: auto;
	margin-bottom: 30px;
}
#anc05 .m-info .btnArw{
	margin-bottom: 0;
}

}