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

#people-block{
	padding:35px;
}

#people-block .photo{
	width:188px;
	display:block;
	float:left;
}
#people-block .textbox{
	width:460px;
	float:right;
	
	font-size:14px;
	line-height:21px;
	font-weight:300;
}

#people-block .textbox h3{
	font-size:20px;
	font-weight:500;
	padding-top:10px;
	padding-bottom:20px;
}
#people-block .textbox h3 span{
	font-size:16px;
	font-weight:300;
}

#people-block .textbox .profile{
	font-size:13px;
	padding-bottom:20px;
	display:block;
}

#people-block .textbox h4{
	color:#20378a;
	font-weight:500;
	padding-bottom:2px;
	padding-top:10px;
}

/*   smart phone   */
@media screen and (max-width:640px) {
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html { font-size: 62.5% !important; }



/*   contents   */
#people-block{
	padding:35px;
}

#people-block .photo{
	width:100%;
	display:block;
	float:none;
	
	padding:0 1.0rem;
}
#people-block .textbox{
	width:100%;
	float:none;
	
	font-size:1.4rem;
	line-height:2.1rem;
		font-weight:300;
}

#people-block .textbox h3{
	font-size:2.0rem;
		font-weight:500;
		padding-top:10px;
		padding-bottom:20px;
}
#people-block .textbox h3 span{
	font-size:1.6rem;
		font-weight:300;
}

#people-block .textbox .profile{
	font-size:1.3rem;
		padding-bottom:20px;
		display:block;
}

#people-block .textbox h4{
		color:#20378a;
		font-weight:500;
		padding-bottom:2px;
		padding-top:10px;
}
}