@charset "utf-8";
/* -----------------------------------------------

director

----------------------------------------------- */


/* -------------------------------------------- */
/* -------------------------------------------- */
/* PC */
@media screen and (min-width: 641px) {

	#pageNav ul li#gn_director a{
		background-position: 0 -33px;
	}
	.contentsSide ul,.contentsSide h3,.contentsSide h2{
	    font-size: 93%;
	    line-height: 1.2em;
	}
	#directorMessge #director_img p{
		margin:0;
		padding:0;
		font-size:93%;
	}
	#director_img {
	    float: right;
	    padding: 0 0 0 15px;
	}
	.contentsBoxInn h2 {
		border-bottom:1px solid #CCCCCC;
		font-size:189%;
		font-weight:normal;
		padding: 0 0 5px;
		margin:0 0 20px 0;
	}
	.contentsBoxInn h2 {
		font-size:157%;
		margin: 0 0 40px 0;
	}
	.contentsBoxInn h2 span {
		color:#6B6B6B;
		font-size:73%;
		line-height: 1.6em;
		margin:0 20px 0 0;
		padding:0 20px 0 0;
	}


	.contentsBoxInn h3{
    border-bottom: 1px solid #cccccc;
    font-size: 	137%;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0 0 3px;
	}
	.contentsBoxInn h4 {
	    font-size: 108%;
	    margin: 15px 0 5px;
	}	
	

	#directorMessge p {
		font-size:14px;
		line-height:1.7em;
		margin:15px 0 0 0;
		text-align:justify;
		text-justify:inter-ideograph;
	}
	/* page DF */
		
	.pageh2 {
		border-bottom:1px solid #CCCCCC;
		font-size:189%;
		font-weight:normal;
		padding: 0 0 5px;
	}

	p.txtRight {
		text-align:right;
	}
	#biography {
		overflow:hidden;
		margin:50px auto 0;
	}
	.bioL {
		width:200px;
		float:left;
	}
	div.bioL p {
		margin:0;
		font-size:77%;
		font-weight:normal;
		line-height:1em;
	}
	.bioR {
		margin:0 0 0 25px;
		width:455px;
		float:right;
	}
	#biography p {
		line-height:1.6em;
		margin:0 0 15px 0;
		font-size:108%;
		text-align:justify;
		text-justify:inter-ideograph;
	}

}
/* -------------------------------------------- */
/* -------------------------------------------- */
/* SP */
@media screen and (max-width: 640px) {
	#contents {
	    padding: 25px 15px;
	}
	.contentsSide{
		display: none;
	}
	.contentsBoxInn h2 {
	    border-bottom: 1px solid #CCCCCC;
			font-size:146.5%;
			font-weight: bold;
			padding: 0 0 5px;
			margin:0 0 10px 0;
	}
	#contents h2 span {
	    color: #898A8B;
	    font-size: 66%;
	    line-height: 1.6em;
	    padding: 0 0 0 0;
	}
	.contentsBoxInn h3{
		font-size: 123.1%;
		border-bottom: #cccccc solid 1px;
		margin: 0 0 20px 0;
		padding: 0 0 8px 0;
	}

	#teaser_contnets {
		position: relative;
		padding: 0 0 100px 0;
		margin:0;
	}

	/* page css */
		
		#directorMessge {
		padding:20px 0 0 0;
		margin:0 auto 60px;
	}
	h2 {
		font-size:18px;
	}
	.contentsBoxInn p {
		font-size:13px;
		line-height:1.7em;
		margin:25px 0 0 0;
	}
	#biography {
		padding:20px 0 0 0;
		margin:0 auto 30px;
	}
	.bioL {
		text-align: center;
	}
	.bioL p {
		text-align: left;
	}
	.bioR {
		margin: 20px 0 0 0;
	}
	div.bioL img {
		width: 150px;
	}
	div.bioL p {
		margin:0;
		font-size:77%;
		font-weight:normal;
		line-height:1em;
	}
	div.bioR h2 {
		font-size: 14px;
		margin: 0 0 5px 0;
	}
	div.bioR p {
		margin:0 0 10px 0;
		font-weight:normal;
		line-height:1.6em;
	}
	/* page css */
	#directorMessge h3 {
		font-size:130%;
		padding: 0 0 5px;
		margin:0 0 5px 0;
	}



}