@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	font-size:14px;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"MS P明朝","MS PMincho",serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
	font-weight:bold;
		color:#3c1a04;
}

#topcontrol {
	background-color:#3a3a3a;
	color:#FFF;
	font-size:40px;
	line-height:0;
	padding:0 10px 5px;
	z-index:999;

}

#sp {
	display:none;
}
p {
	line-height:1.8em;
	letter-spacing:0.1em;
}

.img100 img {
	width:100%;
	height:auto;
}
.a_h a {
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
}

.hover img {
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
}
.hover img:hover{
	opacity: 0.4;  
    filter: alpha(opacity=60);
}
.cy_container {
	width:97%;
	max-width:960px;
	margin:0 auto;
}

#spbox {
	display:none;
}

.font {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
.font0 {
    font-family: 'Noto Sans Japanese', serif;
}

.font26 {
	font-size:26px;
	line-height:normal;
}
.font24 {
	font-size:24px;
	line-height:normal;
}
.font22 {
	font-size:22px;
	line-height:normal;
}
.font20 {
	font-size:20px;
	line-height:normal;
}
.font18 {
	font-size:18px;
	line-height:normal;
}
.font16 {
	font-size:16px;
	line-height:normal;
}

.posi {
	position:relative;
}

#sprogo {
	display:none;
}

#cy_h1 {
	position:absolute;
	top:0;
	left:0;
	padding:0 5px;
	z-index:800;
	font-size:10px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}

#sp_text {
	display:none;
}

.tel-link2 a {
	text-decoration:none;
	color:inherit;
}

.tel-link2{
	text-decoration:none;
	color:inherit;
}

#tel {
	position:fixed;
	right:0;
	top:140px;
	z-index:9999;
}
/*****************************************/

#cy_header {
	position:relative;
	border-top:7px solid #fc9294;
	height:100vh;
}

	#head {
		position:relative;
		z-index:500;
		background-color:#FFF;
		padding:40px 0;
	}
	
	#head:after {
		content:"";
		background-color:#FFF;
		width:590px;
		height:190px;
		border-radius:50%;
		position:absolute;
		left:50%;
		top:0px;
		margin-left:-295px;
	}
	
	.container1450 {
		width:97%;
		margin:0 auto;
		max-width:1450px;
	}

	#logo {
		position:absolute;
		width:100%;
		text-align:center;
		top:-10px;
		left:0;
		z-index:10;
	}
	
	/***nav****/
	
	#cy_nav li {
		display:inline-block;
		padding:0 30px;
		text-align:center;
		position:relative;
		z-index:100;
	}
	
	#cy_nav li span{
		display:block;
	}
	
	#cy_nav a {
		color:#000;
		text-decoration:none;
		display:block;
	}
	
	#left_nav {
		float:left;
	}
	
	#right_nav {
		float:right;
	}



/******************/
.flexslider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:10;
	overflow:hidden;
}

	#fade1,
	#fade2,
	#fade3 {
		background-position:50% 0;
		background-repeat:no-repeat;
		background-size:cover;
		height:100vh;
		position:relative;
		z-index:10;
	}
	
	#fade1 {
		background-image:url(../images/fade1.jpg);
	}
	#fade2 {
		background-image:url(../images/fade2.jpg);
	}
	#fade3 {
		background-image:url(../images/fade3.jpg);
	}
	
	#top_title {
		position:absolute;
		left:120px;
		top:50%;
		z-index:100;
		margin-top:-40px;
	}
	
	#top_img {
		position:absolute;
		left:50%;
		top:0;
		z-index:100;
		margin-left:50px;
	}
	
	
	#top_img img{
		width:auto;
		height:100vh;
	}
	

/***********************/

#piano {
	background-image:url(../images/piano.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 56px;
	height:56px;
}

.padding100 {
	padding:100px 0;
}

.center_midashi {
	font-size:24px;
	text-align:center;
	line-height:normal;
}

	.center_midashi span {
		display:block;
		font-size:16px;
	}
	
	.center_midashi:after {
		content:"";
		background-image:url(../images/line.png);
		background-position:50% 0;
		background-repeat:no-repeat;
		background-size:auto 4px;
		height:4px;
		display:block;
		margin-top:10px;
	}
	
	.center_text {
		text-align:center;
		line-height:2.4em;
	}
	
	.z500 {
		position:relative;
		z-index:500;
	}
	
	.z100 {
		position:relative;
		z-index:100;
	}
	
	.more a{
		padding:10px 0;
		color:#FFF;
		text-decoration:none;
		background-color:#3c1a04;
		border-radius:30px;
		display:block;
		width:100%;
		max-width:250px;
		margin:0 auto;
	}
	
	.m_auto {
		text-align:center;
	}
	
	.more a:hover {
		background-color:#f94348;
	}
	
	.cy_hidden {
		overflow:hidden;
	}
	
	#img1 {
		position:absolute;
		right:0;
		top:0;
		z-index:10;
	}
	
	#img2 {
		position:absolute;
		right:150px;
		top:150px;
		z-index:100;
	}
	
	#gif1 {
		position:absolute;
		left:40px;
		top:80px;
		z-index:10;
	}
	
	#circle1 {
		background-color:#f0fbfd;
		border-radius:50%;
		width:100%;
		max-width:400px;
		height:100%;
		max-height:500px;
		position:absolute;
		left:50%;
		top:0;
		margin-left:-200px;
	}

	
	#circle2 {
		background-color:#f0fbfd;
		border-radius:50%;
		width:100%;
		max-width:400px;
		height:100%;
		max-height:400px;
		position:absolute;
		right:120px;
		top:80px;
		margin-left:-200px;
	}
	
	#circle3 {
		background-color:#f0fbfd;
		border-radius:50%;
		width:100%;
		max-width:400px;
		height:100%;
		max-height:400px;
		position:absolute;
		left:50%;
		top:150px;
		margin-left:-800px;
	}
	
	.cy_blur {
		-webkit-filter:blur(50px);
		-moz-filter:blur(50px);
		-o-filter:blur(50px);
		-ms-filter:blur(50px);
		filter:blur(50px);
	}
	
	.t_s {
		text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
	}
	
/*********/

.top_bg {
	background-image:url(../images/top5.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0;
}

	.point li {
		padding:40px 20px 0;
		float:left;
		width:33.33%;
	}
	
	.point img {
		width:100%;
		height:auto;
	}
	
	.plr20 {
		padding:0 30px;
	}

/**************/

#top_bg2 {
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-size:auto 15px;
	padding-top:100px;
	position:relative;
	z-index:500;
	margin-top:-14px;
}

.container1300 {
	width:97%;
	margin:0 auto;
	max-width:1300px;
}
	
.right48 {
	float:right;
	width:45%;
}

	
.left48 {
	float:left;
	width:45%;
}

.img img {
	display:block;
	text-align:center;
	width:100%;
	height:auto;
	max-width:540;
}

#img3_1 {
	position:absolute;
	left:-130px;
	top:0;
}

#img3_2 {
	position:absolute;
	left:120px;
	top:200px;
	z-index:10;
}

#img4 {
	position:absolute;
	right:0;
	top:250px;
	z-index:10;
}

#img5 {
	position:absolute;
	left:0;
	top:950px;
	z-index:10;
}

#img6 {
	position:absolute;
	right:0;
	top:1550px;
	z-index:10;
}


#circle4 {
	background-color:#fffae5;
	border-radius:50%;
	width:100%;
	max-width:800px;
	height:100%;
	max-height:100px;
	position:absolute;
	left:50%;
	top:100px;
	margin-left:100px;
}

#circle5 {
	background-color:#fce9e4;
	border-radius:50%;
	width:100%;
	max-width:500px;
	height:100%;
	max-height:500px;
	position:absolute;
	left:50%;
	top:200px;
	margin-left:-200px;
}

#circle6 {
	background-color:#fce9e4;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:50%;
	top:600px;
	margin-left:400px;
}

#circle7 {
	background-color:#fce9e4;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:50%;
	top:800px;
	margin-left:-100px;
}

#circle8 {
	background-color:#fce9e4;
	border-radius:50%;
	width:100%;
	max-width:500px;
	height:100%;
	max-height:500px;
	position:absolute;
	left:50%;
	top:1300px;
	margin-left:-700px;
}


/**************/

#top_bg3 {
	background-image:url(../images/top17.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 115px;
	height:115px;
	margin-top:60px;
}

/*************/

#ac_left {
	float:left;
	width:40%;
}

	.address {
		width:100%;
	}
	
	.address th {
		padding:15px 0;
		vertical-align:top;
		width:140px;
		color:#c5385e;
		font-weight:bold;
	}
	
	.address td {
		padding:15px 0;
	}


	#tel_box li {
		display:inline-block;
		padding:10px 40px 10px 0;
	}
	
	#tel_box li:nth-child(2) a {
		color:#3c1a04;
		text-decoration:none;
		border:1px solid #3c1a04;
		padding:20px;
		font-size:16px;
		border-radius:10px;
	}
	#tel_box li:nth-child(2):hover a {
		color:#FFF;
		border-color:#c5385e;
		background-color:#c5385e;
	}

#ac_right {
	float:right;
	width:55%;
}

	#ac_right img {
		width:100%;
		height:auto;
	}

/*************************/


#top_bg4 {
	background-image:url(../images/top110.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 305px;
	height:305px;
	margin-top:100px;
	position:relative;
}

#animation {
	background-image:url(../images/top19.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 275px;
	height:275px;
	position:absolute;
	left:0;
	top:40px;
	width:100%;
}

/**************************/
#cy_footer {
	margin-top:100px
}

#cy_foot {
	background-image:url(../images/top20.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0 60px;
}

#f_logo {
	text-align:center;
}
#f_nav {
	text-align:center;
	margin-top:40px;
}

	#f_nav li {
		display:inline-block;
		padding:10px 20px;
	}
	
	#f_nav a {
		color:#924a1d;
		text-decoration:none;
	}
	
	#f_nav span {
		display:block;
	}

#copy {
	text-align:center;
	color:	#924a1d;
	padding:10px 14px;
	background-image:url(../images/top22.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}


/******************************************************************

	ごあいさつ

*******************************************************************/

#cy_header_in {
	position:relative;
}

#greeting_main {
	background-image:url(../images/greeting1.jpg);
}

.main_size {
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	height:375px;
}

#title {
	text-align:center;
	padding-top:170px;
	color:#FFF;
	text-shadow:0 0 10px #000;
	font-size:36px;
	line-height:normal;
	
}

	#title span {
		display:block;
		font-size:22px;
	}
	
.padding80 {
	padding:80px 0;
}

#g_img1 {
	position:absolute;
	top:40px;
	right:0;
	z-index:10;
}

#g_circle1 {
	background-color:#effbfe;
	border-radius:50%;
	width:100%;
	max-width:600px;
	height:100%;
	max-height:600px;
	position:absolute;
	left:0;
	top:40px;
	margin-left:-200px;
}

#g_circle2 {
	background-color:#effbfe;
	border-radius:50%;
	width:100%;
	max-width:600px;
	height:100%;
	max-height:300px;
	position:absolute;
	left:50%;
	bottom:-150px;
	margin-left:-480px;
}

/********************/

.g_bg1 {
	background-color:#fdf6f6;
}

.center_p {
	text-align:center;
	color:#f94348;
	font-size:20px;
}

.left48_2 {
	float:left;
	width:48%;
}

.right48_2 {
	float:right;
	width:48%;
}

#g_circle3 {
	background-color:#effbfe;
	border-radius:50%;
	width:100%;
	max-width:800px;
	height:100%;
	max-height:800px;
	position:absolute;
	right:0;
	top:-20px;
	margin-right:-300px;
	z-index:10;
}

#g_circle4 {
	background-color:#effbfe;
	border-radius:50%;
	width:100%;
	max-width:300px;
	height:100%;
	max-height:300px;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:0px;
	z-index:10;
}

#g_circle5 {
	background-color:#effbfe;
	border-radius:50%;
	width:100%;
	max-width:300px;
	height:100%;
	max-height:300px;
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-400px;
	z-index:10;
}


/********************/

.g_bg2 {
	background-color:#fcf4f4;
	background-image:url(../images/greeting3.png);
	background-position:right 0;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.left30 {
	float:left;
	width:30%;
	text-align:center;
}

	.max470 img {
		width:100%;
		height:auto;
		max-width:470px;
	}


.right65 {
	float:right;
	width:65%;
}
	
	.profile li {
		padding:15px 0;
		border-bottom:1px dashed #81736d;
	}

#g_img2 {
	position:absolute;
	left:0;
	top:100px;
	z-index:10;
}

#g_img3 {
	position:absolute;
	right:0;
	top:300px;
	z-index:10;
}



/******************************************************************

	教室案内

*******************************************************************/

#class_main {
	background-image:url(../images/class1.jpg);
}

#c_img1 {
	position:absolute;
	left:0;
	top:80px;
	z-index:10;
}

/**********/

.left48_3 {
	float:left;
	width:48%;
}

	.midashi {
		color:#f94348;
		font-size:20px;
	}
	
	#c_img2 {
		margin:130px 0 0 20px;
	}

.right48_3 {
	float:right;
	width:48%;
}
	
	.max720 img {
		width:100%;
		height:auto;
		max-width:720px;
	}
	
	#c_img3 {
		text-align:right;
		margin:100px 0 0 0;
	}

/**/
#c_img4 {
	position:absolute;
	left:0;
	top:100px;
	z-index:10;
	width:100%;
	text-align:center;
}

#c_img5 {
	position:absolute;
	left:0;
	bottom:40px;
	z-index:10;
	width:100%;
	text-align:center;
}

#c_img6 {
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
}


#c_circle1 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:300px;
	height:100%;
	max-height:300px;
	position:absolute;
	left:50%;
	top:80px;
	z-index:5;
	margin-left:-300px;
}


#c_circle2 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:50%;
	top:250px;
	z-index:5;
	margin-left:100px;
}

#c_circle3 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:50%;
	top:100px;
	z-index:5;
	margin-left:700px;
}

#c_circle4 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:0;
	bottom:60px;
	z-index:5;
	margin-left:0;
}

#c_circle5 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:800px;
	height:100%;
	max-height:500px;
	position:absolute;
	left:50%;
	bottom:0;
	z-index:5;
	margin-left:0;
	opacity:0.5;
}


/********************/

.c_bg {
	background-image:url(../images/top20.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0 60px;
}

.c_bg2 {
	background-image:url(../images/c_bg.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 340px;
}


.four li {
	float:left;
	width:25%;
	padding:0 20px;
	margin:20px 0;
}

.four img {
	width:100%;
	height:auto;
}

/*******************/

#c_bg3 {
	padding:60px 0 40px;
	margin-top:80px;
	position:relative;
	overflow:hidden;
}

.bg_w {
	background-color:rgba(255,255,255,0.74);
	width:100%;
	padding:40px;
	max-width:480px;
	margin:0 auto;
	text-align:center;
}

	.bg_w span {
		display:block;
	}

#panorama {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100;
}

#c_img10 {
	position:absolute;
	right:-150px;
	top:0;
	z-index:10;
}

/*******************/

#c_bg4 {
	background-image:url(../images/class12.png);
	background-position:left 0;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

#c_circle6 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:500px;
	height:100%;
	max-height:500px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:5;
	margin-right:-60px;
}


#c_img7 {
	position:absolute;
	left:50%;
	margin-left:400px;
	top:40px;
	z-index:10;
}

.mt0 {
	margin-top:0 !important;
}



/******************************************************************

	よくあるご質問

*******************************************************************/

#faq_main {
	background-image:url(../images/faq1.jpg);
}


.accordion {
    margin:0 0 10px;
	width:100%;
}

	.displayNone {
		display: none;
	}

	.switch {
		font-weight:bold;
		font-size:16px;
		padding:20px 60px 20px 20px;
		position:relative;
		display:table;
		width:100%;
		cursor:pointer;
	}
	
		.faq_cell1 {
			display:table-cell;
			width:60px;
		}
		
		.faq_cell2 {
			display:table-cell;
			position:relative;
			top:3px;
		}
	
		.pulse2 {
			position:absolute;
			right:20px;
			top:25px;
			font-size:24px;
		}
		
	.contentWrap {
		display: none;
	}
	
		.faq_table {
			width:100%;
			display:table;
			padding:10px 20px;
		}

		.color_g {
			color:#89b92a;
		}
	
	.fa_on {
		display:none;
	}

.bb {
	border-bottom:1px dashed #aaa;
}

/*********************/

#q_img2 {
	position:absolute;
	top:400px;
	left:50%;
	margin-left:-700px;
	
}

#q_img3 {
	position:absolute;
	top:700px;
	left:50%;
	margin-left:-950px;
	
}

#q_circle1 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:300px;
	height:100%;
	max-height:300px;
	position:absolute;
	left:50%;
	top:200px;
	z-index:5;
}

#q_circle2 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:50%;
	top:300px;
	z-index:5;
	margin-left:400px;
}


#q_circle3 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:800px;
	height:100%;
	max-height:800px;
	position:absolute;
	left:50%;
	top:500px;
	z-index:5;
	opacity:0.5;
}

#q_circle4 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:800px;
	height:100%;
	max-height:800px;
	position:absolute;
	left:50%;
	top:600px;
	z-index:5;
	margin-left:-900px;
	opacity:0.5;
}

/******************************************************************

	料金表

*******************************************************************/

#ryokin_main {
	background-image:url(../images/price1.jpg);
}

.center {
	text-align:center;
}

.p_midashi {
	color:#f94348;
	font-size:20px;
	border-bottom:1px dashed #aaa;
	padding-bottom:10px;
}

.time {
	background-color:#fae1e1;
	padding:20px 25px 15px;
	border-radius:5px;
	font-size:16px;
	text-align:center;
}

	.time img {
		width:25px;
		height:auto;
		margin:0 10px;
		position:relative;
		top:-3px;
	}
	
	.inline {
		display:inline-block;
	}


/******/

#r_img2 {
	position:absolute;
	top:900px;
	left:50%;
	z-index:10;
	margin-left:-950px;
}

#r_img3 {
	position:absolute;
	top:900px;
	left:50%;
	z-index:10;
	margin-left:800px;
}

#r_img4 {
	position:absolute;
	bottom:80px;
	left:50%;
	z-index:10;
	margin-left:600px;
}

#r_img5 {
	position:absolute;
	bottom:80px;
	left:50%;
	z-index:10;
	margin-left:-900px;
}


#r_circle {
	background-color:#fff9e4;
	border-radius:50%;
	width:100%;
	max-width:600px;
	height:100%;
	max-height:600px;
	position:absolute;
	left:50%;
	top:400px;
	z-index:5;
	margin-left:-1300px;
}

#r_circle2 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:50%;
	top:1050px;
	z-index:5;
	margin-left:-500px;
}

#r_circle3 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:800px;
	height:100%;
	max-height:800px;
	position:absolute;
	left:50%;
	top:1050px;
	z-index:5;
	opacity:0.5;
	margin-left:400px;
}

#r_circle4 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:400px;
	height:100%;
	max-height:400px;
	position:absolute;
	left:50%;
	bottom:-200px;
	z-index:5;
	margin-left:500px;
}


/******************************************************************

	アクセス

*******************************************************************/

#access_main {
	background-image:url(../images/access1.jpg);
}

#access_left {
	float:left;
	width:40%;
}

	.a_midashi {
		font-size:20px;
		color:#c5385e;
	}
	
	.a_midashi img {
		margin-right:10px;
		display:inline-block;
		vertical-align:middle;
	}

	
	.google a {
		color:#3c1a04;
		text-decoration:none;
		border:1px solid #3c1a04;
		padding:20px;
		font-size:16px;
		border-radius:10px;
	}
	.google a:hover {
		color:#FFF;
		border-color:#c5385e;
		background-color:#c5385e;
	}
	
	#access li {
		float:left;
		width:50%;
		margin:20px 0;
	}
	
	#access li:nth-child(2n+1) {
		clear:both;
	}

#access_right {
	float:right;
	width:58%;
}

	#access_right img {
		width:100%;
		height:auto;
	}

/***********/

#a_img2 {
	position:absolute;
	top:400px;
	left:50%;
	margin-left:500px;
}

#a_img3 {
	position:absolute;
	top:400px;
	left:50%;
	margin-left:-800px;
}

#a_img4 {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-950px;
}

#a_img5 {
	position:absolute;
	bottom:60px;
	left:50%;
	margin-left:-300px;
}

#a_circle1 {
	background-color:#fce9e5;
	border-radius:50%;
	width:100%;
	max-width:300px;
	height:100%;
	max-height:300px;
	position:absolute;
	left:50%;
	top:100px;
	z-index:5;
	margin-left:-700px;
	opacity:0.5;
}

#a_circle2 {
	background-color:#fff9e4;
	border-radius:50%;
	width:100%;
	max-width:500px;
	height:100%;
	max-height:500px;
	position:absolute;
	left:50%;
	top:500px;
	z-index:5;
	margin-left:700px;
	opacity:0.5;
}

/* PC用
------------------------------------------------------------*/

@media only screen and (min-width: 1700px){
.pc_none {
	display:none;
}
.pctab_none {
	display:none;
}

.pcblock {
	display:block;
}

}

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


}

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

#tel {
	position:fixed;
	right:0;
	top:110px;
	z-index:9999;
}

#tel img {
	width:50px;
	height:auto;
}

/*****************************************/

#cy_header {
	position:relative;
	border-top:7px solid #fc9294;
	height:100vh;
}

	#head {
		position:relative;
		z-index:500;
		background-color:#FFF;
		padding:30px 0;
	}
	
	#head:after {
		content:"";
		background-color:#FFF;
		width:500px;
		height:100px;
		border-radius:50%;
		position:absolute;
		left:50%;
		top:30px;
		margin-left:-250px;
	}
	
	.container1450 {
		width:97%;
		margin:0 auto;
		max-width:1450px;
	}

	#logo {
		position:absolute;
		width:100%;
		text-align:center;
		top:0px;
		left:0;
		z-index:10;
	}
	
	#logo img {
		width:350px;
		height:auto;
	}
	
	/***nav****/
	
	#cy_nav li {
		display:inline-block;
		padding:0 20px;
		text-align:center;
		position:relative;
		z-index:100;
	}



/******************/
.flexslider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:10;
	overflow:hidden;
}
	
	#top_title {
		position:absolute;
		left:80px;
		top:50%;
		z-index:100;
		margin-top:-40px;
	}
	
	#top_title img{
		height:200px;
		width:auto;
	}
	
	#top_img {
		position:absolute;
		left:auto;
		top:0;
		right:60px;
		z-index:100;
		margin-left:0;
	}
	


/***********************/

.padding100 {
	padding:60px 0;
}

	
/*********/

.top_bg {
	padding:60px 0;
}


/**************/

#top_bg3 {
	background-size:auto 80px;
	height:80px;
	margin-top:40px;
}


/**************/

#top_bg3 {
	background-size:auto 80px;
	height:80px;
	margin-top:40px;
}

/*************/

#ac_left {
	float:left;
	width:48%;
}

#ac_right {
	float:right;
	width:48%;
}

/*************************/

#top_bg4 {
	background-size:auto 250px;
	height:250px;
	margin-top:60px;
	position:relative;
}

#animation {
	background-size:auto 200px;
	height:200px;
	position:absolute;
	left:0;
	top:40px;
	width:100%;
}


/******************************************************************

	ごあいさつ

*******************************************************************/

.main_size {
	height:300px;
}

#title {
	padding-top:140px;
	font-size:30px;
}

	#title span {
		font-size:20px;
	}

}

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



}
@media only screen and (max-width:1024px){
.cy_container {
	width:97%;
}

.font26 {
	font-size:18px;
}

.font24 {
	font-size:18px;
}

.font22 {
	font-size:18px;
}
.font20 {
	font-size:16px;
}
.font18 {
	font-size:14px;
}
.font16 {
	font-size:14px;
}

#tel {
	display:none;
}


/*****************************************/

#cy_header {
	position:relative;
	border-top:7px solid #fc9294;
	height:100vh;
}

	#head {
		position:relative;
		z-index:500;
		background-color:#FFF;
		padding:15px 0;
	}
	
	#head:after {
		display:none;
	}
	
	.container1450 {
		width:97%;
		margin:0 auto;
		max-width:1450px;
	}

	#logo {
		position:static;
		text-align:left;
	}
	
	#logo img {
		width:250px;
		height:auto;
	}
	
	/***nav****/
	
	#cy_nav {
		display:none;
	}


/******************/
.flexslider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:10;
	overflow:hidden;
}
	
	#top_title {
		position:absolute;
		left:20px;
		top:50%;
		z-index:100;
		margin-top:-40px;
	}
	
	#top_title img{
		height:150px;
		width:auto;
	}


/***********************/

#piano {
	background-size:auto 40px;
	height:40px;
}

.padding100 {
	padding:40px 0;
}

.center_midashi {
	font-size:20px;
}

	.center_midashi span {
		font-size:12px;
	}
	
	.center_midashi:after {
		content:"";
		background-image:url(../images/line.png);
		background-position:50% 0;
		background-repeat:no-repeat;
		background-size:auto 4px;
		height:4px;
		display:block;
		margin-top:10px;
	}
	
	.center_text {
		text-align:center;
		line-height:2em;
	}

	.none {
		display:none;
	}


	
/*********/

.top_bg {
	background-image:url(../images/top5.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	padding:40px 0;
}

	.point li {
		padding:40px 0 0;
		float:none;
		width:100%;
		max-width:700px;
		margin:0 auto;
		display:table
	}
	
	.point img {
		width:200px;
		height:auto;
		display:table-cell;
		vertical-align:middle;
	}
	
	.point p {
		display:table-cell;
		vertical-align:middle;
	}
	
	.plr20 {
		padding:0 0 0 30px;
	}


/**************/

#top_bg2 {
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-size:auto 15px;
	padding-top:60px;
	position:relative;
	z-index:500;
	margin-top:-14px;
}
	
.right48 {
	float:none;
	width:100%;
}

	
.left48 {
	float:none;
	width:100%;
}

.img {
	display:none;
}

#circle4 {
	max-width:400px;
	max-height:100px;
	position:absolute;
	left:auto;
	right:0;
	top:100px;
	margin-left:0;
}

#circle5 {
	max-width:300px;
	max-height:300px;
	left:0;
	top:200px;
	margin-left:0;
}

#circle6 {
	max-width:200px;
	max-height:200px;
	left:auto;
	right:0;
	top:600px;
	margin-left:0;
}

#circle7 {
	max-width:200px;
	max-height:200px;
	left:0;
	top:800px;
	margin-left:0;
}

#circle8 {
	display:none;
}

/**************/

#top_bg3 {
	display:none;
}

/*************/

#ac_left {
	float:left;
	width:40%;
}

	.address {
		width:100%;
	}
	
	.address th {
		padding:15px 0;
		vertical-align:top;
		width:140px;
		color:#c5385e;
		font-weight:bold;
	}
	
	.address td {
		padding:15px 0;
	}


	#tel_box li {
		display:inline-block;
		padding:10px 40px 10px 0;
	}
	
	#tel_box li:nth-child(2) a {
		color:#3c1a04;
		text-decoration:none;
		border:1px solid #3c1a04;
		padding:20px;
		font-size:16px;
		border-radius:10px;
	}
	#tel_box li:nth-child(2):hover a {
		color:#FFF;
		border-color:#c5385e;
		background-color:#c5385e;
	}

#ac_right {
	float:right;
	width:55%;
}

	#ac_right img {
		width:100%;
		height:auto;
	}


/*************/

#ac_left {
	float:none;
	width:100%;
}

	.address {
		width:100%;
		max-width:530px;
		margin:0 auto;
	}
	
	.address th {
		padding:15px 0;
		vertical-align:top;
		width:140px;
		color:#c5385e;
		font-weight:bold;
	}
	
	.address td {
		padding:15px 0;
	}

	#tel_box {
		text-align:center;
	}
	#tel_box li {
		display:inline-block;
		padding:10px 40px 10px 0;
	}
	
	#tel_box li:nth-child(2) a {
		color:#3c1a04;
		text-decoration:none;
		border:1px solid #3c1a04;
		padding:20px;
		font-size:16px;
		border-radius:10px;
	}
	#tel_box li:nth-child(2):hover a {
		color:#FFF;
		border-color:#c5385e;
		background-color:#c5385e;
	}

#ac_right {
	float:none;
	width:100%;
	margin:20px auto 0;
}


/**************************/
#cy_footer {
	margin-top:60px
}

#cy_foot {
	background-image:url(../images/top20.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	padding:40px 0 20px;
}

#f_logo img{
	width:250px;
	height:auto;
}

/******************************************************************

	ごあいさつ

*******************************************************************/

.main_size {
	height:200px;
}

#title {
	padding-top:80px;
	font-size:26px;
}

	#title span {
		font-size:16px;
	}
	
.padding80 {
	padding:40px 0;
}

#g_img1 {
	display:none;
}

#g_circle1 {
	max-width:300px;
	max-height:300px;
	left:0;
	top:40px;
	margin-left:100px;
}

#g_circle2 {
	max-width:200px;
	max-height:200px;
	left:50%;
	bottom:-40px;
	margin-left:-0px;
}

/********************/

.center_p {
	font-size:16px;
}

.left48_2 {
	float:none;
	width:100%;
}

.right48_2 {
	float:none;
	width:100%;
	margin-top:20px;
}

#g_circle3 {
	display:none;
}

#g_circle4 {
	display:none;
}

#g_circle5 {
	background-color:#effbfe;
	border-radius:50%;
	width:100%;
	max-width:300px;
	height:100%;
	max-height:300px;
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-400px;
	z-index:10;
}

/******************************************************************

	教室案内

*******************************************************************/

/**********/

.left48_3 {
	float:left;
	width:48%;
}

	.midashi {
		color:#f94348;
		font-size:20px;
	}
	
	#c_img2 {
		display:none;
	}

.right48_3 {
	float:right;
	width:48%;
}
	
	.max720 img {
		width:100%;
		height:auto;
		max-width:720px;
	}
	
	#c_img3 {
		display:none;
	}

/**/

/********************/

.c_bg {
	background-image:url(../images/top20.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0 60px;
}

.c_bg2 {
	background-image:none;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 340px;
}


.four li {
	float:left;
	width:25%;
	padding:0 20px;
	margin:20px 0;
}

.four img {
	width:100%;
	height:auto;
}

/*******************/

#c_bg3 {
	background-image:url(../images/class11.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	padding:40px 0;
	margin-top:40px;
}

.bg_w {
	background-color:rgba(255,255,255,0.74);
	width:100%;
	padding:40px;
	max-width:480px;
	margin:0 auto;
	text-align:center;
}

	.bg_w span {
		display:block;
	}

/*******************/

#c_bg4 {
	background-image:none;
	background-position:left 0;
	background-repeat:no-repeat;
	background-size:auto 100%;

}



/******************************************************************

	よくあるご質問

*******************************************************************/

.accordion {
    margin:0 0 10px;
	width:100%;
}

	.switch {
		font-size:14px;
		padding:20px 60px 20px 20px;
		position:relative;
		display:table;
		width:100%;
		cursor:pointer;
	}
	
		.faq_cell1 {
			display:table-cell;
			width:30px;
		}
		.faq_cell1 img{
			width:100%;
			height:auto;
		}
		
		.faq_cell2 {
			display:table-cell;
			position:relative;
			top:3px;
			padding-left:10px;
		}
	
		.pulse2 {
			position:absolute;
			right:20px;
			top:25px;
			font-size:24px;
		}
		.pulse2{
			width:25px;
			height:auto;
		}


/******************************************************************

	料金表

*******************************************************************/

.center {
	text-align:center;
}

.p_midashi {
	color:#f94348;
	font-size:16px;
	border-bottom:1px dashed #aaa;
	padding-bottom:10px;
}

.time {
	background-color:#fae1e1;
	padding:20px 25px 15px;
	border-radius:5px;
	font-size:16px;
	text-align:center;
}

	.time img {
		width:25px;
		height:auto;
		margin:0 10px;
		position:relative;
		top:-3px;
	}
	
	.inline {
		display:inline-block;
	}

.sp_none {
	display:none;
}



/******************************************************************

	アクセス

*******************************************************************/

#access_left {
	float:none;
	width:100%;
}

	.a_midashi {
		font-size:20px;
		color:#c5385e;
	}
	
	.a_midashi img {
		margin-right:10px;
		display:inline-block;
		vertical-align:middle;
	}

	
	.google a {
		color:#3c1a04;
		text-decoration:none;
		border:1px solid #3c1a04;
		padding:20px;
		font-size:16px;
		border-radius:10px;
	}
	.google a:hover {
		color:#FFF;
		border-color:#c5385e;
		background-color:#c5385e;
	}
	
	#access li {
		float:left;
		width:50%;
		margin:20px 0;
	}
	
	#access li:nth-child(2n+1) {
		clear:both;
	}

#access_right {
	float:none;
	width:100%;
	margin-top:20px;
}

	#access_right img {
		width:100%;
		height:auto;
	}


}
@media only screen and (max-width:640px){
body {
	font-size:12px;
}

.cy_container {
	width:94%;
}

.pc_none {
	display:block;
}
.pctab_none {
	display:none;
}

.container1300 {
	width:94%;
}



/*****************************************/

#cy_header {
	border-top:5px solid #fc9294;
}

	#head {
		padding:20px 0;
	}
	
	.container1450 {
		width:94%;
	}

	#logo img {
		width:180px;
		height:auto;
	}
	
	/***nav****/
	
	#cy_nav {
		display:none;
	}


/******************/
.flexslider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:10;
	overflow:hidden;
}
	
	#top_title {
		position:absolute;
		left:20px;
		top:50%;
		z-index:200;
		margin-top:-40px;
	}
	
	#top_title img{
		height:100px;
		width:auto;
	}
	
	#top_img {
		position:absolute;
		left:auto;
		top:0;
		right:0px;
		z-index:100;
		margin-left:0;
	}
	
	#fade1 {
		background-image:url(../images/spfade1.jpg);
	}
	#fade2 {
		background-image:url(../images/spfade2.jpg);
	}
	#fade3 {
		background-image:url(../images/spfade3.jpg);
	}
/***********************/


.padding100 {
	padding:40px 0;
}

.center_midashi {
	font-size:16px;
}

	.center_midashi span {
		font-size:12px;
	}
	
	
	.center_text {
		text-align:left;
		line-height:1.8em;
	}

	.none {
		display:none;
	}

	
	#circle1 {
		max-width:300px;
		max-height:300px;
		margin-left:-20px;
	}

	
	#circle2 {
		max-width:200px;
		max-height:200px;
		right:0;
		top:100px;
		margin-left:0;
	}
	
	#circle3 {
		max-width:200px;
		max-height:200px;
		left:0;
		top:150px;
		margin-left:0;
	}

	
/*********/

.top_bg {
	padding:40px 0;
}

	.point li {
		padding:20px 0 0;
	}
	
	.point img {
		width:100px;
		height:auto;
		display:table-cell;
		vertical-align:middle;
	}
	
	.point p {
		display:table-cell;
		vertical-align:middle;
	}
	
	.plr20 {
		padding:0 0 0 20px;
	}

/*************/

#ac_left {
	float:none;
	width:100%;
}

	.address th {
		padding:10px 0;
		width:80px;
	}
	
	.address td {
		padding:10px 0;
	}

	#tel_box {
		text-align:center;
	}
	#tel_box li {
		display:block;
		padding:0;
		margin:10px 0 30px;
	}
	
	#tel_box li:nth-child(2) a {
		padding:10px 20px;
		display:block;
		font-size:14px;
	}

#ac_right {
	display:none;
}



/*************************/

#top_bg4 {
	display:none;
}

/**************************/
#cy_footer {
	margin-top:40px
}

#cy_foot {
	padding:40px 0 20px;
}

#f_logo img{
	width:200px;
	height:auto;
}

#f_nav {
	text-align:center;
	margin-top:20px;
}

	#f_nav li {
		display:inline-block;
		padding:10px 10px;
	}



/******************************************************************

	ごあいさつ

*******************************************************************/

.main_size {
	height:150px;
}

#title {
	padding-top:50px;
	font-size:22px;
}

	#title span {
		font-size:14px;
	}
	
.padding80 {
	padding:40px 0;
}

/********************/

.center_p {
	font-size:16px;
	text-align:left
}

.left48_2 {
	float:none;
	width:100%;
}

.right48_2 {
	float:none;
	width:100%;
	margin-top:20px;
}

/********************/

.g_bg2 {
	background-color:#fcf4f4;
	background-image:none;
	background-position:right 0;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.left30 {
	float:none;
	width:100%;
	text-align:center;
}

	.max470 img {
		width:100%;
		height:auto;
		max-width:470px;
	}


.right65 {
	float:none;
	width:100%;
	margin-top:20px;
}
	
	.profile li {
		padding:15px 0;
		border-bottom:1px dashed #81736d;
	}

/******************************************************************

	教室案内

*******************************************************************/

/**********/

.left48_3 {
	float:none;
	width:100%;
}

	.midashi {
		color:#f94348;
		font-size:16px;
	}
	
	#c_img2 {
		display:none;
	}

.right48_3 {
	float:none;
	width:100%;
}
	
	.max720 img {
		width:100%;
		height:auto;
		max-width:720px;
	}
	
	#c_img3 {
		display:none;
	}

.minimt-20 {
	margin-top:20px !important;
}

/**/

/********************/

.c_bg {
	background-image:url(../images/top20.png);
	padding:40px 0;
}


.four li {
	float:left;
	width:50%;
	padding:0 20px;
	margin:20px 0;
}

.four img {
	width:100%;
	height:auto;
}

/*******************/
.bg_w {
	background-color:rgba(255,255,255,0.74);
	width:100%;
	padding:20px;
	max-width:480px;
	margin:0 auto;
	text-align:left;
}

	.bg_w span {
		display:none;
	}

/*******************/

/******************************************************************

	よくあるご質問

*******************************************************************/

.accordion {
    margin:0 0 10px;
	width:100%;
}

	.switch {
		font-size:12px;
		padding:10px 60px 10px 10px;
		position:relative;
		display:table;
		width:100%;
		cursor:pointer;
	}
	
		.faq_cell1 {
			display:table-cell;
			width:25px;
		}
		
		.faq_cell2 {
			display:table-cell;
			position:relative;
			top:3px;
			padding-left:10px;
		}
	
		.pulse2 {
			position:absolute;
			right:20px;
			top:15px;
		}
		.pulse2{
			width:20px;
			height:auto;
		}

		.faq_table {
			padding:10px;
		}

/******************************************************************

	料金表

*******************************************************************/

.center {
	text-align:left;
}

.p_midashi {
	font-size:14px;
	padding-bottom:5px;
}

.time {
	background-color:#fae1e1;
	padding:10px;
	border-radius:5px;
	font-size:12px;
	text-align:center;
}

	.time img {
		width:20px;
		height:auto;
		margin:0 10px;
		position:relative;
		top:-3px;
	}
	
	.inline {
		display:inline-block;
	}

.sp_none {
	display:none;
}



/******************************************************************

	アクセス

*******************************************************************/

#access_left {
	float:none;
	width:100%;
}

	.a_midashi {
		font-size:14px;
		color:#c5385e;
	}
	
	.a_midashi img {
		width:30px;
		height:auto;
		position:relative;
		top:-3px;
	}

	
	.google a {
		padding:10px;
		font-size:14px;
	}

	#access li {
		float:none;
		width:100%;
		margin:20px 0;
	}
#access_right {
	float:none;
	width:100%;
	margin-top:10px;
}

	#access_right img {
		width:100%;
		height:auto;
	}


}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

}