/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

@media screen and ( max-width: 850px ) {
	
	
/* --------------- header --------------- */

	
/* --------------- footer --------------- */
	
	footer{
		padding: 30px 0 113px 0;
	}
	
	.pagetop{
		bottom: 120px;
	}
	

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

/* --------------- top --------------- */
	
	.col_topMain {
		height: 500px;
	}
	
	.catch_mainimg {
		font-size: 34px;
		letter-spacing: 0.2em;
	}
	
	.catch_mainimg .icon_catch {
		width: 75px;
	}
	
	.catch_mainimg .inner {
		width: calc(100% - 75px);
		padding-top: 5px;
	}
	
	.catch_mainimg .big {
		font-size: 45px;
	}
	
	.col_topNews {
		padding-bottom: 70px;
	}
	
	.inner_topMeasures,
	.inner_topPrice,
	.inner_topProfile {
		display: block;
	}
	
	.inner_topMeasures .img,
	.inner_topPrice .img,
	.inner_topProfile .img {
		width: 100%;
	}
	
	.col_topMeasures {
		padding-bottom: 40px;
	}
	
	.inner_topMeasures {
		width: 100%;
		padding: 4% 4%;
		background-color: #eceeec;
	}
	
	.inner_topMeasures .img img.pc_none {
		width: 100%;
		position: static;
		display: block;
	}
	
	.inner_topMeasures .img img.sp_none {
		display: none;
	}
	
	.inner_topMeasures .txt,
	.inner_topPrice .txt,
	.inner_topProfile .txt {
		width: 100%;
		margin: 0;
		padding: 30px 30px 30px;
	}
	
	.inner_topMeasures .txt:before {
		content: none;
	}
	
	.mds_topMeasures {
		margin-bottom: 30px;
		font-size: 32px;
		line-height: 1.4;
		text-align: center;
	}
	
	.wrap_topMeasures dl {
		width: 50%;
	}
	
	.wrap_topMeasures dl:nth-child(3) {
		margin-bottom: 0;
	}
	
	.col_topGrow {
		padding: 50px 0 50px;
	}
	
	.wrap_topGrow {
		display: block;
	}
	
	.cont_topGrow,
	.cont_topGrow:last-child {
		width: 100%;
		max-width: 480px;
		margin: 0 auto 30px;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}
	
	.cont_topGrow:last-child {
		margin-bottom: 0;
	}
	
	.cont_topGrow dl dd br.sp_none {
		display: none;
	}
	
	.col_topContent {
		padding: 50px 0;
	}
	
	.mds_topContent {
		margin-bottom: 40px;
	}
	
	dl.cont_topContent,
	dl.cont_topContent:nth-child(2n) {
		width: 100%;
		margin: 0 auto 40px;
		padding: 40px 3% 0;
		text-align: center;
		border-top: solid 1px #e14848;
	}
	
	dl.cont_topContent:last-child {
		margin-bottom: 0;
		padding-bottom: 40px;
		border-bottom: solid 1px #e14848;
	}
	
	dl.cont_topContent dt {
		margin-bottom: 25px;
	}
	
	dl.cont_topContent dt .course {
		font-size: 32px;
	}
	
	dl.cont_topContent dt .course br {
		display: none;
	}
	
	dl.cont_topContent dt .target {
		margin-top: 10px;
		padding: 5px 10px 7px;
	}
	
	dl.cont_topContent dd.img {
		width: 400px;
		height: 400px;
		margin: 0 auto 30px;
		position: static;
	}
	
	dl.cont_topContent dd.txt br.tab_none {
		display: none;
	}
	
	dl.cont_topContent.test dd.txt br {
		display: block;
	}
	
	.list_topContent1 {
		max-width: 19em;
		margin: 30px auto 30px 0;
		padding-left: 16px;
		text-align: left;
	}
	
	.list_topContent1.first {
		margin: 10px auto 0 0;
	}
	
	.list_topContent1 ul {
		max-width: 100%;
	}
	
	dl.cont_topContent.test dd.txt {
		width: auto;
		text-align: center;
	}
	
	dl.cont_topContent.test dd.txt ul {
		display: inline-block;
	}
	
	dl.cont_topContent.test dd.txt ul li {
		text-align: left;
	}
	
	dl.cont_topContent.test dd.txt ul li .alignright,
	.list_topContent1 ul li .alignright {
		margin-left: 1em;
		display: inline-block;
	}
	
	dl.cont_topContent.test dd.txt.pianolesson {
		max-width: 19em;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.col_topPrice {
		padding-bottom: 40px;
	}
	
	.col_topPrice .mds1 {
		margin-bottom: 30px;
	}
	
	.inner_topPrice {
		width: 100%;
	}
	
	.inner_topPrice .img {
		margin: 0;
	}
	
	.inner_topPrice .img img,
	.inner_topProfile .img img {
		width: 150%;
		position: relative;
	}
	
	.inner_topPrice:nth-of-type(2) .img img.sp_none{
		display: none;
		
	}
	
	.inner_topPrice:nth-of-type(2) .img img.sp_none2{
		display: block;
		
	}
	
	.inner_topPrice .txt {
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	
	dl.list_topPrice1 {
		width: 50%;
	}
	
	dl.list_topPrice1.piano {
		width: 100%;
	}
	
	.list_topPrice2 {
		width: 90%;
		margin: 15px 0 30px 1em;
		padding-left: 18px;
	}
	
	.col_topProfile {
		padding-bottom: 0;
	}
	
	.col_topProfile .mds1 {
		margin-bottom: 30px;
	}
	
	.inner_topProfile {
		width: 100%;
	}
	
	.inner_topProfile .img {
		margin: 0;
	}
	
	.inner_topProfile .img img {
		right: 50%;
	}
	
	dl.cont_topProfile dt {
		padding-left: 5px;
	}
	
	dl.cont_topProfile dd {
		padding: 0 5px;
	}
	
	dl.cont_topProfile dd ul li {
		margin-bottom: 6px;
	}

	dl.cont_topProfile dd .img_profile {
		width: 45%;
		max-width: 260px;
	}
	
	
	.second-level {
		visibility: hidden;
		list-style-type: none;
		position: absolute;
		z-index: -1;
		top: 0;
		margin: 0;
		padding-left: 0;
	}
	
	
	.nav_header ul li.trigger a::before, .nav_header ul li.trigger a::after{
		content: "";
        width: 15px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        transition: all .3s;
	}
	
	.nav_header ul li.trigger:before, .nav_header ul li.trigger:after{
		display: none;
	}
	
	.nav_header ul li.trigger a:before{
		top: 27px;
        right: 18px;
	}
	
	.nav_header ul li.trigger a:after{
		top: 27px;
        right: 18px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
	}
	
	
	
	ul.nav_header > li.trigger > a:before{
		top: 30px;
        right: 18px;
	}
	
	ul.navi_header > li.trigger > a:after{
		top: 30px;
        right: 18px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
	}
	
	ul.navi_header > li.trigger.open > a:after{
		transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
	}
	
	
/* --------------- course --------------- */
	
	
	
	.col_course1 .cont_txt{
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	
	.col_course1 .cont_txt:nth-of-type(2){
		width: 100%;
		max-width: 100%;
		margin: 0;
	}
	
	.col_course1 .cont_img{
		width: 95%;
		margin: 0 auto;
		padding: 0 0 10px;
		transform: translate(0, -15px);
        z-index: -2;
	}
	
	
	
	.col_course1:last-of-type .cont_img{
		max-width: 635px;
	}
	
	.wrap_img_course1.sp_none{
		display: none;
	}
	
	.wrap_img_course1.pc_none{
		display: block;
	}
	
	.col_course1 .cont_txt .mds_course1{
		text-align: left;
		padding: 0;
	}
	
	.col_course1 .cont_txt .mds_course1 .cont_ttl_course1{
		width: 74%;
		text-align: left;
		padding: 0;
	}
	
	.col_course1 .cont_txt .mds_course1 .cont_ttl_course1 .target{
		margin: 7px 0 4px 0;
	}
	

	
	.wrap_box_course1{
		width: 100%;
		max-width: 22em;
		display: block;
		margin: 0 15px 30px;
	}
	
	.wrap_txt1{
		text-align: center;
		line-height: 1.3;
	}
	
	dt.box_ttl1{
		margin: 0;
		padding: 15px 0;
		text-align: center;
	}
	
	.wrap_box_course1 dd{
		padding: 20px;
	}
	

	
	.wrap_box_course1 dl{
		width: 100%;
	}
	
	.btn_course1 .big{
		text-align: left;
	}
	
	.inner_course1{
		display: block;
	}
	
	.lead_corse1{
		text-align: left;
	}
	
	.num_course1{
		width: 26%;
		max-width: 82px;
	}
	
	.inner_topPrice:nth-of-type(2) .txt{
		padding: 30px;
	}
	
	.inner_topPrice:last-of-type .txt{
		padding: 30px;
	}
	

/* --------------- news --------------- */
	
	.col_news .cont_news,
	.col_news .cont_news:nth-child(3n) {
		width: 47%;
		margin-right: 6%;
		margin-bottom: 50px;
	}
	
	.col_news .cont_news:nth-child(2n) {
		margin-right: 0;
	}
	
	
/* --------------- top instagram --------------- */
	
	.bg_topinsta {
		margin: 0 0 50px;
		padding: 0 0 40px;
		background-color: #eceeec;
	}
	.col_topinsta {
		padding: 50px 2%;
		background-color: #fff;
	}
	
	
	
	
	
	
	
}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */