@charset "UTF-8";
/*#c8b678�@(200,182,120)*/
/* --- �R���e�i --- */
html, body {height: 100%;}
.lp-main{
background-image: url("../../images/lp/bg.jpg");	
background-attachment:fixed;
width:100%;
-webkit-overflow-scrolling: touch;	
}

.bg1{

}
.bg2{
	background-color:#fff;
}
.bg3{
	background-color:#f2f2f2;
}

.bg4{
	background-color:#eb8755;
}
.bg5{
	background-color:#64bebe;
}
.bg6{
	background-color:#f4f4f4;
}


#pageTop{
	text-align:center;
	background:rgba(255,189,2,.7);
	color:#FFF;
	border:1px solid #FFF;
	border-radius:50%;
	padding:8px 18px 12px 18px;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index: 999;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#pageTop:hover{
	background:#ffbd02;
	}

.lp-btn a:hover img{
	opacity:1.0;
	filter:brightness(110%);
  -webkit-filter: brightness(110%);
  -moz-filter: brightness(110%);
  -o-filter: brightness(110%);
  -ms-filter: brightness(110%);
	}	
#f-01{
	position:absolute; 
	margin-top:0px;
	}	
@media screen and (max-width:580px) {	/* --- SP --- */
.bg1{
	background:none;
	height:auto;
}

/*main clm */
.clm{
	text-align:center;
	}
.clm_form{
	text-align:center;
	margin:10px;
	padding:8px; 
	}
	
.clm img	{
	width:100%;
	}
.bg3 img	{
	width:100%;
	}
	
.lp-right {
	float:right;
	width: 67%;
	padding: 0px 0px 0px 0px;
	color: #5f5f5f;
	
}
	
.lp-left {
	float:left;
	width:30%;
	margin-left:0px;
	margin-bottom:50px;

}
.lp-left img{
	width:100%;
	}
	
.lp-title{
	width:100%;
	margin-top:-10%;
	}	
	
.lp-btn img{
	height:17vw; 
	width:auto; 
	margin:5px;
	margin-bottom:30px;
	}
.paper{
	height:17vw; 
	width:200px; 
	margin:15px;
	margin-bottom:0px;
	float:left;
	}
.paper img{
	height:17vw; 
	width:200px; 
	margin:15px;
	margin-bottom:0px;
	}
.boxer img{
	height:auto; 
	width:100%; 
	margin:0px;
	margin-bottom:30px;
	}
	
.header_sub_nav_sp {
		padding: 10px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.header_sub_nav_sp li {
		width: 48%;
		font-size: 100%;
		text-align: center;
	}
	.header_sub_nav_sp li:first-child{
	}
	.header_sub_nav_sp a {
		display: block;
		color: #fff;
		text-decoration: none;
		background:#ffbd02;
	}
	
	.g_left {
	float:left;
	width:46%;
	margin-left:10px;

	margin-bottom:10px;

}
.g_left img{
	width:100%;
	}
.g_right {
	float:right;
	width:46%;
	margin-right:10px;
	margin-bottom:10px;

}
.paper_clm{
	width:100%;
	}
.g_right img{
	width:100%;
	}
#f-02{
	position:absolute; 
	margin-top:36vw;
	}
#f-03{
	position:absolute; 
	margin-top:55vw;
	}
#f-04{
	position:absolute; 
	margin-top:99vw;
	}
#f-05{
	position:absolute; 
	margin-top:103vw;
	}
#f-06{
	position:absolute; 
	margin-top:118vw;
	}
#f-07{
	position:absolute; 
	margin-top:164vw;
	}	
	
}
@media screen and (min-width:581px) {	/* --- PC --- */	
/*main clm */
.clm{
	width:950px;
	margin:0 auto;
	text-align:center;
	}
	
.clm_form{
	width:720px;
	margin:0 auto;
	text-align:center;
	padding:15px; 
	}

.lp-right {
	float:right;
	width: 60%;
	padding: 0px 60px 0px 0px;
	color: #5f5f5f;
	
}
.lp-left {
	float:left;
	width:200px;
	margin-left:60px;
	margin-bottom:50px;

}
.lp-left img{
	width:100%;
	}

.lp-title{
	margin-top:-60px;
	/*width:50%;*/
}

.lp-btn img{
	height:152px; 
	width:auto; 
	margin:0  10px 50px;
	}
	
.g_left {
	float: left;
	margin-left:40px;
	padding: 0;
}

.g_right {
	float: right;
	margin-right:40px;
	padding: 0;
}
.paper_clm{
	width:870px;
	margin:0 auto;
	}

#f-02{
	position:absolute; 
	margin-top:256px;
	}
#f-03{
	position:absolute; 
	margin-top:392px;
	}
#f-04{
	position:absolute; 
	margin-top:700px;
	}
#f-05{
	position:absolute; 
	margin-top:735px;
	}
#f-06{
	position:absolute; 
	margin-top:836px;
	}
#f-07{
	position:absolute; 
	margin-top:1170px;
	}	
	

/* g���j���[ */
#globalNavi{
	width: 100%;
	background:rgba(255,255,255,.8);

}
#globalNavi ul li a{
	background:none;
	float: right;
	margin-top:5px;
	padding:5px 15px;
	text-align: center;
	color: #3f3f3f;
	text-decoration: none;
	border-left: 1px solid #3f3f3f;
	box-sizing: border-box;
}


#globalNavi ul li a:hover{
	color:#ff6600;
	transition: 0.5s ;
	box-sizing: border-box;
	background:#fff;
	
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
}