@charset "utf-8";

.head{
	transform-origin: center bottom;
	animation: headshake 2s infinite;
}
@keyframes headshake{
	0%{transform: rotate(-5deg);}
	50%{transform: rotate(-5deg);}
	51%{transform: rotate(5deg);}
	99%{transform: rotate(5deg);}
	100%{transform: rotate(-5deg)}
}


/* CSS Document */
/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #333333} /* メインカラー */
.txt_color2{color: #EFEFEF} /* サブカラー */
.txt_color3{color: #333333} /* アクセントカラー1 */
.txt_color4{color: #767676} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #dcbaba} /* メインカラー */
.bg_color2{background-color: #EFEFEF} /* サブカラー */
.bg_color3{background-color: #272523} /* アクセントカラー1 */
.bg_color4{background-color: #2e2e2e} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #333333}
.border_color2{border-color: #EFEFEF}
.border_color3{border-color: #272523}
.border_color4{border-color: #E4E2D5}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #603813} /* メインカラー */
.hvr_txt_color2:hover{color: #EFEFEF} /* サブカラー */
.hvr_txt_color3:hover{color: #8C6239} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E4E2D5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #603813} /* メインカラー */
.hvr_bg_color2:hover{background-color: #EFEFEF} /* サブカラー */
.hvr_bg_color3:hover{background-color: #8C6239} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E4E2D5} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #603813}
.hvr_border_color2:hover{border-color: #EFEFEF}
.hvr_border_color3:hover{border-color: #8C6239}
.hvr_border_color4:hover{border-color: #E4E2D5}

.fa-envelope:before{display: none;}
.linkStyle{color: #80aba4;}
.link_box ul{justify-content: flex-start}
.link_box ul li:nth-of-type(n+2){margin-left: 10px;}
/*header----------------------------*/
header{
	background: url(Dup/img/header_bg4.png)no-repeat;
	background-size: contain;
}
#fakeloader{background-color: #717172;}
header .txt_color3{color: #fff;}
header .border_color1{border-color: #fff;}
#main_menu ul li a::before{background-color: #ffffff;}
.button:hover::after{box-shadow: inset 0 0 0 15em #767472;}
.pc_box{width: 90%;}
.head_box{position: relative}
.pc_box{
	width: 90%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*top-------------------*/
.more a,.foot_tel_bt a{position: relative;z-index: 0;}
footer,footer.width_1280-max{
	background-color: #f7f7f7;
	max-width: 100%
}
.beer1{
	position: absolute;
	left: 47%;
    width: 7%;
    top: -7%;
    z-index: 1;
}
.beer2{
	position: absolute;
	width: 7%;
    left: 40%;
    top: -8%;
     z-index: 1;
}
#contents1{padding-top: 7vw;}
#contents2 figure:before,#contents3 .grid_6:before{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 6px;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
    transform: translate(-50%, -50%);
}
#contents3 .grid_6:before{
	width: 50px;
	height: 50px;
}
#contents2 figure:before{
	background-image: url(Dup/img/num1.png);
}
#contents3 .grid_6:before{
	background-image: url(Dup/img/num2.png);
	top: -3px;
}
#contents3 .grid_6:nth-of-type(2):before{
	background-image: url(Dup/img/num3.png);
	left: 18px;
}
#contents2:before,#page_title .page_box::before{
	content: "";
	display: block;
	position: absolute;
	top: -2vw;
    left: 260px;
    width: 10vw;
    height: 10vw;
	background: url(Dup/img/title.png)no-repeat;
	background-size: contain;
}
#page_title .page_box::before{
         left: 0;
         width: 100px;
         height: 100px;
}
.fa-phone:before{display: none;}
.cms_title::before{background-color: #c6a8a8;}
h2.logo img{max-width: 300px;}


/*下層---------------------*/
#cms_5-a .box_wrap{display: block;}
#page8 .border_color2 {
    border-color: #b8b8b8;
}
#page8 .txt_color2 {
    color: #92c8bf;
}
#page_title .page_box::before{
	top: 1vw;
	left: 20px;
}
h2.logo{padding-bottom: 70px;}
/*タブレット*/
@media screen and (max-width:768px){
	header{
		height: 76px;
		background: url(Dup/img/header_bg_tb.png);
	}
	#sp_nav .bg_white{background-color: #717172;}
       #contents2:before{top: -7px;}
      .hamburger__icon.bg_color1,.hamburger__icon:after,.hamburger__icon:before{background-color: #fff;}
       #contents2:before{
	top: -13px;
	width: 13vw;
	height: 13vw;
        left: 200px;
}
h2.logo{padding-bottom: 20px;}

}


/*スマホ*/
@media screen and (max-width:667px){
	#contents1 {
		padding-top: 10%;
	}
	.beer1,.beer2{
width: 12%;
top: -5%;
}
         .beer2{left: 35%;}
	.font_16_sp {
		font-size: 24px;
	}
	.more a{font-size: 16px;}
	#contents2:before{
		top: -10px;
		width: 18%;
	}
       #page_title .page_box::before {
    left: -13px;
    width: 70px;
    height: 70px;
   top: 17px;
	}
        #contents2:before {
    top: -15px;
    width: 18%;
    left: 265px;
	height: 23vw;
}
h2.logo img{max-width: 250px;}
#contents3 .grid_6:before{left: 10px;}
#contents3 .grid_6:nth-of-type(2):before{left: 9px;}
h2.logo{text-align: end;}
.width_150-max_sp{max-width: 200px;}
.hamburger{top: 18px;}
}

@media all and (-ms-high-contrast: none){
	.pc_box{
		position: static;
		padding-top: 30%;
		top: auto;
		left: auto;
		transform: none;
	}
	.pc_box ul li a{margin-bottom: 20px;}
        .pc_box .contact_bt a{padding: 14px 0 12px;}


}