/* ----------------------------------------------------
リセット
----------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* -----------------------------------------------------
セット
----------------------------------------------------- */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
    -webkit-box-sizing: border-box; /*paddinngやボーダーなどをwidthに含める設定*/
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html,body {
height:100%; /* フッター下部固定用 */
font-style:normal;
font-family:'Noto Sans Japanese',"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
color:#000000;
line-height:1.3em;
font-weight: 300;
zoom:1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link    {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover   {color:#0000ff; text-decoration:underline;}
a:active  {color:#ff8000; text-decoration:none;}

/* ------ clearfix ------ */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;} /* For IE 6/7 (trigger hasLayout) */


/* -----------------------------------------------------
共通
----------------------------------------------------- */

.fw200 {font-weight: 200;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}


/* -----------------------------------------------------
デザイン
----------------------------------------------------- */
/****************************************
  フッター下部固定用
*****************************************/
#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
#contents{
     padding-bottom:140px; /*フッターの高さと同じ*/
}
footer{
    height:120px;
     position:absolute;
     bottom:0;
     font-size:80%;
     font-weight:500;
}


/****************************************
  レイアウト
*****************************************/

header {
width:100%;
height:530px;
background:#eeeeee;
padding-bottom:30px;

}

#header_box {
width:1000px;
height:66px;
margin:0 auto;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-between;
background:#fff url('../img/hd_bg.jpg') repeat-x bottom left;
}

#header_box h1 {
width:510px;
padding:0 5px;
}

#header_box p {
width:490px;
padding:3px 5px;
text-align:center;
}


#header_box p img {
width:468px;
border:1px solid #fff;
}


#contents{
position:relative;
padding:30px;
padding-bottom:140px;
}

#con_box{
width:1000px;
margin:0 auto;
}

footer {
width:100%;
border-top:1px solid #cccccc;
}

#foot_box {
width:1000px;
margin:0 auto;
padding-top:10px;
text-align:center;
font-size:90%;
}



/****************************************
  レスポンシブメニュー
*****************************************/
#container {
	max-width: 1000px;
	min-width: 320px;
	margin: 0 auto;
}
#navi {
	position: relative;
	margin: 1em 0;
	height: 20px;
	font-size:80%;
}
#menu {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
}
#menu li {
	float: left;
	width: 16.6%;
	text-align: center;
	border-right:1px solid #cccccc;
}

#menu li:nth-of-type(1) {
	border-left:1px solid #cccccc;
}


#menu li a {
	background: none;
	color: #555555;
	display: block;
	margin: auto;
	line-height:30px;
	text-shadow: -1px 1px rgba(255, 255, 255, 0.8);
}
#menu li a:hover {
	background: #1f23a1;
	color: #ffff00;
	text-decoration:none;
	text-shadow: none;

	
}
#menu li a:active {
	color: #5687F8;
}
#menu {
	display: none;
}

/*600px*/
@media screen and (min-width : 600px) {
	body {
		margin: 0;
	}
	#content {
		margin: 0;
	}
	#menu {
		display: block;
	}
	.slicknav_menu {
		display: none;
	}
}

/****************************************
  jquery.scrollButton.css
*****************************************/

.fadeTopBtn a {
    background-color: #000;
    display: block;
    padding: 10px 15px;
    color: #fff;
}

/****************************************
   jquery.wideslider.js 
*****************************************/

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/****************************************
  デザイン
*****************************************/

#con_box section h2 {
width:90%;
margin:0 auto;
font-size:150%;
font-weight: 700;
line-height:40px;
padding-left:10px;
border-left:5px solid #1f23a1;
border-bottom:1px solid #1f23a1;
margin-bottom:40px;
}

#con_box p {
width:80%;
margin:0 auto;
font-size:110%;
line-height:1.5em;
margin-bottom:30px;
}

.s00bg {background:#fff url('../img/s00bg.jpg') no-repeat right bottom;}
.s01bg {background:#fff url('../img/s01bg.jpg') no-repeat right bottom;}
.s02bg {background:#fff url('../img/s02bg.jpg') no-repeat right bottom;}
.s03bg {background:#fff url('../img/s03bg.jpg') no-repeat right bottom;}
.s04bg {background:#fff url('../img/s04bg.jpg') no-repeat right bottom;}
.s05bg {background:#fff url('../img/s05bg.jpg') no-repeat right bottom;}
.s06bg {background:#fff url('../img/s06bg.jpg') no-repeat right bottom;}

aside {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:center;
margin:25px 0 ;
}

aside p {
margin-left:10px;
width:320px;
padding:10px;
border-radius: 20px;         /* CSS3 */
-moz-border-radius: 20px;    /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
border: 2px #bbbbbb dashed;
background: #eeeeee;
text-align:center;
}


/************************
メディアクエリ設定 0～600（モバイル）
************************/
@media screen and (min-width: 0px) and (max-width: 600px) {

html,body {
font-family:"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}

.pagination {
	bottom: -20px;
}


header {
width:100%;
height:400px;
padding-bottom:30px;
background:#fff url('../img/hd_bg.jpg') repeat-x top left;

}

#header_box {
width:100%;
margin:0 auto;
display:inline;
}

#header_box h1 {
width:100%;
padding:0 5px;
}

#header_box h1 img {
width:100%;
}

#header_box p {
width:100%;
padding:3px 5px;
text-align:center;
}

#header_box p img {
width:100%;
border:1px solid #fff;
}

#contents{
position:relative;
padding:30px;
padding-bottom:140px;
}

#con_box{
width:100%;
margin:0 auto;
}

footer {
width:100%;
border-top:1px solid #cccccc;
}

#foot_box {
width:100%;
margin:0 auto;
padding-top:10px;
text-align:center;
font-size:90%;
}

/****************************************
  デザイン
*****************************************/

#con_box section {
width:100%;
}

#con_box section h2 {
width:99%;
margin:0 auto;
font-size:150%;
font-weight: 700;
line-height:40px;
padding-left:10px;
border-left:5px solid #1f23a1;
border-bottom:1px solid #1f23a1;
margin-bottom:40px;
}

#con_box p {
width:98%;
margin:0 auto;
font-size:110%;
line-height:1.5em;
margin-bottom:30px;
}

.s00bg {background:#fff url('../img/s00bg.jpg') no-repeat center bottom;}
.s01bg {background:#fff url('../img/s01bg.jpg') no-repeat center bottom;}
.s02bg {background:#fff url('../img/s02bg.jpg') no-repeat center bottom;}
.s03bg {background:#fff url('../img/s03bg.jpg') no-repeat center bottom;}
.s04bg {background:#fff url('../img/s04bg.jpg') no-repeat center bottom;}
.s05bg {background:#fff url('../img/s05bg.jpg') no-repeat center bottom;}
.s06bg {background:#fff url('../img/s06bg.jpg') no-repeat center bottom;}

aside {
margin:0 auto;
display:inline;
}

aside p {
width:90%;
margin:0 auto;
padding:10px;
border-radius: 20px;         /* CSS3 */
-moz-border-radius: 20px;    /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
border: 2px #bbbbbb dashed;
background: #eeeeee;
text-align:center;
}

































}