@charset "utf-8";
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
}
/*-----------------------------------------------------
base
------------------------------------------------------*/
p {
	line-height:1.7;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
/*-----------------------------------------------------
#header
------------------------------------------------------*/
#header {
	width: 100%;
  border-bottom: 1px solid #472b19;
}
#header .flex {
	width: 1000px;
  margin: 0 auto;
}
.header_inner_left {
	width: 55%;
  margin: 20px 0;
}
.header_inner_left img {
	width: 100%;
}
.header_inner_right {
	width: 42%;
  text-align: right;
}
.header_inner_right ul {
	margin-top: 90px;
}
.header_inner_right ul li {
	display: inline-block;
  margin-left: 20px;
}

/*-----------------------------------------------------
contents 
------------------------------------------------------*/
.eyecatch li {
  display: none;
}
.bx-viewport .eyecatch li {
  display: block !important;
}
#contents {
	width: 1000px;
	margin: 50px auto 0;
}
#contents .flex {
	margin-bottom: 70px;
}
.contents_inner_left {
	width: 47%;
}
.iframe_inner {
	height: 400px;
  background: #00ada9;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.contents_inner_right {
	width: 49%;
}
#about {
	width: 100%;
	margin-bottom: 70px;
	padding: 25px;
	background: #e6e5e5;
	border: 1px solid #472b19;
}
.about_inner_left {
	width: 25%;
}
.about_inner_right {
	width: 70%;
}
.about_inner_right h3 {
  margin-bottom: 10px;
	font-size: 18px;
  font-weight: bold;
}

/*-----------------------------------------------------
footer
------------------------------------------------------*/
.footer_btn {
	width: 100%;
}
.footer_btn a {
	width: 32%;
  display: block;
}
.footer_btn a img {
	width: 100%;
}
footer {
	width: 100%;
	margin-top: 70px;
	padding: 20px 0;
	background: url(../img/footer_bg.jpg) top center repeat-x;
	background-color: #e6e5e5;
  text-align: center;
}
small {
	font-size: 12px;
}