@charset "utf-8";


/*===============================================*/

/*  for PC / IE8   画面の横幅が959px以上 */

/*===============================================*/


/*intro
------------------------------------*/
section.intro{
	margin:0px auto 0px;
	padding:70px 0px 100px;
	width:640px;
	height:auto;
	position: relative;
}

section.intro h3{
	margin:0px auto 30px;
	font-size:30px;
	line-height:30px;
	width:100%;
	height:auto;
	text-align:center;
	letter-spacing: 0.1em;
}

section.intro p{
	margin:0px auto 0px;
	font-size:16px;
	line-height:30px;
	letter-spacing: 0.1em;
	text-align:center;
}



/*member
------------------------------------*/
section.member{
	margin:0px auto 100px;
	width:100%;
	height:auto;
	position: relative;
}

section.member div{
	margin:0px auto 50px;
	width:640px;
	height:auto;
	position: relative;
	clear:both;
	overflow:hidden;
}
section.member div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/**/
section.member div figure{
	width:130px;
	height:130px;
	float:left;
	}

section.member div section{
	width:470px;
	height:auto;
	float:right;
}

section.member div section h2{
	margin-bottom:0px;
	font-size:14px;
	line-height:20px;
	letter-spacing: 0.1em;
}
section.member div section h2 font{font-size:12px; color:#b3b3b3;}

section.member div section h3{
	margin-bottom:10px;
	font-size:12px;
	line-height:18px;
	letter-spacing: 0.1em;
	
}

section.member div section p{
	font-size:14px;
	line-height:28px;
	letter-spacing: 0.1em;
	
}



/*aboutClm
------------------------------------*/
section.aboutClm{
	margin:0px auto 100px;
	width:640px;
	height:auto;
	position: relative;
}

section.aboutClm h2{
	margin-bottom:30px;
	width: 100%;
	height:auto;
	font-size:18px;
	line-height:18px;
	font-family: 'Trebuchet MS', serif;
	letter-spacing: 0.1em;
}

section.aboutClm ul{}
section.aboutClm ul li{
	margin-bottom:15px;
	font-size:14px;
	line-height:18px;
	letter-spacing: 0.1em;
}

/**/
section.aboutClm ul li a{ position: relative; display: inline-block; transition: .3s; text-decoration: none; }
section.aboutClm ul li a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #5de23b;
	opacity: 0;
	transition: .3s;
}
section.aboutClm ul li a:hover::after {bottom: -0.1em; opacity: 1;}




/*===============================================*/





/*===============================================*/

/*  for tablet     画面の横幅が600px-958pxまで */

/*===============================================*/


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

/*intro
------------------------------------*/
section.intro{padding:50px 0px 100px;width:80%;}
section.intro h3{width:100%;text-align:center;}


/*member
------------------------------------*/
section.member div{margin:0px auto 50px;width:80%;}
section.member div figure{width:20%;height:auto;}
section.member div section{width:75%;}

/*aboutClm
------------------------------------*/
section.aboutClm{width:80%;}




}
/*===============================================*/





/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

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

/*intro
------------------------------------*/	
section.intro{width:80%; padding-top:0px;}
section.intro h3{font-size:18px;}
section.intro p{
	margin:0px auto 0px;
	font-size:16px;
	line-height:30px;
	letter-spacing: 0.1em;
	text-align:left;
}
	
/*member
------------------------------------*/
section.member div{margin:0px auto 50px;width:80%;}
section.member div figure{margin-bottom:20px; width:100%;height:auto;float:none;}
section.member div section{width:100%;float:none;}




}
/*===============================================*/