@charset "utf-8";

/*clear*/
.curriculum_detailcont_box:before,
.curriculum_detailcont_box:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.curriculum_detailcont_box:after {
	clear: both;
}
/*clear*/

.curriculum_content01 p{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
}
.curriculum_content01{
	padding:80px 10%;
}
.curriculum_wrap1{
	padding-top: 55px;
	background: url("/common/images/common/bg_grade.png") no-repeat top;
	background-size: auto auto;
	background-size: contain;
	text-align: center;
}
.rightImg{
	float: right;
	padding:0 0 40px 40px;
}
.curriculum_slider{
	margin-bottom: 190px;
}
.curriculum_slider_wrapper{
	padding:0 20px;
	position: relative;
}
.curriculum_slider_wrapper div{
	position: absolute;
	bottom: 0;
	padding:0 12% 70px 10%;

}
.curriculum_slider_wrapper div h3{
	font-size: 33px;
	font-size: 3.3rem;
	color: #666;
	margin-bottom: 25px;
	line-height: 1.2;
}
.curriculum_slider_wrapper div p{
	font-size: 29px;
	font-size: 2.9rem;
	color: #666;
	margin:0;
	line-height:1.55;
}
.curriculum_slider_wrapper div h3.right_margin{
	margin-right:-6%;
}
.curriculum_slider_wrapper div p.right_margin{
	margin-right:-3%;
}

.curriculum_slider .slick-prev,
.curriculum_slider .slick-next{
	bottom:-100px;
	top:auto;
	z-index: 1;
}
.curriculum_slider .slick-prev{
	background-image: url("../common/images/curriculum/curriculum_slider_left.png");
	left:100px;
}
.curriculum_slider .slick-next{
	background-image: url("../common/images/curriculum/curriculum_slider_right.png");
	right:100px;
}
.curriculum_ttl{
	margin-bottom: 40px;
}

.opt .lesson_detail_list_07 h3,
.lesson_detail_list_08 h3{
	padding-left:13.5%;
}
.lesson_btn_list_wrap{
	background: url("../common/images/curriculum/bg_lesson_btn_list.png") no-repeat;
	background-size: 100% auto;
}
.lesson_btn_list_wrap_footer{
	background: url("../common/images/curriculum/bg_lesson_btn_list_foot.png") no-repeat;
	background-size: 100% auto;
	height:50px;
}
.right_gakki{
	float: right;
	max-width: 37.89%;
}
.lesson_btn_list_wrap p{
	margin:0;
	padding: 110px 0 0 90px;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: left;
}
.lesson_btn_list_wrap ul{
	list-style: none;
	padding:0 80px 10px;
	margin:0;
}
.lesson_btn_list_wrap ul li{
	margin-bottom:20px; 
}
.lesson_btn_list_wrap ul li:last-child{
	margin-bottom: 0;
}
.lesson_rythmique,
.lesson_rythmique_en,
.lesson_synthesizer {
    background-image: url("../common/images/lesson/lesson_icon_rythmique.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}
.lesson_rythmique_en{
    background-image: url("../common/images/lesson/lesson_icon_rythmique_en.png");
}
.lesson_synthesizer{
    background-image: url("../common/images/lesson/lesson_icon_synthesizer.png");
}

.modal_curriculum{
	padding: 0;
	margin: 40px 0;
	max-width:768px;
	max-width: 700px;
}

.curriculum_close_wrap{
	width: 100%;
	height: 65px;
	background-color: #33bbad;
}
.curriculum_close_wrap .remodal-close{
	top: 10px;
	right: 10px;
	left: auto;
	width: 150px;
	height: 45px;
}
.curriculum_close_wrap.bottom_wrap .remodal-close{
	top: auto;
	right: auto;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.curriculum_close_wrap .remodal-close::before {
	width: 150px;
	height: 45px;
	background: url("../common/images/modal/modal_close_top.png") no-repeat;
	background-size: contain;
	content: '';
}
.curriculum_close_wrap.bottom_wrap .remodal-close::before {
	background-image: url("../common/images/modal/modal_close_bottom.png");
}
.modal_curriculum.sax .curriculum_close_wrap,
.modal_curriculum.wood_base .curriculum_close_wrap,
.modal_curriculum.dtm .curriculum_close_wrap,
.modal_curriculum.percussion .curriculum_close_wrap,
.titBg06 .h4wrap h4{
	background-color: #be9870;
}
.modal_curriculum.flute .curriculum_close_wrap,
.modal_curriculum.niko .curriculum_close_wrap,
.modal_curriculum.pan_diero .curriculum_close_wrap,
.modal_curriculum.ocarina .curriculum_close_wrap,
.titBg10 .h4wrap h4{
	background-color: #6cc28f;
}
.modal_curriculum.clarinet .curriculum_close_wrap,
.modal_curriculum.guitar .curriculum_close_wrap,
.modal_curriculum.kodutsumi .curriculum_close_wrap,
.modal_curriculum.biwa .curriculum_close_wrap,
.titBg08 .h4wrap h4{
	background-color: #ec8483;
}
.modal_curriculum.trumpet .curriculum_close_wrap,
.modal_curriculum.sou .curriculum_close_wrap,
.modal_curriculum.wadaiko .curriculum_close_wrap,
.titBg09 .h4wrap h4{
	background-color: #f1a138;
}
.modal_curriculum.cello .curriculum_close_wrap,
.modal_curriculum.sansin .curriculum_close_wrap,
.modal_curriculum.viola .curriculum_close_wrap,
.modal_curriculum.syakuhachi .curriculum_close_wrap,
.titBg03 .h4wrap h4{
	background-color: #b199d0;
}
.modal_curriculum.drum .curriculum_close_wrap,
.modal_curriculum.ukelele .curriculum_close_wrap,
.modal_curriculum.trombone .curriculum_close_wrap,
.modal_curriculum.jazz_flute .curriculum_close_wrap,
.titBg05 .h4wrap h4{
	background-color: #65a9d9;
}
.modal_curriculum.piano .curriculum_close_wrap,
.modal_curriculum.euphonium .curriculum_close_wrap,
.modal_curriculum.harp .curriculum_close_wrap,
.titBg07 .h4wrap h4{
	background-color: #e37d9d;
}
.modal_curriculum.vocal .curriculum_close_wrap,
.titBg11 .h4wrap h4{
	background-color: #92bd5e;
}
.modal_curriculum.horn .curriculum_close_wrap,
.modal_curriculum.dj .curriculum_close_wrap,
.modal_curriculum.piccolo .curriculum_close_wrap,
.modal_curriculum.shinobue .curriculum_close_wrap,
.titBg04 .h4wrap h4{
	background-color: #808db9;
}
.modal_curriculum.electric_base .curriculum_close_wrap,
.modal_curriculum.keyboard .curriculum_close_wrap,
.modal_curriculum.tuba .curriculum_close_wrap,
.modal_curriculum.fagott .curriculum_close_wrap,
.modal_curriculum.synthesizer .curriculum_close_wrap,
.titBg02 .h4wrap h4{
	background-color: #979797;
}

/* modal_curriculum */
.curriculum_bg {
	overflow-y: auto;
}
.curriculum_bg .remodal{
	background-color: transparent;
}
.modal_curriculum .to_pagetop_btn.page_btn{
	display: none;
}
.modal_curriculum .curriculum_detail_content_wrap{
	margin-bottom: 0;
}

/* include_contents */
.curriculum_detail_nav{
}
.curriculum_detail_nav ul{
	list-style: none;
	display: table;
	vertical-align: top;
	border-top:2px solid #fff;
	margin:0;
	padding:0;
	table-layout: fixed;
	width: 100%;
	background-color: #b1e3de;
}
.curriculum_detail_nav.bg02 ul{
	background-color: #d5d5d5;
}
.curriculum_detail_nav.bg03 ul{
	background-color: #e0d7eb;
}
.curriculum_detail_nav.bg04 ul{
	background-color: #cdd2e3;
}
.curriculum_detail_nav.bg05 ul{
	background-color: #c2ddf0;
}
.curriculum_detail_nav.bg06 ul{
	background-color: #e5d6c6;
}
.curriculum_detail_nav.bg07 ul{
	background-color: #f4cbd8;
}
.curriculum_detail_nav.bg08 ul{
	background-color: #f7cece;
}
.curriculum_detail_nav.bg09 ul{
	background-color: #fadfc2;
}
.curriculum_detail_nav.bg10 ul{
	background-color: #c5e6d3;
}
.curriculum_detail_nav.bg11 ul{
	background-color: #d4e6c0;
}
.curriculum_detail_nav ul:last-child{
	border-bottom:2px solid #fff;
}
.curriculum_detail_nav li{
	display: table-cell;
}
.curriculum_detail_nav li:first-child{
	border-right:1px solid #fff;
}
.curriculum_detail_nav li:last-child{
	border-left:1px solid #fff;
}
.curriculum_detail_content_wrap{
	background: url(../common/images/curriculum/curriculum_bg.png) repeat;
	padding-bottom: 50px;
	margin-bottom: 100px;
}
.curriculum_detail_content_wrap figure{
	margin:0;
	padding-top: 20px;
}
.modal_curriculum .curriculum_detail_content_wrap figure{
	padding-top: 0;
}
.hrline{
	height:12px;
	margin:10px 6.5% 0;
	background: url(../common/images/curriculum/curriculum_line.png) repeat-x left top;
	background-size: auto 100%;
}
.to_pagetop_btn{
	text-align: right;
	padding:40px 6.5% 0;
}
.curriculum_detail_footer_btn .to_pagetop_btn{
	padding-left:0;
	padding-right:0;
}
.to_pagetop_btn a{
	display: inline-block;
	width:70px;
}
.curriculum_detail_footer_btn .to_pagetop_btn a{
	width:12%;
}
.curriculum_detail .curriculum_detail_footer_btn{
	display: none;
}
.curriculum_detail_footer_btn{
	padding:40px 6.5%;
}

.curriculum_detail_mainv{
	position: relative;
}
.curriculum_detail_mainv div{
	position: absolute;
	width: 100%;
	top:32.8%;
}
.curriculum_detail_mainv h2,
.curriculum_detail_mainv h3,
.curriculum_detail_mainv p{
	color: #fff;
	margin:0;
	font-size: 30px;
	font-size: 3rem;
	text-align: left;
}
.curriculum_detail_mainv h2{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;
	text-align: center;
	color: #6cc1b7;
	line-height: 1;
}
.voipa h2{
	padding-right:8%;
}
.curriculum_detail_mainv h3{
	padding:4.5% 25% 0.7% 5%;
	line-height: 1.3;
}
.curriculum_detail_mainv .size01 h3{
	font-size: 26px;
	font-size: 2.6rem;
}
.curriculum_detail_mainv p{
	padding: 1% 30% 0 5%;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3;
}
.curriculum_detail_mainv .size02 p{
	padding-right:24%;
}
.curriculum_detail_mainv .size02.voipa p{
	padding-right:22%;
}
.curriculum_detailcont_wrap{
	background: url("../common/images/curriculum/cur_foot.png") left bottom no-repeat;
	padding-bottom: 25px;
}
.curriculum_detailcont_head{
	position: relative;
}
.curriculum_detailcont_body{
	background: url("../common/images/curriculum/cur_body.png") left top repeat-y;
	padding:20px 11.3% 30px;
}
.curriculum_detailcont_box{
	background: url("../common/images/curriculum/cur_p.jpg") left top repeat-y;
}
.mamaWrap .curriculum_detailcont_box{
	background-image: url("../common/images/curriculum/cur_p_mama.jpg");
}
.curriculum_detailcont_wrap,
.curriculum_detailcont_body,
.curriculum_detailcont_box{
	background-size: 100% auto;
}
.h4wrap{
	position: absolute;
	top:46%;
	left:0;
	width:100%;
	padding-left:22%;
	text-align: center;
}
.h4wrap h4{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;
	background-color: #33bbad;
	color: #fff;
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1;
	display: inline-block;
	margin:0;
	padding:1% 3%;
	border-radius: 30px;
	min-width: 240px;
}
.curriculum_detailcont_wrap p{
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 2.15;
	text-align: left;
	margin:0;
	padding: 0 0.8em 8px;
}
.w_700 .curriculum_detailcont_wrap p{
	line-height: 2;
}
.photo_right,
.photo_left{
	max-width: 34%;
	background-color: #fff;
}
.photo_right{
	float: right;
	padding-left:2%;
}
.photo_left{
	float: left;
	padding-right: 1%;
}
.price_plan_bloc_movie.align-center {
	text-align: center;
}

.inner .w_700 {
  max-width:700px;
}

.was_remodal{
  max-width:660px;
  margin:90px auto 50px auto;
}

.was_remodal h1{
  margin:0;
}

.was_remodal .schedule_kotei_busy .schedule_kotei_busy_txt {
  margin: 0;
  font-size: 2.4rem;
  text-align: center !important;
}

.was_remodal .schedule_kotei_busy .schedule_kotei_busy_txt02 {
  margin: 0 40px;
  font-size: 2.4rem;
}

.otolier_link {
	text-align: center;
}

.otolier_link a {
	display: block;
	margin: 30px 5% 0 3%;
}

.otolier_link a img {
	width: 100%;
}

.blog-leading {
	margin-top: 8%;
}

@media screen and (max-width: 668px) {
	.curriculum_slider_wrapper div h3{
		font-size: 25px;
		font-size: 2.5rem;
	}
	.curriculum_slider_wrapper div p{
		font-size: 22px;
		font-size: 2.2rem;
	}
	.curriculum_detail_mainv h2,
	.curriculum_detail_mainv h3{
		font-size: 25px;
		font-size: 2.5rem;
	}
	.curriculum_detail_mainv .size01 h3{
		font-size: 23px;
		font-size: 2.3rem;
	}
	.curriculum_detail_mainv p{
		font-size: 22px;
		font-size: 2.2rem;
	}
	.h4wrap h4{
		font-size: 24px;
		font-size: 2.4rem;
		min-width: 200px;
	}
	.curriculum_detailcont_wrap p{
		font-size: 22px;
		font-size: 2.2rem;
	}
	.w_700 .curriculum_detailcont_wrap p,
	.curriculum_detailcont_wrap p{
		line-height: 2.2;
	}
}
@media screen and (max-width: 641px) {
	.opt .lesson_detail_list_07 h3,
	.lesson_detail_list_08 h3{
		padding-left: 0;
	}
	.opt .lesson_detail_list_07 h3 span,
	.lesson_detail_list_08 h3 span{
		font-size: 16px;
		font-size: 1.6rem;
	}
	.curriculum_slider_wrapper div h3{
		font-size: 22px;
		font-size: 2.2rem;
	}
	.curriculum_slider_wrapper div p{
		font-size: 20px;
		font-size: 2rem;
	}
	.curriculum_detail_mainv h2,
	.curriculum_detail_mainv h3{
		font-size: 22px;
		font-size: 2rem;
	}
	.curriculum_detail_mainv .size01 h3{
		font-size: 20px;
		font-size: 2rem;
	}
	.curriculum_detail_mainv p{
		font-size: 20px;
		font-size: 2rem;
	}
	.h4wrap h4{
		font-size: 22px;
		font-size: 2.2rem;
		min-width: 180px;
	}
	.curriculum_detailcont_wrap p{
		font-size: 20px;
		font-size: 2rem;
	}
}

@media screen and (max-width: 481px) {

	.curriculum_content01 p{
		margin:0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.curriculum_wrap1,
	.curriculum_content01{
		padding: 30px 5%;
	}
	.rightImg{
		max-width:40%;
		padding:0 0 10px 10px;

	}
	.curriculum_ttl{
		margin-bottom: 0;
	}
	.curriculum_slider_wrapper{
		padding:0 10px;
	}
	.curriculum_slider{
		margin-bottom: 95px;
	}
	.curriculum_slider .slick-prev,
	.curriculum_slider .slick-next{
		bottom:-60px;
	}
	.curriculum_slider .slick-prev{
		left:30px;
	}
	.curriculum_slider .slick-next{
		right:30px;
	}
	.lesson_btn_list_wrap p{
		padding: 55px 0 0 45px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.lesson_btn_list_wrap ul{
		padding:0 40px;
	}
	.lesson_btn_list_wrap ul li{
		margin-bottom:10px; 
	}
	.to_pagetop_btn{
		padding:20px 6.5% 0;
	}
	.to_pagetop_btn a{
		width:40px;
	}
	.curriculum_detail_footer_btn{
		padding:20px 6.5%;
	}
	.hrline{
		height: 8px;
	}
	.modal_curriculum{
		margin: 0;
	}
	.curriculum_close_wrap{
		height: 50px;
	}
	.curriculum_close_wrap .remodal-close{
		top: 10px;
		right: 10px;
		width: 100px;
		height: 29px;
	}
	.curriculum_close_wrap .remodal-close::before{
		width: 100px;
		height: 29px;
	}
	.curriculum_detail_content_wrap{
		margin-bottom: 50px;
	}

	.curriculum_slider_wrapper div{
		padding:0 11.5% 30px 9.5%;

	}
	.curriculum_slider_wrapper div h3{
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 8px;
	}
	.curriculum_slider_wrapper div p{
		font-size: 12px;
		font-size: 1.2rem;
	}
	.curriculum_detail_nav ul{
		border-top-width: 1px;
	}
	.curriculum_detail_nav ul:last-child{
		border-bottom-width:1px;
	}
	.curriculum_detail_nav li:first-child{
		border-right-width:1px;
	}
	.curriculum_detail_nav li:last-child{
		border-left-width:1px;
	}
	.curriculum_detail_mainv h2,
	.curriculum_detail_mainv h3{
		font-size: 16px;
		font-size: 1.6rem;
	}
	.curriculum_detail_mainv .size01 h3{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.curriculum_detail_mainv p{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.h4wrap h4{
		font-size: 16px;
		font-size: 1.6rem;
		min-width: 160px;
	}
	.w_700 .curriculum_detailcont_wrap p,
	.curriculum_detailcont_wrap p{
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 414px) {
	.w_700 .curriculum_detailcont_wrap p,
	.curriculum_detailcont_wrap p{
		line-height: 2.15;
	}

}

@media screen and (max-width: 376px) {
	.curriculum_slider_wrapper div h3{
		font-size: 12px;
		font-size: 1.2rem;
	}
	.curriculum_slider_wrapper div p{
		font-size: 10px;
		font-size: 1rem;
	}
	.curriculum_detail_mainv h2,
	.curriculum_detail_mainv h3{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.curriculum_detail_mainv .size01 h3{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.curriculum_detail_mainv p{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.w_700 .curriculum_detailcont_wrap p,
	.curriculum_detailcont_wrap p{
		font-size: 13px;
		font-size: 1.3rem;
	}

}

@media screen and (max-width: 361px) {
	.curriculum_slider_wrapper div h3{
		font-size: 11px;
		font-size: 1.1rem;
	}
	.curriculum_slider_wrapper div p{
		font-size: 9px;
		font-size: 0.9rem;
	}
	.w_700 .curriculum_detailcont_wrap p,
	.curriculum_detailcont_wrap p{
		line-height: 2;
	}

}