@charset "utf-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html,body {
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
}

a {
	color:#c1272d;
}

.sp {
	display:none;
}

.pc {
	display:inherit;
}

/*main*/
#main {
	width:100%;
	background: url(../img/main.jpg) center 50%;
	background-size:cover;
	text-align: center;
	height:800px;
	transition: 0.3s;
}

#main .logo {
	width:255px;
	height:255px;
	margin-top:263px;
	transition: 0.3s;
}

/*about*/
#about {
	background: #fff url(../img/about_bg.jpg) center top repeat-x;
	text-align: center;
}

#about div {
	display:flex;
	flex-direction: row-reverse;
	max-width:1000px;
	margin: 0 auto;
	padding:80px 0 50px;
	transition: 0.2s;
}

#about h2 img{
	width:70px;
}

#about div p {
	margin: 45px 46px 0 0;
}

#about div p img{
	width:435px;
}

#about ul {
	width:1000px;
	height:405px;
	margin:0 auto 100px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

/*footer*/
footer {
	display: flex;
}

#data {
	background-color:#e6ac20;
	width:50%;
	height:408px;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}

#data h2 {
	margin:50px 0 0 0;
}

#data h2 img{
	width:71px;
}

#data div {
	width:381px;
	font-size:15px;
	line-height: 1.6;
	font-family: Roboto,san-serif;
	color:#fff;
	margin:50px 0 0 48px;
}

#data div div {
    width: auto;
    margin: 10px 0 ;
}

.time_table dt:before {
	content: '・';
}

#map {
	width: 50%;
}
#map_canvas {
	height: 408px;
}

/*copyright*/
#copyright {
	color:#999;
	text-align:center;
	font-size:11px;
	margin:20px 0 30px;
}