/*mobile*/
@media screen and (max-width: 520px){
body{margin: 0}
.shippori-antique-regular {font-family: "Shippori Antique", serif;font-weight: 400;font-style: normal;}
.sawarabi-mincho-regular {font-family: "Sawarabi Mincho", serif;font-weight: 400;font-style: normal;}

#mainhedder{width:auto; max-with:100%;position: relative}
#mainhedder h1{display: none}

#topsec1{max-width:100%; min-height: auto; height:450px;  margin: 0 auto;background: url("../img/bg1.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:-1}

.maincpoy{padding: 2em 0 0 0}
.maincpoy h2{display: block;width: 100%; margin: 0 auto 1em auto;text-align: center;font-size: 1.5em;font-weight: bold}
.maincpoy p{display: block;width: 80%;margin: 3em auto 0 auto;font-size: 1em;line-height: 2em;background: rgba(255,255,255,0.8);padding: 1em}

.topsec2{max-width:100%; min-height: auto; height:300px;  margin: 4em auto 0 auto;background: url("../img/bg2_2.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:-1}
.topsec2_1{width: 100%;margin: 0 auto}
.topsec2_1 h3{font-size: 1.5em;display: block;margin: 0 auto;text-align: center}
.topsec2_1 p{font-size: 1em;display: block;padding: 1em;line-height: 2em;width:80%;margin: 3em auto 0 auto;background: rgba(255,255,255,0.8);}

.topsec3{max-width:100%; min-height: auto; height:350px;margin: 3em auto;background: url("../img/bg3.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:8em}
.topsec3_1{width: 100%;margin: 0 auto;padding: 2em 0;background-color: rgba(0, 0, 0, 0.7);color: aliceblue;text-align: center}
.topsec3_1 h3{font-size: 1.5em}
.topsec3_1 p{font-size: 1em;display: block;padding: 1em;line-height: 1.5em;width:80%;margin: 0 auto;text-align: justify}

.topsec4{max-width:100%; min-height: auto; height:400px;margin: 0 auto;background: url("../img/bg4_2.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:0}
.topsec4_1{width: 80%; margin: 0 auto;color: #FFFFFF;padding: 5em 0 0 0}
.topsec4_1 h3{font-size: 2em;text-align: center}
.topsec4_1 p{font-size: 1em;display: block;padding: 1em 0 0 0;line-height: 1.5em;width:100%;margin: 0;text-align: justify}

.footer{width:auto; height:auto; background: #000000; color: #FFFFFF; padding: 5% 17%;letter-spacing: 0.1em}
.footer0{width: 100%;padding-right: 1em; margin-bottom: 1em}
.footer0 p{display: block;width: auto;height: 52px;margin: 0.7em 0 1em 0; background: url("../img/footer_title.png")no-repeat;background-size: auto 100%;background-position: center;text-indent: -9999px}
.footer1{width: 100%; line-height: 2em;font-size: 90%;font-weight: 600;margin-bottom: 2em;text-align: center}
.copyright{width: 100%;position: relative; text-align: right;display:flex;justify-content: center;margin-bottom: 1em}
.copyrighttxt{font-size: 80%; position:absolute; bottom:0;display: block}


.linkto{width: 90%;margin: 0 auto;text-align: center;border-bottom: 2px dashed #D3D3D3;padding: 0 0 3em 0}
.linkto a{text-align: center;font-size: 1em;font-weight: 600; color: #FFFFFF;background: #022a4d;border-radius: 5px;display: block;width: auto;padding: 1em;margin: 0 auto;text-decoration: none}

.p_title{display:block;width: 100%;text-align: center; font-size: 1.3em;font-weight: 600;line-height: 1.5em; margin: 0 auto}

/* overview */
#ovsec1{max-width:100%; min-height: auto; height:auto;  margin: 1em auto;padding: 0 1em; background:url("../overview/img/ov_bg.jpg");background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#ovsec1 p{line-height: 1.8em;width: 80%;margin: 4em auto 0 auto;padding: 1.5em; background: rgba(255,255,255,0.8)}
#ovsec1 h2{margin-bottom: 2em}

#table01{width: 100%;margin: 0 auto 5em auto;font-size: 0.7em}
#table01 tr {border-bottom: 1px solid #b5b1b1;background: rgba(255,255,255,0.8)}
#table01 th,
#table01 td {padding: 24px 0;border: none;padding-left: 2em;}
#table01 th {width: 25%;text-align: left;padding-left: 2em;background: rgba(206,226,255,0.8)}


/* brewing */
#brewsec1{max-width:100%; min-height: auto; height:400px;  margin: 2em auto 1em auto;padding: 0 3em; background: url("../brewing/img/brew_bg.jpg")no-repeat;background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#brewsec1 p{line-height: 1.5em;width:90%;margin: 2em auto 0 auto;padding: 1em; background: rgba(255,255,255,0.8)}

.text_1{width: 80%; margin: 0 auto;text-align: center;height: auto;padding: 2em 0}
.text_1 h3{font-size: 1.5em;font-weight: bold; letter-spacing: 0.2em;padding: 0 0 1em 0}
.text_1 p{font-size: 1em; border-bottom: solid 1px #B3B3B3;line-height: 1.5em;padding: 0 0 2em 0;text-align: justify}


/* business */
#bizsec1{max-width:100%; min-height: auto; height:350px;  margin: 2em auto 1em auto;padding: 0 3em; background:url("../business/img/egg_bg.jpg");background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#bizsec1 p{line-height: 1.5em;width:90%;margin: 2em auto 0 auto;padding: 1em; background: rgba(255,255,255,0.8)}


/* product */
#prosec1{max-width:100%; min-height: auto; height:350px;  margin: 2em auto 1em auto;padding: 0 3em; background: url("../product/img/pro_bg.jpg");background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#prosec1 p{line-height: 1.5em;width:90%;margin: 2em auto 0 auto;padding: 1em; background: rgba(255,255,255,0.8)}

#privsec1{width:90%; height:auto; margin: 0 auto 5em auto;padding: 0;text-align: justify}
#privsec1 h2{margin: 2em 0}
#privsec1 h3{font-size: 1.1em;font-weight: 600; padding:0 0 1em 0}
#privsec1 p{font-size: 0.8em; line-height: 1.5em;width: 100%;background: rgba(255,255,255,0.8);padding:0 0 3em 0}
#privsec1 ul,ol{font-size: 0.8em;margin: 0 0 3em 0;line-height: 1.5em}
#privsec1 li{font-size: 1em;margin: 0 0 1em 0;line-height: 1.5em}

#priv{max-width:auto; min-height: auto; height:auto;  margin: 0 auto 3em auto;padding: 0 3em;text-align: center;text-decoration: none;font-size: 1em;font-weight: 600}
#priv a{display: block;background:#000000;color: #FFFFFF;padding: 1em;width: 80%;margin: 0 auto;text-decoration: none;border-radius: 10px}

#map{width: 90%;height: auto;margin: 3em auto;overflow: hidden;background-position: center}

}



/* tablet */
@media screen and (min-width: 521px) and (max-width: 1024px){
body{margin: 0}
.shippori-antique-regular {font-family: "Shippori Antique", serif;font-weight: 400;font-style: normal;}
.sawarabi-mincho-regular {font-family: "Sawarabi Mincho", serif;font-weight: 400;font-style: normal;}
#mainhedder{width:auto; max-with:100%}
#mainhedder h1{display: none}

#topsec1{max-width:100%; min-height: auto; height:520px;  margin: 0 auto;background: url("../img/bg1.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:-1}

.maincpoy{padding: 8em 0 0 0}
.maincpoy h2{display: block;width: 100%; margin: 0 auto 1em auto;text-align: center;font-size: 2.5em;font-weight: bold}
.maincpoy p{display: block;width: 80%;margin: 5em auto 0 auto;font-size: 1em;line-height: 2em;background: rgba(255,255,255,0.8);padding: 1em}

.topsec2{max-width:100%; min-height: auto; height:400px;  margin: 8em auto 0 auto;background: url("../img/bg2_2.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:-1}
.topsec2_1{width: 100%;margin: 0 auto}
.topsec2_1 h3{font-size: 3em;display: block;margin: 0 auto;text-align: center}
.topsec2_1 p{font-size: 1em;display: block;padding: 1em;line-height: 2em;width:80%;margin: 5em auto 0 auto;background: rgba(255,255,255,0.8);}

.topsec3{max-width:100%; min-height: auto; height:300px;margin: 5em auto;background: url("../img/bg3.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:150px}
.topsec3_1{width: 100%;margin: 0 auto;padding: 2em 0;background-color: rgba(0, 0, 0, 0.7);color: aliceblue;text-align: center}
.topsec3_1 h3{font-size: 2.5em}
.topsec3_1 p{font-size: 1em;display: block;padding: 1em;line-height: 1.5em;width:80%;margin: 0 auto;text-align: justify}

.topsec4{max-width:100%; min-height: auto; height:400px;margin: 0 auto;background: url("../img/bg4_2.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:0}
.topsec4_1{width: 80%; margin: 0 auto;color: #FFFFFF;padding: 8em 0 0 0}
.topsec4_1 h3{font-size: 2.5em;text-align: center}
.topsec4_1 p{font-size: 1em;display: block;padding: 1em 0 0 0;line-height: 1.5em;width:100%;margin: 0;text-align: justify}


.footer{width:auto; height:auto; background: #000000; color: #FFFFFF; padding: 5% 17%;letter-spacing: 0.1em}
.footer0{width: 100%;padding-right: 1em; margin-bottom: 1em}
.footer0 p{display: block;width: auto;height: 100px;margin: 0.7em 0 1em 0; background: url("../img/footer_title.png")no-repeat;background-size: auto 100%;background-position: center;text-indent: -9999px}
.footer1{width: 100%; line-height: 2em;font-size: 90%;font-weight: 600;margin-bottom: 2em;text-align: center}
.copyright{width: 100%;position: relative; text-align: right;display:flex;justify-content: center;margin-bottom: 1em}
.copyrighttxt{font-size: 80%; position:absolute; bottom:0;display: block}

.linkto{width: 80%;margin: 0 auto;text-align: center;border-bottom: 2px dashed #D3D3D3;padding: 0 0 3em 0}
.linkto a{text-align: center;font-size: 1.5em;font-weight: 600; color: #FFFFFF;background: #022a4d;border-radius: 5px;display: block;width: auto;padding: 1em;margin: 0 auto;text-decoration: none}

.p_title{display:block;width: 100%;text-align: center; font-size: 2.5em;font-weight: 600;line-height: 1.5em; margin: 0 auto}

/* overview */
#ovsec1{max-width:100%; min-height: auto; height:auto;  margin: 5em auto 1em auto;padding: 0 3em; background:url("../overview/img/ov_bg.jpg");background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#ovsec1 p{line-height: 1.8em;width: 80%;margin: 4em auto 0 auto;padding: 1.5em; background: rgba(255,255,255,0.8)}
#ovsec1 h2{margin-bottom: 2em}

#table01{width: 80%;margin: 0 auto 5em auto}
#table01 tr {border-bottom: 1px solid #b5b1b1;background: rgba(255,255,255,0.8)}
#table01 th,
#table01 td {padding: 24px 0;border: none;padding-left: 2em;}
#table01 th {width: 25%;text-align: left;padding-left: 2em;background: rgba(206,226,255,0.8)}

/* brewing */
#brewsec1{max-width:100%; min-height: auto; height:400px;  margin: 5em auto 1em auto;padding: 0 3em; background: url("../brewing/img/brew_bg.jpg")no-repeat;background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#brewsec1 p{line-height: 1.8em;width: 80%;margin: 4em auto 0 auto;padding: 1.5em; background: rgba(255,255,255,0.8)}

.text_1{width: 70%; margin: 0 auto;text-align: center;height: auto;padding: 2em 0}
.text_1 h3{font-size: 2em;font-weight: bold; letter-spacing: 0.2em;padding: 0 0 1em 0}
.text_1 p{font-size: 1em; border-bottom: solid 1px #B3B3B3;line-height: 1.5em;padding: 0 0 2em 0;text-align: justify}


/* business */
#bizsec1{max-width:100%; min-height: auto; height:400px;  margin: 5em auto 1em auto;padding: 0 3em; background:url("../business/img/egg_bg.jpg");background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#bizsec1 p{line-height: 1.8em;width: 80%;margin: 4em auto 0 auto;padding: 1.5em; background: rgba(255,255,255,0.8)}



/* product */
#prosec1{max-width:100%; min-height: auto; height:400px;  margin: 5em auto 1em auto;padding: 0 3em; background:url("../product/img/pro_bg.jpg");background-size: cover; background-position:top center;overflow: hidden; padding-top:1px}
#prosec1 p{line-height: 1.8em;width: 80%;margin: 4em auto 0 auto;padding: 1.5em; background: rgba(255,255,255,0.8)}



#privsec1{width:90%; height:auto; margin: 0 auto 5em auto;padding: 0;text-align: justify}
#privsec1 h3{font-size: 1.1em;font-weight: 600; padding:0 0 1em 0}
#privsec1 p{line-height: 1.5em;width: 100%;background: rgba(255,255,255,0.8);padding:0 0 3em 0}
#privsec1 ul,ol{margin: 0 0 3em 0;line-height: 1.5em}
#privsec1 li{margin: 0 0 1em 0;line-height: 1.5em}

#priv{max-width:1200px; min-height: auto; height:auto;  margin: 0 auto 5em auto;padding: 0 4em;text-align: center;text-decoration: none;font-size: 1.2em;font-weight: 600}
#priv a{display: block;background:#000000;color: #FFFFFF;padding: 1em;width: 40%;margin: 0 auto;text-decoration: none;border-radius: 10px}

#map{width: 90%;height: 500px;margin:5em auto;overflow: hidden}

}



/*navigation*/
.slicknav_menu {
 display:none;/*PC時は非表示*/
}
@media screen and (max-width: 1024px) {
 #gnav {
 display:none;/*モバイル時は非表示*/
}
 .slicknav_menu {
 display:block;/*モバイル時は表示*/}
}
/*navigation*/

/*PC*/
@media screen and (min-width: 1025px) {
body{margin: 0}
.shippori-antique-regular {font-family: "Shippori Antique", serif;font-weight: 400;font-style: normal;}
.sawarabi-mincho-regular {font-family: "Sawarabi Mincho", serif;font-weight: 400;font-style: normal;}
a {text-decoration: none; outline: none}
img {outline: none}
.maxw1000{max-width: 1200px;margin-bottom: 100px}
.minw1000{min-width: 800px;margin-bottom: 100px}
.boxcenter{margin: 0 auto}
#mainhedder{height:130px; width:70%; min-width: 900px;margin: 0 auto;display: flex;justify-content:space-between}
#mainhedder h1{width:200px; min-width: 39px; height: 72px; margin:40px 0 0 2em; display:block; background: url("../img/title1.png")no-repeat; text-indent: -9999px}
#mainhedder ul{display:flex; flex-basis: 30px; flex-grow: 1; width:60%; min-width: 300px; height: 30px; color: #394b38; font-weight: 600; font-size: 90%; justify-content: flex-end; padding-right: 0; margin-top: 40px}
#mainhedder li{display: inline-block; width:8%; min-width: 100px; height:30px; line-height: 30px; text-align: center; white-space: nowrap; padding-left: 0.3em}
#mainhedder a{color: #000000}
#mainhedder a:hover{color:#4EA866}

#topsec1{max-width:90%; min-height: auto; height:620px;  margin: 0 auto;background: url("../img/bg1.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:-1}

.topsec2{max-width:100%; min-height: auto; height:620px;  margin: 10em auto;background: url("../img/bg2.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:-1}
.topsec2_1{width: 80%;margin: 0 auto}
.topsec2_1 h3{font-size: 3em}
.topsec2_1 p{font-size: 1.2em;display: block;padding: 1em 1em 1em 0;line-height: 1.5em;width:30%}

.topsec3{max-width:100%; min-height: auto; height:500px;margin: 0 auto 10em auto;background: url("../img/bg3.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:220px}
.topsec3_1{width: 60%;margin: 0 auto;padding: 2em;background-color: rgba(0, 0, 0, 0.7);color: aliceblue;text-align: center}
.topsec3_1 h3{font-size: 3em}
.topsec3_1 p{font-size: 1.2em;display: block;padding: 1em 1em 1em 0;line-height: 1.5em;width:80%;margin: 0 auto;text-align: justify}

.topsec4{max-width:100%; min-height: auto; height:500px;margin: 0 auto;background: url("../img/bg4.jpg")no-repeat; background-size:cover;  background-position:center; padding-top:0}
.topsec4_1{width: 25%;float: right; margin: 0 9em 0 0;}
.topsec4_1 h3{font-size: 3em}
.topsec4_1 p{font-size: 1.2em;display: block;padding: 1em 0 0 0;line-height: 1.5em;width:100%;margin: 0;text-align: justify}


.maincpoy{padding: 8em 0 0 0}
.maincpoy h2{display: block;width: 80%; margin: 0 auto 1em auto;text-align: center;font-size: 3.5em;font-weight: bold}
.maincpoy p{display: block;width: 50%;margin: 0 auto;font-size: 1.5em;line-height: 2em;background: rgba(255,255,255,0.8);padding: 1em}
.maincpoy h3{display: block}

.footer{width:auto; height:auto; background: #000000; color: #FFFFFF; padding: 5% 17%; display: flex; justify-content: space-between; white-space: nowrap;letter-spacing: 0.1em;clear: both}
.footer0{width: 25%;padding-right: 1em}
.footer0 p{display: block;width: auto;height: 100px;margin: 0.7em 0 0 0; background: url("../img/footer_title.png")no-repeat;background-size: auto 100%;text-indent: -9999px}
.footer1{width: 40%; line-height: 2em;font-size: 1em;font-weight: 600}
.copyright{width: 30%;position: relative; text-align: right;display:flex;justify-content: flex-end}
.copyrighttxt{font-size: 80%; position:absolute; bottom:0;display: block}

.p_title{display:block;width: 70%;font-size: 3.5em;font-weight:bold;margin: 0 auto 1em auto;padding: 1em 0 0 0; text-align: center;line-height: 1.5em}

/* overview */
#ovsec1{max-width:90%; min-height:700px; height:auto;  margin: 0 auto 3em auto;padding: 0 4em; background: url("../overview/img/ov_bg.jpg")no-repeat;background-size: cover; background-position:top center; padding-top:1px}
#ovsec1 p{display: none;font-size: 1.2em; line-height: 1.8em;width: 50%;margin: 0 auto;background: rgba(255,255,255,0.8);padding: 1em}

#table01{width: 70%;margin: 0 auto 5em auto}
#table01 tr {border-bottom: 1px solid #b5b1b1;background: rgba(255,255,255,0.8)}
#table01 th,
#table01 td {padding: 24px 0;border: none;padding-left: 2em;}
#table01 th {width: 25%;text-align: left;padding-left: 2em;background: rgba(206,226,255,0.8)}




/* brewing */
#brewsec1{max-width:90%; min-height:700px; height:auto;  margin: 0 auto 3em auto;padding: 0 4em; background: url("../brewing/img/brew_bg.jpg")no-repeat;background-size: cover; background-position:top center; padding-top:1px}
#brewsec1 p{font-size: 1.2em; line-height: 1.8em;width: 50%;margin: 0 auto;background: rgba(255,255,255,0.8);padding: 1em}

.text_1{width: 45%; margin: 0 auto;text-align: center;height: auto;padding: 3em 0}
.text_1 h3{font-size: 2.5em;font-weight: bold; letter-spacing: 0.2em;padding: 0 0 2em 0}
.text_1 p{font-size: 1.2em; border-bottom: solid 1px #B3B3B3;line-height: 1.8em;padding: 0 0 4em 0;text-align: justify}

/* business */

#bizsec1{max-width:90%; min-height:700px; height:auto;  margin: 0 auto 3em auto;padding: 0 4em; background: url("../business/img/egg_bg.jpg")no-repeat;background-size: cover; background-position:top center; padding-top:1px}
#bizsec1 p{font-size: 1.2em; line-height: 1.8em;width: 50%;margin: 0 auto;background: rgba(255,255,255,0.8);padding: 1em}



/* product */
#prosec1{max-width:90%; min-height:700px; height:auto;  margin: 0 auto 3em auto;padding: 0 4em; background: url("../product/img/pro_bg.jpg")no-repeat;background-size: cover; background-position:top center; padding-top:1px}
#prosec1 p{font-size: 1.2em; line-height: 1.8em;width: 50%;margin: 0 auto;background: rgba(255,255,255,0.8);padding: 1em}


#privsec1{max-width:1200px; min-height: auto; height:auto;  margin: 0 auto 5em auto;padding: 0 4em;}
#privsec1 h3{font-size: 1.5em;padding:0 0 1em 0}
#privsec1 p{line-height: 1.8em;width: 100%;background: rgba(255,255,255,0.8);padding:0 0 3em 0}
#privsec1 ul,ol{margin: 0 0 3em 0;line-height: 1.5em}
#privsec1 li{margin: 0 0 1em 0;line-height: 1.5em}
#privsec1 br{display: none}

#priv{max-width:1200px; min-height: auto; height:auto;  margin:  5em auto;padding: 0 4em;text-align: center;text-decoration: none;font-size: 1.2em;font-weight: 600}
#priv a{display: block;background:#000000;color: #FFFFFF;padding: 1em;width: 40%;margin: 0 auto;text-decoration: none;border-radius: 10px}

#map{width: 1000px;height: auto;margin: 2em auto 0 auto}

}