@charset "utf-8";

body#top {
	background-image:url(../images/top/bg_main.jpg);
	background-size: 100vw 100vh;
}

#header #header_bgl{
	background-image:url(../images/common/head_top_bg.png);
}
#header h1{
	background-image:url(../images/common/h1.png);
}
#header #header_bgr{
	background-image:url(../images/common/head_top_bg.png);
}
#contents {
	position: relative;
	top:235px;
	left:0px;
	margin-left:211px;
	z-index:100;
}
#contents img {
	width:400px;
}
#contents p{
	color:#ffffff;
	line-height:1.4;
	font-size:16px;
	width:550px;
	margin-left:34px;
	margin-top:20px;
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width:768px){

#contents {
	position: relative;
	top:0%;
	left:0px;
	margin-left:2%;
	width:96%;
}
#contents img{
	width:96%;
}
#contents  p{
	width: 96%;
	position: static;
	color: #000;
	margin-left:2%;
	margin-top:5%;
}
#contents  p.t{
	margin: 20% 2% 0% 2%;
}

}

/**************************************************************************************/
@media screen and (max-width:530px){
	#contents  p.t{ margin: 15% 2% 0% 2%; }
}

/**************************************************************************************/
@media screen and (max-width:370px){
	#contents  p.t{ margin: 10% 2% 0 2%; }
}