@charset "utf-8";

*{-moz-box-sizing:border-box;box-sizing:border-box;}
	body,html{
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	background:#ccc;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
	font-weight:bolder;
	height:100%;
	line-height:1.3em;
	margin:0;
	padding:0;
	text-rendering:optimizeLegibility;
	width:100%;
	}

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE 7 and MacIE 5 */
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac */
* html.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


#wrapper{width:1024px;height:20px;margin:8px auto 0 auto;padding:12px 0 0 0;background:url(../../img/shadow_top.png) no-repeat left top;}
#wrappersecond{width:1024px;height:auto;margin:0;padding:0;background:url(../../img/shadow_middle.png) repeat-y left top;}
#wrapperbottom{width:1024px;height:12px;margin:0 auto 20px auto;padding:0 0 20px 0;background:url(../../img/shadow_bottom.png) no-repeat left top;}

#inner{width:1000px;height:auto;margin:0 auto;background-color:#fff;color:#333;clear:both;}

.header{margin:20px 20px 0 20px;float:left;}
.header a{display:block;}
h1, h2, h3, h4{margin:0;padding:0;}
.logo{width:200px;height:200px;font-size:0;text-align:center;}
.logo img{border:0;}

.minibtn{position:relative;top:-2px;right:2px;color:#fff;background-color:#e4007f;font-size:9px;line-height:1em;font-weight:bold;letter-spacing:1px;text-decoration:none;text-align:center;border:1px solid #e4007f;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:3px 3px 1px 4px!important;}
.minibtn:hover{color:#fff;background-color:#ffcc99;text-decoration:none;border:1px solid #ffcc99;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:3px 3px 1px 4px!important;}

section{position:relative;}
.topcontent{
	width:740px;
	height:auto;
	margin:20px 0 0 0;
	padding-top:20px;
	float:left;
	overflow:hidden;
	}
.topcontent .content{margin:0 auto;padding:0 20px;overflow:hidden;}
.topcontent .headtitle{
	width:640px;
	height:50px;
	margin:0 auto 70px auto;
	padding:0;
	}
.topcomment{margin-bottom:30px;font-size:14px;line-height:1.6em;}
.topcomment h4{margin-bottom:15px;}
.topcomment a, .coursefig a{display:inline;padding:2px;color:#cc0000;text-decoration:none;}
.topcomment a:hover, .coursefig a:hover{padding:2px;color:#e4007f;background-color:#cccccc;}

.worksfig{position:relative;width:700px;padding:30px;margin-bottom:30px;color:#999;font-size:14px;font-weight:normal;line-height:1.6em;border:1px solid #ccc;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;font-family:sans-serif;}
.worksfig p{color:#000;font-size:18px;font-weight:bold;margin:0 0 5px 0;padding:0;font-family:"Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}
.worksfig img{margin:40px 0 0 0;}
.worksfig .gray{color:#999999;}

.endspace{width:100px;height:15px;clear:both;}

.snsarea{width:200px;height:auto;margin:10px auto;text-align:center;}
.twitter{width:87px;height:21px;margin-top:10px;margin-right:20px;float:left;}
.facebook{width:90px;height:21px;margin-top:10px;float:left;}
.twitter img{border:0;}
.facebook img{border:0;}
.like{margin-top:10px;}

.footer{text-align:center;font-size:12px;padding:5px 0 15px 0;clear:both;}

@media (max-width: 420px) {

}

@media (max-width: 768px) {
.topimage h3{font-size:24px;}
.center{margin-left:-40px;margin-right:-40px;}
.center .slick-center h3{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);color:#e67e22;opacity:1;transform:scale(1);}
.center h3{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);opacity:0.8;transform:scale(0.95);transition:all 300ms ease;}
.content{margin:auto;padding:20px 40px;width:auto;}
}