@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.css
 Style : common
================================================================= */

/* 
 * main_image
 * ---------------------------------------------------- */
#main_image img {
	height:220px !important;
}
#main_image h1 {
	display:none !important;
}
#contents_wrap {
	margin:100px 0 70px 0;
}
.main h1 {
	color:#fff;
	font-size:200%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:320px;
	position: absolute;
	top: 180px;
	left:15%;
}
.main2 h1 {
	color:#fff;
	font-size:160%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:540px;
	position: absolute;
	top: 205px;
	left:5%;
}

/* PC END ################################################################### */
@media screen and (min-width: 1000px) and (max-width: 1120px){
/* ================================================================= */
.inner {
	width:100% !important;
	padding:0 30px;
}
.main h1 {
	color:#fff;
	font-size:200%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:320px;
	position: absolute;
	top: 180px;
	left:5%;
}
.main2 h1 {
	color:#fff;
	font-size:200%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:75%;
	position: absolute;
	top: 180px;
	left:5%;
}
}

/* PC END ################################################################### */
@media screen and (min-width: 769px) and (max-width: 1000px){
/* ================================================================= */
.inner {
	width:100% !important;
	padding:0 30px;
}
.main h1 {
	color:#fff;
	font-size:200%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:320px;
	position: absolute;
	top: 180px;
	left:5%;
}
.main2 h1 {
	color:#fff;
	font-size:160%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:70%;
	position: absolute;
	top: 205px;
	left:5%;
}
}

/* ================================================================= 
 *
 * Layout : Contents
 *
 * ================================================================= */

@media screen and (min-width: 469px) and (max-width: 768px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
.inner {
	width:100% !important;
	padding:0 30px;
}

#main_image img {
	height:200px !important;
}
#main_image h1 {
	display:none !important;
	font-size:160%;
}
.main h1 {
	color:#fff;
	font-size:160%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:300px;
	position: absolute;
	top: 210px;
	left:10%;
}
.main2 h1 {
	color:#fff;
	font-size:160%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:90%;
	position: absolute;
	top: 205px;
	left:5%;
}
}
@media only screen and (max-width: 468px){
/* ================================================================= 
 *
 * smartphone size size
 *
 * ================================================================= */
#contents_wrap {
	margin:70px 0 70px 0;
}
.inner {
	padding:0 10px;
}

#main_image img {
	height:100px !important;
}
#main_image h1 {
	display:none !important;
	width:220px;
	font-size:160%;
	padding:10px;
	left:5%;
}
.main h1 {
	color:#fff;
	font-size:150%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:240px;
	position: absolute;
	top: 205px;
	left:5%;
}
.main2 h1 {
	color:#fff;
	font-size:160%;
	padding:20px;
	background:rgba(0,0,0,1.0);
	width:90%;
	position: absolute;
	top: 205px;
	left:5%;
}
img.imgR {
	max-width:100% !important;
	width:100% !important;
}

}