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



/*スマホcss*/
@media screen and (max-width: 896px){

#top-head{
    padding: 0;
    box-sizing: border-box;
    display: flow-root;
    height: 60px;
    position: relative;
}
.logo{
    font-size: 20pt;
    position: absolute;
    top: 5px;
    left: 10px;
	margin: 0;
}
.logo img{
    max-height: 50px;
    width: auto;
}
.header_in{
    width: 100%;
}
.menu-item{
    text-align:left;
    }

.child{
}
    
.slide_box{
    width: 100%;
}

.copy{
	font-size:70%;
	text-align:center;
}
footer h3 img{
    width: 40%;
}
.breadcrumbs{
	margin-top:0;
    display: none;
}
section{
	margin-bottom:40px;
}
#slide_menu{
    width: 100%;
    background: #009d00;
    border-top: solid 1px #FFF;
}
    
#slide_menu a:first-child {
    width: 75%;
}
#slide_menu a:last-child {
    width: 25%;
}
#slide_menu img{
    width: 100%;
    height: 100%;
}
#page_top {
	z-index:9999;
    right: 10px;
}
#page_top a img{
	height: auto;
	width: 40px;
}


.single h1{
	font-size:120%!important;
}
section h2, .index h2{
	font-size:160%!important;
}
section h3, .index h3{
	font-size:120%!important;
}
section h4{
	font-size:110%;
}
table {
    border-collapse: collapse!important;
    border-spacing: 0!important;
}
.sp_center{
    text-align: center;
}
 
.table_box{
    overflow: auto;
}
.table_box:before, .table_box:after{
    content: "※横にスクロールできます。";
    margin-bottom: 10px;
    display: block;
}
.table_box table{
    width: 650px;
}
.table01 th{
    width: 35%;
}
iframe{
	height: 300px;
}
	
/* sp */

.main_bottom img{
	margin-bottom: 20px;
}

.pagetitle{
	background-size: auto 80%;
	height: 150px;
	font-size: 180%;
	margin-bottom: 0;
	padding-top: 50px;
}

#page_top a {
	width: 60px;
	height: 60px;
	line-height: 63px;
    border: solid 2px #e9f7fe;
	font-size: 80%;
}	
}/* sp end */