@charset "UTF-8";
/* CSS Document */

body {
font-size:16px;
font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#fff;
color:#292929;
}
a {
text-decoration:none;
color:#292929;
}

img {
width: 100%;
line-height: 100%;
vertical-align: bottom;
}

#gnav {
background:url(../img/top_img.jpg) no-repeat center center;
background:cover;
position:relative;
}
#gnav ul {
position:absolute;
bottom:-30px;
left:0;
right:0;
margin:0 auto;
padding:2px 0;
display:table;
background:#FFFFFF;
box-shadow: 0px 1px 3px #000;
max-width:800px;
width: 96%;
}
#gnav ul li {
display:table-cell;
width:25%;
text-align:center;
}
#gnav ul li a {
display:block;
border-right:1px solid #535353;
font-family:"Lusitana", serif;
}
#gnav ul li:nth-last-of-type(1) a {
border-right:none;
}
#gnav ul li a span {
display:block;
color:#595959;
}

#wrap {
margin:0 auto;
max-width:960px;
width: 96%;
}

.box h2 {
font-family:"Lusitana", serif;
text-align:center;
}
.box h2 span {
display:block;
}
.box h2 span:before {
content: "- "
}
.box h2 span:after {
content: " -"
}
.w800 {
max-width:800px;
width: 100%;
margin-left:auto;
margin-right:auto;
}

#concept p span {
display:block;
}

#news dl dt span {
color: #fff;
}
#news dl dt span[title="お知らせ"] {
background: #FF0004;
}
#news dl dd:nth-last-of-type(1) {
padding-bottom: 0;
}

#gallery ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#gallery ul li {
border: 1px solid #000;
}

#footer {
background: #000;
text-align: center;
padding: 15px 0;
}
#footer p {
font-size: 0.7em;
color: #fff;
letter-spacing: 2px;
font-family: Georgia, "Times New Roman", Times, "serif";
}



@media screen and (max-width: 560px){
#gnav {
padding-top:40vh;
}
#gnav ul li a {
padding:10px 0;
font-size: 13px;
}
#gnav ul li a span {
display: none;
}

#wrap {
padding:50px 0 0 0;
}

.box {
margin-bottom:80px;
}
.box h2 {
font-size:1.2em;
margin-bottom:30px;
}
.box h2 span {
font-size:0.6em;
}

#concept p {
background:url(../img/concept_img.jpg) no-repeat center top;
background-size: auto 200px;
padding-top:220px;
}
#concept p span {
font-size:0.8em;
padding-top:50px;
text-align:right;
}

#news dl dt {
padding-bottom: 20px;
}
#news dl dt span {
padding: 2px 3px;
margin-right: 20px;
font-size: 0.7em;
}
#news dl dt time {
margin-right: 10px;
font-size: 0.8em;
}
#news dl dt br {
display: none;
}
#news dl dd {
padding-bottom: 40px;
}

#gallery ul li {
margin-bottom:10px;
padding:4px;
width:46%;
}

#footer {
padding: 5px 0;
}
}

@media screen and (min-width: 561px) {
#gnav {
padding-top:400px;
}
#gnav ul li a {
padding:18px 0;
}
#gnav ul li a span {
font-size:0.7em;
}

#wrap {
padding:80px 0 0 0;
}

.box {
margin-bottom:120px;
}
.box h2 {
font-size:1.4em;
margin-bottom:40px;
}
.box h2 span {
font-size:0.5em;
}

#concept p {
background:url(../img/concept_img.jpg) no-repeat right top;
background-size: 38% auto;
padding-right:40%;
padding-top:30px;
line-height:200%;
}
#concept p span {
font-size:0.8em;
padding-top:50px;
text-align:right;
}

#news dl dt {
padding-bottom: 20px;
}
#news dl dt span {
padding: 2px 3px;
margin-right: 20px;
font-size: 0.7em;
}
#news dl dt time {
margin-right: 10px;
font-size: 0.8em;
}
#news dl dt br {
display: none;
}
#news dl dd {
padding-bottom: 40px;
}

#gallery ul li {
margin-bottom:20px;
padding:4px;
width:22%;
}
}

@media screen and (min-width: 961px) {
#concept p {
background-size: 500px auto;
padding-right:520px;
padding-top:50px;
height:400px;
}
}