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

html {overflow-y:scroll;} /*　画面がカクカクするのを防ぐ　*/

body {
	margin: 0px;
	color:#000;
	font-size: 13.5px;
	font-family: 'Open Sans', sans-serif;
   	background-color: #ffffff;
	position:relative;
	height:100%;
}

h1 {
	margin:0;
	padding:0;
}

p {
	margin: 0px;
}

a {
	text-decoration:none;
	color:#2F2F2F;
}

a:active {
	text-decoration:none;
}

a:visited  {
	text-decoration:none;

}
a:hover    {
	color:#39F;
}

a img:hover {
	opacity:0.75;
}

img {
	border-style:none;
	width:auto; /*ie8 縦伸び対処 */
	max-width : 100% /*レスポンシブ フルードイメージ*/
}

ol, ul, li {
	list-style-type: none;
	margin:0;
	padding:0;
}

.container {
	width:1100px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.clear {
	clear:both;
}

.clearfix { display: inline-table; }  

/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */

.clearfix:after {
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;
}

.smalltext {
	font-size:0.8em;
}

/* ヘッダー */

#header {
	background-color:#3c83c6;
	height:90px;
	padding:30px 0 0 0px;
}

#header h1 {
	margin:0 15px 0 0;
}

#header p {
	color:#FFF;
	font-size:1.5em;
	font-weight:700;
	padding:55px 0 0 0;
}

nav {
	margin:20px 0 0 10px;
	padding:0;
}

nav ul li {
  border-right: solid #fff 1px;
  color: #000;
  cursor: pointer;
  float: left;
  padding:0 20px;
  border-right:1px #666 solid;
  font-weight:bold;
  vertical-align: middle;
}


nav ul li:first-child {/*一番最初の項目だけ適用*/
	padding:0 20px 0 0;
}

nav ul li:last-child {/*一番最後の項目だけ適用*/
	border:none;
}



/* コンテンツエリア */
.imgslider {
	height:400px;
	width:1100px;
	position:relative;
	margin:20px 0 10px 0;
}

ol.flex-control-nav {
	display:none;
}

.btnarea {
	width:100%;
	height:auto;
	padding:0;
	text-align:center;
}

.btnbox {
	float:left;
	width:50%;
	height:auto;
	margin:0;
}

.btnboxlast {
	float:left;
	width:50%;
	height:auto;
	margin:0;
}

.btnbox p,
.btnboxlast p {
	margin:auto;
}

.btnbox p.btntitle,
.btnboxlast p.btntitle {
	font-weight:800;
	height:40px;
}

/* フッター */
#footer {
	background-color:#3c83c6;
	height:auto;
	padding:25px 0;
}

#footer p {
	color:#FFF;
	font-size:1.2em;
	font-weight:600;
	text-align:right;
}

@media screen and (max-width: 1024px) {
	
	
#header h1 {
	margin:0 15px 0 0;
	width:30%;
}

#header p {
	color:#FFF;
	font-size:1.2em;
	padding:55px 0 0 0;
}

.container {
	width:98%;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}

.imgslider {
	height:auto;
	width:100%;
	position:relative;
	margin:40px 0 10px 0;
}

.btnbox {
	width:32%;
	height:auto;
	margin:0 15px 0 0;
	text-align:center;
}

.btnboxlast {
	width:32%;
	height:auto;
	margin:0;
	text-align:center;
}

#footer {
	padding:15px 10px;
}
	

}

@media screen and (max-width: 768px) {

#header h1 {
	margin:0 15px 0 0;
	width:30%;
}

#header p {
	color:#FFF;
	font-size:1.2em;
	padding:30px 0 0 0;
}

.container {
	width:98%;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}

.imgslider {
	height:auto;
	width:98%;
	position:relative;
	margin:40px 0 10px 0;
}

.btnbox {
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	text-align:center;
	border-bottom:#ccc 1px solid;
}

.btnboxlast {
	width:100%;
	height:auto;
	margin:0;
	text-align:center;
}

#footer {
	padding:15px 10px;
}

@media screen and (max-width: 480px) {
	
	
#header {
	background-color:#3c83c6;
	height:120px;
	padding:10px 0 0 0;
}

#header h1 {
	width:60%;
	margin:0 auto;
	float:none;
	text-align:center;
}

#header p {
	color:#FFF;
	font-size:1em;
	padding:0 10px;
	text-align:center;
}

nav {
	display:none;
}

.imgslider {
	height:auto;
	width:100%;
	position:relative;
	margin:10px auto;
}

.container {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}

.btnarea {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
}


.btnbox {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	border-bottom:#ccc 1px solid;
}

.btnboxlast {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}

.btnbox img.btnimg,
.btnboxlast img.btnimg {
	width:80%;
}

#footer p {
	color:#FFF;
	font-size:1em;
	text-align:right;
}

	
}