@charset "UTF-8";
@import url(reset.css);

/*flex*/
header,
header .inner,
nav ul,
#section03 .inner,
.point,
#section07 #tab,
#section08 ul li,
#section09 ul,
#section10 h2,
#section10 ul
{
	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;
}

/* header */
header{border-top:3px solid #CDB900;width: 100%;position:relative;padding:5px 0 25px;box-sizing:border-box;background: url(../img/bg02.png),linear-gradient(90deg, #0D2709, #264A19, #0D2709);}
header .fullsize{position:absolute;bottom:0;left:0;background:#181818;color: #B7A95A;width:100%;border-top:1px solid #CDB900;}
header .fullsize h1 span{display:none !important;}

header h1{font-size:0.8rem;font-weight:normal;margin:0 auto;text-align:center;}
header h1 span{display:none !important;}
header .inner{padding:5px 10px 7px;}
header .inner h2 img{width:220px;height:auto;}
header .inner .flex div{display:none;}

/* Main */
/*#main{position:relative;color:#fff;width:100%;height:230px;background:url(../img/bg01.jpg) no-repeat center;text-align:center;overflow:hidden;}*/

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

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

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

#main .mask{position:relative;display:table;width:100%;height:100%;background: rgba(0,0,0,0.5);}

#main .title{text-align:left;display:table-cell;vertical-align:middle;box-sizing:border-box;padding:0 10px;}
#main .title div{width:;margin:0 auto;}

#main h3{font-size:1.4rem;margin-bottom:13px;}
#main h3 span{display:block;font-size:2rem;margin-top:12px;}
#main h4{font-size:1.1rem;line-height:2;}
#main p{margin-top: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%);
}

.button span {
	display: inline-block;
	width: 100%;
	line-height: 1.5;
	font-size: 1.2em;	
}
.button .label {
	font-size: 1.6em;
	letter-spacing: 0.2em
}
.button .label:before {
	margin-right: 0;	
}