@charset "UTF-8";
/* CSS Document */

body {
	background-color:#ffffff;
	color:#555354;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrap {
	
	background-color:#dcdcdc;
}

.koushi_box {
	width: 960px;
	background-color: #ffffff;
	margin: 40px auto 0;
	border-radius: 30px;
	padding: 30px 50px;
	overflow: hidden;
	text-align:left;
	box-shadow: 3px 3px 5px #CCCCCC;
	text-align:center;
	font-size:14px;
	line-height:1.5;
}

.koushi_box img {
	float:left;
	width:243px;
	margin-top:15px;
	border-radius: 6%;
}

.introduction {
	text-align:left;
	float:right;
	width:435px;
	margin-right:65px;
	 }
	 
.introduction p {
	clear:both;
	 }
	 
	 
.introduction img {
	width:435px;
	height:auto;
	margin-top:0;
	margin-bottom:10px;
}

.introduction .bottom_moyou {
	margin-top:15px;
}

.introduction-inner {
	width:25em;
	margin-left:auto;
	margin-right:auto;
}

.page_h3 {
	padding-bottom:15px;
	padding-top:15px;
	margin-top:5px;
	clear:both;
	float:left;
	font-weight:normal;
	text-align:left;
	font-size:1.3em;
}

.br-sp { display:none; }

.br-long  { display:none; }


.koushi_box h3 strong {
	font-weight:bold;
	font-size:110%;
}


	 
.lesson_naiyou {
	clear:both;
	text-align:left;
	padding-top:20px;
	overflow:hidden;

}

h4 {
	color:#DE8377;
	font-size:20px;
	font-weight:bold;
}

#profile {
	width: 960px;
	background-color: #ffffff;
	margin: 40px auto 60px;
	border-radius: 30px;
	box-shadow: 3px 3px 5px #CCCCCC;
	text-align: left;
	padding: 30px 50px 20px;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5;
}

#profile img {
	width:320px;
	height:auto;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	
}


#profile h4 {
	margin-top:0;
}

#infomation {
	padding-bottom:10px;
	background-color:#f6f6f6;
	
}

.lesson_fee p{
	text-align:left;
	width:19em;
	margin-left:auto;
	margin-right:auto;
	
}

h6 {
	font-size:16px;
	font-weight:bold;
}

	 
.lesson_naiyou ul{
	margin: 0;
	padding: 0 0 0 14px;
}

.lesson_naiyou ul li {
	list-style: disc outside;
	margin-bottom: 15px;
}

.lesson_naiyou ul li:last-child {
	margin-bottom: 0;
}

/*ページごとの講師一覧*/

section h4 {
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom:10px;
	color: #333333;
}


aside {
	background-color:#f6f6f6;
}

.ichiran {
	text-align:center;
	font-size:20px;
	
}

h5 {
	text-align:center;
	margin-bottom:20px;
	line-height:2;
}

	 
/*講師ごとの設定*/

.yafuji {
	width:26em;
	margin-left:auto;
	margin-right:auto;
}

yafuji_title {
	width:19em;
	margin-left:auto;
	margin-right:auto;
}

.yabe {
	width:27em;
	margin-left:auto;
	margin-right:auto;
}

.yabe_title {
	width:23em;
	margin-left:auto;
	margin-right:auto;
}

.kashio {
	width:27em;
	margin-left:auto;
	margin-right:auto;
}

.kashio_title {
	width:22em;
	margin-left:auto;
	margin-right:auto;
}

.kikuchi {
	width:25em;
	margin-left:auto;
	margin-right:auto;
}

.kikuchi_title {
	width:17em;
	margin-left:auto;
	margin-right:auto;
}

.nishida {
	width:19em;
		margin-left:auto;
	margin-right:auto;
}

.nishida_title{
	width:17em;
	margin-left:auto;
	margin-right:auto;
}

.kanno {
	width:20em;
	margin-left:auto;
	margin-right:auto;
}

.kanno_title{
	width:14em;
	margin-left:auto;
	margin-right:auto;
}

.kato {
	width:22em;
		margin-left:auto;
	margin-right:auto;
}

.kato_title{
	width:19em;
	margin-left:auto;
	margin-right:auto;
}

.noda {
	width:24em;
		margin-left:auto;
	margin-right:auto;
}

.noda_title{
	width:22em;
	margin-left:auto;
	margin-right:auto;
}


.matsukaze {
	width:19em;
		margin-left:auto;
	margin-right:auto;
}

.matsukaze_title{
	width:17em;
	margin-left:auto;
	margin-right:auto;
}

.yukapon {
	width:21em;
		margin-left:auto;
	margin-right:auto;
}

.yukapon_title{
	width:18em;
	margin-left:auto;
	margin-right:auto;
}

.abe {
	width:14em;
	margin-left:auto;
	margin-right:auto;
}


.naiyou_icon {
	background-image: url(img/icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:auto 25px;
	padding-left:22px;
	font-size:110%;
	margin-top:20px;
}

.photo_float_left {
	float:left
	
}

.kashima_baai {
	font-size:14px
}

.kashima_title {
	width:19em;
	
}

.yoneshige {
	font-size:13px;
}

.yoneshige_ichiran {
	font-size:12px;
}

.introduction-text{
	display: table;
	margin: 0 auto;
}
.taisyou{
	text-align: center;
}

.lesson_title{
	width: 75%;
	margin: auto;
}

/*---------------------------------
1045px以下（ブルー）
----------------------------------*/

@media screen and (max-width: 1050px) {
	
.introduction {
	text-align:left;
	float:right;
	width:400px;
	margin-right:0px;
	 }
	 
	 
.introduction img {
	width:400px;
	height:auto;
	margin-top:0;
	margin-bottom:10px;
}

.introduction-inner {
	width:23em;
	margin-right:auto;
	margin-left:auto;
}

.introduction .bottom_moyou {
	margin-top:25px;
} 


.koushi_box {
	width:80%
}

#profile {
	width:80%
}

/*講師ごとの設定*/	

.yafuji {
	width:25em;
	
}

.yafuji_title{
	width:25em;
	margin-left:auto;
	margin-right:auto;	
}

.yabe {
	width:28em;
	margin-left:auto;
	margin-right:auto;
}

.yabe_title {
	width:23em;
	margin-left:auto;
	margin-right:auto;
}


.kashio {
	width:26em;
	margin-left:auto;
	margin-right:auto;
}

.kashio_title {
	width:22em;
	margin-left:auto;
	margin-right:auto;
}

.nishida {
	width:19em;
	
}

.nishida_title{
	width:18em;
	margin-left:auto;
	margin-right:auto;	
}

.kato {
	width:22em;
		margin-left:auto;
	margin-right:auto;
}


}

/*---------------------------------
960px以下（深緑）
----------------------------------*/	
@media screen and (max-width: 960px) {
	
.introduction {
	text-align:left;
	float:right;
	width:340px;
	margin-right:0px;
	 }	
	 
.introduction img {
	width:100%;
	margin-bottom:10px;
	margin-top:10px;
}

.introduction .bottom_moyou {
	margin-top:20px;
}

.yabe {
	width:28em;
	margin-left:auto;
	margin-right:auto;
}

.yabe_title {
	font-size:115%;
	width:23em;
	margin-left:auto;
	margin-right:auto;
}

.kashio {
	width:27em;
	margin-left:auto;
	margin-right:auto;
}

.kashio_title {
	font-size:115%;
	width:22em;
	margin-left:auto;
	margin-right:auto;
}

.matsukaze {
	width:21em;
		margin-left:auto;
	margin-right:auto;
}

.matsukaze_title{
	width:17em;
	margin-left:auto;
	margin-right:auto;
}

.br_none {
	 display:none;
}
	
}
	 
/*---------------------------------
900px以下（うす茶）
----------------------------------*/	 
	 
@media screen and (max-width: 900px) {
	
.koushi_box{
	padding: 10px 20px 20px;
	text-align: center;	
}

.koushi_box img {
	float:none;
}

.page_h3 {
	background-size: 80px;
	text-align:center;
	float: none;
	margin: 0 auto;
	padding-bottom: 25px;
}

.introduction{
	float:none;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	
	
}

.introduction-inner {
	width:25em;
	margin-left:auto;
	margin-right:auto;
	
}

.introduction-inner p {
	width:19em;
	margin-left:auto;
	margin-right:auto;
}



.introduction img {
	width:100%;
	height:auto;
	margin-bottom:0;
	margin-top:0;
}

.br-sp { display:block; }
	 
.lesson_naiyou {
	clear:both;
	text-align:left;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
#profile {
	text-align:center;
}

#profile h4 {
	text-align:left;
}

#profile strong {
	text-align:left;
}

#profile p {
	text-align:left;
}
#profile img {
	float:none;
	margin-left:0;
}

.introduction .bottom_moyou {
	margin-bottom:20px;
	margin-top:10px;
}



/*講師ごとの設定*/

.yafuji{
	width:24em;
}

.yafuji_title{
	font-size:120%;
	width:20em;
	margin-left:auto;
	margin-right:auto;
	
}

.yabe {
	width:20em;
	margin-left:auto;
	margin-right:auto;
}

.yabe_title {
	width:14em;
	margin-left:auto;
	margin-right:auto;
}

.kashio {
	width:22em;
	margin-left:auto;
	margin-right:auto;
}

.kashio_title {
	width:13em;
	margin-left:auto;
	margin-right:auto;
}

.kikuchi {
	width:17em;
	margin-left:auto;
	margin-right:auto;
}

.kikuchi_title {
	width:17em;
	margin-left:auto;
	margin-right:auto;
}

.nishida {
	width:19em;
	margin-left:auto;
	margin-right:auto;
}

.nishida_title{
	width:10em;
	margin-left:auto;
	margin-right:auto;
}

.kanno {
	width:16em;
		margin-left:auto;
	margin-right:auto;
}

.kanno_title{
	width:8em;
	margin-left:auto;
	margin-right:auto;
}

.kato {
	width:16em;
		margin-left:auto;
	margin-right:auto;
}

.kato_title{
	width:10em;
	margin-left:auto;
	margin-right:auto;
}

.matsukaze {
	width:15em;
		margin-left:auto;
	margin-right:auto;
}
	.aso{
	width:20em;
	margin-left:auto;
	margin-right:auto;
	
	}
	
	.aso_title{
width:12em;
	margin-left:auto;
	margin-right:auto;
	
	}

.matsukaze_title{
	width:10em;
	margin-left:auto;
	margin-right:auto;
}

.yukapon {
	width:22em;
	margin-left:auto;
	margin-right:auto;
}

.yukapon_title{
	width:16em;
	margin-left:auto;
	margin-right:auto;
}

.yamaguchi {
	width:19em;
}

.noda_title{
	width:11em;
	margin-left:auto;
	margin-right:auto;
}


}

/*---------------------------------
769px以下電話番号用
----------------------------------*/
@media screen and (max-width: 769px) {
	





}


/*---------------------------------
767px以下（グリーン）
----------------------------------*/

@media screen and (max-width: 767px) {
	
	
.page_h3 {
	text-align:center;
	
}

.introduction {
	width:70%;
}

.introduction-inner {
	width:19em;
	margin-left:auto;
	margin-right:auto;
	
}

.introduction img {
	width:100%;
	height:auto;
	margin-top:0;
	margin-bottom:10px;
}


.introduction .bottom_moyou {
	margin-top:15px;
	margin-bottom:20px;
}




/*講師ごとの設定*/

.yafuji{
	width:22em;
}

.yafuji_title{
	font-size:105%;
	width:20em;
	margin-left:auto;
	margin-right:auto;
	
}

.yabe {
	width:20em;
	margin-left:auto;
	margin-right:auto;
}

.yabe_title {
	width:14em;
	margin-left:auto;
	margin-right:auto;
}

.kashio {
	width:22em;
	margin-left:auto;
	margin-right:auto;
}

.kashio_title {
	width:13em;
	margin-left:auto;
	margin-right:auto;
}

.nishida {
	width:20em;
}

.nishida_title{
	width:11em;
	margin-left:auto;
	margin-right:auto;	
}

.noda_title{
	width:11em;
	margin-left:auto;
	margin-right:auto;
}

	.aso{
		width:19em;
	
	}
	.aso_title{
	width:14em;
	margin-left:auto;
	margin-right:auto;
	
	}
	
}
	
/*---------------------------------
560px以下(パープル）
----------------------------------*/

@media screen and (max-width: 560px) {
	
	.koushi_box{
	padding: 0px 20px 10px;
}

	
.page_h3 {
	background-size:65px;
	padding-bottom:10px;
	font-size:130%;
	text-align:center;
	padding-bottom:15px;
	padding-top:10px;
	float:none;
	width:250px;
}

 .introduction .bottom_moyou {
	 margin-bottom:15px;
	 margin-top:10px;
 }

#profile {
	width:90%;
}

/*講師ごとの設定*/

.introduction img {
	width:100%;
	height:auto;
	margin-top:0;
	margin-bottom:10px;
}
.br-sp { display:block; }
.br-long  { display:block; }

.introduction {
	width:80%;
}

.br-sp-long { display:block; }

.yabe {
	width:20em;
	margin-left:auto;
	margin-right:auto;
}

.yabe_title {
	width:14em;
	margin-left:auto;
	margin-right:auto;
}

.matsukaze {
	width:15em;
		margin-left:auto;
	margin-right:auto;
}

.matsukaze_title{
	width:10em;
	margin-left:auto;
	margin-right:auto;
}
	
}

/*---------------------------------
480px以下
----------------------------------*/

@media screen and (max-width: 480px) {
	
	
.koushi_box {
	margin-top: 25px;
	text-align: center;
	padding: 0px 10px 20px;
	border-radius: 20px;
	width: 90%;	
		
}
	
.introduction {
	width:100%;
	text-align:center;
}

.introduction img {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
}

.introduction .bottom_moyou {
	margin-top:15px;
	margin-bottom:20px;
}

.introduction p {
	text-align:left;
}

.page_h3 {
	margin-bottom:5px;
}
	

#profile {
	margin-top: 25px;
	text-align: center;
	padding: 30px 20px 10px;
	border-radius: 20px;
	margin-bottom:45px;
}
#profile img {
	width:90%;
}

h4 {
	text-align:center;
	margin-bottom:10px;
}

#profile h4 {
	text-align:center;
}

.work {
	margin-top:10px;
}

.yuenchi {
	margin-bottom:40px;
	margin-top:10px;
}


aside {
	background-color:#ffffff;
}


/*講師ごとの設定*/

.yafuji{
	width:20em;
}

.yafuji_title{
	font-size:120%;
	width:16em;
	margin-left:auto;
	margin-right:auto;
	
}



.nishida {
	width:20em;
}

.nishida_title{
font-size:120%;
	width:11em;
	margin-left:auto;
	margin-right:auto;
}

.kashio {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

.kashio_title {
	width:13em;
	margin-left:auto;
	margin-right:auto;
}

.yukapon {
	width:21em;
}
	
}


@media screen and (max-width: 320px) {
	
.yabe {
	width:95%;
}
	
.yabe_title {
	width:14em;
	font-size:110%;
}

.kashio {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.kashio_title {
	font-size:110%;
	width:13em;
	margin-left:auto;
	margin-right:auto;
}

.nishida {
	width:95%;
}

}

/*講師プロフィール一覧*/

#koushi-profile {
	color:#51bdb5;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin-top:25px;
	
}

/*レッスンの様子*/

#lesson_photos{
	overflow:hidden;
	
	margin-bottom:20px;
}

#lesson_photos h4{
	margin-bottom:0;
}

.lesson_photo_title{
	margin-bottom:-10px;
}

#lesson_photos img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.lesson_yousu{
	margin-bottom: -10px
}

@media screen and (min-width: 600px) {
	
#lesson_photos{
	margin-top:10px;
	margin-bottom:40px;
}
	
	
#lesson_photos img {
	width:30%;
	height:auto;
	margin-right:4%;
	float:left;
}

#lesson_photos img:nth-child(3n) {
	margin-right:0;
	
}
	
}

@media screen and (min-width: 900px) {
	
	#lesson_photos img {
	width:30%;
	height:auto;
	margin-right:5%;
}


}

/*講師小さい写真*/

#profile .small_photo {
	width:200px;
	margin-top:20px;
}