@charset "utf-8";

.sp{
display: block !important;
}
.pc{
display: none !important;
}
#wrapInner{
width: 90%;
margin: 0 auto;
}
h2.h2{
margin-top: 40px;
}

/* header menu
-------------------------------------*/
body{
position:relative;
}
header{
padding-top:80px;
}
header #menu{
position: fixed;
top: 0;
right: -300px;
width: 200px;
height: 100%;
font-size:14px;
background: #87ABD2;
z-index:2;
}
header #menu ul{
padding-top:60px;
}
header #menu ul li{
display: block;
position: relative;
}
header #menu ul li a{
padding:4px 10px;
color: #FFF;
display: block;
text-decoration: none;
border-bottom:1px dotted #FFF;
}
header #menu ul li a.active{
	color: #014FA2;
	font-weight: bold;
}
header .slide-menu-button{
position:fixed;
top:12px;
right:0;
padding:10px;
outline: none;
border: none;
color: #2B7396;
font-size: 20px;
cursor: pointer;
z-index:12;
}
header .slide-menu-button .menu-icon {
display: block;
margin:10px;
float: left;
cursor: pointer;
}
header .slide-menu-button .menu-icon:active{
transform: rotate(90deg);
}
header .slide-menu-button .menu-icon span {
display: block;
width: 30px;
height: 4px;
background: #014FA2;
margin-bottom: 4px;
}

/* twitter
-------------------------------------*/
.twitter{
    width:100%;
    height:350px;
    margin-bottom:30px;
    overflow-x:scroll;
    border:1px solid #ccc;
    -webkit-overflow-scrolling:touch;
}
.sns_banner a{
    width:80%;
    margin:0 auto;
}
/* footer
-------------------------------------*/
#fixed{
width: 100%;
position: fixed;
bottom: 0;
}
footer{
}
footer .pagetop{
	background:#87ABD2;
	padding: 10px 0;
	text-align: center;
}

.headingBlock01{
background: #014FA2;
color: #fff;
width: 100%;
text-align: center;
font-size: 30px !important;
padding: 0.25em 0;
}


.index-3{
	    color: #fff;
}