@charset "UTF-8";
.topimg-price{background-image:url(../images/ryoukin.jpg);}
.topimg-about{background-image:url(../images/hajimete.jpg);}
.topimg-qanda{background-image:url(../images/shitsumon.jpg);}
.topimg-concept{background-image:url(../images/contents_topimg07.jpg);}
.topimg-schedule{background-image:url(../images/contents_topimg08.jpg);}
.topimg-private{background-image:url(../images/contents_topimg09.jpg);}
.topimg-instructor{background-image:url(../images/insutorakuta.jpg);}
.topimg-program{background-image:url(../images/contents_topimg02.jpg);}

.topimg-others{background-image:url(../images/contents_topimg06.jpg);}
/*
.innerpage-contents-box h3{
	text-align:center;
	color:#008fc7;
	margin: 1.5em 0;
	letter-spacing: 5px;
}
.innerpage-contents-box h4{margin:1em;}
*/
/*about-page*/
.motimono{
	width: 90%;
	max-width:550px;
	text-align:center;
	margin: 0.5rem auto;
	background:#efefef;
	padding: 0.5rem 0;
}
.motimono li{
	display:inline-block;
	margin: 0 0.5rem;
	line-height: 3;
}

/*concept-page*/
.concept-img{
	margin: 5rem 0;
}

/*price-page*/
.price-table{
	width: 100%;
	margin-bottom: 1rem;
}
.pricetable-title{
	background-color: #e0eeff;
	font-weight: normal;
}
.price-img{
	max-width: 50%;
	margin:1rem auto;
}

/* program-page */
.program-table{
	width: 100%;
	margin-bottom: 5rem;
}

.meyasu{
	text-align: center;
}

.meyasu a{
	color: #FFF;
}


.meyasu-box{
	display: inline-block;
	padding: 2rem;
	width: 120px;
	text-align: center;
	margin: 1rem;
	border-radius:1rem;
}

.box-lv1{background-color: #986a9f;}
.box-lv1_5{background-color: #5fa656;}
.box-lv2{background-color: #00afd9;}
.box-lv3{background-color: #ea5230;}
.box-lv0{background-color: #d36e94;}


/*pc*/
@media screen and (min-width: 768px) {
	.program-table tr:first-child th,
	.program-table tr:first-child td{
		background-color: #70C0FF;
		text-align: center;
	}
	.program-table th{width: 30%;}
	.program-table td{width: 70%;}
}
/*smartphone*/
@media screen and (max-width: 767px) {
	.program-table tr:first-child th,
	.program-table tr:first-child td{
		display: none;
	}
	.program-table tr{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}
	.program-table th{width: 100%;}
	.program-table td{width: 100%;}
}

/*
.steparea{
	margin: 100px 0;
}
.steparea .row .step{margin:20px;}
.steparea .row .arrow p{margin: 0 20px;}

@media screen and (min-width: 769px) {
.steparea .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.steparea .row .step{width:145px;}
.steparea .odd .step{margin-right:15px;}
.steparea .even .step{margin-left:15px;}
.steparea .even{flex-flow: row-reverse;}
.steparea .row .arrow{
	width:512px;
	position:relative;
}
.steparea .odd .arrow{background: url("../images/arrow_right.jpg") no-repeat center;margin-right: 20px;}
.steparea .even .arrow{background: url("../images/arrow_left.jpg") no-repeat center;margin-left: 20px;}
.steparea .row .arrow p{
	position: absolute;
	bottom: 100px;
}
.steparea .even .arrow p{right:0;text-align:right;}
}*/


/*
.meyasu{
	margin: 50px 0;
	text-align:center;
	letter-spacing: -1em;
}

.meyasu .box{
	display:inline-block;
	margin-right:34px;
	letter-spacing: normal;
}

.meyasu .box:last-child{
	margin: 0;
}

.schedule{
	width:1200px;
	height:406px;
	background: url("../images/schedule.jpg") no-repeat center;
	margin: 50px 0;
}

.schedule .box{
	float:right;
	width:600px;
	height:406px;
}

.schedule .box .text{
	margin: 40px 0;
}*/
/*
.price{
	background:#efefef;
	margin: 50px auto;
	padding: 50px 0;
	width:90%;
	max-width:1200px;
}

.price dl{
	font-size: 18px;
	padding: 20px;
}

.price dl dd{
    margin: 1em;
}

@media screen and (min-width: 640px) {
.price dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}
.price dl dt{width:50%;}
.price dl dd{width:30%;}
.price dl dt{
	display: flex;
	align-items: center;
}
.price dl dt:after {
    border-top: 3px dotted;
    content: "";
    display: inline; /* for IE
    flex-grow: 1;
    margin-left:1em;
}
}
*/


.studio{
	margin: 50px 0;
}

.studio .row{
	text-align:center;
	margin-bottom:30px;
}

.studio .row:last-child{
	margin: 0;
}

.studio .row .box{
	display:inline-block;
}

.studio .row .box:last-child{
	margin: 0;
}


/* QandA-page */
.qanda dt{
	font-size: 2.4rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#008fc7;
	text-align:left;
	margin: 1rem;
}
.qanda dd{
	text-align: left;
	font-size: 1.4rem;
	margin: 2rem;
}

@media screen and (min-width: 768px) {
	.qanda > div{
		text-align:center;
		display:flex;
	  flex-wrap: wrap;
	  justify-content: center;
	}
	.qanda dl{
		width:579px;
		height:273px;
		background: url("../images/qanda.jpg") no-repeat center;
		margin:1rem;
	}
	.qanda dt{
		display: table-cell;
		vertical-align: middle;
		height: 130px;
		padding-left: 14rem;
	}
	.qanda dd{
		padding: 0 4rem;
	}
}

/* instructor-page */
.instructor{
	margin: 5rem auto;
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.instructor .ins-box{
	display:inline-block;
	vertical-align:top;
	text-align: center;
}
.instructor .ins-img{
	margin: 0 2rem;
}
.instructor .fbox{
	height: 0;
}

.instructor .ins-box p{
	text-align:center;
	font-size: 1.8rem;
	line-height: 2.5;
}
/*pc*/
@media screen and (min-width: 768px) {
	.instructor{max-width:756px;}
	.instructor .ins-box{width:33.3%;}
}
/*smartphone*/
@media screen and (max-width: 767px) {
	.instructor{max-width:504px;}
	.instructor .ins-box{width:50%;}
}

.il_inst{display:none;}

.ilbox{
	margin:1rem;
	padding:2rem;
	border:solid 3px #008fc7;
	background:#fff;
	width:75vw;
	max-width:900px;
}
.ilbox > div{
	margin-bottom:1.5rem;
}

.ilbox h3{
	font-size: 2.4rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing:0.3rem;
	margin-bottom:2rem;
}

.ilbox .ilb1of2{width:240px;}
.ilbox .ilb1of2 img{width:100%;}

@media screen and (min-width: 640px) {
.ilbox{
	letter-spacing: -1em;
	}
.ilbox > div{
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal;
	}
.ilbox .ilb1of2{width:50%;max-width:394px;}
.ilbox .ilb2of2{margin-left:5%;width:45%;}
.ilbox p,.ilbox li{
	letter-spacing: normal;
	}
}



/* schedule private-page */
.topwrapper{
	max-width:960px;
	padding:0 2rem;
	margin:1rem auto;
}
.topwrapper-contents{
	display:inline-block;
	vertical-align: top;
	width:49%;
}

.iframewrapper{
	max-width:960px;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
.topwrapper-contents{display:block;width:100%;}
}

.ifrmeheader{
	max-width:960px;
	padding:0 2rem;
	margin:0 auto;
}
.ifrmeheader-menu p{
	display:inline-block;
	margin:0.5rem 0;
}
.ifrmeheader-menu a{
	padding: 0.5rem;
	border-radius:0.5rem;
	color:#FFF;
	text-decoration:none;
}

.ifrmeheader-menu a.ifr-b1{background:rgb(204, 27, 33);}
.ifrmeheader-menu a.ifr-b1:hover{background:rgba(204, 27, 33, 0.7);}
.ifrmeheader-menu a.ifr-b2{background:rgb(240, 140, 0);}
.ifrmeheader-menu a.ifr-b2:hover{background:rgba(240, 140, 0, 0.7);}
.ifrmeheader-menu a.ifr-b3{background:rgb(27, 149, 224);}
.ifrmeheader-menu a.ifr-b3:hover{background:rgba(27, 149, 224, 0.7);}
.ifrmeheader-note p{
	font-size:1.1rem;
	margin:0;
}