@charset "UTF-8";

/* -----------------------------------------------
FileName: base.css
----------------------------------------------- */
/* float解除用 */
.clearfix:after {  content: " "; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

html,body{
    height:100%;
}
body {
	margin: 0;
	padding: 0;
	color: #;
	font-size: ;
	text-align: left;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック', Osaka,'ヒラギノ角ゴ Pro W3';
	height: 100%;
	letter-spacing:0px;
}
*html body {
	text-align:center;
}
*html div{
	text-align:left;
}
html, h1, h2, h3, h4, h5, dl, dt, dd, li, ul, ol, form, div, img, table, td, th, tr,p{
	margin: 0;
	padding: 0;
	text-align:left;
}
form{
	display: inline;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
img {
	border: none;
	vertical-align:bottom;
}
a img {
	border: none;
    outline:none;
}

.sp-n{display:none;}


#sp-top{background:#00345B;margin-bottom:20px;padding-bottom:20px;}
#sp-top h1{text-align:center;color:#fff;font-size:1.8em;}
#sp-top h2{text-align:center;color:#fff;font-size:1.2em;font-weight:normal;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:5px 0;
}
#logo{width:80%;padding:10%;}

#header-btn-wrap{
  position:absolute;right:2%;top:70px;
}
#header-btn{
  background:#B70031;
  color:#fff;
  border:none;
  position:relative;
  width:220px;
  font-size:1.2em;
  padding:5px 0;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  text-align:center;
  
}
#header-btn:hover{
  background:#fff;
  color:#B70031;
}
#header-btn:before,#header-btn:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #B70031;
  transition:400ms ease all;
}
#header-btn:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
#header-btn:hover:before,#header-btn:hover:after{
  width:100%;
  transition:800ms ease all;
}

#content-top{
width:100%;
margin:20px auto;
}

#content-top ul a{text-decoration:none;}

#content-top ul li{
width:94%;
margin-bottom:20px;
padding:1%;color:#333;
margin-left:2%;
}

#content-top ul li:hover{background:#00345B;color:#fff; transition:400ms ease all;
}
#content-top ul li div{
border:1px solid #555;width:96%;padding:2%;
}

#content-top ul li:hover div{border:1px solid #fff;}
#content-top ul li:hover p{border-top:1px solid #00345B;border-bottom:1px solid #00345B;}
#content-top ul li div img{width:100%;}

#content-top ul li p{
text-align:center;margin-top:10px;border-top:1px solid #555;border-bottom:1px solid #555;padding:5px 0;font-weight:bold;
}

#top-news-wrap{width:100%;background:#C5D8E2;}
#top-news{width:100%;margin:0 auto;padding:30px 0;}
#top-news h1{text-align:center;padding:10px 5px;font-size:1em;
background:#195E89;color:#F5EFE0;
border-left:10px solid #B60031;
border-right:10px solid #B60031;
}

#top-news ul a{text-decoration:none;}
#top-news ul li{
width:96%;
padding:5px 1%;
margin:20px auto;
background:#fff;
}

#top-news ul li:hover{
background:#fff;
transition:400ms ease all;
}
.top-news-date{padding:2px;color:#555;font-size:0.8em;font-weight:bold;}
.top-news-cat{text-align:right;background:#555;color:#fff;font-size:0.8em;padding:2px;}
.top-news-ttl{font-size:1.4em;padding:5px 0;color:#555;}
.top-news-text{font-size:0.8em !important;color:#555;}


#footer-wrapper{
width:100%;
background:#00345B;
color:#fff;
}

#footer{
width:100%;
margin:0 auto;
padding:20px 0;
font-size:0.8em;
}

#footer ul{padding:0 10px;}
#footer ul a{text-decoration:none;}
#footer ul li{padding:12px 7px;color:#fff;text-align:center;
border-bottom:1px solid #fff;
}
#footer ul li:first-child{
border-bottom:1px solid #fff;
}
#copyright{text-align:center;background:#001728;padding:10px;font-size:0.8em;}




/* content */
#content{
width:98%;
padding:90px 1% 40px 1%;
margin:0 auto;
}

#content h1{color:#B70031;margin-bottom:10px;}
#content h2{color:#F8FDEC;background:#B70031;padding:5px;font-size:1.2em;}
#content h3{color:#B70031;padding:5px;font-size:1.2em;}
#content p{color:#555;padding:5px;font-size:0.9em;line-height:2.0em;margin-bottom:10px;}

/*Introduce */
label{
    background:#235C88;
    color: #fff;
    padding: 5px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}
label:hover{background:#13334b;}
label:before{content:"→";padding-right:20px;}
input[type="checkbox"].on-off{
    display: none;
}

.intro-menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.intro-menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 1350px;
}

.intro-menu ul li table{}
.intro-menu ul li table tr td{border:1px solid #19415f;padding:5px;color:#19415f;}
.intro-menu ul li table tr td:first-child{border:1px solid #19415f;background:#19415f;color:#fff;}