@charset "UTF-8";
/* CSS Document */
html{line-height: 1; width: 100%; box-sizing: border-box; background-color: #ffffff; font-size: 62.5%;}
h1,h2,h3,h4,h5,p {margin: 0; border: 0; padding: 0;}
a{color: #fff; text-decoration: none;}

body{}
.bgpack{min-height: 100vh; background: url("../img/hss_bg.jpg") top / cover;}
/*header*/
header{position: relative; display: grid; grid-template-columns: 12.5% repeat(3, 1fr) 12.5%; grid-template-rows: auto; width: 100%; height: auto; padding: 20px 0;}
.en{font-family: adobe-garamond-pro, sans-serif;font-weight: 400;font-style: normal;}
.jp{font-family: yu-gothic-pr6n, sans-serif; font-weight: 400; font-style: normal;}
#concept,#menu,#product{font-size: 1.6rem;}
.boxa{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left;}
.boxb{grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; text-align: center;}
.boxc{grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; text-align: right;}
/*body*/
/*section-logo*/
.header-logo{width: 75%; padding: 80px 12.5% 200px;}

/*section-info*/
#info{padding-top: 75px; display: grid; grid-template-columns: 12.5% repeat(3, 1fr) 12.5%; grid-template-rows: auto; width: 100%; color: #000000;}
.a{grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; text-align: left; margin-bottom: 10px;}
.d{grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; text-align: left;}
.e{grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; text-align: center;}
.f{grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; text-align: right; margin-bottom: 20px;}

.g{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4; text-align: left; margin-bottom: 10px;}
.j{grid-column-start: 2; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; text-align: left;}
.k{grid-column-start: 3; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; text-align: center; margin-bottom: 5px;}
.m{grid-column-start: 2; grid-column-end: 3; grid-row-start: 6; grid-row-end: 7; text-align: left;}
.n{grid-column-start: 3; grid-column-end: 4; grid-row-start: 6; grid-row-end: 7; text-align: center; margin-bottom: 20px;}

.p{grid-column-start: 2; grid-column-end: 3; grid-row-start: 7; grid-row-end: 8; text-align: left; margin-bottom: 10px;}
.s{grid-column-start: 2; grid-column-end: 3; grid-row-start: 8; grid-row-end: 9; text-align: left;}
.t{grid-column-start: 3; grid-column-end: 4; grid-row-start: 8; grid-row-end: 9; text-align: center;}
.u{grid-column-start: 4; grid-column-end: 5; grid-row-start: 8; grid-row-end: 9; text-align: right;}

.n a{color: #000;}

.title{font-size: 1.3rem;}
.details{font-size: 1.4rem;}

footer{padding: 100px 0 75px; text-align: center; color: #000000;}
footer .p{font-size: 1.2rem;}

@media screen and (min-width:600px){
	.bgpack{background: url("../img/hss_bg_land.jpg") top / cover;}
	/*body*/
	/*section-logo*/
	.header-logo{width: 33%; padding: 80px 33.5% 200px;}
}