@charset "utf-8";
/* CSS Document */
/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(reset.css);
@import url(grid.css);

/*---------------------------------
	HTML ELEMENTS
-----------------------------------*/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
a{color:#999;outline:0;text-decoration:none;}
a:active{color:inherit;}
a:visited{}
a:hover{color:#ec6d81;outline:0; text-decoration:none;}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
strong,b{color:#000;font-weight:bold;}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}

/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/*---------------------------------
	HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}

/*---------------------------------
	HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-family: "Hiragino Mincho ProN",'EB Garamond', serif;
	font-weight: normal;
	line-height: 120%;;
}

h1{
font-size:3.5em;
margin:10px 0 10px 0;
}

h2{
font-size:3em;
margin:25px 0 25px 0;
}

h3{
font-size:2.5em;
margin:10px 0 10px 0;
line-height:130%;
}

h4{
font-size:2em;
margin:10px 0 10px 0;
}

h5{
font-size:1.5em;
margin:10px 0 10px 0;
}

h6{
font-size:1.2em;
margin:10px 0 5px 0;
}

h3.arrow {
  background:url(../images/icon2.png) left center no-repeat;
  color: #141313;
  display:inline-block;
  font-size: 26px;
  margin: 10px auto 20px auto;
  padding: 5px 30px;
  line-height:100%;
  width:100%;
  *display:inline;/*IE ONLY*/
  zoom:1;
	}


h4.arrow2 {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  background:url(../images/icon2.png) left center no-repeat;
  color: #141313;
  display:inline-block;
  font-size: 16px;
  margin: 10px auto;
  padding: 8px 30px 5px 30px;
  line-height:100%;
  width:auto;
  *display:inline;/*IE ONLY*/
  zoom:1;
	}


@media all and (max-width: 768px) {
	h1{	font-size:2.5em;}
	
	h2{	font-size:2em;}
	
	h3{	font-size:1.8em;}
	
	h4{	font-size:1.5em;}
	
	h5{	font-size:1.2em;}
	
	h6{	font-size:1.1em;}
	
	h3.arrow { font-size:1.2em;}
	
	h4.arrow2 { font-size:1.1em;
		padding-bottom:3px;}
	
}

/*---------------------------------
	PARAGRAPHS
-----------------------------------*/
p{
margin:0 0 20px 0;
line-height:2.2em;
letter-spacing: -1px;
}


p.line_15{
	line-height:150%;
	}

	
p.box_txt {
	border-left:4px solid #ec6d81;
	padding-left:20px;
	font-size:12px;
	font-weight:bold;
	} 

/*---------------------------------
	LISTS
-----------------------------------*/
ul, ol{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 25px;
	margin-bottom: 10px;
}

li{
padding:5px 0;
margin:0;
}

ul.list-unstyled{
padding:0;
margin:0 0 20px 0;
}

ul.list-unstyled li{
padding:5px 0;
margin:0;
list-style-type:none;

}


dl {
  width:90%;
  margin-left:30px;
}
dt {
  float:left;
}
dd {
  margin-left:100px;
}

/*---------------------------------
	IMAGES
-----------------------------------*/
img{
	margin: 0;
	padding: 0 5px 5px 5px;
	display: inline-block;
	position: relative;
	zoom: 1;
	vertical-align: bottom;
}

	img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
	img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
	img.full-width{
	clear: both;
	display: block;
	margin: 0 0 10px 0;
}

	div.caption{
	/*background:#f5f5f5;
	border:1px solid #ddd;
	padding:3px;*/
	max-width:100%;
	display:inline-block;
	height:auto;
	position: relative;
	}

		div.caption img{
		display:block;
		padding:0;
		margin:0;
		width:100%;
		height:auto;
		position: relative;
		}

		div.caption span{
		display:block;
		margin-top:3px!important;
		font-size:0.8em;
		color:#fff;
		padding:0px 5px;
		position: absolute;
		left: 0;
		bottom: 0.5em;
		width:97%;
		}
		

		div.caption span2{
		display:block;
		margin-top:3px!important;
		font-size:0.8em;
		color:#E50086;
		text-shadow:2px 5px 8px #fafafa;
		padding:0px 5px;
		position: absolute;
		left: 0;
		bottom: 0.5em;
		width:97%;
		}
		


	.gallery{}

		.gallery a{
		display:inline-block;
		position:relative;
		border:1px solid #ddd;
		background:#fff;
		padding:0px;
		margin:0px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}

		.gallery a img{
		display: block;
		position: relative;
		margin:0;
		padding:0;
		}


.spacer {
    clear: both;
    height: 80px;
	width: 300px;
    font-size: 1px;
}
/*font-sizeを0にしたり、widthを指定したりする方法もある*/


/*---------------------------------
	BUTTON
-----------------------------------*/
.button a {
  background-color: #ec6d81!important;
  background:url(../images/icon.png) 3% center no-repeat;
  /*display: block;*/
  color: #ffffff;
  display:inline-block;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  margin: 10px auto 50px auto;
  padding: 10px 20px;
  line-height:100%;
  cursor: pointer;
  width:auto;
  text-decoration:none;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *display:inline;/*IE ONLY*/
  zoom:1;
}
.button a:hover {
  margin: 12px auto 48px auto;
}


.submit_btn {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	padding:6px 24px;
	text-decoration:none;
	background: #a5a5a5;
background: -moz-linear-gradient(top, #a5a5a5 0%, #777777 50%, #686868 51%, #727272 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(50%,#777777), color-stop(51%,#686868), color-stop(100%,#727272));
background: -webkit-linear-gradient(top, #a5a5a5 0%,#777777 50%,#686868 51%,#727272 100%);
background: -o-linear-gradient(top, #a5a5a5 0%,#777777 50%,#686868 51%,#727272 100%);
background: -ms-linear-gradient(top, #a5a5a5 0%,#777777 50%,#686868 51%,#727272 100%);
background: linear-gradient(to bottom, #a5a5a5 0%,#777777 50%,#686868 51%,#727272 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#727272',GradientType=0 );
	color:#ffffff;
	display:inline-block;
	/*text-shadow:1px 1px 0px #ffffff;*/
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.submit_btn:hover {
	background: #d1d1d1;
background: -moz-linear-gradient(top, #d1d1d1 0%, #777777 50%, #848484 51%, #727272 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(50%,#777777), color-stop(51%,#848484), color-stop(100%,#727272));
background: -webkit-linear-gradient(top, #d1d1d1 0%,#777777 50%,#848484 51%,#727272 100%);
background: -o-linear-gradient(top, #d1d1d1 0%,#777777 50%,#848484 51%,#727272 100%);
background: -ms-linear-gradient(top, #d1d1d1 0%,#777777 50%,#848484 51%,#727272 100%);
background: linear-gradient(to bottom, #d1d1d1 0%,#777777 50%,#848484 51%,#727272 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#727272',GradientType=0 );
}.submit_btn:active {
	position:relative;
	top:1px;
}/**/

/*---------------------------------
	MARGIN/PADDING
-----------------------------------*/
.m_b05{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}
.m_b15{margin-bottom:15px !important;}
.m_b20{margin-bottom:20px !important;}
.m_b25{margin-bottom:25px !important;}
.m_b30{margin-bottom:30px !important;}
.m_b40{margin-bottom:40px !important;}
.m_b50{margin-bottom:50px !important;}
.m_b60{margin-bottom:60px !important;}
.m_b70{margin-bottom:70px !important;}
.m_b80{margin-bottom:80px !important;}
.m_t05{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}
.m_t15{margin-top:15px !important;}
.m_t20{margin-top:20px !important;}
.m_t25{margin-top:25px !important;}
.m_t30{margin-top:30px !important;}
.m_t35{margin-top:35px !important;}
.m_t40{margin-top:40px !important;}
.m_t45{margin-top:45px !important;}
.m_t50{margin-top:50px !important;}
.m_l05{margin-left:5px !important;}
.m_l10{margin-left:10px !important;}
.m_l15{margin-left:15px !important;}
.m_l20{margin-left:20px !important;}
.m_l25{margin-left:25px !important;}
.m_l30{margin-left:30px !important;}
.m_r20{margin-right:20px !important;}

.p_l05{padding-left:5px;}
.p_l10{padding-left:10px;}
.p_l15{padding-left:15px;}
.p_l20{padding-left:20px;}
.p_l25{padding-left:25px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:30px;}
.p_l50{padding-left:50px;}
.p_l65{padding-left:65px;}
.p_r05{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r15{padding-right:15px;}
.p_r20{padding-right:20px;}
.p_r25{padding-right:25px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_t10{padding-top:10px;}
.p_t20{padding-top:20px;}
.p_t30{padding-top:30px;}
.p_t40{padding-top:40px;}
.p_t50{padding-top:50px;}



.font40{
	font-size: 40px;
}
.font36{
	font-size: 36px;
}
.font30{
	font-size: 30px;
}
.font24{
	font-size: 24px;
}
.font20{
	font-size: 20px;
}
.font18{
	font-size: 18px;
}
.font14{
	font-size: 14px;
}
.font12{
	font-size: 12px;
}
/*---------------------------------
	OVERRIDES
-----------------------------------*/
/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0!important;
padding:0 0 0 0;
color:#161616;
min-width: 100%;
font:normal 14px;/**/
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

#wrap{
width:100%;
margin:0px auto;
padding:0;
/*border:1px solid #ccc;*/
}

/*.container {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0px;
	}
.container:after {
	clear:both;
	}*/

/*googleカレンダー*/

    .gc_wrapper {
      max-width: 800px; 
      min-width: 300px; 
      margin: 2.0833% auto;
    }
     
    .responsive-iframe-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .responsive-iframe-container iframe,   
    .responsive-iframe-container object,  
    .responsive-iframe-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
     
    @media (max-width: 600px) {
        .big-container {
            display: none;
        }
        .small-container {
           padding-bottom: 200%;   /* 高さ */
        }
    }
    @media (min-width: 600px) {
        .small-container {
            display: none;
        }
    }

/* header ------------------------------------------------ */
#header{
	text-align:left;
	padding: 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #eff6ef;
	/*border-bottom: 1px solid #eff6ef;*/
	color: #485354;
	background: #fff;
	min-height:120px;
}

#header h1 {
	font-size: 11px;
	font-weight:normal;
	color:#8c8b8b;
	}

#header .logo{
	background:url(../images/header_logo2.png)top center no-repeat;/**/
	text-align:center;
	width: 100%;
	height: 80px; 
	margin:80px auto 0 auto;
	z-index:1000;
}

#header .logo_pro{
	background:url(../images/header_logo3.png)top center no-repeat;/**/
	text-align:center;
	width: 100%;
	height: 80px; 
	margin:80px auto 0 auto;
	z-index:1000;
}

#header .logo_member{
	background:url(../images/header_logo4.png)top center no-repeat;/**/
	text-align:center;
	width: 100%;
	height: 230px; 
	margin:80px auto 50px auto;
	z-index:1000;
}

#header .logo_member2{
	background:url(../images/member_header_s.png)top center no-repeat;/**/
	background-size:100%;
	text-align:center;
	min-height:80px;
	margin:10px auto 40px auto;
}

#header .logo_lesson{
	background:url(../images/header_logo5.png)top center no-repeat;/**/
	text-align:center;
	width: 100%;
	height: 230px; 
	margin:80px auto 50px auto;
	z-index:1000;
}

#header .logo_lesson2{
	background:url(../images/lesson_header_s.png)top center no-repeat;/**/
	background-size:100%;
	text-align:center;
	min-height:80px;
	margin:10px auto 40px auto;
}


#header .logo_labo{
	background:url(../images/header_logo_labo.png)top center no-repeat;/**/
	text-align:center;
	width: 100%;
	height: 230px; 
	margin:80px auto 50px auto;
	z-index:1000;
}

#header .logo_labo2{
	background:url(../images/labo_header_s.png)top center no-repeat;/**/
	background-size:100%;
	text-align:center;
	min-height:80px;
	margin:10px auto 40px auto;
}


/* menu(header main-navigation) -------------------------- */
#site-navigation {
	float:right;
	margin-top:10px;
	}

.main-navigation ul{
margin: 0; 
padding: 0; 
list-style: none;
}

.main-navigation li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

.main-navigation li a{
	display: block;
	text-decoration: none;
	color: #333;
	margin: 1px;
	text-align: center;
	font-size: 14px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.main-navigation li a:hover{
background-color: #ede5da;
color: #333;
}


.slicknav_menu {
 
display:none;
 
}
 
/*Media Queries*/
 
@media screen and (max-width: 768px) {
 
.js #menu { display:none; }
 
.js .slicknav_menu { display:block; }
 
}

/* 新着情報 -----------------------------------------------*/
#news{
	display:table;
	width:100%;
	vertical-align: middle;
	margin-bottom:30px;
}
#news1 {
	display:table-cell;
	width:50%;
	padding-right:1%;
	box-sizing: border-box;
 	color: #fff;
	vertical-align: middle;
}
#news1 iframe{
	height:250px;
	
}
#blog_view {
	width:100%;
	margin:0px auto 0px auto;
}

/* --- 新着リスト --- */
#blog_view dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
#blog_view dt {
width: 8em; /* 日付エリアの幅 */
float: left;
padding: 10px 0 8px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
color:#373333;
}


#news2{
	display:table-cell;
	width:50%;
	padding-left:1%;
	box-sizing: border-box;
	height:250px;

}
/* --- 本文エリア --- */
#blog_view dd {
margin: 0;
padding: 10px 3px 8px 9em; /* 本文エリアのパディング（上右下左） */
border-bottom:1px #373333 dotted; /* 本文エリア下境界線 */
line-height: 120%;
}

@media all and (max-width: 768px) {
	#news,#news1,#news2{
		width:100%;
		padding-left:0;
		padding-right:0;
		display:block;
		
}

	#news{
		width:95%;
		margin:auto;
			margin-bottom:30px;
	}
	
				/* --- 新着リスト --- */
			#blog_view dl {
			width: 100%; /* 新着リストの幅 */
			margin: 0;
			border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
			font-size:90%;
			}

			/* --- 日付エリア --- */
			#blog_view dt {
			width: 100%; /* 日付エリアの幅 */
			float: none;
			padding: 5px; /* 日付エリアのパディング（上右下左） */
			line-height: 100%;
			color:#373333;

			}
				/* --- 本文エリア --- */
			#blog_view dd {
			margin: 0;
			padding: 5px; /* 本文エリアのパディング（上右下左） */
			border-bottom:1px #373333 dotted; /* 本文エリア下境界線 */
			line-height: 100%;
			}

	
}





/* contact --------------------------------- */
#contact {
	width:100%;
	background-color:#f9f9f9;
	}

#contact p {
	line-height:180%;
	font-size:14px;}





/* footer --------------------------------- */
#footer{
text-align:center;
padding:0;
margin:0;
border-top:1px solid #ddd;
color:#999999;
font-size:0.9em;
}

#footer .up {
	margin-top:-32px;
	text-align:center;
	}

#footer .copyright {
	text-align:center;
	padding:10px 0;
	}

/* footer menu(footer-navigation) --------- */
#footer-navigation {
	text-align:center;
	margin:50px auto 10px auto;
	}

#footer-navigation ul{
margin: 0 auto; 
padding: 0; 
list-style: none;
text-align:center;
}

#footer-navigation li{ 
display: inline-block; 
padding: 0; 
margin: 0; 
border-left: 1px solid #efefef;
}

#footer-navigation li:first-child{
    border: none;
}

#footer-navigation li a{
display: block; 
padding: 5px;
text-decoration: none;
color: #333;
margin: 1px;
text-align: center;
font-size: 14px;
}

#footer-navigation li a:hover{
color: #ec6d81;
}
/*---------------------------------
	PAGE
-----------------------------------*/
/* top page ---------------------------------*/
.top_img {
	width: 100%;
	position: relative;
	background: url(../images/top_main_bgimg.jpg) no-repeat left top;
}

h2.top {
	margin-top:-50px;
	text-align:center;
	}
	
.top_col1 {
	background-color:#f8f8f8;
	display:block;
}	

.top_col1_bg_L{
	background-image: url(../images/top_col1_bg_L.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:30%;
}

.top_col1_bg_R{
	background-image: url(../images/top_col1_bg_R.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:30%;
}

.top_soraku {
	background-color:#f9f9f9;}


.top_labo {
	background-color:#f4f7f9;/**/
	background-image:url(../images/top_labo_bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100%;
	padding: 20px 0px 40px 0px;
	}

.top_soraku_bg_L{
	background-image: url(../images/top_soraku_bg_L.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:40%;
}

.top_soraku_bg_R{
	background-image: url(../images/top_soraku_bg_R.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:40%;
}

.top_course_bg_L{
	background-image: url(../images/top_course_bg_L.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:40%;
}

.top_course_bg_R{
	background-image: url(../images/top_course_bg_R.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:70%;
	z-index: 100;
	overflow:hidden;
}
/* top amurome 追加---------------------------------*/
#top_amurome{
	width:100%;
	background-image:url(../images/top_amurome_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:auto;
	height:686px;
	display:table;

}
#top_amurome_col{
	width:100%;
	display: table-cell;
	height:100%;
	vertical-align: middle;
}
#top_amurome img{
	width:auto;
	max-width:100%;
}
@media screen and (max-width: 768px){
	#top_amurome{
	height:auto;
	padding-top:30px;
	background-position:bottom right;
	}
	#top_amurome_col p{
	width:90%;
	margin:0 auto;
	}
	#top_amurome img{
	width:auto;
	max-width:80%;
}
}
/* amurome page 追加---------------------------------*/
#project_amurome_01{
	background-image: url(../images/col_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:auto;
	height:629px;
	position:relative;
}

#project_amurome_01 img,
#project_amurome_02 img,
#project_amurome_03 img,
#project_amurome_04 img,
#project_amurome_05 img{
	width:auto;
	max-width:100%;
	
}

#project_amurome_01 div{
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
font-weight: normal;
font-size:18px;
position: absolute;
left: 50%;
margin: auto;
	
}
#project_amurome_01 img{
	padding-top:50px;
}
#project_amurome_02{
		background-image: url(../images/col_omoi_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		height:600px;
		display:table;
		width:100%;


}
div#project_amurome_02 div{
		width:100%;
		display: table-cell;
		font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-weight: normal;
		font-size:18px;
		vertical-align: middle;
	text-align: center!important;
	
}
#project_amurome_03{
		background-color:#f9f9f9;
	padding:40px 0;

}
.project_amurome_03_col{
		max-width:1300px;
		margin:auto;
		overflow: hidden;
		text-align:center;
	display:table;
	

}

#project_amurome_03 div.wid3{
	margin:auto;
	width:33%;
	display:table-cell;
}
#project_amurome_03 div.wid2{
	display:table-cell;
	margin:auto;
	width:50%;
	
}
#project_amurome_03 div dl{
	max-width:400px;
	margin:auto;
}

#project_amurome_03 div dt{
	float:none;
	
}
#project_amurome_03 div dd{
	margin-left:0;
	
}
#project_amurome_03 h4{
	line-height: 90%;
}
#project_amurome_03 div dd h4 span{
	display:block;
	font-size:14px;
}
#project_amurome_03 p{
	line-height: 1.5em;
}
#project_amurome_04{
		background-color:#fff;
	padding:40px 0;

}#project_amurome_04 dl{
	width:100%;
	max-width:1300px;
	margin:auto;
	display:table;
	border-top:1px solid #e5e5e5;
}
#project_amurome_04 dl:last-child{
	border-bottom:1px solid #e5e5e5;
}
#project_amurome_04 dl:nth-child(even){ background: #F9F9F9; }

#project_amurome_04 dd{
	float:none;
	margin-left:0;
	display:table-cell;
	padding:15px;
	vertical-align: middle;
	width:25%;
	box-sizing: border-box;
}
#project_amurome_04 dd.center{
	width:12%!important;
}
#project_amurome_04 a.btn{
	border:1px solid #ec6d81;
	color:#ec6d81;
	padding:5px 15px;
}
#project_amurome_04 a.btn:hover{
	background-color:#ec6d81;
	color:#fff;

}

#project_amurome_05{
	background-image: url(../images/col_end_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		height:572px;
		display:table;
		width:100%;


}
.project_amurome_05_col{
		width:100%;
		display: table-cell;
		font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-weight: normal;
		font-size:18px;
		vertical-align: middle;
	text-align: center!important;
	color:#fff;

}

@media screen and (max-width: 768px){
.project_amurome_03_col{
	display:block;
}

#project_amurome_03 div.wid3{
	width:100%;
	display:block;
}
#project_amurome_03 div.wid2{
	width:100%;
	display:block;
}
#project_amurome_03 div dl{
	max-width:100%;
	margin:auto;
}

#project_amurome_03 div dt{
	float:none;
	
}
#project_amurome_03 div dd{
	
}	
	
}

/* project page ---------------------------------*/
.pro_01{
	background-image: url(../images/project_01_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	width:auto;

}

.pro_02{
	background-image: url(../images/project_02_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:auto;
	color:#ffffff;
	padding:110px 0;
}

.pro_02 p {
	text-shadow: 2px  2px 3px #134103,
            -2px  2px 3px #134103,
             2px -2px 3px #134103,
            -2px -2px 3px #134103;
	}


.pro_04{
	background-image: url(../images/project_4_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#eae9e6;
	width:auto;
	padding:40px 0 220px 0;
}


/* member page ---------------------------------*/
.member_col  {
	width:100%;
	background-color:#f9f9f9;
	padding: 50px 0px;
	}

.member_col2  {
	width:100%;
	background-color:#ffffff;
	padding: 50px 0px;
	}
	

/*---------------------------------
	media all and (max-width: 768px) 
-----------------------------------*/
@media all and (max-width: 768px) {
p { font-size:14px;}

#header {min-height:60px;}

h2.top {
	margin-top:0px;
	/*margin-bottom:-20px;*/
	text-align:center;
	}

.top_col1_bg_L{
	background-size:50%;
}

.top_col1_bg_R{
	background-size:50%;
}
	
.top_col1 p {
	padding-top:50px;

}	

.top_soraku_bg_L{
	background-size:60%;
}

.top_soraku_bg_R{
	background-size:50%;
}

.pro_02 p {
	line-height:165%;
	text-shadow: 2px  2px 3px #134103,
            -2px  2px 3px #134103,
             2px -2px 3px #134103,
            -2px -2px 3px #134103;
	}



#footer-navigation {
	text-align:center;
	margin:10px auto;
	width:100%;
	}

#footer-navigation ul{
margin: 0 auto; 
padding: 0; 
list-style: none;
text-align:center;
width:100%;
}

#footer-navigation li{ 
padding: 0; 
margin: 0; 
display: inline; 
border: none;
}

#footer-navigation li a{
display: block; 
padding: 15px 5px;
text-decoration: none;
color: #333;
margin: 1px;
text-align: center;
font-size: 16px;
border-bottom: 1px dotted #ccc;
}

#footer-navigation li a:hover{
background-color: #ede5da;/**/
color: #333;
}




}






/*フォーム*/
#modal-content{
	width:50%;
	margin:0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	position:fixed;
	display:none;
	z-index:2;
	overflow:auto;
	height:90%;
}
  
.button-link{
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
	
}

/*teacher*/

#teacher{
	width:90%;
	margin:0 5%;
}

.teacher{
	clear:both;
	width:100%!important;
	display:table!important;
	
	border-bottom:1px dotted #ccc;
	padding-bottom:30px;
	float:none!important;
	margin-bottom:30px!important;
		font-size:90%;

}
.teacher:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .teacher {
    height: 1em;
    overflow: visible;
}
/**/
.teacher_img{
	width:120px!important;
	display:table-cell!important;
	padding-right:20px!important;
	vertical-align:top;
}
.teacher_img img{
	max-width:120px;
	height:auto;
}
.teacher_txt{
	width:auto!important;
	display:table-cell!important;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #ccc;
}
.teacher_txt h4 span{
	font-size:60%;
	padding-left:15px;

}


.teacher_txt dl{
	border-top:1px solid #ccc;
clear:both;
width:100%;
margin:0;
padding:0px;
float:none!important;
display:table;
}

.teacher_txt dt{
	display:table-cell!important;
	vertical-align:top;
	width:140px!important;
	margin:0;
	padding:10px;
	float:none!important;
	background-color: #f5f5f5;
}

.teacher_txt dd{
	display:table-cell!important;
	vertical-align:top;
	margin:0;
	padding:10px;
	width:auto!important;
	text-align:left;float:none!important;
}

@media all and (max-width: 768px) {
	.teacher_img{
	width:100%!important;
	display:block!important;
	padding-right:20px!important;
	vertical-align:top;
	text-align:center;
}
.teacher_img img{
	max-width:120px;
	height:auto;
}
.teacher_txt{
	width:auto!important;
	display:block!important;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #ccc;
}
.teacher_txt h4{
	text-align:center;
}
.teacher_txt dl,
.teacher_txt dt,
.teacher_txt dd{
		display:block!important;

width:100%!important;
float:none!important;
}




/*googleカレンダー*/

    .gc_wrapper {
      max-width: 800px; 
      min-width: 300px; 
      margin: 2.0833% auto;
    }
     
    .responsive-iframe-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .responsive-iframe-container iframe,   
    .responsive-iframe-container object,  
    .responsive-iframe-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
     
@media (max-width: 600px) {
        .big-container {
            display: none;
        }
        .small-container {
           padding-bottom: 200%;/* 高さ */
        }
    }
    @media (min-width: 600px) {
        .small-container {
            display: none;
        }
    }





/*lesson_achieve*/

#lesson_achieve{
	width:90%;
	margin:0 5%;
}

.lesson_achieve{
	clear:both;
	width:100%!important;
	display:table!important;
	
	border-bottom:1px dotted #ccc;
	padding-bottom:30px;
	float:none!important;
	margin-bottom:30px!important;
		font-size:90%;

}
.lesson_achieve:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .lesson_achieve {
    height: 1em;
    overflow: visible;
}
/**/
.lesson_achieve_img{
	width:200px!important;
	display:table-cell!important;
	padding-right:20px!important;
	vertical-align:top;
}
.lesson_achieve_img img{
	max-width:200px;
	height:auto;
}
.lesson_achieve_txt{
	width:auto!important;
	display:table-cell!important;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #ccc;
}
.lesson_achieve_txt h4 span{
	font-size:60%;
	padding-left:15px;

}


.lesson_achieve_txt dl{
	border-top:1px solid #ccc;
clear:both;
width:100%;
margin:0;
padding:0px;
float:none!important;
display:table;
}

.lesson_achieve_txt dt{
	display:table-cell!important;
	vertical-align:top;
	width:140px!important;
	margin:0;
	padding:10px;
	float:none!important;
	background-color: #f5f5f5;
}

.lesson_achieve_txt dd{
	display:table-cell!important;
	vertical-align:top;
	margin:0;
	padding:10px;
	width:auto!important;
	text-align:left;float:none!important;
}

@media all and (max-width: 768px) {
	.teacher_img{
	width:100%!important;
	display:block!important;
	padding-right:20px!important;
	vertical-align:top;
	text-align:center;
}
.lesson_achieve_img img{
	max-width:120px;
	height:auto;
}
.lesson_achieve_txt{
	width:auto!important;
	display:block!important;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #ccc;
}
.lesson_achieve_txt h4{
	text-align:center;
}
.lesson_achieve_txt dl,
.lesson_achieve_txt dt,
.lesson_achieve_txt dd{
		display:block!important;

width:100%!important;
float:none!important;
}


}

/*.iframe-content {
   position: relative;
 width: 100%;
   
}
.iframe-content iframe {
    position: absolute;
 top: 0;
 left: 0;
    width: 100%;
    height: 100%;
}*/