@charset "UTF-8";



/*comwareのヘッ�?ーの追記ソース*/

/*==[ headBlock ]========================================*/
#headBlock {position: relative; width: 100%;	max-width: 980px;	margin: 0 auto; padding: 0 0 10px 0;}
#headBlock:after {display: block;	clear: both;	content: "";}
#headBlock a {display: block;}
#headBlock dl {/*- navigation 02 -*/ position: absolute; left: -9999px;}
#headBlock kbd {/*- accesskey kbd -*/	position: absolute;	left: -9999px;}

/*==[ headSubNavigation ]========================================*/
#headSubNav {float: right;}
#headSubNav ul {zoom: 1;}
#headSubNav ul:after {	display: block; clear: both;	content: "";}
#headSubNav ul li {float: left;}
#headSubNav ul li a {	padding-left: 10px;	background: url(../../common/img/ico_arrow_01.png) no-repeat 0 3px;}
#headSubNav ul li + li {	margin-left: 15px;}

@media screen and (max-width: 1000px) {
#headBlock {width: 98%; padding: 0 1% 18px 1%;}
}
@media screen and (max-width: 768px) {
#headSubNav ul {margin-top: 6px;}
#headSubNav ul li + li {	margin-left: 10px;}
}
@media screen and (max-width: 480px) {
#headSubNav {float:none; display:table; margin:0px auto; padding-top:12px;}
}





#icon-hamburger {background:#fff; border:1px solid #ccc; cursor:pointer; height:40px; position:absolute; width:40px; display:none; margin-bottom:0.4em; left:5px; top:0px;;}
#icon-hamburger span {background: #cccccc; display: block; height: 16%; left: 50%; margin: -8% 0 0 -42%; position: absolute; top: 50%; width: 84%;}
#icon-hamburger span::before,
#icon-hamburger span::after {background: #cccccc; content: ""; display: block; height: 100%; left: 50%; margin: -8% 0 0 -50%; position: absolute; top: 50%; width: 100%;}
#icon-hamburger span::before {margin-top: -38%;}
#icon-hamburger span::after {margin-top: 19%;}

.secName .secName_ttl h1 {padding: 40px 0px; color: #007871; font-weight: normal; font-size: 102.571% !important; background-image: url(../img/ttl_kv.jpg); background-size:auto; background-position-x: 100%; background-repeat: no-repeat;}
.secName .secName_column-ttl h1 {padding: 30px 0px; color: #007871; font-weight: normal; font-size: 28px !important; line-height: 1.3em; background-image: url(../img/ttl_kv.jpg); background-size:cover; background-position-x: 100%; background-repeat: no-repeat;}



/*==[ headSection ]========================================*/
#headSection {margin-top: 2px;	width: 65%;	float: left;}
#headSection:after {display: block;	clear: both;	content: "";}
#headSection:after {display: block;	clear: both;	content: "";}
#headSection h1, #headSection h2 {float: left;}
#headSection h2 {margin-top: 12px;	margin-left: 14px;	padding-left: 11px;	background: url(../../common/img/head_ttl_02.gif) no-repeat;}

/*==[ headSearch ]========================================*/
#headSearch {margin-top:7px; float:right;}
#headSearch:after {display:block; clear:both; content: "";}
#headSearch input#hdBrKeyword {display:inline;	width:200px;	height:27px;	padding:0 0 0 6px !important;	float:left;	background-color:#d9d9d9;	border:none !important;	vertical-align:middle;	line-height:27px !important;}
#headSearch input#hdSubmit {	position:relative;	top:auto;	left:auto;	border-left:none;	float:left;}

/*==[ headNav ]========================================*/
#headNav {width:100%;	height:44px; background-color:#333333; border-bottom:solid 2px #1c8d84; margin:0; position:relative;}
#headNav ul {width: 981px; height: 46px; background-color: #cccccc; margin: 0 auto; display: flex;}
#headNav ul li {flex-flow: row nowrap; width:200px; font-size:14px; border-left: solid 1px #999999; text-align: center;}
#headNav ul li:last-child {border-right: solid 1px #999999;}
#headNav ul li a {display: block; height: 30px; background-color: #333333; border-bottom:solid 2px #1c8d84; padding-top: 14px;}
#headNav ul li a:link {color: #ffffff;text-decoration: none;}
#headNav ul li a:visited {color: #ffffff;text-decoration: none;}
#headNav ul li a:hover {color: #ffffff; background-color: #555555;text-decoration: none;}

@media screen and (max-width: 980px) {
.secName .secName_ttl h1 {padding: 40px 6px; font-size: 102.571% !important;}
.secName .secName_column-ttl h1 {padding: 30px 6px; font-size: 28px !important;}

#headNav ul {width: 100%;}
#headNav ul li {width:auto; flex: 1 0 auto;}
}
@media screen and (max-width: 768px) {
.secName .secName_ttl h1 {padding: 35px 6px; font-size: 82.571% !important;}
.secName .secName_column-ttl h1 {padding: 25px 6px; font-size: 24px !important;}
#headSection {width:42%;}
#headSection h1, #headSection h2 {float:none;}
#headSection h1 img {width: 219px; height:auto;}
#headSection h2 {margin-top: 6px;	margin-left:20px;	padding-left: 0; background:none;}
#headSection h2 img {width: 200px; height:auto;}
#headSearch {margin-top:12px;}
#headSearch input#hdBrKeyword {width:190px;}
}
@media screen and (max-width: 480px) {
#icon-hamburger {display: inline-block;}
.secName .secName_ttl h1 {padding: 30px 6px; font-size: 82.571% !important; background:none;}
.secName .secName_column-ttl h1 {padding: 20px 6px; font-size: 20px !important;}
#headSection {width:100%;}
#headSection h1, #headSection h2 {float:none; text-align:center;}
#headSection h1 img {width:60%; height:auto;}
#headSection h2 {margin-top:4px;	margin-left:0;	padding-left: 6px;}
#headSection h2 img {width:50%; height:auto;}
#headSearch {margin-top:12px; float:none; width:76%; padding:0 12%;}
#headSearch form {width:100%;}
#headSearch input#hdBrKeyword {width:86%;}
#headNav {height: 220px; display:none;}
#headNav .menu {position:absolute; display:block; width:100%;}
#headNav .menu .menu-item a {border-bottom:1px solid #ccc; border-right:none;}
#headNav .menu .menu-item:last-child a {border-bottom:none;}
}
header#headerArea {width: 100%;padding-top: 16px;}