#key {
	background-image: url("../img/beer/key.jpg");
}
#sec1 .s1_01 .wrap {
	padding: 86px 0 50px;
}
#sec1 .s1_01 .wrap:before {
	content: "";
	background: url("../img/beer/s1_bg1.png") no-repeat left top;
	top: 0;
	left: -400px;
	position: absolute;
	width: 997px;
	height: 739px;
}
#sec1 .s1_01 h2 {
	margin-left: -21px;
	position: relative;
	z-index: 1;
}
#sec1 .s1_01 .text {
	width: 435px;
	text-align: justify;
	margin-top: 20px;
	margin-left: 8px;
	letter-spacing: 0.1em;
}
#sec1 .s1_01 .s1_img {
	top: 0;
	right: -288px;
	position: absolute;
}
#sec1 .s1_01 .s1_deco {
	top: 49px;
	left: 419px;
	position: absolute;
}
#sec1 .s1_01 .s1_deco2 {
	top: 417px;
	left: -258px;
	position: absolute;
}
#sec1 .s1_02 {
	background: url("../img/beer/s2_bg.jpg") no-repeat center;
}
#sec1 .s1_02 .wrap {
	padding: 293px 0 185px;
}
#sec1 .s1_02 .wrap .s1_catch {
	top: 100px;
	left: -127px;
	position: absolute;
}
#sec1 .s1_02 .wrap h3 {
	position: relative;
	z-index: 1;
}
#sec1 .s1_02 .wrap .txt {
	position: relative;
	z-index: 1;
	margin-top: 7px;
	line-height: 33px;
	color: #fff;
}
#sec1 .s1_02 .wrap .btn_anchor {
	background: url("../img/beer/icon_dwn.png") no-repeat center top;
	width: 39px;
	height: 19px;
	margin: 34px auto 0;
	display: block;
	position: relative;
	z-index: 1;
}
#sec1 .s1_02 .wrap .col_01 a,
#sec1 .s1_02 .wrap .col_02 a {
	display: block;
	text-decoration: none;
	opacity: 1;
}
#sec1 .s1_02 .wrap .col_01 {
	float: left;
	width: 270px;
	margin-left: 113px;
	position: relative;
	z-index: 1;
}
#sec1 .s1_02 .wrap .col_01:before {
	content: "";
	top: -54px;
	left: -119px;
	position: absolute;
	background: url("../img/beer/s1_bg_txt1.png") no-repeat left top;
	width: 511px;
	height: 385px;
}
#sec1 .s1_02 .wrap .col_02 {
	float: right;
	width: 285px;
	margin-right: 88px;
	position: relative;
	z-index: 1;
	margin-top: 77px;
}
#sec1 .s1_02 .wrap .col_02:before {
	content: "";
	top: -50px;
	left: -131px;
	position: absolute;
	background: url("../img/beer/s1_bg_txt2.png") no-repeat left top;
	width: 511px;
	height: 399px;
}
#sec1 .s1_02 .s1_deco3 {
	top: 635px;
	left: 71px;
	position: absolute;
}
#sec2 .wrap {
	padding: 116px 0 185px;
}
#sec2 .wrap .box_right {
	float: right;
	width: 565px;
	margin-left: -10px;
	position: relative;
	z-index: 1;
}
#sec2 .wrap .box_right .text {
	margin-left: 170px;
	margin-top: 19px;
	letter-spacing: 0.1em;
	text-align: justify;
}
#sec2 .s2_img {
	top: 71px;
	left: -211px;
	position: absolute;
}
#sec2 .s2_img:before {
	content: "";
	top: 42px;
	left: -42px;
	position: absolute;
	background: url("../img/shared/bg_5.jpg") repeat left top;
	width: 100%;
	height: 100%;
}
#sec2 .s2_deco1 {
	top: 21px;
	right: -108px;
	position: absolute;
}
#sec2 .s2_deco2 {
	top: 533px;
	right: -128px;
	position: absolute;
}
#sec3 {
	position: relative;
	z-index: 1;
}
#sec3 .bg-parallax {
	background-image: url("../img/beer/s3_parallax.jpg");
	position: absolute;
	top: 0;
	left: 0;
	min-height: inherit;
	width: 100%;
	height: 100%;
}
#sec3 .wrap {
	padding: 132px 0 70px;
	color: #fff;
}
#sec3 .wrap h2 {
	top: -69px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	z-index: 1;
}
#sec3 .wrap .note {
	text-align: center;
	margin-bottom: 52px;
}
#sec3 .wrap .box_right {
	float: right;
	width: 440px;
	margin-right: 60px;
}
#sec3 .wrap .box_right dl {
	font-size: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 22px 6px 20px;
	line-height: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
}
#sec3 .wrap .box_right dl:first-of-type {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#sec3 .wrap .box_right dl dt {
	margin-bottom: 10px;
}
#sec3 .wrap .box_right dl dt span {
	font-size: 16px;
}
#sec4 {
	position: relative;
}
#sec4:before {
	content: "";
	background: url("../img/shared/bg_2.jpg") repeat center top;
	width: 100%;
	top: -210px;
	left: 0;
	position: absolute;
	height: 1350px;
	transform: skewY(-12deg);
	z-index: -1;
}
#sec4 .wrap {
	padding: 111px 0 100px;
}
#sec4 .wrap h2 {
	margin-left: -14px;
}
#sec4 .wrap .s4_img {
	margin: 43px 0 0 -237px;
	position: relative;
	z-index: 1;
}
#sec4 .wrap .s4_ballon {
	top: 305px;
	right: -58px;
	position: absolute;
	z-index: 2;
}
#sec4 .wrap .s4_deco {
	top: -57px;
	right: -101px;
	position: absolute;
	z-index: 2;
}
#sec4 .wrap .s4_deco2 {
	top: 593px;
	right: -141px;
	position: absolute;
}
#sec4 .wrap .s4_deco3 {
	top: 269px;
	left: -211px;
	position: absolute;
}
#sec4 .colum_02 {
	position: relative;
	margin-top: 134px;
}
#sec4 .box_1 {
	background: url(../img/shared/bg_4.jpg) repeat center top;
	box-sizing: border-box;
	padding: 50px 80px 40px 73px;
	width: 550px;
	top: -400px;
	right: -78px;
	position: absolute;
	z-index: 1;
}
/* #sec4 .box_1:before {
	content: "";
	top: 1px;
	left: 1px;
	position: absolute;
	border-right: 30px solid transparent;
	border-top: 30px solid #b51605;
} */
#sec4 .box_1 .text {
	margin-top: 15px;
	text-align: justify;
	letter-spacing: 2px;
}
#sec4 .box_2 {
	background: url(../img/shared/bg_4.jpg) repeat center top;
	position: relative;
	box-sizing: border-box;
	padding: 50px 80px 40px 73px;
	width: 550px;
	margin-left: -70px;
	z-index: 1;
}
#sec4 .box_2 .text {
	margin-top: 20px;
	text-align: justify;
	letter-spacing: 2px;
}
/* #sec4 .box_2:before {
	content: "";
	bottom: 1px;
	right: 1px;
	position: absolute;
	border-left: 30px solid transparent;
	border-bottom: 30px solid #b51605;
} */
#sec4 .s4_deco4 {
	top: -108px;
	left: -228px;
	position: absolute;
}
#sec4 .s4_img2 {
	top: 114px;
	right: -264px;
	position: absolute;
}
#sec4 .s4_img3 {
	margin: 78px 0 0 -246px;
	float: left;
	width: 659px;
}
#sec4 .s4_img4 {
	margin: 288px -136px 0 0;
	float: right;
	width: 667px;
}
#sec4 .s4_deco5 {
	bottom: -181px;
	left: 51px;
	position: absolute;
}
#sec4_02 {
	display: flex;
	justify-content: space-between;
}
#sec4_02 .bx_left {
	float: left;
	width: calc(100% - 595px);
	background: url("../img/beer/s4_img_left.jpg") no-repeat center/cover;
}
#sec4_02 .bx_right {
	float: right;
	width: 595px;
	background: url("../img/beer/s4_bg_txt.jpg") repeat left top;
	box-sizing: border-box;
	padding: 275px 70px 68px 89px;
	position: relative;
	letter-spacing: 2px;
}
#sec4_02 .bx_right h3 {
	top: -36px;
	left: -69px;
	position: absolute;
}
#sec4_02 .bx_right .s4_btn {
	margin: 27px 0 0 2px;
}
#sec5 {
	position: relative;
}
#sec5:before {
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	/* background: #1f1d1b; */
	width: calc(50% - 584px);
	height: 100%;
	background: url(../img/shared/bg_5.jpg) repeat left top;
}
#sec5 .wrap {
	padding: 133px 0 182px;
}
#sec5 .box_left {
	position: relative;
	z-index: 1;
	width: 636px;
}
#sec5 .box_left .text {
	width: 360px;
	letter-spacing: 2px;
	text-align: justify;
	margin-top: 37px;
}
#sec5 .s5_deco {
	top: -5px;
	left: -209px;
	position: absolute;
}
#sec5 .s5_deco2 {
	bottom: -18px;
	left: -148px;
	position: absolute;
}
#sec5 .s5_img {
	top: 98px;
	right: -340px;
	position: absolute;
}
#sec5 .s5_img:before {
	content: "";
	top: 42px;
	left: -42px;
	position: absolute;
	background: url("../img/shared/bg_5.jpg") repeat left top;
	width: 100%;
	height: 100%;
}