@charset "UTF-8";
/* CSS Document */
/* 画像サイズ調整 ---------------------------------------------------------------------------*/
/* フォントサイズ調整 ---------------------------------------------------------------------------*/
/* ブレークポイント ---------------------------------------------------------------------------*/
/*----------------------------------------------------*/
html {
font-size: 10px;
font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

body,
td,
th,
input,
textarea {
color: #000000;
font-size: 1.3rem;
line-height: 1.5;
}

body {
overflow-wrap: break-word;
}






a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
color: #000000;
text-decoration: underline;
/*
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: .80;
*/
}

a:hover {
text-decoration: none;
}

a:hover,
a:hover img,
.img_hover:hover {
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: .80;
}

img {
vertical-align: bottom;
}

.img_ck {
font-size: 0.1rem;
line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
content: ' ';
display: table;
}

.clearfix:after {
clear: both;
}

/* For IE 6/7 only */
.clearfix {
*zoom: 1;
}

div,
p {
/*word-break: break-all;*/
}

h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
img,
nav,
figure {
margin: 0;
padding: 0;
}

ul,
ol,
li {
list-style: none;
}

.iframe-wrap {
  position: relative;
	margin-top: 30px;
  width: 100%;
  padding-top: 40%; /* = height ÷ width × 100 */
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*MV表示調整*/
.zs-enabled .zs-slideshow .zs-bullets{
	display: none;
}
.zs-enabled.overlay-plain .zs-slideshow:after{
	display: none;
}


.end{
  position: absolute;
  top: 40%; /*親要素を起点に上から50%*/
  left: 50%;  /*親要素を起点に左から50%*/
  transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%) translateX(-50%);
}


/*---------------------------------------------------------------------------*/
@media screen and (min-width: 769px), print {
body,
td,
th,
input,
textarea {
font-size: 1.6rem;
}
body {
min-width: 800px;
	margin: 0 30px;
}
.content {
width: 100%;
min-width: 800px;
}
.content img {
max-width: 100%;
	text-align: center;
}
.content * {
box-sizing: border-box;
/*    letter-spacing: .1em;*/
}
.sp {
display: none !important;
}
.pc {
display: inline-block !important;
}
.inner {
margin: auto;
max-width: 1100px;
min-width: 1100px;
position: relative
}	
	
.head {
height: 95px;
position: relative;
border-top: solid 10px #41210f;
}	

.head h1 {
position: absolute;
z-index: 999;
left: 425px;
top: 0;
}		
.head-nav {
max-width: 1100px;
margin: 0 auto;
font-size: 0;
text-align: center;
display: flex;
flex-wrap: wrap;	
}
.head-nav > li {
position: relative;
}
.mv {
min-height: 600px;
/*background: url(../images/mv_pc.jpg) center bottom no-repeat;
background-size:cover;*/
}

#demo-1{
    overflow: hidden;
    width: 100%;
    min-height: 600px;
    background-color: #999;
}

.ttl {
	text-align: center;
	margin-top: 70px;
}	
.news, 
.menu, 
.calender, 
.access{
	text-align: center;
}	
.news > .ttl {
max-width: 600px;
	padding-bottom: 30px;
	border-bottom: dotted 1px #41210f;
	margin: 70px auto 0;
	
}	
dl,dt,dd {
margin: 0;
padding: 0;
}

.news .dl_table {
font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
border-bottom: dotted 1px #41210f;
margin: 0 auto;
max-width: 600px;
display: flex;
flex-wrap: wrap;
text-align: left;
font-size: 2rem;
font-size: 20px;
line-height: 1.6;
color: #41210f;
}

.news .dl_table a {
font-weight: bold;
text-decoration: none;
}	

.news .dl_table dt {
font-weight: bold;
width: 0;
padding: 15px 15px 15px 0;
box-sizing: border-box;
}
.news .dl_table dd {
padding: 15px 0;
	max-width: 600px;
width: 100%;
box-sizing: border-box;
}	

.concept {
	text-align: center;
	background: url(../images/concept_bg_pc.png) center bottom no-repeat;
	min-height: 1000px;
}	
.concept > .txt {
	text-align: center;
	margin-top: 40px;
}	
.menu > .cont {
	text-align: center;
	line-height:0;
}
.calender > .cont  {
	margin-top: 40px;
}
.access > .pic  {
	margin: 0;
	padding: 0;
}
.access > .cont  {
	margin-top: 5px;
}
.access > .map  {
max-width: 1100px;
min-width: 1100px;
position: relative;
	margin: 30px auto 0;
	text-align: center;
}

.access > .access-info-wrap {
	max-width: 1100px;
	min-width: 1100px;
	position: relative;
	margin: 0 auto;
	padding: 50px;
	text-align: left;
	background-color: #eeddcc;
	color: #452301;
}

.access > .access-info-wrap > .access-info {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 50px;
	text-align: left;
	background-color: #FFF;
	color: #452301;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.access > .access-info-wrap > .access-info > h3 {
	font-weight: bold;
	font-size: 1.8rem;
	font-size: 18px;
	line-height: 1.6;
	margin: 20px 0 0 0;
	border-bottom: #452301 1px dotted;
}
.access > .access-info-wrap > .access-info > h3:first-child {
	margin-top: 0;
}
.access > .access-info-wrap > .access-info > p {
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 1.6;
	margin-top: 5px;
}
.access > .access-info-wrap > .access-info > p > span {
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 10px 0 0;
	font-weight: bold;
	display: inline-block;
}


.copyright {
	margin-top: 70px;
	height: 50px;
	background-color: #e9dfcf;
	text-align: center;
}
	
.copyright p {
color: #41210f;
	padding-top: 15px;
	font-size: 1rem;
	font-size: 16px;
}
	
}

@media screen and (max-width: 768px) {
body,
td,
th,
input,
textarea {
font-size: 1.4rem;
}
.content img {
width: 100%;
}
.pc {
display: none !important;
}
.sp {
display: block !important;
}
.inner {
margin: 0;
position: relative
}
	

.head {
position: relative;
border-top: solid 10px #41210f;
}	

.head h1 {
    z-index: 999;
	text-align: center;
}
.head h1 img {
	width: 27.34375vw;
	margin-top: 10px;
}
.head-nav {
max-width: 100%;
margin: 0 auto;
font-size: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
background-color: #FFF;
}
.head-nav > li {
	margin:  0 auto;
width: 25%;
}
.head-nav > li img {
width: 100%;
}
.mv {
height: 93.75vw;
/*background: url(../images/mv_sp.jpg) center bottom no-repeat;
background-size:cover;*/
}
#demo-1{
    overflow: hidden;
    width: 100%;
    min-height: 93.75vw;
    background-color: #999;
}	
	
	
.ttl {
	text-align: center;
	margin-top: 12.5vw;
}	
.news, 
.menu, 
.calender, 
.access{
	text-align: center;
}
.news > .ttl img {
	max-width: 31.25vw;
}

.news > .ttl {
	padding-bottom: 4vw;
	border-bottom: dotted 1px #41210f;
	margin: 12.5vw 3.125vw 0;
	
}	
	
dl,dt,dd {
margin: 0;
padding: 0;
}
	
.news .dl_table {
font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
border-bottom: dotted 1px #41210f;
margin: 0 3.125vw;
display: flex;
flex-wrap: wrap;
text-align: left;
font-size: 2.8125vw;
line-height: 1.6;
color: #41210f;
}

.news .dl_table a {
font-weight: bold;
text-decoration: none;
}	

.news .dl_table dt {
font-weight: bold;
width: 0%;
padding: 2.5vw 2.5vw 2.5vw 0;
box-sizing: border-box;
}
.news .dl_table dd {
padding: 	2.5vw 0;
width: 100%;
box-sizing: border-box;
}	

	
	
	
	
	
.concept {
}
.concept > .ttl img {
	max-width: 43.75vw;
}	
.concept > .txt {
	text-align: center;
	margin: 0;
}
.menu > .ttl img {
	max-width: 	28.125vw;
}	
.menu > .cont {
	text-align: center;
	line-height:0;
}
.calender > .ttl img {
	max-width: 	48.4375vw;
}	
.calender > .cont  {
	margin-top: 6.25vw;
}

.iframe-wrap {
	position: relative;
	  margin-top: 30px;
	width: 100%;
	padding-top: 80%; /* = height ÷ width × 100 */
  }
.access > .ttl img {
	max-width: 	38.75vw;
}
.access > .pic  {
	margin: 0;
	padding: 0;
}
.access > .cont  {
	margin-top: 5px;
	padding: 0 4.6875vw;
}
.access > .map  {
max-width: 	100%;
min-width: 	100%;
position: relative;
	margin: 30px auto 0;
	text-align: center;
}

.access > .access-info-wrap {
	max-width: 100%;
	min-width: auto;
	position: relative;
	margin: 0 auto;
	padding: 4.6875vw;
	text-align: left;
	background-color: #eeddcc;
	color: #452301;
}

.access > .access-info-wrap > .access-info {
	position: relative;
	margin: 0 auto;
	padding: 6.25vw;
	text-align: left;
	background-color: #FFF;
	color: #452301;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.access > .access-info-wrap > .access-info > h3 {
	font-weight: bold;
	font-size: 4.0625vw;
	line-height: 1.6;
	margin: 3.125vw 0 0 0;
	border-bottom: #452301 1px dotted;
}
.access > .access-info-wrap > .access-info > h3:first-child {
	margin-top: 0;
}
.access > .access-info-wrap > .access-info > p {
	font-size: 3.125vw;
	line-height: 1.6;
	margin-top: 5px;
}
.access > .access-info-wrap > .access-info > p > span {
	font-size: 3.125vw;
	line-height: 1.6;
	margin: 0 7px 0 0;
	font-weight: bold;
	display: inline-block;
}
.copyright {
	margin-top: 70px;
	height: 50px;
	background-color: #e9dfcf;
	text-align: center;
}
	
.copyright p {
color: #41210f;
	padding-top: 15px;
	font-size: 2.5vw;
}
	

}