@charset "UTF-8";

/*flex*/
.flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.inner{
	width: 1040px;
	margin: 0 auto;
	text-align:center;
}
section .inner{padding:3.5% 0;}

.fullsize{background:#90aa4e;color:#fff;}
span.new{display:inline-block;color:#cc0000 !important;margin-left:2px;}

a.fortop{background:#fff;color:#cc0000;border:2px solid #cc0000;padding:10px 20px;display:block;width:30%;margin:0 auto;margin-top:30px;box-sizing:border-box;}
a.fortop:hover{background:#cc0000;color:#fff;border:2px solid #cc0000;}


header{
	display: block;
	width: 100%;
	background:;
	z-index: 1000;
	background: url(../img/bg02.png),linear-gradient(90deg, #0D2709, #264A19, #0D2709);
}
header .fullsize{background-color:#181818;color: #B7A95A;}
header h1{font-size:0.8rem;font-weight:normal;margin:0 auto;padding:8px 0 6px 0;width:1040px;color: #B7A95A !important;margin-bottom:0 !important;}
header h2 img{width:300px;}
header .inner{text-align:left;}
header .inner .flex{padding:25px 0px 30px 0;align-items:center;}

header .inner .flex div{position:relative;display:table;padding-top:7px;}
header .inner .flex div a{display:table-cell;height:70px;vertical-align:middle;text-align:center;width:380px;background:#960404;color:#fff;border:2px solid #960404;box-sizing:border-box;font-size:1.2rem;font-weight:bold;}
header .inner .flex div a:hover{background:#fff;color:#960404;}

header .inner ul{display: flex;}
header .inner ul li{border-right:1px #ccc solid;width:100%;flex-basis:auto;text-align:center;}
header .inner ul li:last-child{border-right:none;}
header .inner ul li a{width:100%;display:block;padding:10px 0;font-size:1rem;font-weight:bold;}
header .inner ul li a:hover{color:#d16960;}
header .inner p.btn-gnavi{display:none;}


#main{
	position:relative;
	color:#fff;
	width:100%;
	height:500px;
	text-align:center;
	overflow:hidden;
	background-image: url(../img/bg_pc01.jpg);
/*
  background-size: 3000px 500px;
  animation: bgscroll 26s linear infinite both;
*/
}

@-webkit-keyframes bgscroll {
from {
background-position: 0 0;
}
to {
background-position: -3000px 0;
}
 }

 @keyframes bgscroll {
from {
background-position: 0 0;
}
to {
background-position: -3000px 0;
}
 }

#main .mask{position:relative;height:100%;background: rgba(0,0,0,0.5);}
#main h3{font-size:2.2rem;}
#main h3 span{display:block;font-size:4.2rem;margin-top:8px;}
#main h4{font-size:1.8rem;line-height:2;margin-top:15px;}
#main h5{font-weight:normal;line-height:1.6;}
#main p{margin-bottom:10px;}

#main .box{height:auto;width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
