@charset "utf-8";

/* header
================================================== */

.hed_imgbox{
 padding-top : 0px;
 padding-left : 0px;
 padding-right : 0px;
 padding-bottom : 0px;
 margin-top : 0px;
 margin-left : 0px;
 margin-right : 0px;
 margin-bottom : 0px;
 width : 100%;
}
.hed_imgbox img{
 vertical-align : bottom;
}
.hed_imgbox p img{
 border-width : 0px;
 width : 100%;
 padding-top : 0px;
 padding-left : 0px;
 padding-right : 0px;
 padding-bottom : 0px;
 margin-top : 0px;
 margin-left : 0px;
 margin-right : 0px;
 margin-bottom : 0px;
}
.hed_top_imgbox{
 padding-top : 0px;
 padding-left : 0px;
 padding-right : 0px;
 padding-bottom : 0px;
 margin-top : 0px;
 margin-left : 0px;
 margin-right : 0px;
 margin-bottom : 0px;
 width : 100%;
 height : auto;
 display : inline-block;
 position : relative;
}

.hed_top_imgbox img{
 border-width : 0px;
 width : 100%;
}
/*
追加分
*/
.clearfix::after{
 content:".";display:block;
 clear:both;height:0;
 visibility:hidden;
}
.clearfix{
 min-height:1px;
}
* html .clearfix{
 height:1px;
}

#hpb-header{
 position: fixed;	/*20211230追加*/
 top:0;	/*20211230追加*/
 background-color: rgba(255,255,255,0.9);	/*20211230追加*/
 width:100%;
 z-index : 100;
}
.hed_top_logobox{
	float:left;
	background : transparent url(img/header.jpg) no-repeat scroll center center;
	width:245px;
	height:55px;
}
.hed_top_logobox img{
	border-width : 0px;
	width : 100%;
	max-height:193px;
}
#menu_button{
	float:right;
	background:url(img/menu_sp_btn.png) no-repeat center center;
	-moz-background-size:cover;
	background-size:cover;
	width:54px;
	height:55px;
}
	
#hpb-header .nav{
 display: none;
	position:absolute;
	right:0px;
	top : 55px;
	color : rgb(255, 255, 255);
	width : 100%;
	background-color : rgba(6,149,185,.9);
  transition: .2s
	margin-left:auto;
	z-index:100;
 text-align : center;
}
#hpb-header nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#hpb-header nav ul li{
	border-bottom : 1px dotted rgb(255, 255, 255);
	text-align : center;
	padding : 14px 10px 11px;
 font-size : 22px;
}
#hpb-header nav ul li a{
	color : rgb(255, 255, 255);
	text-decoration:none;
}
#hpb-header nav ul li a:hover{
	color : rgb(250, 207, 5);
	text-decoration:none;
}

.headline{
	padding:0;
	margin:0;
	border-top-width : 2px;border-right-width : medium;border-bottom-width : medium;border-left-width : medium;border-top-style : solid;border-right-style : none;border-bottom-style : none;border-left-style : none;border-top-color : rgb(236, 98, 3);
	
}
.hed_imgbox p{
 padding-top : 0px;
 padding-left : 0px;
 padding-right : 0px;
 padding-bottom : 0px;
 margin-top : 0px;
 margin-left : 0px;
 margin-right : 0px;
 margin-bottom : 0px;
}