@charset "UTF-8";
/* CSS Document */


a:link {color:#333;}    /* unvisited link */
a:visited {color:#333;} /* visited link */
a:hover {color: #F00;}   /* mouse over link */
a:active {color:#000;}  /* selected link */
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}



div.name {
	width: 50%;
	height: auto;
	top: 0px;
	left: 1%;
	position: fixed;
	z-index: 300;
	text-align: left;
}

div.name.a:hover {
	color:#F00;	
}

div.info {
	width: auto;
	height: auto;
	bottom: 0%;
	right: 1%;
	position: fixed;
	z-index: 300;
	text-align: right;
}

div.info.a:hover {
	color:#F00;	
}


div.title {
	width: 18%;
	height: auto;
	top: 15%;
	left: 1.2%;
	position: fixed;
	z-index: 200;
	text-align: left;
}

div.content {
	width: 70%;
	height: auto;
	top: 15%;
	left: 20%;
	position: absolute;
	z-index: 200;
	text-align: left;
}

div.pic {
	width: 80%;
	height: auto;
	margin-bottom:20px;
	left: 0;
	position: relative;
	z-index: 200;
	text-align: left;
	float: left;
}

div.text {
	width: 15%;
	height: auto;
	float: left;
	margin-left:2%;
	margin-bottom:20px;
	margin-top:0px;
	position:relative;
	z-index: 200;
	text-align: left;
}




p { 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400; 
	font-style:  normal;
	font-size:   1.5vw;
	line-height: 1.4;
	color: #333;
	margin-top: 0%;
	
}

h1 { 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700; 
	font-style:  normal;
	font-size:   7.0vw;
	line-height: 1.0;
	text-align: left;
	margin-top: 1%;
	margin-bottom:1%;
	color: #333;
	
}


h2 { 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700; 
	font-style:  normal;
	font-size:   2vw;
	line-height: 1.2;
	text-align: left;
	margin-top: 1%;
	margin-bottom:1%;
	color: #333;
	
}