@charset "UTF-8";
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,em,strong,th {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

img {
	vertical-align: top;
}

/*IE6*/
* html img{
	vertical-align: bottom;
}
/*IE7*/
*:first-child+html img{
	vertical-align: bottom;
}

a{
	outline:none;	
}

/* Fonts
------------------------------------------------------------*/
body {
	font-size: 75%; /* IE */
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	/*
	font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	*/

	-webkit-text-size-adjust: 100%;
}

body.font_m{
	font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;	
}

html>/**/body {
	font-size: 12px; /* Except IE */
}

/* clearfix
------------------------------------------------------------*/
.cf:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  

* html .cf { zoom: 1; } /* IE6 */  
*:first-child+html .cf { zoom: 1; } /* IE7 */  


.ani_none,
.ani_none > *,
.ani_none:before,
.ani_none:after{
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;	
}


/*------------ 初期設定 ------------*/
p {
	color: #000000;
	line-height: 1.7;	
}

/*------------ 全体 ------------*/
html {
}

body {
	border-top:solid 5px #ef8201;
}

._hover{
	opacity:1;
	transition: all 0.4s;
}

._hover:hover{
	opacity:0.7;
}

a{
	color:#000000;
	text-decoration:none;	
}

/*------------ WRAPPER ------------*/
#wrapper {
	width:950px;
	margin:0 auto;
}

/*------------ HEADER ------------*/

#header{
	width:1120px;
	margin:0 auto;	
	padding:25px 0 30px;
	position:relative;
}

#header h1{
	width:128px;
	position:absolute;
	left:0;
	top:25px;
}

#header ul{
	width:100%;
	text-align:right;
	margin-top:20px;
}

#header ul li{
	display:inline-block;	
	text-align:right;
	margin-right:80px;
	text-align:left;
}

#header ul li a{
	display:block;
	font-size:20px;
	line-height:1.2;
	position:relative;
	padding-left:12px;
}

#header ul li a:before{
	content:"";	
	display:block;
	background:url(../images/common/icon_right.png) no-repeat left top;
	width:6px;
	height:10px;
	position:absolute;
	left:0;
	top:6px;
	transition: all 0.4s;
}

#header ul li a:hover:before{
	left:3px;	
}

#header ul li a span{
	display:block;	
	font-size:12px;
}


.sp{
	display:none;
}
@media screen and (max-width: 768px) {
	img{
		width:100%;
		height:auto;	
	}
	.sp{
		display:block;
	}
	
	.pc{
		display:none;	
	}
	
	body ,
	html{
		width:100%;
		min-width:100%;
		overflow-x:hidden;
		position:relative;
	}	
	
	
	#header{
		width:100%;
		margin:0 auto;	
		padding:15px 0 ;
		position:fixed;
		left:0;
		top:0;
		z-index:900;
		background:#FFF;
		text-align:center;
	}
	
	body #header:before{
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:5px;
		transition: all .4s;
		background:#ef8201;
	}
	
	#header ul.delay8{
		transition-delay: 0ms !important;
		transition: all 0.4s;
		opacity:0;	
	}
	
	body.active #header:before{
		content:"";
		display:block;
		width:100%;
		height:5px;
	}
	
	#header h1{
		width:100px;
		position:relative;
		left:auto;
		top:auto;
		margin:0 auto;
	}
	
	#header ul{
		width:100%;
		text-align:center;
		margin-top:0px;
		opacity:0;
		background:rgba(239,130,1,0.7);
		height:100vh;
		position:absolute;
		left:0;
		top:0;
		box-sizing:border-box;
		padding-top:20vh;
		transition: all 0.4s;
		top:-100vh;
		z-index:1000;
	}
	
	#header ul.active{
		opacity:1;
		top:0;	
	}
	
	#header ul li{
		display:block;	
		margin-right:0px;
		text-align:center;
		opacity:0;
		transition: all 0.4s;
	}
	
	#header ul.active li{
		opacity:1;	
	}
	
	#header ul.active li:nth-child(1){
		-webkit-transition-delay: 400ms;
		transition-delay: 400ms;
	}
	#header ul.active li:nth-child(2){
		-webkit-transition-delay: 550ms;
		transition-delay: 550ms;
	}
	#header ul.active li:nth-child(3){
		-webkit-transition-delay: 700ms;
		transition-delay: 700ms;
	}
	#header ul.active li:nth-child(4){
		-webkit-transition-delay: 850ms;
		transition-delay: 850ms;
	}
	
	#header ul li a{
		display:block;
		font-size:20px;
		line-height:1.2;
		position:relative;
		padding-left:0px;
		color:#FFF;
		font-weight:bold;
		padding-top:7vh;
	}
	
	
	
	
	#header ul li a:before{
		display:none;
	}
	
	#header ul li a:hover:before{
		left:3px;	
	}
	
	#header ul li a span{
		display:block;	
		font-size:12px;
		display:none;
	}
	
	#btn_menu{
		position:absolute;
		right:16px;
		top:50%;
		margin-top: -21px;
		width: 42px;
		height:42px;
		display:block;
		z-index:2001;
		cursor:pointer;
	}
	#btn_menu span {
		display: block;
		background: #000;
		width: 24px;
		height: 2px;
		position: absolute;
		left: 9px;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
	}
	#btn_menu.active span {
		background: #FFF;
	}
	#btn_menu span:first-child {
		top: 12px;
	}
	#btn_menu span:nth-child(2) {
		margin-top: -1px;
		top: 50%;
	}
	#btn_menu span:last-child {
		bottom: 12px;
	}
	#btn_menu.active span:first-child {
		-webkit-transform: translateY(8px) rotate(45deg);
		-moz-transform: translateY(8px) rotate(45deg);
		-ms-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}
	#btn_menu.active span:nth-child(2) {
		opacity: 0;
	}
	#btn_menu.active span:last-child {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-moz-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
	
}

/*------------ NAVI ------------*/


/*------------ TOP ------------*/


/*------------ FOOTER ------------*/

#footer{
	margin-top:80px;
}

#footer .page_top{
	text-align:center;
}

#footer .page_top a{
	display:block;
	width:56px;
	position:relative;
	margin:0 auto;
	text-decoration:none;
}

#footer .page_top a .panda{
	position:absolute;
	left:0;
	top:-5px;
	z-index:-1;
	transition: all 0.4s;
}

#footer .page_top a:hover .panda{
	left:-30px;	
}

#footer .page_top a span{
	display:block;
	margin-top:10px;
	text-align:center;	
	font-size:12px;
	color:#000000;
	line-height:1.1;
}

#footer .footer_inner1{
	margin-top:80px;
	background:#ef8201;	
}

#footer .footer_inner1 .inner,
#footer .footer_inner2 .inner{
	padding:40px 0;
	width:960px;
	margin:0 auto;
	position:relative;
}

#footer .footer_inner2 .inner{
	padding:15px 0 13px;	
}

#footer .footer_inner1 ul{
	width:150px;
	float:left;	
}

#footer .footer_inner1 ul.wide{
	width:200px;
}	

#footer .footer_inner1 ul li{
	padding-left:14px;	
	margin-bottom:8px;
}

#footer .footer_inner1 ul li:last-child{
	margin-bottom:0;	
}

#footer .footer_inner1 ul li:nth-child(1){
	font-size:16px;
	color:#ffffff;
	position:relative;
	margin-bottom:15px;
}

#footer .footer_inner1 ul li:nth-child(1):before{
	content:"";
	display:block;
	background:url(../images/common/icon_right_footer.png) no-repeat left top;
	width:4px;
	height:8px;
	position:absolute;
	left:0;
	top:9px;
}

#footer .footer_inner1 ul li a{
	display:inline-block;
	font-size:14px;
	color:#ffffff;	
	position:relative;
}

#footer .footer_inner1 ul li a:before,
#footer .footer_inner2 .inner ul li a:before{
	content:"";
	display:block;
	width:0%;
	height:1px;
	background:#FFF;	
	transition: all 0.4s;
	position:absolute;
	left:0;
	bottom:0;
}

#footer .footer_inner1 ul li a:hover:before,
#footer .footer_inner2 .inner ul li a:hover:before{
	width:100%;
}

#footer .footer_inner2{
	background:#000;	
}

#footer .footer_inner2 .inner ul li{
	display:inline-block;
	margin-right:25px;	
}

#footer .footer_inner2 .inner ul li a{
	font-size:14px;
	color:#ffffff;
	display:block;
	position:relative;
}

#footer .footer_inner2 .inner small{
	display:block;
	margin-top:10px;
	font-size:10px;
	color:#ffffff;	
}

#footer .footer_inner2 .inner .logo{
	position:absolute;
	right:0;
	top:15px;	
}

@media screen and (max-width: 768px) {
	#footer{
		margin-top:10%;
	}
	
	#footer .page_top{
		text-align:center;
	}
	
	#footer .page_top a{
		display:block;
		width:56px;
		position:relative;
		margin:0 auto;
		text-decoration:none;
	}
	
	#footer .page_top a .panda{
		position:absolute;
		width:40px;
		left:0;
		top:-5px;
		z-index:-1;
		
		animation: anime1 2.5s ease-in-out infinite;
	}
	
	
	
	@keyframes anime1 {
	  0% {
		left:-0px;	
	  }
	  
	  50% {
		left:-30px;	
	  }
	  
	  70%{
			left:0;  
	  }
	}
	
	
	#footer .page_top a span{
		display:block;
		margin-top:10px;
		text-align:center;	
		font-size:12px;
		color:#000000;
		line-height:1.1;
	}
	
	#footer .footer_inner1{
		margin-top:10%;
		background:#ef8201;	
	}
	
	#footer .footer_inner1 .inner,
	#footer .footer_inner2 .inner{
		padding:0 0 0px;
		width:100%;
		margin:0 auto;
		position:relative;
	}
	
	#footer .footer_inner2 .inner{
		padding:15px 0 13px;	
	}
	
	#footer .footer_inner1 ul{
		width:100%;
		float:left;	
	}
	
	#footer .footer_inner1 ul.wide{
		width:100%;
	}	
	
	#footer .footer_inner1 ul li{
		padding-left:0px;	
		margin-bottom:8px;
		position:relative;
	}
	
	#footer .footer_inner1 ul li:last-child{
		margin-bottom:0;	
	}
	
	#footer .footer_inner1 ul li:nth-child(1){
		font-size:16px;
		color:#ffffff;
		position:relative;
		margin-bottom:0px;
		font-weight:bold;
		padding:5px 10px;
		padding-top:20px;
	}
	
	#footer .footer_inner1 ul li:nth-child(1):before{
		content:"";
		display:none;
		
		width:4px;
		height:8px;
		position:absolute;
		left:0;
		top:9px;
	}
	
	#footer .footer_inner1 ul li:before{
		content:"";
		display:block;
		background:url(../images/common/icon_right_footer.png) no-repeat left top;
		width:4px;
		height:8px;
		position:absolute;
		right:10px;
		top:7px;
	}
	
	#footer .footer_inner1 ul li a{
		display:block;
		font-size:14px;
		color:#ffffff;	
		position:relative;
		padding:0px 10px 5px;
		border-bottom:solid 1px #FFF;
	}
	
	#footer .footer_inner1 ul li.last a{
		border-bottom:none;	
	}
	
	#footer .footer_inner1 ul li a:before,
	#footer .footer_inner2 .inner ul li a:before{
		content:"";
		display:none;
	}
	
	#footer .footer_inner1 ul li a:hover:before,
	#footer .footer_inner2 .inner ul li a:hover:before{
		width:100%;
	}
	
	#footer .footer_inner2{
		background:#000;	
	}
	
	#footer .footer_inner2 .inner ul{
		padding:0 10px;
		text-align:center;	
	}
	
	#footer .footer_inner2 .inner ul li{
		display:inline-block;
		margin-right:10px;	
	}
	
	#footer .footer_inner2 .inner ul li a{
		font-size:12px;
		color:#ffffff;
		display:block;
		position:relative;
	}
	
	#footer .footer_inner2 .inner small{
		display:block;
		margin-top:10px;
		font-size:10px;
		color:#ffffff;
		text-align:center;
	}
	
	#footer .footer_inner2 .inner .logo{
		position:relative;
		right:auto;
		width:100px;
		margin:10px auto;
		top:auto;	
	}	
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_left --------*/
.t_left {
	text-align: left;
}

/*-------- center --------*/
.t_center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*-------- COLOR --------*/

.red{
	color:#FF0000;
}

.orange{
	color:#FF6600;
}

.blue{
	color:#0097B2;
}

/*-------- FONT --------*/

.bold{
	font-weight:700;
}

.f10{
	font-size:10px;
}

.f14{
	font-size:14px;
}

/*-------- WIDTH --------*/

.w149{
	width:149px;	
}

.w180{
	width:180px;	
}

.w287{
	width:287px;
}

.w380{
	width:380px;
}

.w304{
	width:304px;
}

/*-------- HEIGHT --------*/

.h350{
	height:350px;	
}

.h375{
	height:375px;	
}

.h500{
	height:420px;	
}

.h600{
	height:470px;	
}

/*-------- MARGIN --------*/

.ml3{
	margin:0 0 0 3px;
}

.ml10{
	margin:0 0 0 10px;
}

.ml30{
	margin:0 0 0 30px;
}

.ml40{
	margin:0 0 0 40px;
}

.ml60{
	margin:0 0 0 60px;
}

.ml70{
	margin:0 0 0 70px;
}

.mb10{
	margin:0 0 10px 0;
}

.mb15{
	margin:0 0 15px 0;
}

.mt3{
	margin:3px 0 0 0;
}

.mt10{
	margin:10px 0 0 0;
}


.mt20{
	margin:20px 0 0 0;
}

.mt30{
	margin:30px 0 0 0;
}

/*-------- PADDING --------*/

.pt5{
	padding-top:5px;
}

.pt10{
	padding-top:10px;
}

.pt15{
	padding-top:15px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:25px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt60{
	padding-top:60px;
}

.pl10{
	padding-left:10px;	
}

.pl12{
	padding-left:12px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pl60{
	padding-left:60px;	
}

.pl70{
	padding-left:70px;	
}

.pl80{
	padding-left:80px;	
}

.pl100{
	padding-left:100px;	
}

.pr100{
	padding-right:100px;	
}


.pb20{
	padding-bottom:20px;	
}

/*-------- COMMON --------*/

.pic{
	padding:2px;
	display:block;
	border:1px solid #CCCCCC;
}

.hidden{
	overflow:hidden;
}

.abs{
	position:absolute;
}

.ondes{
	color:#999999;
}