@charset "UTF-8";
/* CSS Document */
/* main-img-top */
#main-img-top {
    width: 1400px;
    overflow: hidden;
}
.header-wrap {
    width: 100%;
    background: url(../common/images/top-bg.jpg) center top repeat-x;
    position: relative;
    height: 500px;
}
div#main-img-top {
    position: relative;
    width: 1400px;
    height: 500px;
}
#contents-top {
    width: 100%;
    padding: 80px 0 0;
}
h2.h2_title {
    font-size: 67px;
    position: absolute;
    z-index: 10;
    color: #fff;
    top: 250px;
    margin: auto;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 15px #000;
}
/*contents01*/
.inner2 {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.inner3 {
    width: 710px;
    margin: 0 auto;
    position: relative;
}
.flex1 {
    display: flex;
    flex-wrap: wrap;
}
.flex2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mb80{
	margin-bottom: 80px;
}
.mb30{
	margin-bottom: 30px;
}
.mb60{
	margin-bottom: 60px;
}
.lu-01 h2 {
    font-size: 45px;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}
.lu-01 h2:after {
    content: url(images/000.jpg);
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
    margin: auto;
    margin-right: 13px;
}
.wrap-img {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 1400px;
}
.lu-02 {
    height: 918px;
	position: relative;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	
}
.lu-03 {
    height: 917px;
	position: relative;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	
}
.lu-04 {
    height: 917px;
	position: relative;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	
}
.lu-05 {
    height: 916px;
	position: relative;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	
}
.lu-06 {
    height: 916px;
	position: relative;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	
}
.lu-07 {
    height: 916px;
	position: relative;
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #fff;
	
}
.ac{
	text-align: center;
}
.bg-bgk {
    background: #000;
    color: #fff;
    padding: 24px 0 0;
    margin: 0;
}
div#beer05,div#beer06 {
    position: absolute;
    width: 480px;
    right: 0;
    top: 100px;
}
div#beer01,div#beer03 {
    position: absolute;
    width: 480px;
    right: 0;
    top: 100px;
}
div#beer02,div#beer04 {
    position: absolute;
    width: 480px;
    left: 0;
    top: 100px;
}
div#beer04 h4 {
    font-size: 26px;
    color: #fff;
    line-height: 1.5;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
div#beer01 h4,div#beer02 h4,div#beer03 h4,div#beer05 h4 {
    font-size: 26px;
    color: #fff;
    line-height: 1.5;
	margin-bottom: 20px;
}
div#beer06 h4 {
    font-size: 26px;
    color: #000;
    line-height: 1.5;
	margin-bottom: 20px;
}
div#beer01 h4 font {
    color: #72b3e9;
}
div#beer02 h4 font {
    color: #fe9ba3;
}
div#beer03 h4 font {
    color: #65df94;
}
div#beer04 h4 font {
    color: #f5d488;
}
div#beer05 h4 font {
    color: #f6946f;
}
.lu-01 {
    width: 100%;
    padding: 0 0 50px;
}

h3.beTitle {
    font-size: 35px;
    margin-bottom: 50px;
}
h3.beTitle p {
    font-size: 14px;
    position: relative;
    margin: 25px 0 0;
    transform: scale(2, 1);
    font-weight: normal;
}
h3.beTitle p:before {
    content: "";
    width: 135px;
    position: absolute;
    border-top: 1px solid;
    top: -15px;
    right: 0;
    left: 0;
    margin: auto;
}

#beer01 h3.beTitle {
    color: #72b3e9;
}
#beer02 h3.beTitle {
    color: #fe9ba3;
}
#beer03 h3.beTitle {
    color: #65df94;
}
#beer04 h3.beTitle {
    color: #f5d488;
}
#beer05 h3.beTitle {
    color: #f6946f;
}
#beer06 h3.beTitle {
    color: #4a4a4a;
}

#beer04 h3.beTitle p:before {
    content: "";
    width: 220px;
    position: absolute;
    border-top: 1px solid;
    top: -15px;
    right: 0;
    left: 0;
    margin: auto;
}


.bc-wrap {
	position:relative;
	width:480px;
	height:277px;
	margin-left:auto;
	margin-right:auto;
}

.bc-wrap span {
	display:inline-block;
	position:absolute;
	font-weight:normal;
	color:#444;
}

.bc-wrap span.bc01 {
	left:0px;
	top:10px;
	width:100%;
}

.bc-wrap span.bc02 {
	left:0px;
	top:44%;
	text-align:right;
	width:140px;
}

.bc-wrap span.bc03 {
	right:0px;
	top:44%;
	text-align:left;
	width:150px;
}

.bc-wrap span.bc04 {
	left:0px;
	bottom:30px;
	width:100%;
}


.contents001 {
	width:1400px;
	position:relative;
	overflow:hidden;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.contents001 h4 {
	font-size: 26px;
    color: #000;
    line-height: 1.5;
	margin-bottom: 20px;
}

.contents001-box {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}

.contents001-box .box00 {
	width:900px;
	float:right;
	padding-top:100px;
}