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

/* reset */
html,body,div,span,iframe,
h1,h2,h3,h4,h5,h6,p,
a,address,em,img,small,strong,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,
article,header,nav,section,footer {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
article,aside,footer,header,nav,main,section {
	display: block;
}
ul,ol {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
address,em,i {
	font-style: normal;
}
img {
	vertical-align: bottom;
}
a {
	text-decoration: none;
}

/*common*/
body {
	font: 1rem / 1.5 "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Meiryo","メイリオ","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
	color: #565656;
}
.inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.material-icons {
	vertical-align: -0.2em;
}

.cf {
	display: block;
}
.cf::after {
	content: "";
	display: block;
	clear: both;
}

/*header*/

body {
	font-family: "Noto Serif JP", serif;
	margin:auto;
}

header {
	background: #565656;
	padding: 10px 30px;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
}
#title img {
	margin: 0px 15px 0px 0px;
	float: left;
}
#title a{
	color:#fff;
}
#title p {
	font-size: 0.75rem;
	white-space:nowrap;
}
#title em{
	font-size: 1.5rem;
	font-family: "Noto Serif JP", serif;
	font-weight: bold;
}
header nav li{
	display: inline-block;
	margin-right:25px;
}
header nav a{
	font-size: 0.75rem;
	color: #FFF;
}
.material-icons {
	vertical-align: -0.2em;
}
nav .material-icons{
	font-size: 1.25rem;
	margin-right: 10px;
}
nav a:hover {
	text-decoration: underline;
}

h1 {
	background: url(../images/mv.png) no-repeat center / cover;
	box-sizing:border-box;
	text-shadow: 0 0 10px rgba(0,0,0,.8);
	color: #FFF;
	text-align: center;
	height: 628px;
	padding-top: 240px;
	padding-bottom: 50px;
	margin-bottom: 50px;
	font-size: 3rem;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.15em;
}


h1 span{
	display:block;
	font-size:1.25rem;
}
h1 span::after{
	content:"";
	background:#FFF;
	vertical-align: middle;
	display: inline-block;
	height: 1px;
	width: 6em;
	margin-left: 1em;
}

h1 em{
	font-size:4.5rem;
	font-weight:bold;
}
.inlink{
	display:flex;
	align-items:stretch;
	padding-bottom: 100px;
	justify-content:center;
}
.inlink ul{
	margin:auto;
}
.inlink li{
	flex:1;
	display: inline-block;
	border-right: 1px solid #cdcdcd;
	allign-items:strech;

}
.inlink li:nth-child(4){
	border-right:none;
}
.inlink li span{
	font-size: 0.75em;
	color: #cdcdcd;
	display: block;
	text-align: center;
}
.inlink a{
	color: #565656;
	line-height: 1.8;
	display: block;
	letter-spacing: 0.05em;
	padding: 10px 9px;
	text-align:center;
	transition:-webkit-transition: background-color 0.5s ease-in-out;
	-moz-transition: background-color 0.5s ease-in-out;
	
}
.inlink a:hover{
	background-color:#dcfcdc;
}
h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 80px;
	padding-top: 20px;
	line-height: 1.4;
	letter-spacing: 0.15em;
}
h2 span{
	font-size:1rem;
	color: #cdcdcd;
	display: block;
}
section {
	margin-bottom: 100px;
}
section:nth-child(odd) figure{
	float:right;
	margin: 0px 0px 30px 25px;
}
section:nth-child(even) figure{
	float:left;
	margin: 0px 25px 30px 0px;
}
section:nth-child(odd) .text-outer{
	float:left;
}
section:nth-child(even) .text-outer{
	float:right;
}
figure{
	width: 400px;
}
figcaption {
	text-align: center;
	color: #aaa;
	padding-top: 10px;
}
.text-outer{
	width: 555px;
	margin-bottom: 30px;
}
.lead {
	font-size: 2rem;
	background: url(../images/bg_lead.png) no-repeat center /contain;
	margin-bottom: 40px;
	padding-bottom: 20px;
	text-align: center;
	text-indent: 0;
}
section p{
	text-indent: 1em;
	line-height: 1.75;	
}
section p+p {
	margin-top: 20px;
}
#plan {
	clear:both;
}
.link{
	text-indent: 0;
	text-align: center;
	margin-top: 50px;
}
.link a{
	color: #000;
	background-color: #f1f1f1;
	padding: 10px 20px;
	display:inline-block;
}
table{
	border-spacing:20px 0;
	clear: both;
	margin:auto;
	width:100%;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
caption{
	font-size:1.25rem;
	font-weight:bold;
	margin-bottom:20px;
}

tbody th,tbody td{
	text-align: left;
	border-bottom: 1px solid #eaeaea;
	font-size: 0.875rem;
	padding: 20px 0px 20px 2em;
}
tr:first-child th,tr:first-child td{
	border-top: 1px solid #eaeaea;
}
th{
	width: 15em;
	white-space: nowrap;
}
tfoot td{
	font-size: 0.625rem;
	color: #aaa;
	text-align:right;
	border:none;
}
#location {
	clear:both;
}
dl{
	display: inline-block;
	clear: both;
	color: #cdcdcd;
	font-size: 0.75rem;
	text-height: 1.75;
	border: 1px solid #cdcdcd;
	padding: 20px 50px 30px;
	line-height: 1.75;
}
dt,dd{
	margin-top:10px;
	float: left;
}
dt{
	font-weight: bold;
	width: 10%;
}
dd{
	width:90%
}
iframe {
	width:100%;
	height:320px;
	display:block;
	margin:40px 0px;
}
td {
	text-indent: 1;
}
table li {
	list-style-type: disc;
}
.tell-outer {
	margin-top: 30px;
}
.tell-outer a {
	color: #333;
	letter-spacing: 0.1em;
}
.tell-outer .material-icons {
	font-size: 2rem;
}
.tell-outer strong   {
	padding-left: 10px;
	font-size: 2.5rem;
	font-weight: bold;
}
.tell-outer {
	text-align: center;
}
footer {
	background: #dcfcdc url(../images/bg_city.png) no-repeat center top;
	margin-top: 100px;
	padding-top: 100px;
}
#footer_title {
	font-family: "Noto Serif JP", serif;
	color: #333;
	background: #dcfcdc;
	text-align: center;
	padding: 100px 0px 10px;
}


.tell-outer p{
	text-align:center;
}

#contact ul{
	width: 680px;
	display: flex;
	justify-content: space-between;
	margin: 0px auto 40px;
}
#contact ul li{
	width:48%;
	border:solid 1px #333;
	padding:20px 0.5em 20px 0px;
}
#contact ul a{
	color:#333;
	text-align:center;
	font-size:1.25rem;
	display:block;
}
aside{
	display:flex;
	align-items:center;
}
h3{
	font-size:1.75rem;
	flex-basis:20%;
}
aside ul{
	flex-basis:80%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

aside li{
	flex-basis:32%;
}
aside a{
	display: block;
	text-align: center;
	color: #333;
	background-color: #f1f1f1;
	border: solid 1px #f1f1f1;
	padding-top: 10px;
	padding-bottom: 0px;
}