﻿@charset "utf-8";


/* --------------------
	header
--------------------*/
header {
	width: auto;
	min-width:940px;
	height:740px;
	margin:0 auto;
	position: relative;
	z-index:10;
	background: url(../img/bg.jpg) no-repeat center center;
	background-size:cover;
}
header .logo {
	width:107px;
	height:60px;
	position:absolute;
	top:40px;
	left:40px;
	font-size:0;
	margin:0 auto;
	padding:0;
	z-index:16;
}
header .logo a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
header h1 {
	width:900px;
	height:348px;
	position:absolute;
	top:106px;
	left:50%;
	font-size:0;
	margin:0 auto 0 -450px;
	padding:0;
	z-index:15;
}
header .bg {
	width:100%;
	height:740px;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	margin:0 auto;
	padding:0;
	z-index:14;
	background: url(../present/img/bg.png) repeat-x center center;
}


/* --------------------
	content
--------------------*/
#content .inner {
	margin:-221px auto 0;
	min-height:1873px;
}
#content .inner .img {
	font-size:0;
	margin:0 auto;
}
#content .inner #img02 {
	padding:40px 0 0;
}
#content .inner #img03 {
	padding:60px 0 0;
}



@media only screen and (max-width: 768px) {


/* --------------------
	header
--------------------*/
header {
	width: auto;
	min-width:320px;
	height:370px;
	margin:0 auto;
	position: relative;
	z-index:10;
	background: url(../img/bg.jpg) no-repeat center center;
	background-size:cover;
}
header .logo {
	width:54px;
	height:30px;
	position:absolute;
	top:15px;
	left:15px;
	font-size:0;
	margin:0 auto;
	padding:0;
	z-index:16;
}
header .logo a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
header h1 {
	width: auto;
	height: auto;
	position:absolute;
	top:63px;
	left:0;
	font-size:0;
	margin:0 15px;
	padding:0;
	z-index:15;
}
header .bg {
	width:100%;
	height:370px;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	margin:0 auto;
	padding:0;
	z-index:14;
	background: url(../present/img/bg.png) repeat-x center center;
	background-size:auto 370px;
}


/* --------------------
	content
--------------------*/
#content .inner {
	margin:-370px 15px 0;
	min-height:100vh;
}
#content .inner .img {
	font-size:0;
	margin:0 auto;
}
#content .inner #img01 {
	padding:60vw 0 0;
}
#content .inner #img02 {
	padding:20px 0 0;
}
#content .inner #img03 {
	padding:30px 0 0;
}



}



