/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {
	
	body {
		font-size: 15px;
	}
	
	.sp_none {
		display: none;
	}


	/* --------------- header --------------- */
	
	header {
		height: 60px;
	}
	
	.logo_header {
		width: calc(100% - 120px);
		max-width: 264px;
		padding-right: 15px;
	}
	
	.logo_header .txt {
		font-size: 13px;
	}
	
	.btn_header_contact {
		width: 60px;
		padding-top: 19px;
	}
	
	.btn_header_contact img {
		width: 36px;
	}
	
	#menubtn {
		width: 60px;
	}
	
	#menubtn .btn {
		width: 39px;
	}
	
	#menubtn span:nth-child(1) {
		top: 17px;
	}
	
	#menubtn span:nth-child(2) {
		top: 30px;
	}
	
	#menubtn span:nth-child(3) {
		top: 43px;
	}
	
	#menubtn.active span:nth-of-type(1) {
		top: 9px;
	}

	#menubtn.active span:nth-of-type(3) {
		top: 49px;
	}
	
	.nav_header ul {
		top: 60px;
	}


	/* --------------- footer --------------- */

	.mds_footer_contact1 {
		margin-bottom: 15px;
		font-size: 32px;
	}
	
	.txt_footer_contact1 {
		width: 90%;
		margin: 0 auto 20px;
	}
	
	.btn_footer_contact {
		width: 250px;
		margin-bottom: 35px;
		padding: 14px 0;
		font-size: 15px;
	}
	
	dl.logo_footer {
		width: 90%;
		padding: 35px 0 25px 0;
	}
	
	dl.logo_footer dd {
		width: 88%;
	}
	
	.pagetop {
		width: 64px;
		height: 64px;
	}



	/* --------------- sub common --------------- */

	.mds1 {
		padding-bottom: 15px;
		font-size: 28px;
	}
	
	.col_pagettl {
		height: 220px;
		padding-top: 60px;
	}

	/* --------------- top --------------- */
	
	.col_topMain {
		height: 170vw;
		background-image: url(../img/top/sp/mainimg.jpg);
	}
	
	.inner_topMain {
		width: 90%;
	}
	
	.catch_mainimg {
		margin: auto;
		font-size: 8vw;
		bottom: 45vw;
		left: 0;
		right: 0;
	}
	
	.catch_mainimg .catch1,
	.catch_mainimg .catch2 {
		margin-bottom: 4vw;
	}
	
	.catch_mainimg .big {
		font-size: 12vw;
	}
	
	.catch_mainimg .icon_catch {
		width: 22vw;
		position: static;
	}
	
	.catch_mainimg .inner {
		width: calc(100% - 22vw);
	}
	
	.col_topNews {
		padding: 40px 0 50px;
	}
	
	.inner_topNews {
		width: 100%;
	}
	
	.col_topNews .mds1 {
		margin-bottom: 25px;
	}
	
	.wrap_news {
		display: block;
	}
	
	.cont_news,
	.col_topNews .cont_news {
		width: 100%;
		margin: 0 0 45px;
		padding: 0 5% 40px;
		border-bottom: solid 1px #b5b1b1;
	}
	
	.col_topNews .cont_news:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
	
	.col_topNews .cont_news {
		-webkit-transition-delay: 0.2s;
	    transition-delay: 0.2s;
	}
	
	.thumb_news {
		margin-bottom: 20px;
	}
	
	.btn_topnews {
		width: 230px;
		font-size: 15px;
	}
	
	.inner_topMeasures {
		padding: 5% 5% 0;
	}
	
	.inner_topMeasures .txt {
		padding: 30px 0 45px;
	}
	
	.mds_topMeasures {
		font-size: 29px;
	}
	
	.wrap_topMeasures {
		max-width: 400px;
		margin: 0 auto;
	}
	
	.wrap_topMeasures dl {
		display: block;
	}
	
	.wrap_topMeasures dl:nth-child(-n+2) {
		margin-bottom: 25px;
	}
	
	.wrap_topMeasures dl dt {
		margin: 0 auto 10px;
	}
	
	.wrap_topMeasures dl dd {
		width: auto;
		padding: 0;
		font-size: 15px;
		text-align: center;
	}
	
	.col_topGrow {
		padding: 40px 0 60px;
		background-image: url(../img/top/sp/bg_grow.jpg);
		background-position: center top;
	}
	
	.inner_topGrow {
		width: 90%;
	}
	
	.mds_topGrow {
		margin-bottom: 30px;
	}
	
	.cont_topGrow dl {
		padding: 25px 0 45px 0;
	}
	
	.result_topGrow {
		min-height: 120px;
		line-height: 1.6;
	}
	
	.col_topContent {
		padding: 40px 0;
	}
	
	.inner_topContent {
		width: 90%;
	}
	
	.mds_topContent {
		margin-bottom: 30px;
	}
	
	.mds_topContent .icon_piano {
		width: 60px;
	}
	
	.mds_topContent .logo_mayuka {
		width: 94%;
		max-width: 390px;
	}
	
	dl.cont_topContent,
	dl.cont_topContent:nth-child(2n) {
		padding: 35px 3% 0;
	}
	
	dl.cont_topContent:last-child {
		padding-bottom: 40px;
	}
	
	dl.cont_topContent dd.img {
		width: 320px;
		height: 320px;
	}
	
	.col_topPrice {
		padding: 30px 0 40px;
	}
	
	.inner_topPrice {
		width: 100%;
	}
	
	.inner_topPrice .img img {
		width: 100%;
		height: auto;
	}
	
	.inner_topPrice:nth-of-type(2) .img img.sp_none2{
		display: none;
	}
	
	.inner_topPrice .txt {
		padding: 35px 5% 40px;
		display: block;
	}
	
	.inner_topPrice:nth-of-type(2) .txt{
		padding: 35px 5% 40px;
		display: block;
	}
	
	.inner_topPrice:last-of-type .txt{
		padding: 35px 5% 40px;
		display: block;
	}
	
	dl.box_topSignup.black {
	}
	
	dl.box_topSignup {
		max-width: 290px;
		font-size: 16px;
	}
	
	dl.box_topSignup dt {
		width: 235px;
	}
	
	dl.box_topSignup dd {
		width: calc(100% - 130px);
	}
	
	dl.list_topPrice1 {
		width: auto;
		margin-bottom: 25px;
	}
	
	dl.list_topPrice1 .pink,
	.list_topPrice2 dl .pink {
		font-weight: 700;
	}
	
	dl.list_topPrice1 dd,
	dl.list_topPrice1.piano dd,
	.list_topPrice2 dl dd {
		font-weight: 700;
	}
	
	.inner_topProfile {
		width: 100%;
	}
	
	.inner_topProfile .img img {
		width: 100%;
		height: auto;
		right: 0;
	}
	
	.inner_topProfile .txt {
		padding: 35px 5% 40px;
	}
	
	.cont_gmap iframe {
		height: 250px;
	}
	
	.cont_access1 {
		width: 90%;
		-webkit-box-pack: start;
		   -ms-flex-pack: start;
		 justify-content: flex-start;
	}
	
	.cont_access1 address {
		width: calc(100% - 7em);
		margin: 0;
		padding: 0 2em 0 0;
		text-align: left;
	}
	
	
	.bg_course1{
		margin: 0 0 13%;
		padding: 0 0 13%;
	}
	
	.col_course1{
		display: block;
		text-align: center;
		margin: 0;
	}
	
	.col_course1 .cont_img.sp_none{
		display: none;
	}
	
	.col_course1 .cont_img.pc_none{
		max-width: 470px;
		display: block;
	}
	
	.mds_ttl_course1{
		width: 89%;
		margin: 0 auto;
		justify-content: center;
	}
	
		.btn_course_contact{
		margin: 15px auto 0;
	}
	
	
/* --------------- news --------------- */
	
	.col_pagettl.news {
		background-image: url(../img/news/sp/bg_pagettl.jpg);
	}
	
	.col_news {
		padding-top: 35px;
	}
	
	.col_news .cont_news,
	.col_news .cont_news:nth-child(3n) {
		width: 100%;
		margin: 0 0 40px;
	}
	
	
/* --------------- top insta --------------- */
	
	.bg_topinsta {
		margin: 0 0 8vw;
		padding: 0 0 8vw;
	}
	.col_topinsta {
		padding: 9vw 2%;
	}
	.col_topinsta .cont_mds {
		margin: 0 0 4%;
	}
	.col_topinsta .cont_mds .icon_insta {
		width: 7vw;
		max-width: 35px;
		margin: 0 2.5% 0 0;
	}
	.col_topinsta .cont_mds .mds1 { font-size: min(5.5vw, 28px ); }
	.col_topinsta .list_topinsta {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.col_topinsta .list_topinsta .item {
		width: 32%;
		height: calc( 100vw * 0.96 *0.96 * 0.32 );
		margin: 0 2% 2% 0;
	}
	.col_topinsta .list_topinsta .item:nth-child(3n) { margin-right: 0; }
	
	
	
	
	
	
	

}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */