@charset "utf-8";

/* 全体 */
body {
	background: url(../img/bg.png) center top;
}

/* コンテンツ */
#wrapper {
	margin: 0 auto;
	width: 100%;
}
#wrapper img {
	width: 100%;
	vertical-align: top;
}
#wrapper a img {
	transition: 0.2s ease-in-out;
}
#wrapper a img:hover {
	opacity: 0.7;
}
#wrapper a,
#wrapper a:link,
#wrapper a:visited{
	color: #112c5a;
	text-decoration: underline;
}

#wrapper a:hover{
	color: #112c5a;
	text-decoration: none;
}
header{
	position: relative;
}
.btn-area{
	position: relative;
}
.btn-area .btn{
	position: absolute;
	width: 70%;
	right:15%;
	bottom:0%;
	padding-bottom: 18%;
}
.btn-area2 .btn{
	padding-bottom: 13%;
}
#wrapper .box{
	margin-top: 8%;
}
ul.btn{
	text-align: center;
	font-size: 0;
}
ul.btn li{
	width: 90%;
	display: inline-block;
	margin-bottom: 4%;
	padding-right: 4%;
}
/* 動画 */
.movie{
	position: relative;
}
.movie .pv-area{
	position: absolute;
	top:22%;
	left:15%;
	width: 70%;
}
#point1 .movie2 .pv-area{
	top:15%;
}
.movie .pv{
position:relative;
padding: 0 0 56.25%;
height: 0;
overflow: hidden;
}
.movie .pv iframe{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
}
.movie .btn{
	position: absolute;
	width: 70%;
	bottom:0%;
	left:15%;
	padding-bottom: 8%;
}
/* TOPへ戻る */
.foot-catch .btn{
	width: 38%;
	margin-top: 12%;
	margin-left: 50%;
	margin-bottom: 20%;
}

@media screen and (max-width:767px) {
body {
background-size: 30px;
}
#wrapper{
width: 88%;
padding: 6%;
}
.only-pc{
	display: none;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
body {
background:url(../img/bg.png) center top; 
background-size: 40px;
}
#wrapper{
width:750px;
margin:0 auto;
padding:64px 50px 0;
}   
footer small {
font-size: 1.8em;
}
.only-sp{
	display: none;
}
}
@media screen and (min-width:1024px) {
body {
background:url(../img/bg.png) center top;
background-size: 61px;
}	
#wrapper{
width:750px;
margin:0 auto;
padding:64px 50px 0;
}
footer small {
font-size: 1.8em;
}
.only-sp{
	display: none;
}
}